@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;600&display=swap");:root{--bg:#f6f6f7;--card:#fff;--line:#e7e7ea;--faint:#eeeef1;--hover:#f4f4f6;--ink:#1c1b1f;--muted:#9a99a2;--accent:#175cd3;--accent-ink:#194185;--accent-tint:#eaf1fd;--danger:#b42318;--warning:#b5540a;--plum:var(--ink);--plum-deep:var(--ink);--coral:var(--accent);--teal:var(--accent);--cream:var(--bg);--ink-soft:#6b6a72;--shadow-sm:0 1px 2px rgba(20,20,25,.05);--shadow-md:0 1px 2px rgba(20,20,25,.04),0 6px 16px -12px rgba(20,20,25,.22);--shadow-lg:0 2px 6px rgba(20,20,25,.05),0 18px 40px -22px rgba(20,20,25,.3);--r-control:9px;--r-card:14px;--r-panel:16px}*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100%;overflow-x:hidden}body{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh}a{color:inherit;text-decoration:none}.layout{min-height:100vh}.layout,.sidebar{display:flex;flex-direction:column}.sidebar{width:256px;position:-webkit-sticky;position:sticky;top:0;height:100vh;padding:24px 16px;color:var(--ink);flex-shrink:0;background:var(--card);border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;margin-bottom:28px;padding:4px 8px}.brand .mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--accent-tint);color:var(--accent-ink);font-size:15px;font-weight:600}.brand h1{font-size:20px;font-weight:600;letter-spacing:-.2px}.nav{flex-direction:column;gap:2px;flex:1 1;min-height:0;overflow-y:auto}.nav,.nav a{display:flex}.nav a{position:relative;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-control);color:var(--ink-soft);font-weight:500;font-size:14px;transition:background .15s ease,color .15s ease}.nav a:hover{background:var(--hover);color:var(--ink)}.nav a.active{background:var(--accent-tint);color:var(--accent-ink)}.nav .ico{width:18px;height:18px;display:inline-grid;place-items:center;color:var(--muted)}.sidebar .foot{margin-top:12px;padding:0 4px;font-size:12px;color:var(--muted);line-height:1.5}.topnav{position:-webkit-sticky;position:sticky;top:0;z-index:50;gap:24px;padding:12px 28px;background:var(--card);border-bottom:1px solid var(--line)}.topnav,.topnav .tbrand{display:flex;align-items:center}.topnav .tbrand{gap:10px;text-decoration:none;flex:none;padding-right:8px}.topnav .mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--accent-tint);color:var(--accent-ink);font-size:14px;font-weight:600;object-fit:cover;overflow:hidden}.topnav .btext b{display:block;font-size:17px;font-weight:600;color:var(--ink);line-height:1.1;letter-spacing:-.2px}.topnav .btext small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.topnav .tnav{display:flex;align-items:center;gap:2px;flex:1 1;overflow-x:auto;padding:2px;scrollbar-width:none}.topnav .tnav::-webkit-scrollbar{display:none}.topnav .tnav .a{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--r-control);font-size:14px;font-weight:500;color:var(--ink-soft);text-decoration:none;white-space:nowrap;transition:background .15s ease,color .15s ease}.topnav .tnav .a .i{display:inline-grid;place-items:center;width:18px;height:18px;color:var(--muted)}.topnav .tnav .a:hover{background:var(--hover);color:var(--ink)}.topnav .tnav .a:hover .i{color:var(--ink-soft)}.topnav .tnav .a.active{color:var(--accent-ink);background:var(--accent-tint)}.topnav .tnav .a.active .i{color:var(--accent-ink)}.topnav .tnav .tgroup{position:relative;display:inline-flex}.topnav .tnav .tgroup>.a{background:transparent;border:0;cursor:pointer;font-family:inherit}.topnav .tnav .tgroup>.a.active{color:var(--accent-ink);background:var(--accent-tint)}.topnav .tnav .tgroup .gchev{display:inline-grid;place-items:center;width:14px;height:14px;margin-left:1px;color:var(--muted)}.topnav .tnav .tdrop{padding-top:8px;z-index:200}.topnav .tnav .tdrop-inner{min-width:212px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-lg);padding:6px}.topnav .tnav .tdrop .di{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-control);color:var(--ink);text-decoration:none;font-size:14px;font-weight:500;white-space:nowrap}.topnav .tnav .tdrop .di .i{display:inline-grid;place-items:center;width:18px;height:18px;color:var(--muted)}.topnav .tnav .tdrop .di:hover{background:var(--hover)}.topnav .tnav .tdrop .di.active{background:var(--accent-tint);color:var(--accent-ink)}.topnav .tnav .tdrop .di.active .i{color:var(--accent-ink)}.topnav .right{display:flex;align-items:center;gap:12px;flex:none}.topnav .live{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--ink-soft)}.topnav .live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);flex:none}.topnav .bell{position:relative;width:36px;height:36px;border-radius:var(--r-control);border:1px solid var(--line);background:var(--card);cursor:pointer;color:var(--ink-soft);display:grid;place-items:center;transition:background .15s ease}.topnav .bell:hover{background:var(--hover)}.topnav .bell i{position:absolute;top:9px;right:10px;width:7px;height:7px;border-radius:50%;background:var(--accent);border:2px solid var(--card)}.topnav .acct{position:relative}.topnav .acctbtn{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-control);padding:5px 10px 5px 5px;cursor:pointer;transition:background .15s ease}.topnav .acctbtn:hover{background:var(--hover)}.topnav .av{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:var(--accent-ink);background:var(--accent-tint)}.topnav .atext b,.topnav .av{font-weight:600;font-size:13px}.topnav .atext b{display:block;color:var(--ink);line-height:1.2}.topnav .atext small{display:block;color:var(--muted);font-size:11px}.topnav .chev{display:inline-grid;place-items:center;width:14px;height:14px;color:var(--muted)}.topnav .menu{position:absolute;right:0;top:50px;width:220px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow-lg);padding:6px;display:flex;flex-direction:column;gap:2px}.topnav .mi{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-control);font-size:14px;color:var(--ink);text-decoration:none;border:none;background:none;cursor:pointer;text-align:left;width:100%;font:inherit;font-weight:500}.topnav .mi .i{display:inline-grid;place-items:center;width:18px;height:18px;color:var(--muted)}.topnav .mi:hover{background:var(--hover)}.topnav .mi.out,.topnav .mi.out .i{color:var(--danger)}.topnav .mi.out:hover{background:rgba(180,35,24,.07)}.topnav .msep{height:1px;background:var(--line);margin:4px 6px}@media (max-width:1250px){.topnav .atext,.topnav .btext small{display:none}}@media (max-width:820px){.topnav .live{display:none}.topnav{padding:10px 14px;gap:10px}.main{padding:18px 14px}}@media (max-width:560px){.topnav .bell,.topnav .btext{display:none}.main{padding:14px 12px}}.main{flex:1 1;padding:28px 32px;max-width:1600px;width:100%;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--line)}.topbar h2{font-size:24px;font-weight:600;letter-spacing:-.4px;color:var(--ink)}.badge-mode{font-size:12px;font-weight:500;padding:5px 10px;border-radius:var(--r-control);display:inline-flex;align-items:center;gap:6px}.badge-mode.live{background:var(--accent-tint);color:var(--accent-ink)}.badge-mode.mock{background:#f4ede2;color:var(--warning)}.grid{display:grid;grid-gap:16px;gap:16px}.grid.metrics{grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:20px;box-shadow:var(--shadow-sm)}.metric{position:relative;overflow:hidden}.metric .metric-head{display:flex;align-items:flex-start;justify-content:space-between}.metric .label{font-size:13px;color:var(--ink-soft);font-weight:500}.metric .chip{width:34px;height:34px;border-radius:var(--r-control);display:grid;place-items:center;background:var(--faint);color:var(--ink-soft);font-size:15px;flex-shrink:0}.metric .value{font-size:30px;font-weight:600;letter-spacing:-.8px;margin-top:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink);line-height:1.1}.metric .sub{font-size:13px;color:var(--ink-soft);font-weight:500;margin-top:8px;display:flex;align-items:center;gap:5px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:13px;color:var(--ink-soft);font-weight:500;padding:11px 14px}td,th{border-bottom:1px solid var(--line)}td{padding:13px 14px;font-size:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}tbody tr{transition:background .12s ease}tbody tr:hover{background:var(--hover)}tr:last-child td{border-bottom:none}.pill{display:inline-block;padding:3px 10px;border-radius:100px;font-size:12px;font-weight:500}.pill.green{background:var(--accent-tint);color:var(--accent-ink)}.pill.amber{background:#f4ede2;color:var(--warning)}.pill.red{background:rgba(180,35,24,.1);color:var(--danger)}.pill.grey,.pill.plum{background:var(--faint);color:var(--ink-soft)}.btn{border:none;cursor:pointer;font-weight:500;font-size:13px;padding:9px 15px;border-radius:var(--r-control);font-family:inherit;transition:background .15s ease,border-color .15s ease}.btn:active{transform:translateY(1px)}.btn.approve{background:var(--accent);color:#fff}.btn.approve:hover{background:var(--accent-ink)}.btn.reject{background:var(--card);color:var(--danger);border:1px solid var(--line)}.btn.reject:hover{border-color:var(--danger)}.btn.ghost{background:var(--faint);color:var(--ink)}.btn.ghost:hover{background:var(--hover)}.btn+.btn{margin-left:8px}.section-title{font-size:15px;font-weight:600;margin:2px 0 14px;letter-spacing:-.2px;color:var(--ink)}.muted{color:var(--ink-soft);font-size:13px;line-height:1.55}.h-row{justify-content:space-between;margin-bottom:16px}.h-row,.logout-btn{display:flex;align-items:center}.logout-btn{margin-top:14px;flex-shrink:0;background:var(--faint);color:var(--ink-soft);border:none;cursor:pointer;font-family:inherit;font-weight:500;font-size:13px;padding:10px 14px;border-radius:var(--r-control);text-align:left;gap:10px;transition:background .15s ease,color .15s ease}.logout-btn:hover{background:rgba(180,35,24,.08);color:var(--danger)}.modal-overlay{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:rgba(20,20,25,.4);animation:mfade .16s ease}@keyframes mfade{0%{opacity:0}to{opacity:1}}.modal-card{width:min(430px,100%);background:var(--card);border-radius:var(--r-panel);padding:26px 26px 20px;box-shadow:var(--shadow-lg);border:1px solid var(--line);animation:mpop .16s ease;text-align:left}@keyframes mpop{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.modal-ico{width:44px;height:44px;border-radius:var(--r-control);display:grid;place-items:center;background:var(--faint);color:var(--ink-soft);font-size:20px;margin-bottom:14px}.modal-title{font-size:18px;font-weight:600;color:var(--ink);letter-spacing:-.2px}.modal-msg{color:var(--ink-soft);font-size:14px;line-height:1.6;margin-top:8px}.modal-code{margin-top:14px;background:var(--faint);border:1px solid var(--line);border-radius:var(--r-control);padding:12px 14px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:17px;font-weight:600;color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px;flex-wrap:wrap}.modal-btn{border:none;cursor:pointer;font-family:inherit;font-weight:500;font-size:14px;padding:10px 18px;border-radius:var(--r-control);transition:background .15s ease}.modal-btn:active{transform:translateY(1px)}.modal-btn.primary{background:var(--accent);color:#fff}.modal-btn.primary:hover{background:var(--accent-ink)}.modal-btn.danger{background:var(--danger);color:#fff}.modal-btn.cancel{background:var(--faint);color:var(--ink)}.modal-btn.cancel:hover{background:var(--hover)}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--bg)}.login-card{position:relative;z-index:1;width:360px;max-width:calc(100vw - 40px);background:var(--card);border:1px solid var(--line);border-radius:var(--r-panel);padding:36px 30px 28px;text-align:center;box-shadow:var(--shadow-md)}.login-mark{display:block;width:48px;height:48px;margin:0 auto 16px;border-radius:12px;object-fit:cover}.login-title{font-size:26px;font-weight:600;letter-spacing:-.4px;color:var(--ink)}.login-sub{margin-top:4px}.login-label,.login-sub{color:var(--ink-soft);font-size:13px;font-weight:500}.login-label{display:block;text-align:left;margin:22px 0 7px}.login-input{width:100%;padding:12px 14px;border-radius:var(--r-control);font-family:inherit;font-size:15px;background:var(--card);border:1px solid var(--line);color:var(--ink);outline:none;transition:border-color .15s ease}.login-input::placeholder{color:var(--muted)}.login-input:focus{border-color:var(--accent)}.login-error{margin-top:12px;background:rgba(180,35,24,.08);color:var(--danger);border-radius:var(--r-control);padding:9px 12px;font-size:13px;font-weight:500}.login-btn{width:100%;margin-top:20px;padding:13px;border:none;cursor:pointer;border-radius:var(--r-control);font-family:inherit;font-weight:600;font-size:15px;color:#fff;background:var(--accent);transition:background .15s ease}.login-btn:hover:not(:disabled){background:var(--accent-ink)}.login-btn:disabled{opacity:.55;cursor:default}.login-foot{margin-top:22px;color:var(--muted);font-size:12px}.u-hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:24px;overflow:hidden}.u-hero-l{flex:1 1 auto;min-width:0}.u-hero-l h1{font-size:24px;font-weight:600;color:var(--ink);letter-spacing:-.4px}.u-hero-l p{color:var(--ink-soft);margin-top:4px;font-size:14px}.u-hero-r{flex:none}.u-hero-img{width:220px;height:96px;object-fit:cover;border-radius:var(--r-control);display:block}.u-stats{display:grid;grid-gap:14px;gap:14px}.u-stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:18px;box-shadow:var(--shadow-sm)}.u-stat-label{color:var(--ink-soft);font-size:13px;font-weight:500}.u-stat-value{font-size:28px;font-weight:600;color:var(--ink);line-height:1.1;margin-top:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-.5px}.u-stat-trend{font-size:12px;font-weight:500;color:var(--ink-soft);margin-top:2px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.u-stat-trend.up{color:var(--accent-ink)}.u-stat-sub{color:var(--ink-soft);font-size:12px;margin-top:3px}@media (max-width:560px){.u-hero-img{display:none}}@media (prefers-reduced-motion:reduce){*{animation:none!important}}