:root{--background: #f7f8fa;--surface: #ffffff;--surface-muted: #eef1f5;--text: #14161a;--muted: #626a75;--border: #d7dce3;--accent: #2f6fed;--accent-soft: #e7eefc;--urgent: #c2410c;--warning: #a16207;--ok: #047857;--radius: 8px;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--background)}*{box-sizing:border-box}html,body{min-width:320px;min-height:100vh;margin:0;overflow-x:hidden;background:var(--background)}button,input,select{font:inherit}button{color:inherit}h1,h2,p{margin:0}h1{max-width:960px;font-size:clamp(2rem,4vw,4.4rem);line-height:1;letter-spacing:0}h2{font-size:clamp(1.15rem,1.6vw,1.75rem);line-height:1.15;letter-spacing:0}small{color:var(--muted);line-height:1.35}.screen{width:min(100%,1920px);min-height:100vh;margin:0 auto;padding:clamp(14px,2vw,28px);display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:16px}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.status-card{min-width:172px;padding:16px;border:1px solid var(--border);border-left:6px solid var(--warning);border-radius:var(--radius);background:var(--surface);text-align:right}.status-card.online{border-left-color:var(--ok)}.status-card.offline{border-left-color:var(--urgent)}.status-card strong{display:block;font-size:2rem;line-height:1}.status-card span,.metrics span,.data-row>span,.source-row span,dt{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.metrics article{min-height:112px;padding:16px;display:grid;align-content:space-between;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.metrics span,.data-row>span{font-size:.78rem;font-weight:800;text-transform:uppercase}.metrics strong{overflow-wrap:anywhere;font-size:clamp(1.9rem,3vw,3.5rem);line-height:1}.toolbar,.workspace,.split,.filters,.list,.card-grid{display:grid;gap:12px}.toolbar{grid-template-columns:1fr}.switcher{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.switcher button,.refresh{min-height:44px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);cursor:pointer;white-space:nowrap}.switcher button.active{border-color:var(--accent);background:var(--accent);color:#fff}.filters{grid-template-columns:minmax(180px,1fr) repeat(4,minmax(128px,auto));align-items:end}.filters label{min-width:0;display:grid;gap:5px}.filters label>span{color:var(--muted);font-size:.76rem;font-weight:800;text-transform:uppercase}.filters input,.filters select{width:100%;min-height:42px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}.filters input{padding:0 12px}.filters select{padding:0 10px}.toggle{min-height:42px;padding:0 12px;grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.toggle input{width:18px;height:18px}.refresh{background:var(--accent-soft)}.workspace{min-height:0;grid-template-columns:minmax(0,1fr) minmax(300px,.28fr);align-items:stretch}.main-panel,.detail-panel{min-width:0;min-height:0;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface)}.main-panel{overflow:auto}.detail-panel{display:grid;align-content:start;gap:14px}.split{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}.split article,.main-panel section{min-width:0}.split article,.main-panel section{display:grid;align-content:start;gap:12px}.list.compact{align-content:start}.data-row{width:100%;min-width:0;min-height:74px;padding:13px 14px;display:grid;gap:6px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-muted);text-align:left;cursor:pointer}.data-row:hover,.data-row:focus-visible{border-color:var(--accent);outline:none}.data-row strong,.data-row small,.source-row strong,.source-row span,dd{min-width:0;overflow-wrap:anywhere}.timeline{grid-template-columns:108px minmax(0,1fr);align-items:start}.timeline time{color:var(--muted);font-weight:800}.task.overdue,.uptime.offline{border-left:6px solid var(--urgent)}.task.today,.uptime.slow,.uptime.unknown{border-left:6px solid var(--warning)}.task.soon{border-left:6px solid var(--accent)}.task.normal,.skill-card{border-left:6px solid var(--border)}.uptime.online{border-left:6px solid var(--ok)}.large{min-height:124px}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.skills-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.source-row{min-height:58px;padding:12px 14px;display:grid;gap:4px;border:1px solid var(--border);border-left:6px solid var(--border);border-radius:var(--radius);background:var(--surface-muted)}.source-row.ok{border-left-color:var(--ok)}.source-row.warning{border-left-color:var(--warning)}.source-row.error{border-left-color:var(--urgent)}dl{margin:0;display:grid;gap:10px}dl div{padding-bottom:10px;display:grid;gap:4px;border-bottom:1px solid var(--border)}dt{font-size:.76rem;font-weight:800;text-transform:uppercase}dd{margin:0;line-height:1.35}.empty{min-height:74px;padding:18px;display:grid;align-items:center;border:1px dashed var(--border);border-radius:var(--radius);color:var(--muted)}@media(max-width:1200px){.metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace,.split,.card-grid,.skills-grid{grid-template-columns:1fr}}@media(max-width:820px){.topbar,.metrics,.filters{grid-template-columns:1fr}.status-card{text-align:left}.switcher{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:560px){.screen{padding:12px}.switcher{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline{grid-template-columns:1fr}}