:root{--bg:#090d12;--panel:#10171f;--panel2:#0d131a;--line:#202d39;--text:#ecf4f8;--muted:#7f919e;--cyan:#35b9e8;--blue:#5e8cff;--green:#56d39b;--amber:#e7af58;--red:#ef6a78;--purple:#c9a0e8;--radius:12px}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:13px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button,select,input,textarea{font:inherit;color:inherit}
button{cursor:pointer}
.shell{display:flex;min-height:100vh}
.sidebar{width:242px;background:#0b1117;border-right:1px solid var(--line);padding:24px 16px;display:flex;flex-direction:column;flex:none}
.brand{display:flex;align-items:center;gap:11px;padding:4px 10px 38px}
.brand strong{display:block;font-size:17px;letter-spacing:-.02em}
.brand small{display:block;color:#617481;font-size:9px;letter-spacing:.16em;margin-top:1px}
.mark{width:30px;height:30px;border:1px solid #346a85;border-radius:8px;display:grid;place-items:center;color:var(--cyan);font-weight:800;background:#102632}
nav{display:grid;gap:5px}
nav a{color:#91a3af;text-decoration:none;padding:11px 12px;border-radius:8px;display:flex;justify-content:space-between}
nav a:hover,nav a.active{background:#162530;color:#e8f7fc}
nav a.active{box-shadow:inset 2px 0 var(--cyan);color:var(--cyan)}
.side-foot{margin-top:auto;border-top:1px solid var(--line);padding:18px 10px 2px;color:#d1e1e8}
.side-foot small{display:block;color:#617481;font-size:10px;margin-top:5px}
.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#81919b;margin-right:7px}
.green{background:var(--green);box-shadow:0 0 0 3px #56d39b18}
.main{max-width:1500px;width:100%;padding:34px 38px 50px;margin:auto}
header{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}
.eyebrow{font-size:10px;letter-spacing:.16em;color:var(--cyan);font-weight:700;margin:0 0 7px}
h1,h2,p{margin:0}
h1{font-size:29px;letter-spacing:-.02em}
h2{font-size:15px}
.muted{color:var(--muted);font-size:11.5px;max-width:640px}
.pill{font-size:10px;letter-spacing:.08em;color:#8cd8f0;background:#10232e;border:1px solid #1d3d4d;padding:4px 10px;border-radius:20px;white-space:nowrap}
.header-actions{display:flex;gap:8px;align-items:center}
.primary{background:linear-gradient(180deg,#1b3a49,#15303d);color:#c9ecf9;border:1px solid #2b5a70;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600}
.primary:hover{background:#1d4254}
.primary:disabled{opacity:.4;cursor:not-allowed}
.ghost{background:transparent;border:1px solid var(--line);color:#a7b9c4;border-radius:8px;padding:8px 14px;font-size:12px}
.ghost:hover{background:#14202b}
.ghost:disabled{opacity:.35;cursor:not-allowed}
button.act-state{padding:4px 10px;font-size:11px;border-radius:6px}
button.act-commit{padding:4px 10px;font-size:11px;border-radius:6px;font-weight:700;letter-spacing:.03em}
button.act-commit:disabled{opacity:.25}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:26px}
.metrics article{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:var(--radius);padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.metrics article span{color:var(--muted);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase}
.metrics article strong{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}
.metrics article strong.small-value{font-size:14px;line-height:1.35;word-break:break-all}
.metrics article em{font-style:normal;color:#54687a;font-size:10px}
.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:22px;overflow:hidden}
.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line)}
.panel-head h2{font-size:14px}
.panel-head .muted{margin-top:3px}
.live{font-size:10px;letter-spacing:.1em;color:#8cd8f0;background:#10232e;border:1px solid #1d3d4d;padding:3px 10px;border-radius:20px;white-space:nowrap}
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:12px}
th{color:#7c93a2;font-size:10px;text-transform:uppercase;letter-spacing:.09em;text-align:left;padding:11px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
td{padding:10px 12px;border-bottom:1px solid #17222c;vertical-align:middle}
tr:hover td{background:#0f1a23}
td small{display:block;color:#5d7183;font-size:10px}
td strong{font-weight:600}
td.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:11px;color:#9fb8c6;word-break:break-all}
.empty-cell{color:#64748f;font-size:11px;padding:15px 12px;text-align:center}
.status{display:inline-block;padding:2px 9px;border-radius:20px;font-size:10.5px;font-weight:600;letter-spacing:.04em}
.status.idle{background:#123529;color:var(--green)}
.status.active{background:#13233d;color:var(--blue)}
.status.draining{background:#332712;color:var(--amber)}
.status.quarantined{background:#3a1c22;color:var(--red)}
.status:not(.idle):not(.active):not(.draining):not(.quarantined){background:#1a2630;color:#93a5b1}
.role{display:inline-block;padding:2px 9px;border-radius:20px;font-size:10.5px;font-weight:600;letter-spacing:.04em}
.role.normal{background:#1a2630;color:#93a5b1}
.role.super{background:#2e2437;color:var(--purple)}
.result{display:inline-block;padding:2px 9px;border-radius:20px;font-size:10.5px;font-weight:600}
.result.stored{background:#123529;color:var(--green)}
.result.duplicate{background:#13233d;color:var(--blue)}
.result.rejected,.result.too_big,.result.read_only{background:#332312;color:var(--amber)}
.result.denied,.result.disabled,.result.missing{background:#3a1c22;color:var(--red)}
.result.committed{background:#123529;color:var(--green)}
.result:not(.stored):not(.duplicate):not(.rejected):not(.denied):not(.disabled):not(.missing):not(.too_big):not(.read_only):not(.committed){background:#1a2630;color:#93a5b1}
.quota{padding:18px 20px}
.quota-bar{height:14px;background:#0c141b;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.quota-fill{height:100%;background:linear-gradient(90deg,#1d5a75,var(--cyan));width:0%;transition:width .4s ease}
.quota p{margin-top:9px}
.form-row{display:flex;gap:10px;align-items:center;padding:18px 20px;flex-wrap:wrap}
.form-row label{color:var(--muted);font-size:11.5px;white-space:nowrap}
.form-note{padding:0 20px 16px}
.form-grid{display:grid;grid-template-columns:minmax(140px,220px) minmax(180px,320px);gap:12px 16px;align-items:center;padding:18px 20px}
.form-grid label{color:var(--muted);font-size:11.5px}
.form-grid label small{color:#54687a}
.form-actions{display:flex;gap:10px;align-items:center;padding:0 20px 6px;flex-wrap:wrap}
.form-msg{font-size:11.5px;min-height:16px}
.form-msg.err{color:var(--red)}
.form-msg.ok{color:var(--green)}
input,select{background:#0c141b;border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:12.5px;width:100%}
input:focus,select:focus{outline:none;border-color:#2b5a70}
input:disabled,select:disabled{opacity:.45;cursor:not-allowed}
.actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.role-select{font-size:10.5px;color:#7c93a2;display:inline-flex;gap:4px;align-items:center}
.role-select select{width:auto;padding:3px 6px;font-size:11px;border-radius:6px;background:#0c141b}
.unavail-note{display:block;color:#64748f;font-size:10px;margin-top:3px}
#set-store,#set-switch{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:11.5px}
#card-uptime,#card-served,#card-peers,#card-quarantined,#card-cache-hits,#card-cache-misses,#card-cache-bytes,#card-cache-evictions,#card-wb,#card-wb-dup,#card-wb-rej,#card-wb-bytes,#card-super,#card-chunks{font-variant-numeric:tabular-nums}
@media(max-width:900px){.sidebar{width:200px;padding:20px 10px}.main{padding:24px 18px 40px}.form-grid{grid-template-columns:1fr}header{flex-direction:column;align-items:flex-start;gap:12px}}/* boot page (inkrem #10 ui-boot) */
.live.warn{color:var(--amber);background:#332312;border-color:#5a3d1a}
#bootfile-form input[type=file]{color:#9fb8c6;font-size:12px;max-width:280px}
#bootfile-form input[type=text]{min-width:220px}
#bootsess-body small{display:block;color:var(--amber);font-size:10.5px;margin-top:2px}
/* disk page (inkrem #10 iscsi) */
textarea{background:#0c141b;border:1px solid var(--line);border-radius:8px;padding:9px 11px;font-size:12px;width:100%;color:inherit;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;resize:vertical}
textarea:focus{outline:none;border-color:#2b5a70}
