:root{color-scheme:light dark;--bg:light-dark(#f4f6fa,#11161e);--surface:light-dark(#fff,#1b2330);--text:light-dark(#1a273b,#eef3fa);--muted:light-dark(#53647a,#afbdd0);--line:light-dark(#dce3ed,#384557);--accent:light-dark(#2854a7,#a9c8ff);--soft:light-dark(#eaf0fc,#263c60);--error:light-dark(#963d23,#ffba9d);font:15px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;background:var(--surface);border-bottom:1px solid var(--line);padding:18px 32px}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:600;color:var(--text);text-decoration:none}.brand small{display:block;font-size:12px;font-weight:400;color:var(--muted)}.mark{background:var(--accent);color:var(--surface);padding:5px 12px;border-radius:9px}#account{display:flex;gap:10px;align-items:center;flex-wrap:wrap}main{max-width:1240px;margin:auto;padding:28px}h1{font-size:28px;line-height:1.25;margin:0 0 8px;font-weight:550}h2{font-size:19px;font-weight:550;margin:0 0 14px}h3{font-size:16px;margin:0 0 5px;font-weight:550}p{margin:5px 0 15px}small,.muted{color:var(--muted)}button,input,select,textarea{font:inherit;color:inherit}button,.button{display:inline-block;cursor:pointer;border:1px solid var(--line);border-radius:7px;padding:9px 13px;background:var(--surface);text-decoration:none;color:var(--text)}button:hover,.button:hover{background:var(--soft)}button.primary{background:var(--accent);color:var(--surface);border-color:var(--accent)}button:disabled{opacity:.55;cursor:default}button.active{background:var(--soft);color:var(--accent)}input,select,textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;background:var(--surface);margin-top:6px;min-width:0}textarea{min-height:95px;resize:vertical}label{display:block;color:var(--muted);font-size:13px;margin-bottom:15px}input[type=checkbox]{width:auto;margin-right:8px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:23px;margin:0 0 20px;min-width:0}.login{max-width:440px;margin:32px auto}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.resource{display:flex;flex-direction:column;gap:15px;min-height:180px}.resource button{margin-top:auto}.resource .glyph{font-size:25px;color:var(--accent)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:24px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.shell{display:grid;grid-template-columns:180px minmax(0,1fr);gap:24px}nav{display:flex;flex-direction:column;gap:6px}nav button{text-align:left;background:transparent;border-color:transparent}section{min-width:0}.list-row{padding:14px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.list-row:last-child{border:0}.list-row>div{min-width:0}.list-row p{font-size:13px;color:var(--muted);margin:3px 0;overflow-wrap:anywhere}.list-row strong{overflow-wrap:anywhere}.result{background:var(--soft);padding:14px;border-radius:8px;overflow-wrap:anywhere;white-space:pre-wrap}.error{color:var(--error)}.badge{font-size:12px;padding:4px 9px;background:var(--soft);border-radius:6px}code,pre{overflow-wrap:anywhere;white-space:pre-wrap}a{color:var(--accent)}.hint{font-size:13px;color:var(--muted)}#notice{position:fixed;bottom:20px;left:20px;right:20px;max-width:700px;margin:auto;z-index:20;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:15px;box-shadow:0 6px 25px #0002;overflow-wrap:anywhere}footer{padding:15px 32px;font-size:12px;color:var(--muted)}img.qr{width:200px;max-width:100%;background:white}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:10px 6px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}details{margin-top:15px}summary{cursor:pointer;color:var(--accent)}.stats{display:flex;gap:28px;margin:25px 0}.stats strong{display:block;font-size:26px}.stats span{font-size:13px;color:var(--muted)}
@media(max-width:850px){.catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){header{padding:15px}main{padding:18px}.shell{grid-template-columns:1fr}nav{flex-direction:row;flex-wrap:wrap;gap:3px}nav button{padding:8px}.grid{grid-template-columns:1fr}}@media(max-width:440px){.catalog{grid-template-columns:1fr}.card{padding:17px}h1{font-size:24px}.login{margin:10px auto}.stats{gap:20px}}@media(pointer:coarse){button,input,select{min-height:44px}input,textarea,select{font-size:16px}}
/* Dashboard uses wide screens without restricting readable forms. */
main{max-width:1920px;width:100%}.shell{grid-template-columns:190px minmax(0,1fr)}.card form{max-width:760px}.monitor-controls{display:flex;gap:18px;align-items:end;flex-wrap:wrap}.monitor-controls label{flex:1;min-width:180px;margin-bottom:0}.monitor-controls button{margin-bottom:0}.monitor-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:12px}.monitor-stats strong{display:block;font-size:clamp(16px,1.5vw,24px);overflow-wrap:anywhere}.monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.monitor-grid>.card{margin-bottom:0}.monitor-grid{margin-bottom:20px}.monitor-chart{display:block;width:100%;height:auto;min-height:100px;overflow:visible}.chart-line{fill:none;stroke:var(--accent);stroke-width:2;vector-effect:non-scaling-stroke}.chart-line.chart-series-1{stroke:light-dark(#a64b00,#ffbf79);stroke-dasharray:6 3}.chart-axis{stroke:var(--line);fill:none;stroke-width:1;vector-effect:non-scaling-stroke}.chart-legend{font-size:12px;margin:2px 0}.chart-legend.chart-series-1{color:light-dark(#a64b00,#ffbf79)}
@media(min-width:1600px){.monitor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){.monitor-stats{grid-template-columns:1fr}.monitor-grid{grid-template-columns:1fr}}@media(max-width:700px){.shell{grid-template-columns:1fr}.monitor-controls{align-items:stretch}.monitor-controls label{min-width:100%}}

/* Task navigation and compact machine inventory preserve all existing routes. */
.nav-group{margin:0 0 8px;border-bottom:1px solid var(--line);padding-bottom:8px}.nav-group summary{font-size:12px;font-weight:650;letter-spacing:.04em;padding:10px 7px;color:var(--muted)}.nav-group button{display:block;width:100%;margin:2px 0}.nav-group[open] summary{color:var(--text)}
.vm-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr));gap:16px;margin:18px 0}.vm-card-grid>.card{margin:0;padding:18px;align-self:start}.vm-card h2{font-size:18px;overflow-wrap:anywhere}.vm-card label{margin:10px 0}.vm-card .row{gap:6px}.vm-card button{padding:7px 10px}.vm-card details{border-top:1px solid var(--line);padding-top:10px}.vm-card form{width:100%}
button:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:700px){nav .nav-group{flex:1 1 180px;min-width:0}.vm-card-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:no-preference){.card{animation:workspace-appear .16s ease-out}@keyframes workspace-appear{from{opacity:.85;transform:translateY(3px)}to{opacity:1;transform:none}}}

/* Original Workspace palette: compact Homepage-inspired grouping, no borrowed assets. */
:root:not([data-theme="classic"]){--bg:light-dark(#edf3f8,#172434);--surface:light-dark(#ffffff,#24354a);--text:light-dark(#193249,#edf5fc);--muted:light-dark(#50677e,#bacbdb);--line:light-dark(#cbd9e6,#4a6078);--accent:light-dark(#00695f,#92e4d6);--soft:light-dark(#e1f2ee,#314d58);--error:light-dark(#a53124,#ffb9a8)}
:root[data-theme="light"]{color-scheme:light}:root[data-theme="dark"]{color-scheme:dark}:root[data-theme="system"],:root[data-theme="classic"]{color-scheme:light dark}
.header-tools{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.theme-control{margin:0;display:flex;align-items:center;gap:8px;font-size:12px}.theme-control select{width:auto;margin:0;padding:6px 10px;font-size:13px}
:root:not([data-theme="classic"]) .card{box-shadow:0 4px 18px #102c4510;border-radius:15px}
:root:not([data-theme="classic"]) h1{font-weight:650;letter-spacing:-.035em}:root:not([data-theme="classic"]) h2{font-weight:620}
:root:not([data-theme="classic"]) .stats{gap:16px;flex-wrap:wrap}:root:not([data-theme="classic"]) .stats>div{padding:16px 22px;background:var(--surface);border:1px solid var(--line);border-radius:12px;min-width:130px}
:root:not([data-theme="classic"]) .nav-group{border-color:transparent}:root:not([data-theme="classic"]) nav button.active{box-shadow:inset 3px 0 var(--accent);font-weight:600}
progress{width:100%;height:9px;accent-color:var(--accent)}
input[role="switch"]{appearance:none;width:38px;height:22px;border-radius:20px;padding:2px;vertical-align:middle;background:var(--line);display:inline-flex;align-items:center;cursor:pointer}
input[role="switch"]::before{content:"";width:16px;height:16px;border-radius:50%;background:var(--surface);display:block;transform:translateX(0)}input[role="switch"]:checked{background:var(--accent)}input[role="switch"]:checked::before{transform:translateX(15px)}input[role="switch"]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}input[role="switch"]:disabled{opacity:.55;cursor:default}
@media(max-width:700px){.header-tools{gap:10px}.theme-control select{max-width:150px}main{padding:16px}}