:root{--ink-900:#14130F;--ink-800:#1B1A17;--ink-700:#211F1B;--ink-650:#26231E;--ink-600:#2A2722;--line:#3A372F;--line-soft:#302D27;--gold:#B68A3E;--gold-300:#D4AE68;--gold-100:#E8D3A3;--cream:#EDE7D9;--muted:#9B9483;--muted-2:#736C5E;--danger:#CD6A56;--ok:#94B089;--font-display:"Fraunces",Georgia,"Songti SC",serif;--font-ui:"Inter",system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--r:14px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-ui);color:var(--cream);background:radial-gradient(1200px 700px at 18% -10%,#1f1d18,#1f1d1800 60%),radial-gradient(900px 600px at 110% 120%,#211d15,#211d1500 55%),var(--ink-900);display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;-webkit-font-smoothing:antialiased}.window{width:min(1280px,100%);height:min(820px,94vh);position:relative;background:var(--ink-700);border:1px solid var(--line-soft);border-radius:20px;overflow:hidden;box-shadow:0 40px 120px -30px #000000bf,0 0 0 1px #ffffff05 inset}.titlebar{position:absolute;top:0;left:0;right:0;height:42px;display:flex;align-items:center;gap:8px;padding:0 16px;z-index:5}.dot{width:11px;height:11px;border-radius:50%;background:#39352d}.tb-title{position:absolute;left:50%;transform:translate(-50%);font-size:13px;letter-spacing:.06em;color:var(--muted);-webkit-user-select:none;user-select:none}.tb-ctrl{margin-left:auto;display:flex;gap:8px}.win-btn{width:26px;height:22px;border:none;background:transparent;color:var(--muted-2);cursor:pointer;border-radius:6px;font-size:13px}.win-btn:hover{background:var(--ink-600);color:var(--cream)}.layout{display:grid;grid-template-columns:230px 1fr;height:100%;padding-top:42px}.sidebar{background:var(--ink-800);border-right:1px solid var(--line-soft);display:flex;flex-direction:column;padding:20px 14px}.brand-mini{display:flex;align-items:center;gap:10px;padding:0 6px}.brand-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--gold),var(--gold-300));display:flex;align-items:center;justify-content:center;color:var(--ink-900);font-family:var(--font-display);font-weight:700;font-size:18px}.brand-name{font-family:var(--font-display);font-weight:600;font-size:18px;color:var(--cream)}.brand-tag{font-size:10px;color:var(--gold-100);border:1px solid var(--line);padding:1px 6px;border-radius:6px;margin-left:2px}.nav{flex:1;margin-top:20px;display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:14px;color:var(--muted);cursor:pointer;position:relative;transition:background .15s,color .15s}.nav-item:hover{background:var(--ink-700);color:var(--cream)}.nav-item.active{color:var(--gold-100);background:var(--ink-700);box-shadow:inset 3px 0 0 var(--gold)}.user-box{display:flex;align-items:center;gap:10px;padding:10px;border-radius:10px;border:1px solid var(--line-soft)}.user-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--gold),var(--gold-300));display:flex;align-items:center;justify-content:center;color:var(--ink-900);font-size:13px;font-weight:600;flex-shrink:0}.user-name{flex:1;min-width:0;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:10px;color:var(--gold-100)}.btn-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-top:8px;padding:9px;border-radius:10px;border:1px solid var(--line-soft);background:transparent;color:var(--muted);font-size:13px;font-family:var(--font-ui);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.btn-logout:hover{border-color:var(--danger);color:var(--danger);background:#cd6a5614}.content{display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{height:60px;flex-shrink:0;border-bottom:1px solid var(--line-soft);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.topbar h1{font-family:var(--font-display);font-size:20px;font-weight:600;margin:0}.range-pills{display:flex;gap:6px;background:var(--ink-600);padding:4px;border-radius:10px}.range-pill{padding:6px 12px;border-radius:7px;font-size:12px;font-weight:600;color:var(--muted);border:none;background:transparent;cursor:pointer;font-family:var(--font-ui)}.range-pill.active{background:var(--ink-700);color:var(--gold-100)}.scroll{flex:1;overflow-y:auto;padding:24px 28px 40px}.section-title{font-family:var(--font-display);font-size:15px;font-weight:600;color:var(--cream);margin:26px 0 14px}.section-title:first-child{margin-top:0}.top-actions{display:flex;gap:10px}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.kpi{background:var(--ink-700);border:1px solid var(--line-soft);border-radius:var(--r);padding:18px 20px}.kpi .label{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:7px}.kpi .value{font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--cream);margin-top:8px;letter-spacing:-.01em}.kpi .value.gold{color:var(--gold-100)}.kpi .delta{font-size:12px;margin-top:4px;color:var(--muted-2)}.kpi .delta.up{color:var(--ok)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:var(--ink-700);border:1px solid var(--line-soft);border-radius:var(--r);padding:18px 20px;overflow-x:auto}.panel-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px}.panel-head .t{font-size:14px;font-weight:600;color:var(--cream)}.panel-head .sub{font-size:12px;color:var(--muted-2)}.panel-foot{font-size:12px;color:var(--muted-2);margin-top:8px}.chart{width:100%;height:180px;display:block}.mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.mini{background:var(--ink-700);border:1px solid var(--line-soft);border-radius:var(--r);padding:16px 18px}.mini .label{font-size:12px;color:var(--muted)}.mini .value{font-family:var(--font-display);font-size:24px;font-weight:700;margin-top:6px}.mini .value.gold{color:var(--gold-100)}.mini .value.ok{color:var(--ok)}.mini .value.danger{color:var(--danger)}.filter-bar{display:flex;align-items:center;gap:14px;margin-bottom:14px}.chips{display:flex;gap:6px;background:var(--ink-600);padding:4px;border-radius:10px}.chip{padding:6px 13px;border-radius:7px;font-size:12px;font-weight:600;color:var(--muted);border:none;background:transparent;cursor:pointer;font-family:var(--font-ui)}.chip.active{background:var(--ink-700);color:var(--gold-100)}.filter-right{margin-left:auto;display:flex;align-items:center;gap:12px}.btn-sm{padding:7px 14px;font-size:13px}.search{width:260px;height:38px;border:1px solid var(--line);border-radius:10px;padding:0 14px;font-size:13px;font-family:var(--font-ui);background:var(--ink-600);color:var(--cream)}.search:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #b68a3e2e}input[type=checkbox]{width:15px;height:15px;accent-color:var(--gold);cursor:pointer;vertical-align:middle;margin:0}table.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;color:var(--muted);font-weight:600;font-size:12px;padding:12px 14px;border-bottom:1px solid var(--line-soft);white-space:nowrap}.tbl td{padding:12px 14px;border-bottom:1px solid var(--line-soft);color:var(--cream);white-space:nowrap;font-variant-numeric:tabular-nums}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr:hover td{background:var(--ink-650)}.tbl .mono{font-family:var(--font-mono);color:var(--gold-100);font-size:12.5px}.tbl .uid{font-weight:600}.tbl .ip{font-family:var(--font-mono);color:var(--muted);font-size:12.5px}.empty-row td{text-align:center;color:var(--muted-2);padding:30px}.st{font-size:11px;font-weight:700;letter-spacing:.03em;padding:3px 9px;border-radius:100px}.st-unused{background:#b68a3e29;color:var(--gold-100)}.st-used{background:var(--ink-600);color:var(--muted)}.st-voided{background:#cd6a5629;color:var(--danger)}.st-active{background:#94b08929;color:var(--ok)}.st-disabled{background:#cd6a5629;color:var(--danger)}.row-act{display:flex;gap:6px}.mini-btn{padding:5px 11px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--cream);font-family:var(--font-ui)}.mini-btn:hover{border-color:var(--gold)}.mini-btn.danger{color:var(--danger)}.mini-btn.danger:hover{border-color:var(--danger);background:#cd6a5614}.mini-btn.ok{color:var(--ok)}.mini-btn.ok:hover{border-color:var(--ok);background:#94b08914}.mini-btn:disabled{opacity:.35;cursor:not-allowed}.btn{padding:9px 18px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;font-family:var(--font-ui)}.btn-primary{background:var(--gold);color:var(--ink-900)}.btn-primary:hover{background:var(--gold-300)}.btn-secondary{background:var(--ink-600);color:var(--cream);border:1px solid var(--line-soft)}.btn-secondary:hover{border-color:var(--gold)}.btn-danger{background:var(--danger);color:#fff;transition:filter .15s}.btn-danger:hover{filter:brightness(.9)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:none;align-items:center;justify-content:center;z-index:100;padding:24px}.modal-overlay.show{display:flex}.modal{background:var(--ink-700);border:1px solid var(--line-soft);border-radius:var(--r);width:min(560px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 30px 80px #0009}.modal.narrow{width:min(440px,100%)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line-soft)}.modal-title{font-size:18px;font-weight:600}.modal-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--ink-600);color:var(--muted);cursor:pointer;font-size:18px}.modal-close:hover{background:var(--ink-650);color:var(--cream)}.modal-body{padding:24px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:18px 24px;border-top:1px solid var(--line-soft)}.form-group{margin-bottom:18px}.form-row{display:flex;gap:14px}.form-row .form-group{flex:1}.form-label{display:block;font-size:13px;font-weight:600;margin-bottom:7px;color:var(--cream)}.form-input{width:100%;height:42px;border:1px solid var(--line);border-radius:10px;padding:0 14px;font-size:14px;font-family:var(--font-ui);background:var(--ink-600);color:var(--cream)}.form-input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #b68a3e2e}textarea.form-input{height:auto;min-height:120px;padding:12px 14px;resize:vertical;font-family:var(--font-mono);font-size:13px;line-height:1.6}.hint{font-size:12px;color:var(--muted-2);margin-top:7px}.warn{font-size:13px;color:var(--gold-100);background:#b68a3e1a;border:1px solid var(--line);border-radius:10px;padding:10px 14px;margin-bottom:14px}.confirm-text{font-size:14px;color:var(--muted);line-height:1.7;margin:0 0 8px}.confirm-text strong{color:var(--cream)}.confirm-code{font-family:var(--font-mono);font-size:13px;color:var(--gold-100);background:var(--ink-600);border:1px solid var(--line);border-radius:8px;padding:8px 12px;margin:6px 0 4px;word-break:break-all}.pwd-box{font-family:var(--font-mono);font-size:18px;color:var(--gold-100);background:var(--ink-600);border:1px solid var(--line);border-radius:10px;padding:14px 16px;text-align:center;letter-spacing:.04em;margin:6px 0}.toast{position:fixed;top:20px;right:20px;padding:13px 18px;border-radius:var(--r);background:var(--ink-600);border:1px solid var(--line);color:var(--cream);font-size:13px;font-weight:500;box-shadow:0 16px 40px #00000080;z-index:200;display:none;align-items:center;gap:10px}.toast.show{display:flex}.toast.success{border-color:var(--ok)}.toast.error{border-color:var(--danger)}.toast.info{border-color:var(--gold)}#app{display:contents}