@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);.auth-bg-container{align-items:center;background:#05050f;box-sizing:border-box;display:flex;font-family:Inter,sans-serif;justify-content:center;min-height:100vh;padding:20px}.shape{display:none}.auth-card{background:#0b0b1a;border:1.5px solid #a855f7;border-radius:16px;box-shadow:0 0 20px #a855f766,0 0 40px #a855f733,inset 0 0 10px #a855f733;display:flex;flex-direction:row-reverse;margin:0 auto;min-height:480px;overflow:hidden;position:relative;width:min(92vw,840px)}.auth-card:after,.auth-card:before{display:none}.right{align-items:center;background:#0000;flex:1.1 1;flex-direction:column;padding:40px;z-index:2}.left,.right{display:flex;justify-content:center;position:relative}.left{align-items:flex-start;background:linear-gradient(135deg,#2a0a4a,#6a1bbf);clip-path:polygon(20% 0,100% 0,100% 100%,0 100%);color:#fff;flex:1 1;flex-direction:column;margin-left:-50px;padding:40px 40px 40px 80px;text-align:left;z-index:1}.left:after,.left:before{display:none}.badge{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff1a;border-radius:50px;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:20px;padding:6px 12px}.left h1{font-size:24px;font-weight:800;line-height:1.3;margin:0 0 15px}.desc,.left h1{text-align:left}.desc{color:#ffffffd9;font-size:13.5px;line-height:1.6;margin:0 0 25px;max-width:300px}.features{display:flex;flex-direction:column;gap:12px}.features p{color:#fff;font-size:13.5px;font-weight:500;gap:8px;margin:0}.auth-header,.features p{align-items:center;display:flex}.auth-header{flex-direction:column;justify-content:center;margin-bottom:30px;width:100%}.auth-logo{display:block;filter:brightness(0) invert(1);height:55px;margin-bottom:12px;width:auto}.auth-box h2{color:#fff;font-size:24px;font-weight:700;margin:0;text-align:center}.auth-box{align-items:center;display:flex;flex-direction:column;margin:0;max-width:300px;width:100%}.auth-box input{-webkit-appearance:none;background:#0000;background-position:right 4px center;background-repeat:no-repeat;background-size:18px 18px;border:none;border-bottom:1.5px solid #ffffff4d;border-radius:0;color:#ffffffe6;padding:12px 34px 12px 0}.auth-box input,.auth-box select{box-shadow:none;font-family:Inter,sans-serif;font-size:14px;margin-bottom:25px;outline:none;transition:border-color .25s ease;width:100%}.auth-box select{-webkit-appearance:auto;background:#fff;border:1px solid #ccc;border-radius:8px;color:#000;padding:12px 34px 12px 12px}.auth-box input[placeholder="Full Name"],.auth-box input[placeholder=Username]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.6)'%3E%3Cpath d='M12 12c2.7 0 4.8-2.1 4.8-4.8S14.7 2.4 12 2.4 7.2 4.5 7.2 7.2 9.3 12 12 12zm0 2.4c-3.2 0-9.6 1.6-9.6 4.8v2.4h19.2v-2.4c0-3.2-6.4-4.8-9.6-4.8z'/%3E%3C/svg%3E")}.auth-box input[type=password]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(255,255,255,0.6)'%3E%3Cpath d='M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z'/%3E%3C/svg%3E")}.auth-box input::placeholder{color:#fff6;font-size:14px}.auth-box select option{background:#fff;color:#000}.auth-box input:focus,.auth-box select:focus{border-bottom:2px solid #a855f7}.forgot-row{display:flex;justify-content:flex-end;margin-bottom:10px;margin-top:-10px;width:100%}.forgot-row span{color:#ffffff80;cursor:pointer;font-size:12px}.forgot-row span:hover{color:#a855f7}.auth-box button{background:linear-gradient(90deg,#8b5cf6,#6d28d9);border:none;border-radius:50px;box-shadow:0 4px 15px #8b5cf666;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:10px;padding:14px;transition:all .25s ease;width:100%}.auth-box button:hover:not(:disabled){box-shadow:0 6px 20px #8b5cf699;transform:translateY(-2px)}.auth-box button:active{transform:scale(.98)}.auth-box button:disabled{cursor:not-allowed;opacity:.5}.create-account-row{color:#ffffff80;font-size:13px;margin-top:15px;text-align:center;width:100%}.create-account-row span{color:#ffffff80}.create-account-row .link,.create-account-row a{color:#a855f7;cursor:pointer;font-weight:600;margin-left:5px;text-decoration:none}.create-account-row .link:hover,.create-account-row a:hover{color:#c084fc}.otp-container{display:flex;gap:10px;justify-content:center;margin:15px 0}.otp-container input{background:#0000;background-image:none;border:1.5px solid #ffffff4d;border-radius:8px;font-size:20px;font-weight:700;height:50px;padding:0;text-align:center;width:45px}.otp-container input:focus{border-color:#a855f7}.error,.error-text{color:#f87171;display:block;font-size:12px;margin-bottom:15px;margin-top:-15px;text-align:center;width:100%}form{margin:0;width:100%}.form-grid{grid-gap:0 15px;display:grid;gap:0 15px;grid-template-columns:1fr 1fr;width:100%}.fade-in{animation:authFadeIn .3s ease forwards}.fade-out{animation:authFadeOut .3s ease forwards}@keyframes authFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes authFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-5px)}}@media (max-width:768px){.auth-card{flex-direction:column;height:auto;width:min(95vw,400px)}.left{clip-path:none;margin-left:0;order:2;padding:40px}.right{order:1;padding:40px}.form-grid{grid-template-columns:1fr}}.custom-checkbox{align-items:center;cursor:pointer;display:flex;gap:10px;-webkit-user-select:none;user-select:none}.custom-checkbox input{display:none}.checkmark{align-items:center;background:#ffffff0d;border:1.5px solid #ffffff4d;border-radius:6px;display:flex;height:18px;justify-content:center;transition:all .25s ease;width:18px}.custom-checkbox:hover .checkmark{background:#8b5cf61a;border-color:#8b5cf6}.custom-checkbox input:checked+.checkmark{background:linear-gradient(135deg,#8b5cf6,#6d28d9);border-color:#0000}.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;transform:rotate(45deg) scale(0);transition:transform .2s ease;width:5px}.custom-checkbox input:checked+.checkmark:after{transform:rotate(45deg) scale(1)}.checkbox-text{color:#cbd5f5;font-size:14px}.terms-link{color:#8b5cf6;cursor:pointer;text-decoration:underline}.terms-link:hover{color:#a78bfa}.cred-meta{display:flex;gap:12px;margin:12px 0 20px}.status-badge{border-radius:999px;padding:6px 12px;text-transform:uppercase}.status-badge.active{background:#10b98126;color:#10b981}.status-badge.inactive{background:#ef444426;color:#ef4444}.env-badge{border-radius:999px;font-size:12px;font-weight:600;padding:6px 12px}.env-badge.test{background:#3b82f626;color:#3b82f6}.env-badge.prod{background:#a855f726;color:#a855f7}.input-group{align-items:center;display:flex;gap:12px}.input-group input{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;flex:1 1;max-width:400px;outline:none;padding:12px 14px}.terms-modal-overlay{align-items:center;background:#05050fd9;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.terms-modal{background:linear-gradient(145deg,#0b0b1a,#05050f);border:1px solid #ffffff14;border-radius:16px;display:flex;flex-direction:column;max-height:80vh;padding:20px;width:600px}.terms-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.terms-header h2{color:#fff;font-size:18px}.terms-header span{color:#aaa;cursor:pointer;font-size:18px}.terms-content{color:#ccc;font-size:13px;line-height:1.6;overflow-y:auto;padding-right:6px}.terms-content p{margin-bottom:14px}.terms-footer{display:flex;justify-content:flex-end;margin-top:16px}.dashboard-root{background:#05050f;color:#fff;font-family:Inter,sans-serif;min-height:100vh;position:relative}.dashboard-bg-blob{border-radius:50%;filter:blur(120px);pointer-events:none;position:absolute;z-index:0}.dashboard-bg-blob.blob1{background:#a855f726;height:500px;left:-100px;top:-100px;width:500px}.dashboard-bg-blob.blob2{background:#6366f126;bottom:-200px;height:600px;right:-200px;width:600px}.dashboard-sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0f0f1e99;padding:24px;width:260px}.brand{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#a855f7,#6366f1);-webkit-background-clip:text;font-size:24px;font-weight:800;gap:12px;margin-bottom:40px}.nav-menu{flex:1 1;gap:12px}.nav-item{color:#fff9;font-size:15px;font-weight:500;outline:none;padding:14px 18px;text-align:left;transition:all .3s ease}.nav-item:hover{background:#ffffff0d;transform:translateX(5px)}.nav-item.active{background:linear-gradient(90deg,#a855f726,#6366f126);border-left:3px solid #a855f7;box-shadow:inset 0 0 20px #a855f70d}.nav-item.active svg{color:#a855f7;filter:drop-shadow(0 0 5px rgba(168,85,247,.5))}.logout-btn{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;font-weight:600;gap:8px;justify-content:center;margin-top:auto;padding:14px;text-align:center;transition:all .3s ease}.logout-btn:hover{background:#ef444433;box-shadow:0 0 15px #ef44444d}.dashboard-main{position:relative;z-index:10}.dashboard-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a1466;height:80px;padding:0 40px;position:sticky;top:0;z-index:20}.header-title h2{font-size:20px;font-weight:600;margin:0}.header-actions{align-items:center;display:flex;gap:20px}.icon-btn{border:1px solid #ffffff1a;height:44px;transition:all .3s;width:44px}.icon-btn:hover{background:#a855f733;border-color:#a855f780;box-shadow:0 0 15px #a855f74d;transform:translateY(-2px)}.profile-avatar{background:linear-gradient(135deg,#a855f7,#ec4899);border-radius:50%;cursor:pointer;height:44px;padding:2px;width:44px}.profile-avatar img{border:2px solid #05050f;border-radius:50%;height:100%;object-fit:cover;width:100%}.dashboard-content{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:40px;width:100%}.glass-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#14142366;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 10px 30px #0000004d;padding:24px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.glass-card:hover{border-color:#a855f733;box-shadow:0 15px 40px #0006;transform:translateY(-5px)}.kpi-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.kpi-card{display:flex;flex-direction:column}.kpi-header{color:#fff9;font-size:14px;font-weight:500;justify-content:space-between;margin-bottom:20px}.kpi-header,.kpi-title-wrap{align-items:center;display:flex}.kpi-title-wrap{gap:12px}.kpi-icon{align-items:center;border-radius:12px;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.kpi-icon.purple{background:#a855f726;box-shadow:0 0 15px #a855f733;color:#c084fc}.kpi-icon.green{background:#10b98126;box-shadow:0 0 15px #10b98133;color:#34d399}.kpi-icon.blue{background:#3b82f626;box-shadow:0 0 15px #3b82f633;color:#60a5fa}.kpi-value{font-size:34px;font-weight:800;letter-spacing:-.5px;margin-bottom:10px}.kpi-trend{align-items:center;border-radius:50px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:4px 8px}.kpi-trend.up{background:#34d3991a;color:#34d399}.kpi-trend.down{background:#f871711a;color:#f87171}.charts-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:2fr 1fr;margin-bottom:30px}@media(max-width:1100px){.charts-grid{grid-template-columns:1fr}}.card-title{align-items:center;display:flex;font-size:18px;font-weight:600;justify-content:space-between;margin-bottom:24px}.chart-wrapper{height:300px;width:100%}.tx-table-container{overflow-x:auto;width:100%}.tx-table{border-collapse:initial;border-spacing:0 8px;width:100%}.tx-table th{color:#000;font-size:12px;font-weight:600;letter-spacing:1px;padding:12px 16px;text-align:left;text-transform:uppercase}.tx-table td{background:#ffffff05;color:#000;padding:16px;vertical-align:middle}.tx-table tr td:first-child{border-bottom-left-radius:12px;border-top-left-radius:12px}.tx-table tr td:last-child{border-bottom-right-radius:12px;border-top-right-radius:12px}.tx-table tbody tr{transition:all .3s}.tx-table tbody tr:hover td{background:#ffffff0d}.tx-user{gap:12px}.tx-avatar,.tx-user{align-items:center;display:flex}.tx-avatar{background:linear-gradient(135deg,#a855f733,#6366f133);border:1px solid #a855f74d;border-radius:50%;color:#141313;font-size:12px;font-weight:600;height:36px;justify-content:center;width:36px}.tx-email{color:#06050580;font-size:12px;margin-top:2px}.tx-amount{font-size:15px;font-weight:600}.status-badge{align-items:center;border-radius:50px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:6px 14px}.status-badge:before{border-radius:50%;content:"";height:6px;width:6px}.status-badge.success{background:#10b9811a;color:#34d399}.status-badge.success:before{background:#34d399;box-shadow:0 0 8px #34d39999}.status-badge.pending{background:#f59e0b1a;color:#fbbf24}.status-badge.pending:before{background:#fbbf24;box-shadow:0 0 8px #fbbf2499}.status-badge.failed{background:#ef44441a;color:#f87171}.status-badge.failed:before{background:#f87171;box-shadow:0 0 8px #f8717199}.details-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.detail-row{display:flex;flex-direction:column;margin-bottom:16px}.detail-row:last-child{margin-bottom:0}.detail-row label{color:#ffffff80;font-size:13px;margin-bottom:4px}.detail-row span{font-size:15px;font-weight:500}.gradient-btn{align-items:center;background:linear-gradient(90deg,#a855f7,#6366f1);border:none;border-radius:12px;box-shadow:0 4px 15px #a855f74d;color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s}.gradient-btn:hover{box-shadow:0 8px 25px #a855f780;transform:translateY(-2px)}.outline-btn{align-items:center;background:#0000;border:1px solid #a855f780;border-radius:12px;color:#c084fc;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s}.outline-btn:hover{background:#a855f71a;border-color:#a855f7;transform:translateY(-2px)}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-item{animation:slideUpFade .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}@media (max-width:768px){.dashboard-sidebar{height:100%;position:absolute;transform:translateX(-100%)}}.dashboard-root{width:100%}.dashboard-root,.dashboard-sidebar{display:flex;height:100vh;overflow:hidden}.dashboard-sidebar{background:linear-gradient(180deg,#0b0b1a,#05050f);border-right:1px solid #ffffff0d;flex-direction:column;justify-content:space-between;min-width:240px;position:relative;transition:all .3s ease;width:240px;z-index:10}.dashboard-sidebar.closed{min-width:60px;width:60px}.brand{align-items:center;display:flex;justify-content:flex-start;padding:20px}.brand,.brand-logo{transition:all .3s ease}.brand-logo{width:120px}.dashboard-sidebar.closed .brand{justify-content:center;padding:10px 0}.dashboard-sidebar.closed .brand-logo{width:36px}.nav-menu{display:flex;flex-direction:column;gap:10px;padding:10px}.nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#cbd5f5;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:12px 14px;transition:all .25s ease}.nav-item:hover{background:#8b5cf61a;color:#fff}.nav-item.active{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.nav-item svg{flex-shrink:0;min-width:20px}.dashboard-sidebar.closed .nav-item{justify-content:center;padding:12px 0}.dashboard-sidebar.closed .nav-item span{display:none}.logout-btn{align-items:center;background:#ffffff0d;border:none;border-radius:12px;color:#f87171;cursor:pointer;display:flex;gap:10px;margin:10px;padding:12px;transition:all .25s ease}.logout-btn:hover{background:#f871711a}.dashboard-sidebar.closed .logout-btn{justify-content:center;padding:12px 0}.dashboard-sidebar.closed .logout-btn span{display:none}.dashboard-sidebar *{max-width:100%}.dashboard-main{display:flex;flex:1 1;flex-direction:column;overflow-y:auto}.dashboard-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:16px 20px}.dashboard-header,.icon-btn{align-items:center;display:flex}.icon-btn{background:#ffffff0d;border-radius:50%;color:#fff;cursor:pointer;height:36px;justify-content:center;transition:all .2s ease;width:36px}.icon-btn:hover{background:#8b5cf633}.edit-input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;box-sizing:border-box;color:#fff;font-size:14px;margin-top:4px;max-width:400px;outline:none;padding:10px 14px;transition:all .2s ease;width:100%}.edit-input:focus{background:#ffffff14;border-color:#a855f7;box-shadow:0 0 10px #a855f733}.detail-row input.edit-input{font-family:Inter,sans-serif}body{background:#f5f7fb;font-family:Arial,sans-serif;margin:0}.header{background:#111827;color:#fff;font-size:18px;padding:15px 20px}.body,.sidebar{display:flex}.sidebar{background:#111827;color:#fff;flex-direction:column;height:100vh;justify-content:space-between;padding:20px;width:220px}.sidebar button{background:#0000;border:none;color:#fff;cursor:pointer;margin-bottom:10px;padding:12px;position:relative;text-align:left;transition:.3s;width:100%}.sidebar button:hover{background:#1e293b}.sidebar button:hover:before{background:#2563eb;border-radius:0 4px 4px 0;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.sidebar .active{background:#1e293b}.sidebar .active:before{background:#2563eb;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.logout{background:#dc2626!important}.main{flex:1 1;padding:20px}.cards{display:flex;gap:20px}.card{background:#fff;border-radius:10px;cursor:pointer;flex:1 1;padding:20px;transition:.3s}.card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}table{background:#fff;border-collapse:collapse;margin-top:20px;width:100%}td,th{border-bottom:1px solid #eee;padding:12px;text-align:left}.status{border-radius:10px;color:#fff;font-size:12px;padding:5px 10px}.status.paid{background:#16a34a}.status.pending{background:#f59e0b}.status.failed{background:#dc2626}.details-card{background:#fff;border-radius:10px;margin-bottom:15px;padding:20px}.details-card h3{margin-bottom:10px}.bottom-filter{margin-top:20px}.bottom-filter input{margin-right:10px;padding:8px}.bottom-filter button{background:#2563eb;border:none;color:#fff;cursor:pointer;padding:8px 15px}.bottom-filter button:hover{background:#1d4ed8}
/*# sourceMappingURL=main.21d84c6f.css.map*/