:root{--bg:#07090c;--panel:#0d1117;--panel2:#111722;--line:#232b38;--line2:#303b4a;--text:#f5f7fb;--muted:#8d98aa;--green:#3ef0a8;--yellow:#ffd66b;--red:#ff667d;--blue:#67a8ff;--sidebar:238px}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea{font:inherit}.hidden{display:none!important}
.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#111827 0,#07090c 36%)}.auth-card{width:min(460px,100%);background:rgba(13,17,23,.98);border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 30px 80px #0009}.mfa-card{width:min(500px,100%)}.brand,.sidebar-brand{display:flex;align-items:center;gap:12px}.logo{width:40px;height:40px;border:1px solid #334155;border-radius:12px;display:grid;place-items:center;background:#101620;font-weight:900;color:var(--green)}.brand h1{font-size:16px;margin:0}.brand small{display:block;color:var(--muted);margin-top:2px}.auth-copy{margin-top:26px}.auth-copy h2{margin:0 0 8px;font-size:26px}.auth-copy p,.modal p{color:var(--muted);margin:0 0 20px;line-height:1.5;font-size:13px}
.field{margin:14px 0}.field label{display:block;color:#c5ccda;font-size:13px;margin-bottom:7px}.field input,.search,.modal textarea{width:100%;background:#080b10;color:white;border:1px solid var(--line);padding:13px 14px;border-radius:11px;outline:none}.field input:focus,.search:focus,.modal textarea:focus{border-color:#607089}.btn{border:1px solid var(--line);background:#111722;color:white;padding:10px 13px;border-radius:10px;cursor:pointer}.btn:hover{border-color:#455267}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--green);color:#04110c;border-color:var(--green);font-weight:800}.btn-danger{border-color:#5a2731;color:#ff9aaa;background:#180d11}.btn-muted{margin-top:12px;color:#aab4c3}.full{width:100%}.error{color:#ff9aaa;font-size:13px;margin-top:12px;padding:10px 12px;background:#1b0d11;border:1px solid #4f2630;border-radius:10px}.factor-list{display:grid;gap:9px;margin:14px 0}.factor-option{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:12px;background:#090d13;cursor:pointer}.factor-option.active{border-color:#3ef0a8;background:#0c1814}.factor-option input{accent-color:#3ef0a8}.factor-copy strong{display:block;font-size:13px}.factor-copy span{display:block;color:var(--muted);font-size:11px;margin-top:3px}.qr-area{margin-top:16px}.qr-box{background:white;border-radius:18px;padding:18px;width:min(280px,100%);margin:0 auto 14px}.qr-box img{display:block;width:100%;height:auto}.secret-details{border:1px solid var(--line);border-radius:11px;padding:11px 12px;color:var(--muted);font-size:12px;margin-bottom:14px}.secret-details code{display:block;color:#dce5f2;margin-top:10px;word-break:break-all;user-select:all}.hint{color:var(--muted);font-size:11px;line-height:1.5;margin-top:10px}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#090d12;border-right:1px solid #1d2530;padding:18px 13px;display:flex;flex-direction:column;z-index:10}.sidebar-brand{padding:3px 7px 20px}.sidebar-brand strong{font-size:13px;display:block}.sidebar-brand span{font-size:11px;color:var(--muted)}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{position:relative;border:0;background:transparent;color:#9ca8b9;display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;text-align:left;padding:10px 11px;border-radius:10px;cursor:pointer}.nav-item span{font-size:16px;text-align:center}.nav-item b{font-size:12px;font-weight:650}.nav-item:hover{background:#101722;color:#dfe6f1}.nav-item.active{background:#13201c;color:#71f4bd}.nav-badge{font-style:normal;background:#59420d;color:#ffe18d;border-radius:99px;font-size:9px;font-weight:800;padding:3px 6px}.nav-separator{height:1px;background:#1d2530;margin:8px 8px}.sidebar-foot{margin-top:auto;border-top:1px solid #1d2530;padding:15px 9px 4px;display:flex;align-items:center;gap:10px}.sidebar-foot strong{display:block;font-size:11px}.sidebar-foot small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #3ef0a877}.main{margin-left:var(--sidebar);padding:24px 28px 38px;max-width:1700px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:15px}.topbar h1{margin:2px 0 0;font-size:25px}.eyebrow{font-size:9px;letter-spacing:.18em;color:#637083}.user-area{display:flex;align-items:center;gap:13px}.user-copy{text-align:right}.user-copy strong{display:block;font-size:12px}.user-copy span{display:block;font-size:10px;color:var(--muted);margin-top:3px}.security-strip{display:flex;align-items:center;gap:8px;color:#a9b7c9;background:#0c1513;border:1px solid #21483a;border-radius:11px;padding:9px 12px;margin-bottom:22px;font-size:11px}.security-strip .dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px #3ef0a8}.page{display:none}.active-page{display:block}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:17px}.page-head h2{font-size:18px;margin:0 0 5px}.page-head p,.card-head p{margin:0;color:var(--muted);font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:16px}.metric{background:linear-gradient(150deg,#0e141d,#0b1017);border:1px solid var(--line);border-radius:14px;padding:15px}.metric span{color:#99a5b6;font-size:10px}.metric strong{display:block;font-size:21px;margin:7px 0 4px;letter-spacing:-.03em}.metric small{font-size:9px;color:#647084}.dashboard-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,.75fr);gap:14px}.card{background:#0d1117;border:1px solid var(--line);border-radius:15px;overflow:hidden}.card-head{padding:15px 16px;border-bottom:1px solid var(--line)}.card-head h3{font-size:13px;margin:0 0 4px}.split{display:flex;justify-content:space-between;align-items:center;gap:12px}.text-btn{border:0;background:transparent;color:#73efbd;cursor:pointer;font-size:11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:11px}th{text-align:left;color:#778497;font-weight:600;padding:10px 13px;border-bottom:1px solid var(--line)}td{padding:11px 13px;border-bottom:1px solid #171e27;color:#d7dee9;white-space:nowrap}.empty-cell{text-align:center;color:var(--muted);padding:30px}.attention-list{padding:10px}.attention-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px;border-radius:10px}.attention-item:hover{background:#111823}.attention-item strong{font-size:11px}.attention-item span{font-size:10px;color:var(--muted)}.attention-count{min-width:30px;text-align:center;border-radius:99px;background:#18212c;color:#fff;padding:5px 8px;font-weight:800;font-size:10px}.attention-count.hot{background:#4b3910;color:#ffe28b}.attention-count.red{background:#3a151b;color:#ff9baa}
.kyc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.kyc-stats>div{background:#0d1117;border:1px solid var(--line);border-radius:13px;padding:13px}.kyc-stats span{font-size:10px;color:var(--muted)}.kyc-stats strong{display:block;font-size:19px;margin-top:5px}.kyc-grid{display:grid;grid-template-columns:350px 1fr;gap:14px}.search-pad,.list-pad{padding:11px}.client{padding:12px;border:1px solid transparent;border-radius:11px;cursor:pointer;margin-bottom:5px}.client:hover,.client.active{background:#121925;border-color:#293446}.client-name{font-weight:700;font-size:12px}.client-meta{color:var(--muted);font-size:10px;margin-top:5px;display:flex;gap:6px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:3px 7px;border-radius:999px;font-size:8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.pending{background:#2b2310;color:#ffd66b}.review{background:#10293a;color:#7ec9ff}.approved{background:#0d2c20;color:#71f4bd}.correction{background:#32161b;color:#ff93a3}.empty{padding:34px 18px;color:var(--muted);text-align:center}.detail{padding:16px}.person{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid var(--line)}.person h2{margin:0 0 6px;font-size:19px}.person p{margin:0;color:var(--muted);font-size:11px}.section-title{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#7d899b;margin:19px 0 9px}.rows{display:grid;gap:7px}.row{display:grid;grid-template-columns:150px 1fr auto;gap:12px;align-items:center;border:1px solid #1e2733;background:#0a0e14;border-radius:11px;padding:10px}.label{color:var(--muted);font-size:10px}.value{font-size:12px;word-break:break-word}.actions{display:flex;gap:6px}.mini{padding:6px 8px;border-radius:7px;border:1px solid var(--line);background:#101620;color:#cbd5e1;font-size:9px;font-weight:800;cursor:pointer}.mini.ok{border-color:#285444;color:#88efc6;background:#0c1a15}.mini.bad{border-color:#5d2b35;color:#ff9bab;background:#1b0d11}.docs{display:grid;grid-template-columns:1fr 1fr;gap:10px}.doc{background:#090d13;border:1px solid var(--line);border-radius:13px;overflow:hidden}.doc-img{aspect-ratio:1.58;background:#070a0f;display:grid;place-items:center;color:var(--muted);overflow:hidden}.doc-img img{width:100%;height:100%;object-fit:contain}.doc-foot{padding:10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.doc-title{font-size:11px;font-weight:700}.bottom-bar{display:flex;justify-content:flex-end;gap:10px;margin-top:18px;border-top:1px solid var(--line);padding-top:16px}
.module-coming{min-height:460px;border:1px dashed #2b3645;border-radius:18px;display:grid;place-content:center;text-align:center;padding:35px;background:radial-gradient(circle at center,#101720 0,#0a0e13 60%)}.coming-icon{width:54px;height:54px;border:1px solid #334052;border-radius:15px;display:grid;place-items:center;margin:0 auto 14px;color:var(--green);font-size:23px}.module-coming h2{margin:0 0 8px}.module-coming p{max-width:560px;color:var(--muted);font-size:12px;line-height:1.6}.module-coming span{color:#71f4bd;font-size:10px}.security-page-card{padding:22px;display:flex;justify-content:space-between;align-items:center;gap:20px}.security-page-card h3{margin:8px 0 5px}.security-page-card p{margin:0;color:var(--muted);font-size:11px}.security-big-dot{display:block;width:12px;height:12px;background:var(--green);border-radius:50%;box-shadow:0 0 18px #3ef0a8}
.modal-backdrop{position:fixed;inset:0;background:#000b;display:grid;place-items:center;padding:22px;z-index:30}.modal{width:min(500px,100%);background:#0d1117;border:1px solid #2b3544;border-radius:19px;padding:20px;box-shadow:0 26px 80px #000b}.modal h3{margin:0 0 8px}.modal textarea{height:110px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:13px}.modal-title-row{display:flex;justify-content:space-between;gap:15px}.icon-btn,.icon-only{border:0;background:transparent;color:#bcc6d4;font-size:25px;line-height:1;cursor:pointer}.divider{height:1px;background:var(--line);margin:18px 0}.toast{position:fixed;right:22px;bottom:22px;background:#131b25;border:1px solid #344152;padding:12px 14px;border-radius:12px;box-shadow:0 12px 35px #0008;font-size:13px;z-index:40}.mobile-menu{display:none}
@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.kyc-grid{grid-template-columns:320px 1fr}}
@media(max-width:850px){:root{--sidebar:0px}.sidebar{transform:translateX(-100%);width:238px;transition:.2s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;padding:18px}.mobile-menu{display:inline-block;margin-right:10px}.topbar>div:first-child{display:flex;align-items:center;flex-wrap:wrap}.topbar h1{width:100%;margin-left:38px}.kyc-grid{grid-template-columns:1fr}.row{grid-template-columns:1fr}.docs{grid-template-columns:1fr}}
@media(max-width:580px){.metric-grid,.kyc-stats{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start}.user-copy{display:none}.security-strip{align-items:flex-start;flex-wrap:wrap}.page-head{flex-direction:column}.security-page-card{align-items:flex-start;flex-direction:column}}