:root{--nav:#071927;--nav2:#0d2638;--blue:#1677ff;--cyan:#23cbb8;--ink:#132733;--muted:#6c7e89;--bg:#f2f5f7;--card:#fff;--line:#dce5ea;--danger:#c93434;--shadow:0 8px 30px rgba(20,46,62,.07)}*{box-sizing:border-box}html{font-size:16px}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.45;display:grid;grid-template-columns:248px minmax(0,1fr)}[hidden]{display:none!important}button,input,select{font:inherit}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--nav),#06141f);color:#fff;padding:24px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 10px 26px}.brand-mark,.login-icon{display:grid;place-items:center;background:linear-gradient(145deg,var(--blue),var(--cyan));color:#fff;font-weight:800}.brand-mark{width:42px;height:42px;border-radius:12px;font-size:1.3rem}.brand>span:last-child{display:grid}.brand b{font-size:1.05rem}.brand small{color:#9fb4c1}.sidebar nav{display:grid;gap:5px}.sidebar nav button{border:0;background:transparent;color:#a9bac5;display:flex;align-items:center;gap:11px;text-align:left;padding:11px 12px;border-radius:9px;cursor:pointer;font-weight:600}.sidebar nav button span{width:20px;text-align:center;font-size:1.05rem}.sidebar nav button:hover,.sidebar nav button.active{background:var(--nav2);color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid #1d3545;padding:18px 10px 0;display:grid;gap:4px}.sidebar-footer small{color:#8198a7}.sidebar-footer b{font-size:.82rem;overflow:hidden;text-overflow:ellipsis}.sidebar-footer button{border:0;background:none;color:#9fb4c1;padding:8px 0;text-align:left;cursor:pointer}.workspace{min-width:0;padding:22px clamp(18px,3.4vw,48px) 48px}.topbar{height:64px;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.topbar h1{font-size:1.55rem;line-height:1.2;margin:0;font-weight:750;letter-spacing:-.02em}.topbar p{font-size:.86rem;color:var(--muted);margin:4px 0 0}.system-status{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:8px 12px;font-size:.8rem;font-weight:650}.system-status i{width:8px;height:8px;background:#20b96b;border-radius:50%}.login-card,.card,.metric-grid article{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow)}.login-card{max-width:420px;margin:8vh auto;padding:32px;border-radius:16px}.login-icon{width:48px;height:48px;border-radius:13px;margin-bottom:18px}.login-card h2{margin:0;font-size:1.45rem}.login-card>p{color:var(--muted);margin:5px 0 22px}.card{border-radius:14px;padding:20px}.card h2{font-size:1.05rem;margin:0 0 5px}.card>p,.card-head p{font-size:.85rem;color:var(--muted);margin:0}.card-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px}.metric-grid article{border-radius:13px;padding:18px}.metric-grid span,.metric-grid small{display:block;color:var(--muted);font-size:.76rem}.metric-grid strong{display:block;font-size:1.55rem;margin:6px 0 2px;letter-spacing:-.03em}.metric-grid .online{color:#14945a}.content-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr);gap:14px}.section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.quick{background:linear-gradient(145deg,#0b2a3e,#10536d);color:#fff;border:0}.quick p{color:#c3d4dd;margin:8px 0 20px}.tag{display:inline-block;color:var(--blue);font-size:.68rem;font-weight:800;letter-spacing:.12em;margin-bottom:8px}.quick .tag{color:#5ee2cf}label{display:grid;gap:6px;margin:13px 0;color:var(--muted);font-size:.8rem;font-weight:650}input,select{width:100%;min-height:43px;border:1px solid #cbd8df;border-radius:9px;background:#fff;padding:9px 11px;color:var(--ink);outline:0;font-size:1rem}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,119,255,.12)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary,.secondary,.small-button{border:0;border-radius:9px;cursor:pointer;font-weight:700}.primary{background:var(--blue);color:#fff;padding:10px 15px}.primary:hover{background:#0868e8}.secondary{background:#fff;color:#15384d;padding:10px 14px}.full{width:100%}.error{color:var(--danger)!important;font-size:.84rem}.notice{font-size:.84rem;color:var(--blue)}.result{border:1px solid var(--line);border-radius:10px;margin-top:16px;padding:15px}.empty{background:#f7f9fa;color:var(--muted)}.list>p{margin:0;padding:11px 0;border-bottom:1px solid #edf1f3}.list>p:last-child{border:0}.list small{color:var(--muted)}.table-scroll{overflow:auto;margin:0 -4px}table{width:100%;min-width:760px;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #e8eef1;padding:11px 10px;font-size:.84rem;vertical-align:middle}th{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;font-weight:750}.badge{display:inline-block;border-radius:99px;background:#e8f1ff;color:#145ab4;padding:3px 8px;font-size:.7rem;font-weight:750}.token-cell{display:flex;align-items:center;gap:7px;min-width:270px}.token-cell code,.key-result code{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.small-button{border:1px solid #bfd0dc;background:#fff;color:#16405b;padding:6px 8px;font-size:.74rem}.key-result{display:grid;gap:9px;background:#edf6ff;border:1px solid #b7d8ff;border-radius:10px;padding:13px;margin-top:14px}.key-result code{max-width:none;white-space:normal;overflow-wrap:anywhere}code{display:block;background:#edf3f6;border-radius:8px;padding:11px;font-size:.78rem;overflow-wrap:anywhere}.muted{margin-top:12px!important}.check-list{list-style:none;padding:0;margin:14px 0 0}.check-list li{padding:9px 0 9px 28px;border-bottom:1px solid #edf1f3;position:relative;font-size:.88rem}.check-list li:before{content:"✓";position:absolute;left:3px;color:#16a364;font-weight:800}
@media(max-width:980px){body{grid-template-columns:1fr}.sidebar{position:static;height:auto;padding:13px 14px}.brand{padding:0 4px 12px}.sidebar nav{display:flex;overflow-x:auto;padding-bottom:2px}.sidebar nav button{flex:0 0 auto;font-size:.8rem}.sidebar-footer{display:none}.workspace{padding:16px}.metric-grid{grid-template-columns:1fr 1fr}.content-grid,.section-grid{grid-template-columns:1fr}.topbar{height:56px}.topbar p{display:none}}
@media(max-width:560px){.workspace{padding:12px}.topbar{margin-bottom:10px;height:48px}.topbar h1{font-size:1.2rem}.system-status span{display:none}.system-status{padding:8px}.metric-grid{gap:9px}.metric-grid article{padding:14px}.metric-grid strong{font-size:1.25rem}.card{padding:16px}.field-row{grid-template-columns:1fr}.login-card{margin:3vh auto;padding:24px}.sidebar nav button span{display:none}}