:root{--yellow:#ffe100;--ink:#20211d;--muted:#85867f;--paper:#f4f4ef;--line:#e6e6df;--green:#1d9565;--red:#e6543d;--white:#fff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}.hidden{display:none!important}button,input,textarea{font:inherit}.login-shell{display:grid;grid-template-columns:1.08fr .92fr;min-height:100vh}.login-brand{display:flex;flex-direction:column;justify-content:center;padding:8vw;background:var(--yellow)}.brand-mark{display:grid;width:70px;height:70px;color:var(--yellow);background:var(--ink);border-radius:20px;place-items:center;font-size:34px;font-weight:950}.login-brand>p{margin:30px 0 12px;font-size:12px;font-weight:900;letter-spacing:4px}.login-brand h1{max-width:680px;margin:0;font-size:clamp(40px,4vw,68px);line-height:1.13;letter-spacing:-3px}.brand-points{display:flex;gap:10px;margin-top:42px}.brand-points span{padding:9px 15px;background:#ffffff82;border:1px solid #17171118;border-radius:999px;font-size:13px;font-weight:800}.login-card{align-self:center;width:min(420px,80%);margin:auto;padding:42px;background:#fff;border-radius:28px;box-shadow:0 30px 90px #24240f18}.login-card small,.panel small,.welcome small,.topbar p{font-size:10px;font-weight:900;letter-spacing:2px}.login-card h2{margin:8px 0;font-size:30px}.login-card p{color:var(--muted)}.login-card label{display:block;margin-top:22px;font-size:13px;font-weight:800}.login-card input{width:100%;height:50px;margin-top:8px;padding:0 15px;background:#f5f5f0;border:1px solid transparent;border-radius:13px;outline:none}.login-card input:focus{border-color:#d9c000;background:#fff}.login-card button{width:100%;height:52px;margin-top:20px;border:0;border-radius:14px;background:var(--yellow);font-weight:900;cursor:pointer}.login-card footer{margin-top:20px;color:#a1a29b;font-size:11px;text-align:center}.login-card .form-error{min-height:18px;margin:12px 0 -8px;color:var(--red);font-size:12px}.portal{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:5;display:flex;width:240px;flex-direction:column;padding:24px 15px;color:#fff;background:#20211d}.logo-row{display:flex;align-items:center;gap:12px;padding:0 10px 25px}.brand-mark.small{width:42px;height:42px;border-radius:13px;color:#20211d;background:var(--yellow);font-size:20px}.logo-row b,.logo-row span{display:block}.logo-row span{margin-top:3px;color:#8e9088;font-size:9px;letter-spacing:2px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav button{display:flex;align-items:center;gap:13px;height:49px;padding:0 14px;color:#aeb0a9;background:transparent;border:0;border-radius:13px;text-align:left;cursor:pointer}.sidebar nav button i{display:grid;width:28px;height:28px;border-radius:9px;background:#30312c;place-items:center;font-style:normal}.sidebar nav button:hover,.sidebar nav button.active{color:#20211d;background:var(--yellow);font-weight:850}.sidebar nav button.active i{background:#20211d;color:var(--yellow)}.sidebar nav button[hidden]{display:none}.sidebar-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:15px;color:#888a83;border-top:1px solid #353630;font-size:11px}.sidebar-foot b{color:#8ee1b8}.workspace{grid-column:2;min-width:0}.topbar{display:flex;align-items:center;height:88px;padding:0 34px;background:#fff;border-bottom:1px solid var(--line)}.topbar p{margin:0;color:#a2a399}.topbar h1{margin:4px 0 0;font-size:22px}.operator{display:flex;align-items:center;gap:11px;margin-left:auto}.operator>div:first-child{display:grid;width:40px;height:40px;overflow:hidden;background:var(--yellow);border-radius:13px;place-items:center;font-weight:900}.operator b,.operator span{display:block}.operator span{margin-top:3px;color:#92938c;font-size:10px}.operator button,.frame-toolbar a,.panel header>button{padding:8px 12px;color:#686962;background:#f2f2ed;border:0;border-radius:9px;text-decoration:none;font-size:11px;cursor:pointer}.operator button{margin-left:10px}.view{display:none;padding:28px 34px}.view.active{display:block}.welcome{display:flex;align-items:flex-end;justify-content:space-between;padding:32px;color:#fff;background:#20211d;border-radius:22px}.welcome small{color:var(--yellow)}.welcome h2{margin:8px 0 4px;font-size:30px}.welcome p{margin:0;color:#aeb0a8}.welcome>span{color:#787a72;font-size:12px}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:16px}.health-grid article{position:relative;padding:21px;background:#fff;border-radius:18px}.health-grid span,.health-grid b{display:block}.health-grid span{color:#92938d;font-size:11px}.health-grid b{margin-top:8px;font-size:18px}.health-grid i{position:absolute;right:18px;top:22px;width:9px;height:9px;background:#c9cbc3;border-radius:50%;box-shadow:0 0 0 5px #f1f2ee}.health-grid article.ok i{background:var(--green);box-shadow:0 0 0 5px #e3f5ed}.health-grid article.bad i{background:var(--red);box-shadow:0 0 0 5px #fde8e4}.dashboard-columns{display:grid;grid-template-columns:1.25fr .75fr;gap:16px;margin-top:16px}.panel{padding:23px;background:#fff;border-radius:20px}.panel header{display:flex;align-items:center;justify-content:space-between}.panel h3{margin:5px 0 0;font-size:19px}.quick-links{display:grid;gap:9px;margin-top:20px}.quick-links button{display:flex;align-items:center;gap:13px;padding:14px;background:#f6f6f1;border:1px solid transparent;border-radius:15px;text-align:left;cursor:pointer}.quick-links button:hover{border-color:#d8c000;background:#fffdea}.quick-links i{display:grid;width:42px;height:42px;background:#252620;border-radius:12px;color:var(--yellow);place-items:center;font-style:normal}.quick-links span{flex:1}.quick-links b,.quick-links em{display:block}.quick-links em{margin-top:4px;color:#93948d;font-size:11px;font-style:normal}.quick-links strong{font-size:11px}.task-panel ul{margin:15px 0 0;padding:0;list-style:none}.task-panel li{display:flex;gap:12px;padding:15px 0;border-top:1px solid var(--line)}.task-panel li>i{width:7px;height:7px;margin-top:6px;background:var(--yellow);border-radius:50%}.task-panel b,.task-panel em{display:block}.task-panel b{font-size:13px}.task-panel em{margin-top:4px;color:#92938d;font-size:11px;font-style:normal}.frame-view.active{display:flex;height:calc(100vh - 88px);flex-direction:column;padding:0}.frame-toolbar{display:flex;align-items:center;justify-content:space-between;padding:13px 22px;background:#f7f7f2;border-bottom:1px solid var(--line)}.frame-toolbar b,.frame-toolbar span{display:block}.frame-toolbar span{margin-top:3px;color:#8c8d86;font-size:10px}.frame-view iframe{flex:1;width:100%;background:#fff;border:0}.subtabs{display:flex;gap:7px;margin-bottom:14px}.subtabs button{padding:10px 17px;background:#e9e9e3;border:0;border-radius:11px;cursor:pointer}.subtabs button.active{background:var(--yellow);font-weight:850}.tool{display:none}.tool.active{display:block}.mini-stats{display:flex;gap:9px;margin:18px 0}.mini-stats span{padding:9px 12px;background:#f1f1ec;border-radius:10px;color:#777870;font-size:11px}.mini-stats b{margin-left:5px;color:#20211d}.records{display:grid;gap:9px}.record{display:grid;grid-template-columns:1fr auto;gap:8px;padding:15px;background:#f6f6f1;border-radius:13px}.record b,.record span{display:block}.record span{margin-top:5px;color:#8d8e87;font-size:11px}.record button{align-self:center;padding:8px 11px;background:var(--yellow);border:0;border-radius:9px;font-size:11px;cursor:pointer}.empty{padding:35px;color:#999;text-align:center}.tool textarea{width:100%;height:390px;padding:16px;color:#e9ebdf;background:#20211d;border:0;border-radius:14px;font:12px/1.6 Consolas,monospace;resize:vertical}.editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.editor-actions button{padding:10px 15px;border:0;border-radius:10px;cursor:pointer}.editor-actions .primary{background:var(--yellow);font-weight:850}.tool-message{min-height:18px;color:#7f7040;font-size:12px}.status-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.status-cards article{padding:17px;background:#f4f4ef;border-radius:13px}.status-cards b,.status-cards span{display:block}.status-cards span{margin-top:5px;color:#8e8f88;font-size:11px}pre{max-height:430px;overflow:auto;margin:18px 0 0;padding:18px;color:#dfe2d6;background:#20211d;border-radius:14px;font:11px/1.65 Consolas,monospace}#mobile-menu{display:none}.denied{display:grid;min-height:300px;place-items:center;color:#888}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.portal{display:block}.sidebar{width:220px;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.workspace{grid-column:auto}.topbar{height:76px;padding:0 17px}.topbar h1{font-size:18px}.operator>div:nth-child(2){display:none}#mobile-menu{display:block;margin-right:12px;background:transparent;border:0;font-size:20px}.view{padding:17px}.health-grid{grid-template-columns:repeat(2,1fr)}.dashboard-columns{grid-template-columns:1fr}.frame-view.active{height:calc(100vh - 76px)}.status-cards{grid-template-columns:1fr}}@media(max-width:520px){.login-card{width:calc(100% - 30px);padding:28px}.health-grid{grid-template-columns:1fr 1fr}.operator button{margin-left:0}.welcome{align-items:flex-start;flex-direction:column;gap:20px}}