@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;--green: #15c96d;--red: #e53945;--fg: #0a1b27;--fg-muted: #3b4b5c;--bg: #f6f8fb;--bg-rad1: rgba(21, 201, 109, .08);--bg-rad2: rgba(229, 57, 69, .06);--card: #ffffff;--glass: #ffffff;--border: rgba(0, 0, 0, .08);--shadow: 0 18px 40px rgba(15, 23, 42, .12);--pill-surface: rgba(0, 0, 0, .05);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body.theme-dark{--fg: #e7f2ec;--fg-muted: rgba(255, 255, 255, .72);--bg: #050a0f;--bg-rad1: rgba(21, 201, 109, .14);--bg-rad2: rgba(229, 57, 69, .12);--card: rgba(255, 255, 255, .06);--glass: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .12);--shadow: 0 18px 40px rgba(0, 0, 0, .35);--pill-surface: rgba(255, 255, 255, .06)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--fg);background:radial-gradient(circle at 20% 20%,var(--bg-rad1),transparent 35%),radial-gradient(circle at 80% 0%,var(--bg-rad2),transparent 35%),var(--bg)}a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;color:var(--fg)}p{margin:0}#app{padding:32px}.page-screen{display:none}.page-screen.active{display:block}.auth-wrap{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;position:relative;padding-top:12px}.auth-card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:var(--shadow);display:grid;gap:12px}.auth-card.secondary{background:linear-gradient(145deg,#15c96d24,#ffffffe6)}.auth-hero{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.1fr .9fr;gap:18px;position:relative;padding-top:18px}.auth-panel{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:16px;box-shadow:var(--shadow)}.auth-form-card{display:none;border:1px solid var(--border);border-radius:20px;padding:32px;background:var(--card);box-shadow:var(--shadow);animation:slideIn .4s ease}.auth-form-card.active{display:grid;gap:20px}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.auth-header{text-align:center;margin-bottom:8px}.auth-icon{font-size:48px;margin-bottom:12px;display:inline-block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.auth-header h2{font-size:28px;margin-bottom:8px;background:linear-gradient(135deg,var(--green),var(--red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-header .muted{line-height:1.6}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:6px;font-weight:600;color:var(--fg)}.input-wrapper{display:grid;gap:8px}.input-label{font-weight:600;font-size:14px;color:var(--fg)}.input-group{position:relative;display:flex;align-items:center;gap:8px}.input-icon{position:absolute;left:14px;font-size:18px;z-index:1;pointer-events:none}.input-toggle{position:absolute;right:14px;background:none;border:none;cursor:pointer;font-size:18px;padding:0;z-index:1;opacity:.6;transition:opacity .2s}.input-toggle:hover{opacity:1}.auth-form input{width:100%;padding:14px 14px 14px 48px;border-radius:12px;border:2px solid var(--border);background:var(--card);color:var(--fg);font-size:15px;transition:all .2s ease;font-family:inherit}.auth-form input:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #15c96d1a}.auth-form input::placeholder{color:var(--fg-muted);opacity:.6}.auth-form select{width:100%;padding:14px 40px 14px 48px;border-radius:12px;border:2px solid var(--border);background:var(--card);color:var(--fg);font-size:15px;transition:all .2s ease;font-family:inherit;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233b4b5c' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center}.auth-form select:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #15c96d1a}.auth-form select option{padding:10px;background:var(--card);color:var(--fg)}.input-hint{font-size:12px;color:var(--fg-muted);margin-top:-4px}.auth-footer{font-size:13px}.actions.column{flex-direction:column;align-items:stretch;gap:12px}.pill.wide{width:100%;justify-content:center;padding:14px 20px;font-size:15px}.auth-submit-btn{position:relative;overflow:hidden}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 12px 35px #15c96d59}.btn-loader{display:inline-block;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.divider{display:flex;align-items:center;gap:12px;margin:8px 0;color:var(--fg-muted);font-size:13px}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;transition:all .2s ease}.social-btn:hover{background:var(--pill-surface);border-color:var(--green)}.auth-options{display:flex;justify-content:space-between;align-items:center;margin:-4px 0 8px}.checkbox-wrapper{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer}.checkbox-wrapper input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--green)}.auth-footer-link{text-align:center;margin-top:8px;font-size:14px}.auth-close{position:absolute;top:20px;right:20px;border:none;background:#0000000d;color:var(--fg);width:40px;height:40px;border-radius:50%;cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow);font-size:20px;transition:all .2s ease;z-index:10}.auth-close:hover{background:#e539451a;color:var(--red);transform:rotate(90deg)}body.theme-dark .auth-close{background:#ffffff14;color:#e7f2ec}.auth-side{background:radial-gradient(circle at 30% 20%,rgba(21,201,109,.25),transparent 50%),radial-gradient(circle at 80% 20%,rgba(21,201,109,.16),transparent 50%),linear-gradient(145deg,#071712,#0f2f1c);color:#e7f2ec;border-radius:20px;padding:40px 32px;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px #00000059;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-side:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(21,201,109,.1),transparent 70%);animation:rotate 20s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-side-content{position:relative;z-index:1;display:grid;gap:24px;height:100%}.auth-logo-large{display:flex;align-items:center;gap:16px;margin-bottom:8px}.logo-mark-large{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#15c96d,#0f8f53);display:grid;place-items:center;font-weight:900;font-size:32px;color:#02160b;letter-spacing:1px;box-shadow:0 8px 24px #15c96d4d}.auth-logo-large h2{font-size:24px;margin:0;color:#e7f2ec}.auth-features{display:grid;gap:20px;margin:16px 0}.feature-item{display:flex;align-items:flex-start;gap:16px;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .2s ease}.feature-item:hover{background:#ffffff14;transform:translate(4px)}.feature-icon{font-size:28px;flex-shrink:0}.feature-item strong{display:block;margin-bottom:4px;color:#e7f2ec;font-size:15px}.feature-item .muted.small{font-size:13px;line-height:1.5}.auth-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto}.auth-back-btn{display:flex;align-items:center;gap:8px;margin-top:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#e7f2ec;transition:all .2s ease}.auth-back-btn:hover{background:#ffffff26;transform:translate(-4px)}.auth-support{margin-top:16px;font-size:12px;text-align:center}.auth-support .link{color:#15c96d;text-decoration:underline}body.theme-dark .auth-side{background:radial-gradient(circle at 30% 20%,rgba(21,201,109,.25),transparent 50%),radial-gradient(circle at 80% 20%,rgba(21,201,109,.16),transparent 50%),linear-gradient(145deg,#071712,#0f2f1c)}body:not(.theme-dark) .auth-side{background:linear-gradient(145deg,#15c96d1f,#15c96d0f),radial-gradient(circle at 30% 20%,rgba(21,201,109,.08),transparent 50%);color:var(--fg);border:1px solid rgba(21,201,109,.2)}body:not(.theme-dark) .auth-side h2,body:not(.theme-dark) .auth-side strong{color:var(--fg)}body:not(.theme-dark) .auth-side .muted{color:var(--fg-muted)}body:not(.theme-dark) .feature-item{background:#15c96d14;border-color:#15c96d26}body:not(.theme-dark) .auth-back-btn{background:#15c96d1a;border-color:#15c96d33;color:var(--fg)}body.theme-light .auth-side{background:radial-gradient(circle at 30% 20%,rgba(21,201,109,.12),transparent 50%),radial-gradient(circle at 80% 20%,rgba(21,201,109,.08),transparent 50%),linear-gradient(145deg,#eef9f2,#dff3e8);color:var(--fg);border:1px solid var(--border);box-shadow:var(--shadow)}body.theme-light .auth-side .muted{color:var(--fg-muted)}body.theme-light .auth-hero .pill.ghost{background:linear-gradient(135deg,var(--green),#0ea95c);color:#02160b}.page{max-width:1200px;margin:0 auto 64px;position:relative}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(transparent 95%,#ffffff08),linear-gradient(90deg,transparent 95%,rgba(255,255,255,.03) 100%);background-size:32px 32px;opacity:.4;pointer-events:none}.topbar{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,#ffffffb3,#15c96d1a);position:sticky;top:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2;box-shadow:var(--shadow)}.brand{display:flex;align-items:center;gap:12px}.logo-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--green),#0f8f53);display:grid;place-items:center;font-weight:800;color:#032b17;letter-spacing:1px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--fg-muted);margin:0 0 4px}nav{display:flex;gap:18px;font-weight:600;color:var(--fg)}nav a{position:relative;padding-bottom:2px}.nav-mobile-actions{display:none;flex-direction:column;gap:10px;width:100%}.nav-links a.disabled{opacity:.45;pointer-events:none}.nav-auth,.nav-logout,.close-menu{display:none}nav a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:linear-gradient(90deg,var(--green),var(--red));transform:scaleX(0);transform-origin:left;transition:transform .2s ease}nav a:hover:after{transform:scaleX(1)}nav a.active:after,nav a[aria-current=page]:after{transform:scaleX(1)}.topbar [data-page-target]{opacity:.9}.topbar [data-page-target].active{opacity:1;filter:brightness(1.05)}.pill{border-radius:999px;border:1px solid var(--border);padding:10px 16px;background:var(--pill-surface);color:var(--fg);font-weight:600;cursor:pointer;transition:all .2s ease}.pill.primary{background:linear-gradient(135deg,var(--green),#0ea95c);border-color:transparent;color:#02160b;box-shadow:0 10px 30px #15c96d40}.pill.outline{background:transparent}.pill.ghost{background:var(--pill-surface)}.pill:hover{transform:translateY(-2px);border-color:#ffffff4d}.pill.tiny{padding:6px 10px;font-size:12px}.pill.success{background:#15c96d1f;color:var(--green)}.pill.warning{background:#e539451f;color:var(--red)}.pill.neutral{background:#ffffff14}.hero{display:grid;grid-template-columns:1.2fr .9fr;gap:28px;align-items:center;padding:36px 0 20px}.hero-copy h2{font-size:clamp(28px,3vw,38px);margin:12px 0}.hero-copy p{color:var(--fg-muted)}.actions{display:flex;gap:12px;margin:16px 0;flex-wrap:wrap}.page-header{margin:12px 0 16px}.admin-navbar{position:sticky;top:96px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(135deg,#ffffffb3,#15c96d14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);margin:12px 0 16px}body.theme-dark .admin-navbar{background:linear-gradient(135deg,#ffffff0f,#15c96d14)}.admin-navbar-left,.admin-navbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:var(--pill-surface);font-weight:700}.admin-tab.active{border-color:#15c96d8c;box-shadow:0 10px 30px #15c96d2e}.admin-user-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.admin-user-form label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:var(--fg)}.admin-user-form input,.admin-user-form select{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--fg)}.admin-users-toolbar{display:grid;grid-template-columns:1fr 180px;gap:10px}.admin-users-toolbar input,.admin-users-toolbar select{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--fg)}.admin-users-table{display:grid;gap:8px}.user-row{display:grid;grid-template-columns:1.6fr .6fr .7fr .7fr 2.2fr;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--card);align-items:center}.user-row.head{background:#0000000a;font-weight:800}body.theme-dark .user-row.head{background:#ffffff0f}.user-cell{min-width:0}.user-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.rates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.rate-card .spark{height:48px;border-radius:10px;background:linear-gradient(90deg,#15c96d1f,#e5394514);opacity:.6}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0}.form-grid label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:var(--fg)}.form-grid input,.form-grid select{padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--fg)}.history{display:flex;flex-direction:column;gap:10px;margin:12px 0}.history-row{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--card)}.steps{list-style:none;padding:0;margin:12px 0;display:grid;gap:8px}.steps li{padding:10px 12px;border-radius:10px;border:1px solid var(--border)}.steps li.done{background:#15c96d1f;border-color:#15c96d4d}.steps li.active{border-color:var(--green);background:#15c96d14}.table{display:grid;gap:8px;margin-top:10px}.table-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card)}.table-row.head{background:#0000000a;font-weight:700}.client-tx-form{margin-top:12px}.client-tx-table{display:grid;gap:8px;margin-top:12px}.client-tx-table .table-row{grid-template-columns:.8fr 1.2fr 1fr 1fr 1fr 1.2fr}.custom-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-overlay{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{position:relative;background:var(--card);border:1px solid var(--border);border-radius:20px;box-shadow:0 24px 60px #0006;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h3{margin:0;font-size:20px;color:var(--fg)}.modal-close{background:none;border:none;font-size:24px;color:var(--fg-muted);cursor:pointer;padding:4px;line-height:1;transition:color .2s}.modal-close:hover{color:var(--red)}.modal-body{padding:24px;color:var(--fg);line-height:1.6}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px;border-top:1px solid var(--border)}.client-navbar{position:sticky;top:96px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(135deg,#ffffffb3,#15c96d14);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);margin:12px 0 16px}body.theme-dark .client-navbar{background:linear-gradient(135deg,#ffffff0f,#15c96d14)}.client-navbar-left,.client-navbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.client-tab{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:var(--pill-surface);font-weight:600;color:var(--fg);transition:all .2s}.client-tab:hover{background:#15c96d1a;border-color:#15c96d4d}.client-tab.active{background:linear-gradient(135deg,var(--green),#0ea95c);border-color:transparent;color:#02160b;box-shadow:0 4px 12px #15c96d4d}.client-tab-content{display:none}.client-tab-content.active{display:block;animation:fadeIn .3s ease}.profile-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.profile-info-row:last-child{border-bottom:none}.profile-info-row strong{color:var(--fg);font-weight:600}.profile-info-row span{color:var(--fg-muted)}.nav-links a span{margin-right:6px}.client-tab-content{animation:fadeIn .3s ease}textarea{width:100%;padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:var(--fg);font-family:inherit;font-size:15px;resize:vertical}textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px #15c96d1a}@media(max-width:900px){.client-navbar{flex-direction:column;align-items:stretch}.client-navbar-left,.client-navbar-right{width:100%;justify-content:center}.client-tab{flex:1;justify-content:center}.modal-content{max-width:95%;margin:10px}}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{padding:8px 12px;border-radius:999px;border:1px solid var(--border);background:#ffffff0a;font-size:12px}.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:12px;background:#0000000f;border:1px solid var(--border);color:var(--fg);font-weight:600;letter-spacing:.02em}.pulse{position:relative;overflow:hidden}.pulse:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(21,201,109,.25),transparent 50%);animation:pulse 2.6s infinite}@keyframes pulse{0%{transform:scale(.98);opacity:.6}50%{transform:scale(1.02);opacity:1}to{transform:scale(.98);opacity:.6}}.hero-panel{background:linear-gradient(145deg,#ffffffe6,#15c96d1f);border-radius:20px;padding:20px;border:1px solid var(--border);box-shadow:var(--shadow)}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.muted{color:var(--fg-muted)}.rates{display:flex;flex-direction:column;gap:12px}.rate{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:12px;background:#0000000a;border:1px solid var(--border)}.dot{width:10px;height:10px;border-radius:999px;display:inline-block;background:var(--green)}.progress .bar{height:8px;background:#00000014;border-radius:999px;overflow:hidden;margin:10px 0}.bar-fill{height:100%;background:linear-gradient(90deg,var(--green),var(--red));border-radius:inherit;animation:shimmer 2.5s infinite ease}@keyframes shimmer{0%{filter:brightness(1)}50%{filter:brightness(1.15)}to{filter:brightness(1)}}.payments{margin:12px 0 24px;padding:4px 0}.gateways{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:flex-start}.gateways.logos-only{justify-content:space-between}.gateway-logo{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;font-weight:800;color:#032b17;background:linear-gradient(135deg,var(--white),rgba(255,255,255,.72));color:#0a1522;box-shadow:0 10px 30px #00000040}.gateway-logo.zaad{background:linear-gradient(135deg,#15c96d,#0f8f53);color:#032b17}.gateway-logo.edahab{background:linear-gradient(135deg,#f6c343,#f2a900)}.gateway-logo.soltelco{background:linear-gradient(135deg,#5ad4ff,#2f98ff)}.gateway-logo.premier{background:linear-gradient(135deg,#e53945,#b41f29)}.gateway-logo.dahab{background:linear-gradient(135deg,#fff,#dcdcdc);color:#0a1522}.grid{display:grid;gap:16px}.dual{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:20px 0}.triple{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:20px 0}.card{border-radius:18px;padding:20px;border:1px solid var(--border);background:var(--card);position:relative;overflow:hidden;box-shadow:var(--shadow)}.card.gradient{background:linear-gradient(145deg,#15c96d2e,#ffffffd9)}.card.glass{background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.list{list-style:none;padding:0;margin:16px 0;color:var(--fg-muted)}.list li{margin-bottom:10px;display:flex;gap:10px;align-items:flex-start}.list span{color:var(--fg);font-weight:800}.stacked{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:14px 0}.policy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:20px 0 30px}.policy-card{background:#ffffffe6;border:1px solid var(--border);border-radius:16px;padding:18px}.policy-card h3{margin-bottom:6px}.link{display:inline-block;margin-top:12px;color:var(--green);font-weight:700}.cta{display:grid;grid-template-columns:1.3fr .7fr;gap:16px;align-items:center;padding:20px;border-radius:20px;border:1px solid var(--border);background:linear-gradient(135deg,#15c96d29,#e5394514)}.cta-card{border-radius:16px;border:1px solid var(--border);background:#ffffffe6;padding:18px}.footer{margin-top:36px;padding:18px 12px;border-top:1px solid var(--border);color:var(--fg-muted);display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center}.footer-links{display:flex;gap:12px}.floating{animation:float 5s ease-in-out infinite}.top-actions{display:flex;align-items:center;gap:10px}.menu-toggle{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--border);background:var(--pill-surface);align-items:center;justify-content:center;gap:5px;flex-direction:column;cursor:pointer;padding:10px}.menu-toggle span{display:block;width:100%;height:2px;background:var(--fg);transition:transform .2s ease,opacity .2s ease}body.nav-open .menu-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)}body.nav-open .menu-toggle span:nth-child(2){opacity:0}body.nav-open .menu-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-8px)}to{transform:translateY(0)}}.small{font-size:12px}@media(max-width:900px){.hero{grid-template-columns:1fr}.topbar{flex-wrap:wrap;gap:10px}.nav-links{position:fixed;inset:0;background:var(--bg);padding:80px 24px 24px;flex-direction:column;gap:16px;box-shadow:none;display:none;z-index:3;overflow-y:auto}body.nav-open .nav-links{display:flex;animation:fadeIn .16s ease}.menu-toggle{display:flex}nav{width:auto}.nav-mobile-actions{display:flex;margin-top:12px}.close-menu{position:absolute;top:16px;left:16px;border:none;background:transparent;color:var(--fg);font-size:20px;cursor:pointer;display:none}body.nav-open .close-menu{display:block}.cta{grid-template-columns:1fr}.admin-navbar{top:0;position:relative}.admin-users-toolbar{grid-template-columns:1fr}.user-row{grid-template-columns:1fr;align-items:start}.user-row.head{display:none}.user-actions{justify-content:flex-start}}@media(max-width:640px){#app{padding:16px}.topbar{position:static}.nav-links{inset:0}}body.theme-dark nav,body.theme-dark h1,body.theme-dark h2,body.theme-dark h3,body.theme-dark .pill{color:#e7f2ec}body.theme-dark .eyebrow{color:#ffffffb3}body.theme-dark .topbar{background:linear-gradient(135deg,#ffffff0f,#15c96d14)}body.theme-dark .badge{background:#ffffff14}body.theme-dark .hero-panel,body.theme-dark .card,body.theme-dark .policy-card,body.theme-dark .cta-card{background:var(--card)}body.theme-dark .card.glass{background:var(--glass)}body.theme-dark .rate{background:#0003}body.theme-dark .menu-toggle span{background:#e7f2ec}body.auth-page .topbar,body.auth-page .footer{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.kyc-progress{display:flex;align-items:center;justify-content:space-between;margin:24px 0;padding:0 8px}.kyc-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;position:relative}.kyc-step-number{width:36px;height:36px;border-radius:50%;background:var(--pill-surface);border:2px solid var(--border);display:grid;place-items:center;font-weight:700;color:var(--fg-muted);transition:all .2s ease}.kyc-step.active .kyc-step-number{background:linear-gradient(135deg,var(--green),#0ea95c);border-color:var(--green);color:#02160b;box-shadow:0 4px 12px #15c96d4d}.kyc-step.completed .kyc-step-number{background:var(--green);border-color:var(--green);color:#02160b}.kyc-step.completed .kyc-step-number:after{content:"✓";font-size:18px}.kyc-step-label{font-size:11px;font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.05em}.kyc-step.active .kyc-step-label{color:var(--fg)}.kyc-step-line{flex:1;height:2px;background:var(--border);margin:0 4px 18px}.kyc-step.active~.kyc-step .kyc-step-line{background:var(--border)}.kyc-step.completed~.kyc-step .kyc-step-line{background:linear-gradient(90deg,var(--green),var(--border))}.kyc-form-container{min-height:400px;position:relative}.kyc-step-content{display:none;animation:fadeIn .3s ease}.kyc-step-content.active{display:block}.step-header{text-align:center;margin-bottom:24px}.step-header h3{font-size:24px;margin-bottom:8px;background:linear-gradient(135deg,var(--green),var(--red));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.step-header .muted.small{font-size:14px;line-height:1.6}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-area{position:relative}.upload-area input[type=file]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;z-index:2}.upload-placeholder{border:2px dashed var(--border);border-radius:12px;padding:32px 20px;text-align:center;background:var(--pill-surface);transition:all .2s ease;cursor:pointer}.upload-area:hover .upload-placeholder{border-color:var(--green);background:#15c96d0d}.upload-placeholder span:first-child{font-size:32px;display:block;margin-bottom:8px}.upload-placeholder p{font-weight:600;color:var(--fg);margin-bottom:4px}.kyc-nav{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.kyc-nav button{min-width:120px}.review-summary{background:var(--pill-surface);border-radius:12px;padding:20px;border:1px solid var(--border);display:grid;gap:12px}.review-item{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:8px 0;border-bottom:1px solid var(--border)}.review-item:last-child{border-bottom:none}.review-item strong{color:var(--fg);font-weight:600}.review-item span{color:var(--fg-muted)}.center{text-align:center}@media(max-width:768px){.auth-hero{grid-template-columns:1fr}.auth-form-card{padding:24px 20px}.auth-header h2{font-size:24px}.auth-icon{font-size:40px}.auth-side{padding:32px 24px}.auth-logo-large{flex-direction:column;text-align:center}.logo-mark-large{width:56px;height:56px;font-size:28px}.feature-item{padding:12px}.kyc-progress{overflow-x:auto;padding-bottom:8px}.kyc-step{min-width:60px}.kyc-step-label{font-size:9px}.form-row{grid-template-columns:1fr}.review-item{grid-template-columns:1fr;gap:4px}.auth-close{top:16px;right:16px;width:36px;height:36px}}