:root{font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{min-width:320px;min-height:100vh;margin:0}body{margin:0}#root{min-height:100vh}.app{color:#e8f0f2;background:#071014;min-height:100vh}.topbar{background:#081419;border-bottom:1px solid #1c3036;justify-content:space-between;align-items:center;min-height:88px;padding:0 42px;display:flex}.brand{letter-spacing:.18em;font-size:25px;font-weight:700}.subtitle{color:#789096;letter-spacing:.08em;margin-top:5px;font-size:12px}.runtime-indicator{color:#8ca3a8;letter-spacing:.1em;align-items:center;gap:9px;font-size:12px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}.status-dot.online{background:#38d39f;box-shadow:0 0 10px #38d39f}.status-dot.offline{background:#5d6c70}.dashboard{width:min(1380px,100% - 48px);margin:0 auto;padding:34px 0 50px}.project-card{background:#0b191e;border:1px solid #1c3036;margin-bottom:36px;padding:25px 28px}.section-label{color:#60797f;letter-spacing:.16em;font-size:11px}.project-name{margin-top:8px;font-size:27px;font-weight:600}.project-id{color:#60797f;margin-top:7px;font-family:monospace;font-size:12px}.section-header{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.section-header h2{letter-spacing:.15em;color:#8fa8ae;margin:0;font-size:13px;font-weight:600}.resource-summary{color:#60797f;letter-spacing:.08em;gap:18px;font-size:11px;display:flex}.summary-online{color:#38d39f}.resource-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:15px;display:grid}.resource-card{background:#0b191e;border:1px solid #1c3036;padding:22px}.resource-header{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.resource-identity{align-items:flex-start;gap:12px;display:flex}.resource-id{font-family:monospace;font-size:16px;font-weight:600}.resource-type{color:#70888e;letter-spacing:.1em;margin-top:5px;font-size:11px}.availability{letter-spacing:.08em;font-size:11px}.availability-online{color:#38d39f}.availability-offline{color:#718084}.resource-data{border-top:1px solid #17282d;gap:14px;margin-top:25px;padding-top:18px;display:grid}.resource-data div{justify-content:space-between;gap:20px;display:flex}.resource-data span{color:#526a70;letter-spacing:.1em;font-size:10px}.resource-data strong{color:#a9babd;text-align:right;font-size:12px;font-weight:500}section{margin-bottom:36px}.events-card{background:#0b191e;border:1px solid #1c3036}.event-row{border-bottom:1px solid #17282d;grid-template-columns:16px 1.4fr 1fr 1fr;align-items:center;gap:14px;min-height:58px;padding:0 20px;display:grid}.event-row:last-child{border-bottom:none}.event-type{letter-spacing:.05em;font-size:12px}.event-resource{color:#71888e;font-family:monospace;font-size:12px}.event-time{color:#60777c;text-align:right;font-size:11px}.error-card{background:#1b1111;border:1px solid #4b3434;flex-direction:column;gap:7px;padding:18px 20px;display:flex}.error-card strong{color:#e08c8c;font-size:12px}.error-card span{color:#a66e6e;font-family:monospace;font-size:11px}footer{color:#4d6469;letter-spacing:.1em;text-align:center;border-top:1px solid #1c3036;padding:24px 42px;font-size:10px}@media (width<=700px){.topbar{padding:20px}.dashboard{width:calc(100% - 28px);padding-top:22px}.event-row{grid-template-columns:16px 1fr;padding:14px 16px}.event-resource,.event-time{text-align:left;grid-column:2}}