:root{--bg:#0d1b1e;--bg-soft:#13272b;--card:#1c3439;--accent:#f1b454;--text:#f4f1ec;--muted:#b7c1c4;--danger:#ea6b6b;--ok:#78d39a}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,IBM Plex Sans,Segoe UI,sans-serif;background:radial-gradient(circle at top left,#1b3b3f,#0d1b1e 60%);color:var(--text)}.app-shell,body{min-height:100vh}.app-shell{display:flex;flex-direction:column}.app-header{padding:24px 32px;border-bottom:1px solid hsla(38,27%,94%,.08)}.app-header h1{margin:0;font-size:22px;letter-spacing:.04em;text-transform:uppercase}.app-main{flex:1 1;padding:32px;display:flex;justify-content:center}.content{width:min(1200px,100%)}.card{background:var(--card);border-radius:16px;padding:20px;box-shadow:0 20px 40px rgba(0,0,0,.28)}.card.outlined{border:1px solid hsla(38,27%,94%,.08)}.grid{display:grid;grid-gap:20px;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.kpi{border:1px solid hsla(38,27%,94%,.08);padding:18px;border-radius:14px;background:linear-gradient(140deg,rgba(241,180,84,.16),rgba(19,39,43,.2))}.kpi h3{margin:0 0 6px;font-size:14px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.kpi p{margin:0;font-size:28px}label{display:block;margin-bottom:6px;font-size:13px;color:var(--muted)}button,input,select,textarea{width:100%;padding:10px 12px;border-radius:10px;border:1px solid hsla(38,27%,94%,.15);background:#12282c;color:var(--text);font-size:14px}textarea{min-height:90px}button{cursor:pointer;background:var(--accent);color:#1d1a16;font-weight:600;border:none}button.secondary{background:transparent;border:1px solid hsla(38,27%,94%,.2);color:var(--text)}.inline{display:flex;gap:12px}.badge{align-items:center;gap:8px;padding:6px 10px;background:rgba(241,180,84,.18);color:var(--accent)}.badge,.pill{display:inline-flex;font-size:12px;border-radius:999px}.pill{padding:6px 12px;background:rgba(120,211,154,.15);color:var(--ok);letter-spacing:.04em}.page-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.page-title h2{margin:0;font-size:26px}.stack{display:grid;grid-gap:12px;gap:12px}.list-box{border:1px solid hsla(38,27%,94%,.08);border-radius:12px;padding:12px;max-height:220px;overflow:auto}.list-box ul{margin:0;padding-left:16px}.auth-shell{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-gap:24px;gap:24px;align-items:stretch;min-height:70vh;width:100%}.auth-panel{padding:28px;border-radius:18px;background:linear-gradient(150deg,rgba(241,180,84,.15),rgba(19,39,43,.7));border:1px solid rgba(241,180,84,.25)}.auth-panel h2{margin-top:0;font-size:28px}.auth-panel p{color:var(--muted)}.auth-card{background:var(--card);border-radius:18px;padding:24px;border:1px solid hsla(38,27%,94%,.08)}.status-ok{color:var(--ok)}.status-danger{color:var(--danger)}.muted{color:var(--muted)}.status-warn{color:#f3c879}.fuel-bar{height:10px;border-radius:999px;background:hsla(38,27%,94%,.1);overflow:hidden;border:1px solid hsla(38,27%,94%,.08)}.fuel-bar>span{display:block;height:100%;border-radius:999px;transition:width .2s ease}.fuel-low{background:#ea6b6b}.fuel-mid{background:#f1b454}.fuel-high{background:#78d39a}.link-row{display:flex;gap:16px;margin-top:16px}@media (max-width:900px){.grid-2,.grid-3{grid-template-columns:1fr}.inline{flex-direction:column}.auth-shell{grid-template-columns:1fr}}@media print{body{background:#fff;color:#000}.app-header,.no-print{display:none!important}.print-area{display:block!important;padding:0;margin:0}.print-card{border:1px solid #000;border-radius:8px;padding:20px}.print-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px 24px;gap:12px 24px}.print-muted{color:#333;font-size:12px}.print-title{font-size:20px;margin:0 0 8px}.print-section{margin-top:14px}}