@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:#f2ecdd;--ink: #2b2620;--paper: #fbf8f0;--paper-line: #dfd4bc;--olive: #55784b;--olive-soft: #6b8b5d;--warning: #cf9839;--critical: #cf583d;--muted: #6b6355}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:#f2ecdd}button,input,select,textarea{font:inherit}button{cursor:pointer}.board-shell{position:relative;min-height:100vh;overflow-x:hidden;background-color:#f2ecdd;background-image:radial-gradient(circle,rgba(43,38,32,.16) 1px,transparent 1px);background-size:24px 24px}.board-background,.board-overlay{position:absolute;inset:0;pointer-events:none}.board-background{background-position:center center;background-size:cover;background-repeat:no-repeat;filter:saturate(.9) contrast(1.08) brightness(.98) hue-rotate(-2deg);transition:background-image .3s ease-in-out}.board-overlay{background:linear-gradient(180deg,#121a161f,#121a160a 28%,#121a1638)}.board-frame{position:relative;z-index:1;padding:18px 24px 56px}.board-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding-bottom:18px;margin-bottom:32px;border-bottom:2px solid rgba(242,236,221,.7)}.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:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.header-stats{display:flex;gap:28px;align-items:center;padding:12px 20px;background:#14160fb8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.header-stats div{text-align:right}.header-stats span{display:block;font-size:11px;letter-spacing:.12em;color:#e8e4d8}.header-stats strong{display:block;font-size:28px;font-weight:600;color:#fff}.header-stats div:first-child strong{color:#ff8a69}.fleet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}.paper-card{background:var(--paper);border:1.5px solid var(--ink);box-shadow:0 8px 24px #00000047}.fleet-card{position:relative;padding:22px;text-align:left;color:var(--ink);background:transparent;border-color:transparent;box-shadow:none;transition:box-shadow .14s ease,transform .14s ease}.fleet-card:hover{transform:translateY(-1px);box-shadow:none}.status-tag{position:absolute;top:16px;right:16px;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(4deg)}.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:4px 9px;margin-bottom:10px;background:var(--paper);color:var(--muted);font-size:11px;letter-spacing:.12em}.fleet-card h2,.detail-heading h2{margin:8px 0 2px;font-size:23px;font-weight:600}.card-heading-strip{display:inline-block;margin-bottom:10px;padding:6px 12px 7px;background:var(--paper)}.card-heading-strip h2{margin:0}.card-hostname{display:inline-block;margin:0 0 8px;padding:5px 10px 6px;background:var(--paper);font-size:11px;color:var(--muted)}.card-uptime{display:inline-block;margin:0 0 16px;padding:5px 10px 6px;background:var(--paper);font-family:IBM Plex Mono,monospace;font-size:10.5px;color:var(--muted);letter-spacing:.06em}.card-metrics{display:flex;gap:16px;margin-bottom:16px;padding:11px 12px 12px;background:var(--paper)}.metric-strip{flex:1}.metric-strip-head{display:flex;justify-content:space-between;margin-bottom:5px;font-size:10px;color:var(--muted);letter-spacing:.06em}.metric-track,.partition-track{background:#e4dcc5}.metric-track{height:6px}.metric-fill,.partition-fill{display:block;height:100%}.metric-fill.nominal,.partition-fill.nominal,.core-bar.nominal{background:var(--olive)}.metric-fill.warning,.partition-fill.warning,.core-bar.warning{background:var(--warning)}.metric-fill.critical,.partition-fill.critical,.core-bar.critical{background:var(--critical)}.metric-fill.unknown,.partition-fill.unknown,.core-bar.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{max-width:1180px}.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(3,1fr);gap:14px;margin-bottom:16px}.metric-panel,.system-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:1.1fr 1fr;gap:14px;margin-bottom:16px}.system-stats{display:flex;gap:20px;margin:12px 0 14px}.system-stats span{display:block;margin-bottom:3px;font-family:IBM Plex Mono,monospace;font-size:10px;color:var(--muted);letter-spacing:.08em}.system-stats strong{font-family:IBM Plex Mono,monospace;font-size:14px;font-weight:600}.core-bars{display:flex;align-items:flex-end;gap:5px;height:50px}.core-bar{flex:1;min-width:0}.partition-list{margin-top:12px}.partition-row{margin-bottom:10px}.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:16px}.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:#14160fb8;color:#f2ecdd}.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,.detail-lower{grid-template-columns:1fr}}@media(max-width:900px){.board-frame{padding:18px 16px 40px}.fleet-grid{grid-template-columns:1fr}.card-metrics,.card-footer,.detail-topbar,.system-stats,.partition-meta{flex-direction:column;align-items:flex-start}.process-table{grid-template-columns:repeat(2,1fr);gap:4px 12px}}