:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f4f7fb;font-synthesis:none;--bg: #f4f7fb;--surface: #ffffff;--surface-2: #f8fafc;--line: #dde4ee;--muted: #65738a;--green: #07845c;--amber: #a96508;--red: #c53b4c;--blue: #2869c7}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 78% 0%,rgba(40,105,199,.08),transparent 30%),var(--bg)}button,input{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.topbar{height:68px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1400px)/2));background:#090e1ae0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.brand{display:flex;align-items:center;gap:11px;font-size:16px;letter-spacing:-.02em}.brand-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#07130f;background:var(--green);box-shadow:0 0 25px #45d69c2e}.brand strong{font-weight:800}.topbar-right{display:flex;align-items:center;gap:18px}.live-indicator{font-size:12px;color:#aab4c4;display:flex;align-items:center;gap:8px}.live-indicator i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #45d69c1a}.refresh-button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:#131b2a;padding:9px 13px;border-radius:9px;cursor:pointer;transition:.2s;font-size:12px;font-weight:700}.refresh-button:hover{border-color:#45d69c59;background:#172232}.refresh-button:disabled{opacity:.65;cursor:wait}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.content{width:min(1400px,calc(100% - 48px));margin:0 auto;padding:58px 0 70px}.intro{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:34px}.eyebrow{display:block;color:#738199;font:500 10px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.15em;text-transform:uppercase;margin-bottom:9px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,4vw,55px);line-height:1;letter-spacing:-.05em;margin-bottom:14px;font-weight:700}.intro p{color:var(--muted);margin:0;font-size:14px}.overall-pill{min-width:184px;display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:12px;border:1px solid}.overall-pill span{display:flex;flex-direction:column;gap:2px}.overall-pill small{color:#9ca8ba;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.overall-pill strong{font-size:14px}.overall-healthy{color:var(--green);border-color:#45d69c40;background:#45d69c12}.overall-warning,.overall-pending{color:var(--amber);border-color:#f2b84b40;background:#f2b84b12}.overall-critical{color:var(--red);border-color:#fb6c7840;background:#fb6c7812}.error-banner{margin-bottom:22px;padding:12px 15px;border:1px solid rgba(251,108,120,.2);background:#fb6c7812;color:#ffc3c8;border-radius:10px;display:flex;gap:10px;align-items:center;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:52px}.metric-card{min-height:112px;background:linear-gradient(145deg,#151e2ef0,#0f1724f0);border:1px solid var(--line);border-radius:14px;padding:22px;display:flex;align-items:center;gap:17px}.metric-card.metric-primary{border-color:#45d69c2e}.metric-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:12px;color:var(--green);background:#45d69c1a}.metric-icon.amber{color:var(--amber);background:#f2b84b1a}.metric-icon.blue{color:var(--blue);background:#72a7ff1a}.metric-icon.violet{color:#b58cff;background:#b58cff1a}.metric-card div:last-child{display:flex;flex-direction:column}.metric-card strong{font-size:25px;line-height:1.1;letter-spacing:-.04em}.metric-card strong small{color:#75839a;font-size:13px}.metric-card span{color:var(--muted);font-size:11px;margin-top:6px}.section-block{margin-bottom:46px}.section-heading,.panel-heading{display:flex;justify-content:space-between;align-items:end}.section-heading{margin-bottom:16px}.section-heading h2,.panel-heading h2{margin:0;font-size:19px;letter-spacing:-.025em}.updated{color:#6f7c91;font:400 10px ui-monospace,SFMono-Regular,Consolas,monospace}.host-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.host-card{text-align:left;background:linear-gradient(145deg,#121b2a,#0e1521);border:1px solid var(--line);border-radius:15px;min-height:245px;padding:20px;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.host-card:before{content:"";position:absolute;height:2px;inset:0 65% auto 0;background:var(--green);opacity:.8}.host-card.host-warning:before{background:var(--amber)}.host-card.host-critical:before{background:var(--red)}.host-card.host-pending:before{background:#66748b}.host-card:hover{transform:translateY(-3px);border-color:#72a7ff40;box-shadow:0 18px 45px #0003}.host-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.server-icon{width:39px;height:39px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;color:#9cabc1;background:#151f30}.host-card h3{margin:0 0 6px;font-size:19px;letter-spacing:-.03em}.host-card p{margin:0;color:var(--muted);font-size:11px;min-height:34px}.host-meta{margin-top:19px;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:12px;color:#8592a5;font-size:10px}.host-meta span{display:flex;align-items:center;gap:6px}.host-meta .offline{color:var(--red)}.card-action{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:auto;padding-top:14px;color:#8fa0b7;font-size:10px;font-weight:700}.status-badge{display:inline-flex;width:fit-content;align-items:center;gap:6px;padding:5px 8px;border-radius:20px;font-size:9px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border:1px solid transparent;white-space:nowrap}.status-badge.compact{padding:3px}.status-healthy{color:var(--green);background:#45d69c14;border-color:#45d69c29}.status-warning{color:var(--amber);background:#f2b84b14;border-color:#f2b84b29}.status-critical{color:var(--red);background:#fb6c7814;border-color:#fb6c7829}.status-pending{color:#93a0b4;background:#93a0b414;border-color:#93a0b429}.panel{background:linear-gradient(145deg,#121b2af0,#0d1420f5);border:1px solid var(--line);border-radius:15px;padding:20px}.panel-heading{align-items:center;color:#78869b;margin-bottom:20px}.panel-subtitle{color:#778499;font-size:10px;margin:-10px 0 24px}.table-wrap{overflow-x:auto;margin:0 -20px -20px}table{width:100%;border-collapse:collapse;min-width:660px}th{padding:10px 16px;color:#66748b;font:500 9px ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.09em;text-align:left;border-bottom:1px solid var(--line)}td{padding:15px 16px;color:#adb7c6;font-size:10px;border-bottom:1px solid rgba(255,255,255,.055)}tbody tr{cursor:pointer;transition:background .15s}tbody tr:hover{background:#ffffff06}tbody tr:last-child td{border-bottom:0}td strong{display:block;color:#e8edf5;font-size:11px;margin-bottom:4px}td small{color:#718097;font:400 9px ui-monospace,SFMono-Regular,Consolas,monospace}.filename{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8695aa}.history-list{list-style:none;margin:0;padding:0;display:grid;gap:14px}.history-day-group{background:#f9fbfd;border:1px solid var(--line);border-radius:10px;overflow:hidden}.history-day-head{display:flex;align-items:center;gap:9px;padding:9px 14px;background:#f5f8fc;border-bottom:1px solid var(--line);color:#263248;font:600 11px ui-monospace,SFMono-Regular,Consolas,monospace}.history-day-head small{margin-left:auto;color:#64748b;font-weight:400;font-size:9px;text-transform:lowercase}.history-day-rows{list-style:none;margin:0;padding:0}.history-row{display:grid;grid-template-columns:14px 104px minmax(0,1fr) 88px minmax(0,1.25fr);gap:12px;align-items:center;padding:9px 14px;border-bottom:1px solid #eef2f7;font-size:10px}.history-row:last-child{border-bottom:0}.history-row:hover{background:#f8fafc}.history-dot{width:9px;height:9px;border-radius:50%;background:#b4bdca;flex:0 0 9px}.history-dot.healthy{background:var(--green)}.history-dot.warning{background:var(--amber)}.history-dot.critical{background:var(--red)}.history-dot.pending{background:#b4bdca}.history-host{color:#596a82;font:400 9px ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-job{color:#263248;font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-status{font:600 9px ui-monospace,SFMono-Regular,Consolas,monospace;text-transform:uppercase;letter-spacing:.05em;text-align:right}.history-status-healthy{color:var(--green)}.history-status-warning{color:var(--amber)}.history-status-critical{color:var(--red)}.history-status-pending{color:#8a96a8}.history-explain{color:#5f6e84;font:400 9px ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px;color:#6f7c91;font-size:8px}.legend span{display:flex;align-items:center;gap:5px}.dot{width:6px;height:6px;border-radius:2px;background:#728096}.dot.healthy{background:var(--green)}.dot.warning{background:var(--amber)}.dot.critical{background:var(--red)}.dot.pending{background:#59677b}.storage-panel{margin-bottom:0}.storage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.storage-item{padding:5px 22px 0;border-right:1px solid var(--line)}.storage-item:first-child{padding-left:0}.storage-item:last-child{padding-right:0;border:0}.storage-name{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px}.storage-name strong{font-size:11px}.storage-name span{color:#67758a;font:400 8px ui-monospace,SFMono-Regular,Consolas,monospace;overflow:hidden;text-overflow:ellipsis}.storage-copy{display:flex;justify-content:space-between;color:#8996a9;font-size:9px;margin-bottom:7px}.storage-copy strong{color:#c5cedb}.storage-track{height:5px;background:#1d2736;border-radius:5px;overflow:hidden}.storage-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3acb94,#65dfad)}.storage-block small{display:block;margin-top:6px;color:#5f6d82;font-size:8px}.muted{color:#66748a;font-size:9px}.drawer-layer{position:fixed;z-index:60;inset:0;background:#02060db8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:flex-end;animation:fade .18s ease-out}.drawer{width:min(510px,100%);height:100%;overflow-y:auto;background:#0e1623;border-left:1px solid var(--line);padding:28px;animation:slide .24s ease-out;box-shadow:-30px 0 80px #00000059}@keyframes fade{0%{opacity:0}}@keyframes slide{0%{transform:translate(25px)}}.drawer-header{display:flex;justify-content:space-between;align-items:start;padding-bottom:22px;border-bottom:1px solid var(--line)}.drawer-header h2{margin:0 0 5px;font-size:26px;letter-spacing:-.04em}.drawer-header p{color:var(--muted);font-size:10px;margin:0}.icon-button{width:35px;height:35px;display:grid;place-items:center;background:#151f2e;border:1px solid var(--line);border-radius:9px;cursor:pointer}.drawer-status{margin:20px 0;display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;gap:18px;padding:15px;background:#121c2b;border:1px solid var(--line);border-radius:12px}.drawer-status div{display:flex;flex-direction:column;gap:3px}.drawer-status small{color:#69778d;font-size:8px;text-transform:uppercase}.drawer-status strong{font-size:9px;color:#b8c2d0}.drawer-note{display:flex;gap:10px;color:#c1a562;background:#f2b84b12;border:1px solid rgba(242,184,75,.14);padding:12px;border-radius:10px;font-size:10px}.drawer-section{padding:23px 0;border-bottom:1px solid var(--line)}.drawer-section h3{font-size:12px;margin-bottom:15px}.drawer-jobs{display:grid;gap:10px}.drawer-job{border:1px solid var(--line);background:#111a28;border-radius:12px;padding:15px}.drawer-job-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.drawer-job-title strong{font-size:11px}.drawer-job dl{margin:15px 0 0;display:grid;gap:8px}.drawer-job dl div{display:grid;grid-template-columns:110px 1fr;gap:12px;font-size:9px}.drawer-job dt{color:#66758a}.drawer-job dd{margin:0;color:#abb6c5;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;word-break:break-word}.job-error{display:flex;gap:7px;color:#ff9aa3;font-size:9px;margin:12px 0 0}footer{width:min(1400px,calc(100% - 48px));margin:0 auto;padding:22px 0 35px;border-top:1px solid var(--line);color:#59677b;display:flex;justify-content:space-between;font:400 8px ui-monospace,SFMono-Regular,Consolas,monospace}.loading-screen{min-height:100vh;display:grid;place-content:center;justify-items:center;color:#8694a9;font-size:12px}.loader-mark{width:50px;height:50px;display:grid;place-items:center;background:#45d69c1a;color:var(--green);border-radius:14px;margin-bottom:13px;animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{50%{transform:scale(.94);opacity:.65}}@media(max-width:980px){.metric-grid{grid-template-columns:repeat(2,1fr)}.host-grid{grid-template-columns:1fr}.host-card{min-height:220px}.storage-grid{grid-template-columns:1fr}.storage-item,.storage-item:first-child,.storage-item:last-child{padding:15px 0;border:0;border-bottom:1px solid var(--line)}}@media(max-width:620px){.topbar{height:60px;padding:0 17px}.live-indicator,.refresh-button span{display:none}.refresh-button{padding:9px}.content{width:calc(100% - 30px);padding-top:38px}.intro{align-items:start;flex-direction:column;gap:25px}.overall-pill{width:100%}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{min-height:104px;padding:15px;gap:11px}.metric-icon{width:35px;height:35px;flex-basis:35px}.metric-card strong{font-size:20px}.metric-card span{font-size:9px}.panel{padding:16px}.table-wrap{margin:0 -16px -16px}.history-row{grid-template-columns:12px 84px minmax(0,1fr);grid-template-areas:"dot host job" "dot status explain";gap:6px 10px;padding:11px 12px}.history-row .history-dot{grid-area:dot;align-self:start;margin-top:3px}.history-row .history-host{grid-area:host}.history-row .history-job{grid-area:job}.history-row .history-status{grid-area:status;text-align:left}.history-row .history-explain{grid-area:explain}.drawer{padding:20px}.drawer-status{grid-template-columns:1fr 1fr}.drawer-status .status-badge{grid-column:1 / -1}footer{width:calc(100% - 30px);flex-direction:column;gap:8px}}.topbar{background:#ffffffeb;box-shadow:0 1px 8px #1c2a420a}.brand-mark{color:#fff;box-shadow:0 7px 20px #07845c2b}.live-indicator{color:#64748b}.refresh-button{background:#fff;box-shadow:0 2px 7px #1c2a420d}.refresh-button:hover{border-color:#07845c59;background:#f7fbf9}.metric-card,.host-card,.panel{background:#fff;box-shadow:0 5px 18px #1c2a420d}.metric-card.metric-primary{border-color:#07845c33}.metric-icon.violet{color:#7551b7;background:#7551b71a}.host-card:hover{border-color:#2869c74d;box-shadow:0 16px 38px #1c2a421a}.server-icon{color:#53647c;background:#f5f8fc}.host-meta{color:#64748b}.card-action{color:#53657e}tbody tr:hover{background:#f8fafc}td{color:#5f6e84}td strong{color:#263248}.filename{color:#596a82}.history-pending{background:#eef2f7;border-color:#e4e9f0}.storage-copy strong{color:#435169}.storage-track{background:#e8edf3}.storage-track span{background:linear-gradient(90deg,#07845c,#1ca97a)}.drawer-layer{background:#1c2a4252}.drawer{background:#fff;box-shadow:-30px 0 80px #1c2a4229}.icon-button,.drawer-status{background:#f7f9fc}.drawer-status strong{color:#45556d}.drawer-job{background:#f9fbfd}.drawer-job dd{color:#506079}.drawer-note{color:#85540b}.job-error{color:#b62e40}.loader-mark{background:#07845c1a}