:root{--navy:#17263d;--navy-2:#102640;--graphite:#374151;--muted:#64748b;--line:#dce3eb;--surface:#fff;--bg:#f3f5f8;--blue:#1d63ed;--cyan:#34c3d2;--green:#13795b;--amber:#9a6700;--red:#c03532;color:var(--graphite);background:var(--bg);font-synthesis:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--bg);margin:0}button,input,select{font:inherit}.sandbox-banner{z-index:50;color:#0e5b58;background:#dff7f5;border-bottom:1px solid #afe4df;justify-content:center;align-items:center;gap:9px;height:30px;font-size:12px;display:flex;position:fixed;inset:0 0 auto}.sandbox-banner strong{text-transform:uppercase;letter-spacing:.08em;color:#fff;background:#0e766e;border-radius:10px;padding:3px 7px;font-size:10px}.app-shell{min-height:100vh}.sidebar{z-index:30;background:var(--navy);color:#fff;flex-direction:column;width:244px;padding:0 14px;display:flex;position:fixed;top:30px;bottom:0;left:0}.brand{border-bottom:1px solid #263b54;align-items:center;gap:11px;height:78px;padding:0 8px;display:flex}.brand-mark{background:linear-gradient(135deg, #2d78ff, var(--cyan));border-radius:10px;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.brand-symbol{object-fit:contain;flex:0 0 42px;width:42px;height:42px}.brand b,.brand small{display:block}.brand small{color:#8da0b7;letter-spacing:.08em;text-transform:uppercase;margin-top:2px;font-size:10px}.sidebar nav{gap:4px;padding-top:18px;display:grid}.sidebar nav a{color:#aebdce;border-radius:8px;align-items:center;gap:12px;height:42px;padding:0 12px;font-size:14px;text-decoration:none;display:flex}.sidebar nav a:hover,.sidebar nav a.active{color:#fff;background:#1a3553}.sidebar nav a.active{box-shadow:inset 3px 0 #45d1dc}.sidebar-note{color:#ced8e4;border:1px solid #2a415b;border-radius:10px;margin:auto 4px 16px;padding:13px;font-size:12px}.sidebar-note small{color:#71869e;margin:5px 0 0 16px;display:block}.dot{background:#42d9a4;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block}.workspace{min-height:100vh;padding:30px 0 0 244px}.topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#fffffff0;align-items:center;height:78px;padding:0 30px;display:flex;position:sticky;top:30px}.title h1{margin:0;font-size:18px}.title p{color:var(--muted);margin:5px 0 0;font-size:12px}.top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-button,.lang,.avatar{border:1px solid var(--line);color:#536176;cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;height:38px;text-decoration:none;display:flex}.icon-button{width:38px;position:relative}.icon-button i{background:#f05252;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.lang{gap:5px;padding:0 10px;font-size:12px;font-weight:700}.avatar{gap:8px;padding:0 11px}.avatar span{font-size:12px}.menu-button,.close-menu{display:none}main{max-width:1500px;margin:auto;padding:28px 30px}.page-intro{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;display:flex}.page-intro h2{color:#102238;margin:0 0 7px;font-size:26px}.page-intro p{color:var(--muted);margin:0;font-size:14px}.button{background:var(--blue);color:#fff;cursor:pointer;border:0;border-radius:9px;align-items:center;gap:8px;padding:10px 15px;font-size:13px;font-weight:700;display:inline-flex}.button.secondary{color:#334155;border:1px solid var(--line);background:#fff}.button[disabled]{cursor:not-allowed;background:#b7c1ce}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:12px;padding:17px;box-shadow:0 3px 10px #10223a08}.metric span,.metric small{color:var(--muted);font-size:12px;display:block}.metric strong{color:#102238;margin:10px 0 6px;font-size:24px;display:block}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:15px 17px;display:flex}.panel-head h3{margin:0;font-size:15px}.panel-head .actions{gap:8px;margin-left:auto;display:flex}.search{border:1px solid var(--line);color:#8290a2;background:#fff;border-radius:8px;align-items:center;gap:8px;width:min(340px,40vw);height:38px;padding:0 10px;display:flex}.search input{border:0;outline:0;width:100%;min-width:0}.search kbd{color:#8a98aa;white-space:nowrap;background:#f1f4f8;border-radius:4px;padding:3px 5px;font-size:10px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#718096;text-transform:uppercase;letter-spacing:.04em;background:#f8fafc;font-size:11px}th,td{white-space:nowrap;border-bottom:1px solid #e8edf2;padding:13px 16px}tbody tr{cursor:pointer}tbody tr:hover{background:#f7faff}.status{color:#596779;background:#eff3f7;border-radius:20px;align-items:center;gap:6px;padding:5px 8px;font-size:11px;font-weight:700;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:6px;height:6px}.status-success{color:var(--green);background:#e7f7f0}.status-warning{color:var(--amber);background:#fff4d9}.status-info{color:#235dc4;background:#e9f0ff}.status-danger{color:var(--red);background:#ffebeb}.cards-grid{grid-template-columns:1.4fr .8fr;gap:18px;display:grid}.empty-account{padding:28px}.empty-account h3{margin:0 0 10px;font-size:19px}.empty-account p{color:var(--muted);max-width:650px;line-height:1.6}.payment-empty,.payment-card{padding:22px}.payment-head,.payment-address,.payment-warning{align-items:center;gap:16px;display:flex}.txid-check{gap:8px;margin-top:16px;display:grid}.txid-check>div{gap:10px;display:flex}.txid-check input{border:1px solid var(--border);min-width:0;font-family:var(--font-mono,monospace);border-radius:10px;flex:1;padding:10px 12px}@media (max-width:640px){.txid-check>div{flex-direction:column;align-items:stretch}}.payment-head{justify-content:space-between;margin-bottom:20px}.payment-head h3{margin:4px 0 0}.payment-head small,.payment-grid small,.payment-address small{color:var(--muted);margin-bottom:5px;font-size:11px;display:block}.payment-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.payment-grid>div{border:1px solid var(--line);border-radius:10px;padding:12px}.payment-address{background:#f8fafc;border-radius:12px;align-items:flex-start;margin:18px 0;padding:16px}.payment-address svg{background:#fff;flex:none;padding:8px}.payment-address code{overflow-wrap:anywhere;color:var(--navy);font-size:13px;display:block}.payment-warning{color:#755716;background:#fff6df;border:1px solid #f3d88a;border-radius:10px;margin-top:18px;padding:12px}.price{align-items:baseline;gap:7px;margin:24px 0;display:flex}.price strong{font-size:32px}.price span{color:var(--muted)}.timeline{padding:20px}.step{gap:13px;padding-bottom:19px;display:flex;position:relative}.step:not(:last-child):before{content:"";border-left:1px solid #d3dce7;position:absolute;top:22px;bottom:0;left:10px}.step-mark{z-index:1;color:#8190a1;background:#e7edf4;border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;display:grid}.step.done .step-mark{color:var(--green);background:#dff5ed}.step b,.step small{display:block}.step b{font-size:13px}.step small{color:var(--muted);margin-top:4px}.drawer{z-index:45;background:#fff;width:min(520px,100vw);padding:24px;position:fixed;top:30px;bottom:0;right:0;overflow:auto;box-shadow:-12px 0 35px #10223a22}.drawer-backdrop{z-index:40;background:#08142655;border:0;position:fixed;inset:30px 0 0}.drawer-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:18px;display:flex}.drawer-head h2{margin:0;font-size:19px}.drawer-head p{color:var(--muted);margin:5px 0 0;font-size:12px}.details{grid-template-columns:1fr 1fr;gap:14px;margin:20px 0;display:grid}.details div{background:#f6f8fa;border-radius:8px;padding:13px}.details span,.details b{display:block}.details span{color:var(--muted);text-transform:uppercase;margin-bottom:6px;font-size:10px}.callout{color:#73550b;background:#fff6df;border-radius:9px;padding:14px;font-size:12px;line-height:1.5}.backdrop{display:none}@media (max-width:900px){.payment-grid{grid-template-columns:1fr 1fr}.payment-address{flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.cards-grid{grid-template-columns:1fr}.sidebar{transition:all .2s;transform:translate(-100%)}.sidebar-open{transform:none}.workspace{padding-left:0}.menu-button,.close-menu{display:flex}.close-menu{color:#fff;background:#1b3048;border-color:#314861;margin-left:auto}.backdrop{z-index:25;background:#08142680;border:0;display:block;position:fixed;inset:30px 0 0}.topbar{padding:0 16px}.avatar span{display:none}main{padding:20px 16px}.page-intro,.panel-head{flex-direction:column;align-items:flex-start}.panel-head .actions{width:100%;margin:0}.search{width:100%}}@media (max-width:520px){.sandbox-banner span{display:none}.metrics{grid-template-columns:1fr}.title p{display:none}.top-actions{gap:4px}.lang{display:none}.details{grid-template-columns:1fr}th,td{padding:12px}.page-intro h2{font-size:22px}}.toolbar-user{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.form-error{color:#9f2926;background:#fff0ef;border:1px solid #f2b8b5;border-radius:9px;margin:0 0 16px;padding:12px 14px}.form-success{color:#126044;background:#edf9f4;border:1px solid #a9dbc9;border-radius:9px;margin:0 0 16px;padding:12px 14px}.portal-notice{color:#29496f;background:#f3f7fd;border:1px solid #c9d8ec;border-radius:10px;margin-top:18px;padding:14px 16px;font-size:13px;line-height:1.5}.notice-warning{color:#73550b;background:#fff9e9;border-color:#ecd79e}.empty-state,.placeholder-card,.wizard-card,.portal-form{padding:24px}.empty-state p,.placeholder-card p,.portal-form p{color:var(--muted);line-height:1.6}.placeholder-card{text-align:center;max-width:760px;margin:0 auto}.placeholder-card svg{color:var(--blue)}.placeholder-card .portal-notice{text-align:left}.kyc-card{margin-bottom:14px;padding:22px}.kyc-card-head,.kyc-start-card,.kyc-actions{align-items:center;gap:14px;display:flex}.kyc-card-head{justify-content:space-between;margin-bottom:18px}.kyc-card-head h3,.kyc-start-card h3{margin:3px 0 0}.kyc-card-head small{color:var(--muted)}.kyc-actions{flex-wrap:wrap;margin-top:18px}.kyc-start-card{justify-content:space-between;padding:20px 22px}.kyc-start-card div{flex:1}.kyc-start-card p{color:var(--muted);margin:5px 0 0}.portal-form{gap:16px;display:grid}.portal-form h3{color:#17263d;margin:0}.portal-form label{color:#5d6878;gap:7px;font-size:12px;display:grid}.portal-form input,.portal-form select{border:1px solid var(--line);width:100%;height:42px;color:var(--graphite);background:#fff;border-radius:8px;padding:0 11px}.portal-form input:focus,.portal-form select:focus{border-color:var(--blue);outline:2px solid #b9d0ff}.portal-form input:disabled{color:#798596;background:#f1f4f7}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid .wide{grid-column:1/-1}.form-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.wizard-progress{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.wizard-progress div{color:#7a8798;border-bottom:2px solid #dfe5ec;align-items:center;gap:8px;padding:10px;display:flex}.wizard-progress div.current{color:#17263d;border-color:var(--blue)}.wizard-progress span{background:#e7edf5;border-radius:50%;place-items:center;width:25px;height:25px;font-size:11px;font-weight:800;display:grid}.wizard-progress .current span{background:var(--blue);color:#fff}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.review-grid div{background:#f6f8fb;border-radius:9px;padding:14px}.review-grid dt{color:var(--muted);text-transform:uppercase;font-size:10px}.review-grid dd{overflow-wrap:anywhere;margin:6px 0 0}.portal-form .check-row{border:1px solid var(--line);border-radius:9px;align-items:flex-start;gap:10px;padding:14px;display:flex}.portal-form .check-row input{width:17px;height:17px;margin:0}.notification-list{gap:10px;display:grid}.notification-item{border-left:3px solid var(--blue);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.notification-item.read{opacity:.7;border-left-color:var(--line)}.notification-item small,.session-row small{color:var(--muted);margin-top:5px;display:block}.security-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.session-row{border-bottom:1px solid var(--line);overflow-wrap:anywhere;justify-content:space-between;gap:10px;padding:12px 0;display:flex}.auth-brand{color:#17263d;align-items:center;gap:10px;margin-bottom:24px;font-size:18px;display:flex}.brand-lockup{object-fit:contain;width:min(300px,100%);height:auto;display:block}.login-brand{justify-items:start;gap:4px;margin-bottom:20px;display:grid}.login-brand small{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;font-size:10px}.auth-footer{justify-content:space-between;gap:12px;margin-top:20px;font-size:13px;display:flex}.auth-footer a,.login-card a{color:#1d63ed;text-decoration:none}.auth-disclaimer{border-top:1px solid var(--line);color:var(--muted);margin-top:22px;padding-top:16px;line-height:1.5;display:block}.login-card select{border:1px solid var(--line);background:#fff;border-radius:8px;height:42px;padding:0 11px}@media (max-width:700px){.form-grid,.review-grid,.security-grid{grid-template-columns:1fr}.wizard-progress small{display:none}.wizard-progress div{justify-content:center}.notification-item,.session-row{flex-direction:column;align-items:flex-start}}.admin-filters{flex-wrap:wrap}.admin-filters input,.admin-filters select,.date-filters input,.inline-form input,.inline-form select,.inline-form textarea,.create-staff input,.create-staff select{border:1px solid var(--line);height:38px;color:var(--graphite);background:#fff;border-radius:8px;padding:0 10px}.admin-filters>input{min-width:180px}.admin-filters .short-input{text-transform:uppercase;width:90px;min-width:90px}.record-count{color:var(--muted);margin-left:auto;font-size:12px}.date-filters{align-items:end;gap:8px;margin:0 0 16px;display:flex}.admin-filters .date-filters{margin:0}.date-filters label{color:var(--muted);text-transform:uppercase;gap:4px;font-size:10px;display:grid}.button.compact{padding:8px 11px}.button.danger{background:var(--red)}.loading{text-align:center;color:var(--muted);padding:36px}.pagination{justify-content:flex-end;align-items:center;gap:10px;padding:13px 17px;display:flex}.pagination button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:7px;padding:6px 11px}.pagination button:disabled{opacity:.45;cursor:not-allowed}.drawer-actions{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.inline-form{background:#f6f8fa;border-radius:10px;gap:10px;margin:16px 0;padding:14px;display:grid}.inline-form label{color:var(--muted);gap:6px;font-size:12px;display:grid}.inline-form textarea{resize:vertical;height:auto;min-height:86px;padding:10px}.inline-form small{color:var(--muted)}.bank-details{border:1px solid var(--line);background:#f8fafc;border-radius:12px;gap:8px;margin:18px 0;padding:14px;display:grid}.bank-details>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.bank-details span{min-width:0;display:grid}.bank-details b{overflow-wrap:anywhere}.evidence-upload{gap:8px;margin:16px 0;display:grid}.evidence-upload label{color:var(--muted);font-size:12px}.evidence-upload input{max-width:100%}.inline-form .check-label{align-items:center;display:flex}.inline-form .check-label input{height:auto}.drawer-section{border-top:1px solid var(--line);padding:14px 0}.drawer-section h3{text-transform:capitalize;font-size:14px}.history-item{background:#f6f8fa;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:7px 0;padding:10px;font-size:12px;display:grid}.history-item span{overflow-wrap:anywhere;min-width:0}.history-item small{color:var(--muted);text-transform:uppercase;margin-bottom:3px;font-size:9px;display:block}.country-row,.audit-row{border-bottom:1px solid #edf1f5;justify-content:space-between;gap:12px;padding:11px 0;display:flex}.audit-row{display:grid}.audit-row small{color:var(--muted)}.create-staff{align-items:end;gap:10px;margin-bottom:16px;padding:14px;display:flex}.create-staff h3{margin:0 auto 0 0}.login-page{place-items:center;min-height:100vh;padding:60px 16px 30px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:16px;width:min(420px,100%);padding:30px;box-shadow:0 18px 50px #10223a18}.login-card form{gap:14px;display:grid}.login-card label{color:var(--muted);gap:6px;font-size:12px;display:grid}.login-card input{border:1px solid var(--line);border-radius:8px;height:42px;padding:0 11px}.login-card .button{justify-content:center}.login-card h1{margin:0}.login-card p{color:var(--muted)}@media (max-width:900px){.toolbar-user{justify-content:space-between;width:100%}.admin-filters>*{max-width:100%}.date-filters{flex-wrap:wrap}.create-staff{flex-direction:column;align-items:stretch}.create-staff h3{margin:0}.record-count{margin-left:0}.history-item{grid-template-columns:1fr}}
