@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Jost:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;font-family:Jost,sans-serif;color:#2b2620;background:#f7f2e5;--ink: #2b2620;--paper: #fbf8f0;--paper-line: #dfd4bc;--olive: #55784b;--olive-soft: #6b8b5d;--warning: #cf9839;--critical: #cf583d;--muted: #6b6355;--board-warm: #f6f1e4;--board-cool: #efe8d6;--tape: #d8c79c;--tape-shadow: rgba(116, 92, 45, .18)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--board-warm)}button,input,select,textarea{font:inherit}button{cursor:pointer}.board-shell{position:relative;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.62),transparent 34%),radial-gradient(circle at 82% 12%,rgba(214,199,164,.18),transparent 28%),linear-gradient(180deg,#ffffff52,#efe8d68a),repeating-linear-gradient(0deg,transparent 0,transparent 27px,rgba(169,152,119,.08) 27px,rgba(169,152,119,.08) 28px),var(--board-warm)}.board-overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#ffffff61,#ffffff14),radial-gradient(circle at center,rgba(143,128,93,.05) 0,rgba(143,128,93,.03) 48%,transparent 76%)}.board-frame{position:relative;z-index:1;padding:16px 22px 22px}.board-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding-bottom:14px;margin-bottom:18px;border-bottom:2px solid rgba(112,95,60,.22)}.header-stats span,.back-button,.range-button,.section-label,.metric-head span,.card-number,.card-hostname,.metric-strip-head,.card-footer,.detail-heading p,.process-table,.chart-empty{font-family:IBM Plex Mono,monospace}.board-header h1,.loading-state h1{margin:0;font-size:clamp(2.6rem,4.4vw,4.1rem);font-weight:700;letter-spacing:-.01em;color:var(--ink);text-shadow:none}.header-stats{display:flex;gap:28px;align-items:center;padding:10px 16px;background:#fbf8f0eb;border:1px solid rgba(112,95,60,.18)}.header-stats div{text-align:right}.header-stats span{display:block;font-size:11px;letter-spacing:.12em;color:var(--muted)}.header-stats strong{display:block;font-size:24px;font-weight:600;color:var(--ink)}.header-stats div:first-child strong{color:#ff8a69}.fleet-view{min-height:0;--fleet-columns: 4;--fleet-rows: 2}.fleet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px 24px}.paper-card{background:var(--paper);border:1.5px solid rgba(87,72,43,.22);box-shadow:0 10px 22px #8978501f}.fleet-card{position:relative;padding:14px 14px 12px;text-align:left;color:var(--ink);background:linear-gradient(180deg,#ffffff75,#f5efe1d6),var(--paper);transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease;transform-origin:center center;border-radius:10px;overflow:visible}.fleet-card:hover{transform:translateY(-6px) scale(1.025);box-shadow:0 18px 28px #76643d29;border-color:#57482b52}.status-tag{position:relative;padding:4px 8px;background:var(--paper);border:1.5px solid currentColor;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:600;letter-spacing:.08em;transform:rotate(2deg)}.status-tag.filled{position:static;transform:none;padding:4px 8px}.status-tag.nominal{color:var(--olive)}.status-tag.warning{color:var(--warning)}.status-tag.critical{color:var(--critical)}.status-tag.unknown{color:var(--muted)}.status-tag.filled.nominal{background:var(--olive);color:#f8f4e9}.status-tag.filled.warning{background:var(--warning);color:#20160d}.status-tag.filled.critical{background:var(--critical);color:#fff1ed}.status-tag.filled.unknown{background:#8e8677;color:#f8f4e9}.card-number{display:inline-block;padding:6px 10px;background:var(--paper);color:var(--muted);font-size:11px;letter-spacing:.12em;transform:rotate(-2.5deg);border:1px solid rgba(87,72,43,.16)}.card-pinboard{position:relative;display:flex;justify-content:space-between;align-items:flex-start;margin:-24px 2px 8px;z-index:2}.card-tape{position:absolute;top:-6px;width:58px;height:18px;background:linear-gradient(180deg,#e2d4afeb,#cab98ac7);opacity:.92;box-shadow:0 2px 4px var(--tape-shadow)}.card-tape-left{left:10px;transform:rotate(-8deg)}.card-tape-right{right:8px;transform:rotate(9deg)}.card-status-tag{transform:rotate(3deg)}.card-photo-frame{position:relative;overflow:hidden;aspect-ratio:16 / 9;border-radius:8px;background:#ddd2bc;border:1px solid rgba(87,72,43,.14)}.card-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.card-info{padding-top:8px}.fleet-card h2,.detail-heading h2{margin:8px 0 2px;font-size:23px;font-weight:600}.card-heading-strip{display:inline-block;margin-bottom:6px;padding:5px 10px 6px;background:#fbf8f0f2;border:1px solid rgba(87,72,43,.12)}.card-heading-strip h2{margin:0}.card-hostname{display:inline-block;margin:0 0 6px;padding:4px 8px 5px;background:#fbf8f0eb;font-size:10px;color:var(--muted);border:1px solid rgba(87,72,43,.1)}.card-uptime{display:inline-block;margin:0 0 10px;padding:4px 8px 5px;background:#fbf8f0eb;font-family:IBM Plex Mono,monospace;font-size:9.5px;color:var(--muted);letter-spacing:.06em;border:1px solid rgba(87,72,43,.1)}.card-metrics{display:flex;gap:10px;margin-bottom:0;padding:8px 9px 9px;background:#fbf8f0eb;border:1px solid rgba(87,72,43,.1);border-radius:6px}.metric-strip{flex:1}.metric-strip-head{display:flex;justify-content:space-between;margin-bottom:4px;font-size:9px;color:var(--muted);letter-spacing:.06em}.metric-track,.partition-track{background:#e4dcc5}.metric-track{height:5px}.metric-fill,.partition-fill{display:block;height:100%}.metric-fill.nominal,.partition-fill.nominal{background:var(--olive)}.metric-fill.warning,.partition-fill.warning{background:var(--warning)}.metric-fill.critical,.partition-fill.critical{background:var(--critical)}.metric-fill.unknown,.partition-fill.unknown{background:#9c947f}.detail-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:18px}.back-button{display:inline-flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.1em;color:var(--ink);background:var(--paper);border:0;padding:9px 16px}.range-switch{display:flex;gap:8px;border:0;background:transparent}.range-button{padding:9px 18px;border:0;background:var(--paper);color:var(--muted);font-size:12px;letter-spacing:.08em}.range-button.active{background:#ece4d1;color:var(--ink)}.detail-heading{margin-bottom:8px}.detail-view{position:relative;max-width:1180px;padding:18px 18px 16px;border-radius:14px;overflow:hidden}.detail-view:before{content:"";position:absolute;inset:0;background-image:linear-gradient(180deg,#f7f2e5c7,#f7f2e5db 34%,#f7f2e5eb),var(--detail-photo-url);background-position:center center;background-size:cover;background-repeat:no-repeat;filter:saturate(.98) contrast(1.02);pointer-events:none}.detail-view>*{position:relative;z-index:1}.detail-heading>div{display:inline-block;max-width:min(100%,640px);padding:10px 14px;background:var(--paper);border:0;box-shadow:none}.detail-title-row{display:flex;align-items:center;gap:12px;margin-bottom:4px;flex-wrap:wrap}.detail-heading h2{margin:0;font-size:23px;font-weight:600;color:var(--ink);text-shadow:none}.detail-heading p{margin:0;font-size:11px;color:var(--muted);text-shadow:none}.alert-strip{margin-bottom:18px;padding:10px 14px;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.05em}.alert-strip.warning{background:var(--warning);color:#20160d}.alert-strip.critical{background:var(--critical);color:#fff1ed}.metric-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.metric-panel,.partitions-panel,.process-panel{padding:14px}.detail-view .paper-card{position:relative;background:var(--paper);border:0;box-shadow:none}.detail-view .paper-card:before{content:"";position:absolute;inset:8px;border:1px dashed rgba(43,38,32,.16);pointer-events:none}.detail-view .paper-card>*{position:relative;z-index:1}.metric-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}.metric-head span,.section-label{font-size:10px;letter-spacing:.1em;color:var(--muted)}.metric-head strong{font-size:22px;font-weight:600}.metric-head strong.nominal{color:var(--olive)}.metric-head strong.warning{color:var(--warning)}.metric-head strong.critical{color:var(--critical)}.metric-head strong.unknown{color:#8e8677}.sparkline{display:block;width:100%;height:64px}.sparkline-frame{position:relative}.sparkline-tooltip{position:absolute;top:0;transform:translate(-50%,-100%);padding:6px 9px;background:#2b2620;color:#f2ecdd;box-shadow:0 4px 12px #00000059;white-space:nowrap;pointer-events:none}.sparkline-tooltip-value,.sparkline-tooltip-time{font-family:IBM Plex Mono,monospace}.sparkline-tooltip-value{font-size:11px;font-weight:600}.sparkline-tooltip-time{opacity:.75;font-size:10px}.detail-lower{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px}.detail-half{width:100%}.partition-list{margin-top:10px}.partition-row{margin-bottom:8px}.partition-meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:4px;font-family:IBM Plex Mono,monospace;font-size:10.5px}.partition-track{height:6px}.partition-empty{margin:12px 0 0;font-family:IBM Plex Mono,monospace;font-size:10.5px;color:var(--muted);letter-spacing:.06em}.process-panel{margin-bottom:0}.process-table{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;font-size:11px}.process-header-row{margin:10px 0 4px;padding-bottom:7px;border-bottom:1.5px solid var(--ink);color:var(--muted);font-size:10px;letter-spacing:.06em}.process-row{padding:6px 0;border-bottom:1px dashed rgba(43,38,32,.25)}.loading-state{position:relative;z-index:1;width:min(720px,calc(100% - 48px));margin:72px auto 0;padding:28px;background:#fbf8f0f2;color:var(--ink);border:1px solid rgba(87,72,43,.16)}.loading-state p,.chart-empty{font-size:14px}.chart-empty{display:flex;align-items:center;justify-content:center;height:90px;color:var(--muted)}@media(max-width:1200px){.metric-panels{grid-template-columns:1fr}}@media(min-width:1400px){html,body,#root,.board-shell{height:100vh;overflow:hidden}.board-header h1{font-size:clamp(2.8rem,3.8vw,3.6rem)}.fleet-view{height:calc(100vh - 126px)}.fleet-grid{height:100%;grid-template-columns:repeat(var(--fleet-columns),minmax(0,1fr));grid-template-rows:repeat(var(--fleet-rows),minmax(0,1fr));gap:16px 18px;align-items:stretch}.fleet-card{min-height:0}.fleet-card h2{font-size:18px}.card-number,.status-tag{font-size:9px}}@media(max-width:900px){.board-frame{padding:18px 16px 40px}.fleet-grid{grid-template-columns:1fr}.card-metrics,.card-footer,.detail-topbar,.partition-meta{flex-direction:column;align-items:flex-start}.process-table{grid-template-columns:repeat(2,1fr);gap:4px 12px}.detail-lower{grid-template-columns:1fr}}