:root{--bg:#14120f;--panel:#1d1a15;--panel-2:#242019;--border:#3a342a;--text:#d9d2c3;--muted:#8d8676;--orange:#e8650a;--orange-dim:#a34a09;--green:#6aa84f;--red:#cc4125;--yellow:#d9a520}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;font-size:15px;min-height:100vh}a{color:var(--orange);text-decoration:none}.app{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--panel);border-right:2px solid var(--border);padding:18px 0;display:flex;flex-direction:column}.logo{font-size:20px;font-weight:800;letter-spacing:3px;color:var(--orange);padding:0 20px 4px}.logo small{display:block;color:var(--muted);font-size:10px;letter-spacing:2px;font-weight:400}.nav{margin-top:22px;display:flex;flex-direction:column;gap:2px}.nav a{padding:10px 20px;color:var(--text);border-left:3px solid transparent;font-size:14px;letter-spacing:.5px}.nav a.active,.nav a:hover{background:var(--panel-2)}.nav a.active{border-left-color:var(--orange);color:var(--orange)}.sidebar .whoami{margin-top:auto;padding:14px 20px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}.whoami b{color:var(--text);display:block}.whoami button{margin-top:8px;background:none;border:1px solid var(--border);color:var(--muted);padding:4px 10px;cursor:pointer;font-size:12px}.whoami button:hover{border-color:var(--red);color:var(--red)}.main{flex:1 1;padding:26px 30px;max-width:1200px}h1{font-size:21px;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}h1:before{content:"// ";color:var(--orange)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));grid-gap:12px;gap:12px;margin-bottom:22px}.card{background:var(--panel);border:1px solid var(--border);padding:14px 16px}.card .k{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:1.5px}.card .v{font-size:22px;font-weight:700;margin-top:6px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.card .v.ok{color:var(--green)}.card .v.ko{color:var(--red)}.card .v.warn{color:var(--yellow)}.panel-block{background:var(--panel);border:1px solid var(--border);padding:16px 18px;margin-bottom:18px}.panel-block h2{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:2px;margin-bottom:12px}table{width:100%;border-collapse:collapse;font-size:13.5px}th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:6px 10px;border-bottom:1px solid var(--border)}td{padding:7px 10px;border-bottom:1px solid #2a2620;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}tr:hover td{background:var(--panel-2)}.badge{display:inline-block;padding:2px 8px;font-size:11px;text-transform:uppercase;letter-spacing:1px;border:1px solid}.badge.info{color:var(--muted);border-color:var(--border)}.badge.warning{color:var(--yellow);border-color:var(--yellow)}.badge.critical{color:var(--red);border-color:var(--red)}.badge.ok{color:var(--green);border-color:var(--green)}.badge.orange{color:var(--orange);border-color:var(--orange)}.btn{background:var(--orange);color:#171310;border:none;padding:9px 18px;font-weight:700;letter-spacing:1px;cursor:pointer;text-transform:uppercase;font-size:13px}.btn:hover{background:#f97b1e}.btn:disabled{background:var(--border);color:var(--muted);cursor:not-allowed}.btn.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.btn.danger{background:var(--red);color:#fff}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}input,select{background:var(--bg);border:1px solid var(--border);color:var(--text);padding:8px 10px;font-size:14px}input:focus,select:focus{outline:1px solid var(--orange)}pre.logs{background:#0e0d0a;border:1px solid var(--border);padding:12px;font-size:12px;line-height:1.55;overflow-x:auto;max-height:60vh;overflow-y:auto;color:#b9b2a2;font-family:Consolas,monospace}.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.75);display:flex;align-items:center;justify-content:center;z-index:50}.modal{background:var(--panel);border:2px solid var(--orange);padding:26px;width:420px}.modal h3{color:var(--orange);margin-bottom:10px;letter-spacing:1px}.modal p{color:var(--muted);font-size:13.5px;margin-bottom:14px}.modal input{width:100%;margin-bottom:14px}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-card{background:var(--panel);border:2px solid var(--orange);padding:40px 46px;text-align:center}.login-card .logo{padding:0 0 18px;font-size:26px}.muted{color:var(--muted);font-size:13px}@media (max-width:800px){.app{flex-direction:column}.sidebar{width:100%;align-items:center;overflow-x:auto;padding:8px}.nav,.sidebar{flex-direction:row}.nav{margin-top:0}.nav a{padding:8px 12px;border-left:none;border-bottom:2px solid transparent}.nav a.active{border-bottom-color:var(--orange)}.sidebar .whoami{margin:0 0 0 auto;border:none;padding:0 10px}.main{padding:16px}}