*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#e5e7eb;background:#0f172a;font-family:Arial,sans-serif}a{color:inherit}.page{min-height:100vh;padding:16px}.header-card,.card,.object-card,.dial-card{background:#020617;border:1px solid #1e293b;border-radius:18px;box-shadow:0 18px 40px #00000040}.header-card,.card{max-width:1200px;margin:0 auto 16px;padding:18px}.card-center{text-align:center}.eyebrow{color:#93c5fd;text-align:center;letter-spacing:.4px;margin-bottom:6px;font-size:13px;font-weight:700}h1{color:#e5e7eb;text-align:center;margin:0 0 16px;font-size:28px;line-height:1.15}h2{margin:0 0 12px;font-size:20px;line-height:1.2}h3{margin:0 0 10px;font-size:15px}.summary-line,.status-row,.object-meta,.dial-meta{color:#94a3b8;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.object-meta{justify-content:flex-start;margin-top:8px}.object-meta-small{font-size:13px}.muted{color:#94a3b8}.error-text{color:#fecaca;font-weight:700}.warn-box{color:#fde68a;background:#b4530940;border:1px solid #f59e0b66;border-radius:12px;max-width:900px;margin:12px auto 0;padding:10px 12px}.counter-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin-top:16px;display:grid}.counter-card{background:#0f172a;border:1px solid #1e293b;border-radius:14px;align-content:center;justify-items:center;gap:6px;min-height:92px;padding:12px;display:grid}.counter-label{color:#94a3b8;font-size:12px;font-weight:700}.counter-value{color:#e5e7eb;font-size:30px;font-weight:900;line-height:1}.objects-grid,.dials-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;width:100%;max-width:1200px;margin:0 auto 16px;display:grid}.object-card,.dial-card{min-width:0;padding:16px}.object-head,.dial-head,.dial-mini-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.object-title-link{color:#e5e7eb;font-size:20px;font-weight:900;text-decoration:none}.object-title-link:hover{text-decoration:underline}.dials-mini-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin-top:14px;display:grid}.dial-mini-card{background:#0f172a;border:1px solid #1e293b;border-radius:14px;padding:12px}.dial-mini-head{color:#cbd5e1;min-height:30px;font-size:13px;font-weight:800}.dial-mini-time{color:#22c55e;text-align:center;margin:10px 0 8px;font-size:32px;font-weight:900;line-height:1}.dial-mini-meta{color:#94a3b8;flex-wrap:wrap;justify-content:center;gap:8px;font-size:12px;display:flex}.time-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;max-width:900px;margin:14px auto;display:grid}.time-box{background:#0f172a;border:1px solid #1e293b;border-radius:14px;justify-items:center;gap:5px;padding:12px;display:grid}.time-label{color:#94a3b8;font-size:13px}.time-value{color:#cbd5e1;font-size:24px;font-weight:900}.dial-head h2{margin:0}.dial-time{color:#22c55e;text-align:center;margin:12px 0;font-size:56px;font-weight:900;line-height:1}.info-box{color:#94a3b8;background:#0f172a;border:1px solid #1e293b;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:12px;padding:10px;font-size:12px;font-weight:700;display:flex}.info-box code{color:#e5e7eb;letter-spacing:1px;background:#020617;border:1px solid #334155;border-radius:8px;padding:4px 10px;font-family:Consolas,ui-monospace,monospace;font-size:18px;font-weight:900;display:inline-block}.flags{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.flag{color:#94a3b8;background:#1e293b;border:1px solid #334155;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700}.flag-on{color:#bbf7d0;background:#14532d;border-color:#22c55e}.status-badge{color:#cbd5e1;white-space:nowrap;background:#64748b24;border:1px solid #64748b;border-radius:999px;justify-content:center;align-items:center;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex}.status-ok,.status-run{color:#22c55e;background:#22c55e24;border-color:#22c55e}.status-warn,.status-stop{color:#f59e0b;background:#f59e0b29;border-color:#f59e0b}.status-lost,.status-protection,.status-alarm{color:#ef4444;background:#ef444429;border-color:#ef4444}.status-no_data,.status-unknown{color:#94a3b8;background:#64748b24;border-color:#64748b}details{color:#cbd5e1}summary{cursor:pointer;color:#93c5fd;font-weight:800}.diagnostics-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:12px;display:grid}.info-block{background:#0f172a;border:1px solid #1e293b;border-radius:14px;min-width:0;padding:12px}.info-block dl{gap:8px;margin:0;display:grid}.info-row{gap:2px;display:grid}.info-row dt{color:#94a3b8;font-size:12px}.info-row dd{color:#e5e7eb;word-break:break-word;margin:0;font-size:13px}@media (width<=520px){.page{padding:10px}.header-card,.card,.object-card,.dial-card{border-radius:14px}h1{font-size:24px}.objects-grid,.dials-grid{grid-template-columns:1fr}.dial-time{font-size:48px}.object-head,.dial-head{flex-direction:column;align-items:flex-start}}.objects-grid{align-items:stretch;grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:1200px!important}.object-card-compact{padding:14px!important}.object-head-compact{align-items:flex-start!important}.object-card-compact .object-title-link{font-size:19px;line-height:1.15}.object-compact-meta{color:#94a3b8;gap:4px;margin-top:10px;font-size:13px;display:grid}.dials-compact-list{gap:8px;margin-top:12px;display:grid}.dial-compact-row{background:#0f172a;border:1px solid #1e293b;border-radius:12px;grid-template-columns:1fr auto;grid-template-areas:"left badge""clock badge";align-items:center;gap:4px 8px;padding:9px 10px;display:grid}.dial-compact-left{grid-area:left;justify-content:space-between;align-items:baseline;gap:8px;min-width:0;display:flex}.dial-compact-name{color:#cbd5e1;white-space:nowrap;font-size:13px;font-weight:900}.dial-compact-time{color:#22c55e;white-space:nowrap;font-size:26px;font-weight:900;line-height:1}.dial-compact-clock{color:#94a3b8;grid-area:clock;font-size:12px}.dial-compact-row .status-badge{grid-area:badge;padding:4px 7px;font-size:11px}@media (width<=1250px){.objects-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (width<=760px){.objects-grid{grid-template-columns:1fr!important}}.dials-grid{align-items:stretch;grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:1200px!important}@media (width<=760px){.dials-grid{grid-template-columns:1fr!important}}.sensor-box{background:#0f172a;border:1px solid #1e293b;border-radius:14px;margin-top:12px;padding:12px}.sensor-box-title{color:#93c5fd;text-align:center;margin-bottom:10px;font-size:14px;font-weight:900}.sensor-summary-list{gap:8px;display:grid}.sensor-summary-row{background:#020617;border:1px solid #1e293b;border-radius:12px;gap:4px;padding:9px 10px;display:grid}.sensor-label{color:#e5e7eb;font-size:13px;font-weight:900}.sensor-values{color:#94a3b8;gap:3px;font-size:12px;display:grid}.sensor-values b{color:#cbd5e1}.sensor-history{border-top:1px solid #1e293b;margin-top:10px;padding-top:8px}.sensor-history summary{color:#93c5fd;font-size:13px;font-weight:900}.sensor-history-groups{gap:10px;margin-top:10px;display:grid}.sensor-history-group{background:#020617;border:1px solid #1e293b;border-radius:12px;padding:10px}.sensor-history-title{color:#e5e7eb;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:13px;font-weight:900;display:flex}.sensor-history-title span{color:#94a3b8;font-weight:700}.sensor-event-list{gap:5px;display:grid}.sensor-event-row{color:#cbd5e1;background:#0f172a;border-radius:8px;justify-content:space-between;gap:8px;padding:6px 8px;font-size:12px;display:flex}.sensor-history-muted{color:#94a3b8;margin-top:8px;font-size:12px}.sensor-history-error{color:#fecaca;margin-top:8px;font-size:12px;font-weight:800}.auth-card{box-sizing:border-box;background:#020617;border:1px solid #1e293b;border-radius:18px;width:100%;max-width:1200px;margin:16px auto;padding:16px;box-shadow:0 18px 40px #00000040}.auth-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.auth-card h2{color:#e5e7eb;margin:0;font-size:20px}.auth-pill{border:1px solid;border-radius:999px;align-items:center;padding:6px 10px;font-size:13px;font-weight:900;display:inline-flex}.auth-ok{color:#bbf7d0;background:#14532d80;border-color:#22c55e}.auth-bad{color:#fecaca;background:#7f1d1d80;border-color:#ef4444}.auth-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.auth-grid-small{margin-top:10px}.auth-row{background:#0f172a;border:1px solid #1e293b;border-radius:12px;gap:4px;padding:10px;display:grid}.auth-row span{color:#94a3b8;font-size:12px}.auth-row b{color:#e5e7eb;word-break:break-word;font-size:14px}.auth-message{color:#93c5fd;margin-top:12px;font-size:14px;font-weight:800}.auth-muted{color:#94a3b8;margin:8px 0;font-size:14px}.auth-error{color:#fecaca;background:#7f1d1da6;border:1px solid #ef4444;border-radius:12px;margin:8px 0;padding:10px;font-weight:800}.auth-details{color:#cbd5e1;margin-top:12px}.auth-details summary{cursor:pointer;color:#93c5fd;font-weight:900}.auth-resolver-diag-card{border-color:#93c5fd59}.auth-resolver-diag-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.auth-resolver-diag-buttons{flex-wrap:wrap;gap:8px;display:flex}.diag-button{color:#e5e7eb;cursor:pointer;background:#1e293b;border:1px solid #334155;border-radius:12px;min-height:40px;padding:8px 12px;font-size:14px;font-weight:800}.diag-button:disabled{opacity:.6;cursor:wait}.auth-resolver-diag-note{text-align:center;margin:8px 0 14px;font-size:13px}.auth-resolver-diag-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.auth-resolver-diag-item{background:#0f172a;border:1px solid #1e293b;border-radius:12px;padding:10px}.auth-resolver-diag-label{color:#94a3b8;margin-bottom:5px;font-size:12px;font-weight:800}.auth-resolver-diag-value{color:#e5e7eb;overflow-wrap:anywhere;font-size:14px}.auth-resolver-diag-value.strong{color:#22c55e;font-size:16px;font-weight:900}.auth-resolver-diag-empty{color:#94a3b8;text-align:center;background:#0f172a;border:1px dashed #334155;border-radius:12px;padding:12px}.auth-resolver-diag-json{margin-top:12px}.auth-resolver-diag-json summary{cursor:pointer;color:#93c5fd;font-weight:800}.auth-resolver-diag-json pre{color:#cbd5e1;background:#020617;border:1px solid #1e293b;border-radius:12px;max-height:360px;padding:12px;font-size:12px;overflow:auto}.access-line{color:#475569;flex-wrap:wrap;align-items:center;gap:10px;margin-top:12px;font-size:14px;display:flex}.access-pill{color:#334155;background:#e2e8f0;border-radius:999px;align-items:center;padding:5px 10px;font-weight:700;display:inline-flex}.access-root_admin{color:#166534;background:#dcfce7}.access-viewer_all{color:#1d4ed8;background:#dbeafe}.access-public{color:#475569;background:#f1f5f9}.access-error{color:#b91c1c;font-weight:700}