@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&display=swap";:root{--bg:#f4f6fa;--bg-fallback:#f4f6fa;--surface:#fff;--surface-hover:#fafbfc;--surface2:#f8fafc;--surface3:#f1f5f9;--border:#5b4dff14;--border2:#00000005;--text:#1a1b2f;--text-2:#64748b;--text-3:#94a3b8;--accent:#5b4dff;--accent-gradient:linear-gradient(135deg, #5b4dff 0%, #7c3aed 100%);--accent-dim:#5b4dff14;--accent-glow:#5b4dff26;--green:#047857;--green-dim:#d1fae5;--red:#be185d;--red-dim:#fce7f3;--amber:#b45309;--amber-dim:#fef3c7;--blue:#0369a1;--blue-dim:#e0f2fe;--sidebar-bg:#fff;--topbar-bg:#f4f6fad9;--shadow:0 10px 25px -5px #5b4dff0d, 0 8px 16px -6px #5b4dff0d;--shadow-sm:0 4px 12px #00000004;--shadow-lg:0 20px 40px -15px #5b4dff14;--radius:20px}[data-theme=dark]{--bg:#0b0c10;--bg-fallback:#0b0c10;--surface:#12141c;--surface-hover:#181b26;--surface2:#161822;--surface3:#222533;--border:#ffffff0f;--border2:#ffffff05;--text:#f1f5f9;--text-2:#94a3b8;--text-3:#475569;--sidebar-bg:#0c0d14;--topbar-bg:#0b0c10d9;--shadow:0 10px 30px #00000040;--shadow-sm:0 4px 15px #00000026;--shadow-lg:0 24px 50px #00000059;--accent:#5b4dff;--accent-gradient:linear-gradient(135deg, #5b4dff 0%, #8b5cf6 100%);--accent-dim:#5b4dff26}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);min-height:100vh;font-family:Poppins,Outfit,sans-serif;font-size:14px;line-height:1.5;transition:background .3s,color .3s}h1,h2,h3,h4,h5,h6{letter-spacing:-.5px;font-family:Outfit,sans-serif;font-weight:700}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}.fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-layout{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);z-index:100;border-radius:24px;flex-direction:column;align-items:center;width:108px;height:calc(100vh - 32px);margin:16px;padding:24px 0;transition:all .3s;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:0 8px 32px #00000026}.sidebar-logo{justify-content:center;margin-bottom:32px;display:flex}.sidebar-title{display:none}.mobile-close-btn{display:none!important}.sidebar-nav{flex-direction:column;align-items:center;gap:12px;width:100%;padding:0;display:flex;overflow:hidden auto}.nav-link{color:#64748b;cursor:pointer;border:1px solid #0000;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:84px;height:auto;min-height:56px;padding:6px 2px;transition:all .25s;display:flex;position:relative}.nav-link span{text-align:center;white-space:normal;word-wrap:break-word;text-transform:uppercase;letter-spacing:.2px;max-width:100%;margin-top:4px;font-size:8px;font-weight:700;line-height:1.1;opacity:1!important;pointer-events:auto!important;color:inherit!important;box-shadow:none!important;background:0 0!important;padding:0 2px!important;position:static!important;transform:none!important}.nav-link:hover{color:#f1f5f9;background:#ffffff14}.nav-link.active{background:var(--bg);color:var(--text);width:92px;height:auto;min-height:56px;box-shadow:none;border:none;border-radius:20px 0 0 20px;align-self:flex-end;margin-right:-1px}.nav-link.active:before{content:"";width:20px;height:20px;box-shadow:5px 5px 0 5px var(--bg);pointer-events:none;background:0 0;border-bottom-right-radius:20px;position:absolute;top:-20px;right:0}.nav-link.active:after{content:"";width:20px;height:20px;box-shadow:5px -5px 0 5px var(--bg);pointer-events:none;background:0 0;border-top-right-radius:20px;position:absolute;bottom:-20px;right:0}.main-content{flex-direction:column;flex:1;min-width:0;margin-left:140px;padding-top:72px;padding-right:16px;display:flex}.top-bar{background:var(--topbar-bg);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);z-index:300;box-sizing:border-box;justify-content:space-between;align-items:center;height:72px;padding-left:24px;padding-right:24px;transition:left .3s;display:flex;position:fixed;top:0;left:140px;right:0}.page-container{z-index:200;flex-direction:column;gap:24px;width:100%;max-width:1600px;margin:0 auto;padding:16px 16px 40px;display:flex;position:relative}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:20px;padding:28px;display:flex}.card-head{border-bottom:1px solid var(--border2);justify-content:space-between;align-items:center;margin-bottom:4px;padding-bottom:16px;display:flex}.card-title{color:var(--text);letter-spacing:-.5px;font-size:18px;font-weight:800}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}@media (width<=1024px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}.main-content{margin-left:16px;padding-top:72px;padding-right:16px}.top-bar{left:0}.sidebar{z-index:999;border-radius:0;align-items:stretch;width:280px;height:100vh;margin:0;padding:24px 16px;position:fixed;transform:translate(-300px)}.sidebar.open{transform:translate(0)}.sidebar-logo{justify-content:space-between;align-items:center;width:100%;margin-bottom:24px}.sidebar-logo h1,.sidebar-title{color:#fff;font-size:20px;font-weight:800;display:block!important}.mobile-close-btn{display:flex!important}.sidebar-nav{align-items:stretch;gap:6px}.nav-link{border-radius:12px!important;flex-direction:row!important;justify-content:flex-start!important;gap:12px!important;width:100%!important;min-height:48px!important;padding:10px 16px!important}.nav-link span{text-transform:none!important;letter-spacing:normal!important;text-align:left!important;word-wrap:normal!important;max-width:none!important;margin-top:0!important;font-size:13px!important}.nav-link.active{background:var(--surface3)!important;color:var(--text)!important;border-radius:12px!important;align-self:auto!important;width:100%!important;margin-right:0!important}.nav-link.active:before,.nav-link.active:after{display:none!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(8px);z-index:998;background:#0d132666;position:fixed;inset:0}}@media (width<=640px){.grid-cols-4,.grid-cols-2{grid-template-columns:1fr}}.page-header{justify-content:space-between;align-items:center;gap:16px;display:flex}@media (width<=640px){.page-header{flex-direction:column;align-items:flex-start}.page-header>div,.page-header .btn,.page-header button{width:100%}}.modal-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:20px;padding:24px;display:flex}.kpi-icon-wrap{border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.kpi-details{flex-direction:column;display:flex}.kpi-title{color:var(--text-2);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:700}.kpi-value{color:var(--text);letter-spacing:-.5px;margin-top:4px;font-size:22px;font-weight:900}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text-2);font-size:13px;font-weight:700}.form-control{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:all .25s}.form-control:focus{border-color:var(--text);background:var(--surface);box-shadow:0 0 0 3px var(--accent-glow)}.btn{cursor:pointer;-webkit-user-select:none;user-select:none;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:13.5px;font-weight:700;transition:all .25s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--surface);box-shadow:0 4px 15px #0000000d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0000001f}.btn-success{background:var(--green);color:#fff}.btn-danger{background:var(--red);color:#fff}.btn-outline{background:var(--surface);border:1px solid var(--border);color:var(--text)}.btn-outline:hover{background:var(--surface2);border-color:var(--text)}.btn-ghost{color:var(--text);background:0 0}.btn-ghost:hover{background:var(--surface2)}.btn-xs{border-radius:8px;padding:8px 14px;font-size:12px}.badge{text-transform:uppercase;border-radius:8px;align-items:center;padding:6px 12px;font-size:11px;font-weight:800;display:inline-flex}.badge-green{background:var(--green-dim);color:var(--green)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-amber{background:var(--amber-dim);color:var(--amber)}.badge-blue{background:var(--blue-dim);color:var(--blue)}.table-wrap{border:1px solid var(--border);background:var(--surface);border-radius:14px;width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{background:var(--surface2);color:var(--text);border-bottom:1px solid var(--border);padding:16px 20px;font-size:12px;font-weight:700}td{border-bottom:1px solid var(--border2);color:var(--text-2);padding:18px 20px}tr:hover td{background:#00000003}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0f172a4d;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:24px;flex-direction:column;width:90%;max-width:640px;max-height:85vh;display:flex;overflow:hidden}.toast-container{z-index:9999;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--surface);border:1px solid var(--border);border-left:5px solid var(--accent);box-shadow:var(--shadow-lg);border-radius:12px;align-items:center;gap:12px;min-width:320px;padding:18px 24px;animation:.3s cubic-bezier(.16,1,.3,1) forwards slideIn;display:flex}.toast.success{border-left-color:var(--green)}.toast.error{border-left-color:var(--red)}.toast.info{border-left-color:var(--blue)}@keyframes slideIn{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.kyc-table-span{grid-column:span 2}.kyc-table-full{grid-column:span 3}.kyc-detail-span{grid-column:span 1}@media (width<=1024px){.kyc-table-span,.kyc-table-full,.kyc-detail-span{grid-column:span 3!important}}.fullscreen-loader{-webkit-backdrop-filter:blur(4px);z-index:9999;background:#0f172aa6;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.spinner{border:4px solid #ffffff26;border-left-color:#fff;border-radius:50%;width:50px;height:50px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}