:root{--accent:#5b4ef5;--accent-2:#8b7cf8;--ok:#22c55e;--warn:#f59e0b;--alarm:#f43f5e;--info:#06b6d4;--ease:cubic-bezier(.22,1,.36,1);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.theme-dark{--bg:#070710;--text:#fffffff2;--dim:#e1e8f5a3;--faint:#e1e8f56b;--card:linear-gradient(150deg,#ffffff24,#ffffff09 72%);--border:#ffffff2e;--tile:#ffffff0f;--line:#ffffff17;--grid:#ffffff0b}.theme-light{--bg:#edecf6;--text:#121826f0;--dim:#12182699;--faint:#1218266b;--card:linear-gradient(150deg,#ffffffe0,#ffffff7a 72%);--border:#ffffffeb;--tile:#788cb41a;--line:#283c6e1a;--grid:#283c6e0f}.app-shell{min-height:100vh;color:var(--text);background:var(--bg);isolation:isolate;gap:18px;padding:18px;transition:all .4s;display:flex;position:relative}.bg{z-index:-2;position:fixed;inset:0;overflow:hidden}.bg:before{content:"";background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:24px 24px;position:absolute;inset:0;-webkit-mask:radial-gradient(130% 105% at 50% 12%,#000 35%,#0000 88%);mask:radial-gradient(130% 105% at 50% 12%,#000 35%,#0000 88%)}.bg-orb{filter:blur(82px);animation:breathe 17s var(--ease) infinite;border-radius:50%;position:absolute}.orb-1{background:#5b4ef5aa;width:560px;height:560px;top:-180px;left:-140px}.orb-2{background:#a855f799;width:620px;height:620px;animation-duration:20s;top:-100px;right:-200px}.orb-3{background:#06b6d477;width:520px;height:520px;animation-duration:14s;bottom:-260px;left:26%}.orb-4{filter:blur(48px);background:#f59e0b55;width:260px;height:260px;animation-duration:12s;bottom:12%;right:20%}.bg-vignette{background:radial-gradient(130% 120% at 50% 0,transparent 40%,var(--bg) 100%);position:absolute;inset:0}@keyframes breathe{50%{opacity:.58;transform:scale(1.08)}}.card,.rail,.readonly,.system-state{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(9px)saturate(175%);backdrop-filter:blur(9px)saturate(175%);box-shadow:0 24px 60px -24px #000b,inset 0 1px 1px #fff5}.rail{z-index:5;border-radius:26px;flex-direction:column;flex:none;width:256px;height:calc(100vh - 36px);padding:18px 14px;display:flex;position:sticky;top:18px}.rail-brand{align-items:center;gap:12px;padding:4px 6px 24px;display:flex}.rail-logo,.login-logo{background:#fff;place-items:center;display:grid;overflow:hidden;box-shadow:0 8px 24px #5b4ef566}.rail-logo{border-radius:14px;width:44px;height:44px}.rail-logo img{object-fit:contain;width:36px;height:36px}.rail-brand>div:last-child{flex-direction:column;gap:3px;display:flex}.rail-brand strong{font-size:17px}.rail-brand span,.rail-user span{color:var(--faint);font-size:11px}.rail-nav{flex-direction:column;flex:1;gap:4px;display:flex}.rail-group-label{letter-spacing:.08em;color:var(--faint);padding:5px 10px 7px;font-size:10px;font-weight:750}.rail-item{color:var(--dim);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;align-items:center;gap:9px;padding:10px;transition:all .2s;display:flex}.rail-item:hover{color:var(--text);background:var(--tile)}.rail-item.active{color:#fff;background:linear-gradient(150deg,var(--accent-2),var(--accent));box-shadow:0 7px 18px #5b4ef566}.rail-item-code{opacity:.75;width:28px;font-size:10px;font-weight:700}.rail-user{border-top:1px solid var(--line);flex-direction:column;gap:3px;padding:14px 10px 8px;font-size:13px;display:flex}.rail-theme,.rail-logout{border:1px solid var(--border);color:var(--dim);background:var(--tile);cursor:pointer;text-align:left;border-radius:13px;margin-top:7px;padding:10px 12px}.rail-logout{background:0 0}.content{flex:1;min-width:0;max-width:1500px;margin:0 auto;padding:6px 14px 54px}.content-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px;display:flex}.content-cat{letter-spacing:.09em;color:var(--accent-2);margin:0 0 6px;font-size:11px;font-weight:750}.content-title h1{letter-spacing:-.035em;margin:0;font-size:30px}.content-title p{color:var(--dim);margin:5px 0;font-size:14px}.content-title i{background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:3px;width:56px;height:3px;margin-top:13px;display:block}.content-actions{flex-wrap:wrap;justify-content:flex-end;gap:9px;display:flex}.system-state,.readonly{white-space:nowrap;border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 15px;font-size:12px;display:flex}.system-state i{background:var(--ok);width:9px;height:9px;box-shadow:0 0 13px var(--ok);border-radius:50%}.module{flex-direction:column;gap:16px;display:flex}.summary-grid,.kpis{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.kpis{grid-template-columns:repeat(3,1fr)}.metric,.panel{border-radius:20px;padding:18px}.metric.danger{border-color:#f43f5e88}.metric p,.metric small{color:var(--dim);margin:0;font-size:13px;display:block}.metric strong{margin:9px 0;font-size:25px;display:block}.section-head{justify-content:space-between;align-items:flex-end;margin:18px 2px -2px;display:flex}.section-head h2{margin:0;font-size:20px}.section-head>span{color:var(--dim);font-size:13px}.houses{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.house-card{color:var(--text);text-align:left;cursor:pointer;transition:.25s var(--ease);border-radius:20px;padding:17px}.house-card:hover{border-color:#8b7cf8aa;transform:translateY(-3px)}.house-card h3{margin:12px 0 3px;font-size:17px}.house-card p{color:var(--dim);margin:0;font-size:12px}.house-card dl{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0 12px;padding-top:12px;display:grid}.house-card dt{color:var(--dim);font-size:11px}.house-card dd{margin:4px 0;font-size:15px}.house-card footer{color:var(--dim);justify-content:space-between;font-size:11px;display:flex}.badge{background:var(--tile);color:var(--dim);border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-block}.badge-critical,.badge-open{color:#ffc1c7;background:#e84d5b28}.badge-warning{color:#ffd38c;background:#f3a02328}.badge-normal,.badge-acknowledged,.badge-good{color:#92e5b8;background:#42c87928}.badge-no-data,.badge-not-connected,.badge-missing,.badge-invalid,.badge-stale{color:var(--dim);background:var(--tile)}.split{grid-template-columns:1.2fr .8fr;gap:14px;display:grid}.panel h2{margin:0 0 12px;font-size:18px}.incident-row{border:0;border-top:1px solid var(--line);width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:13px 0;display:grid}.incident-row span{font-size:14px}.incident-row small{color:var(--dim);margin-top:4px;display:block}.incident-row b{color:var(--accent-2);font-size:12px}.notice{border-left:3px solid var(--warn);color:var(--text);background:#f59e0b19;border-radius:9px;margin:12px 0;padding:12px 14px;font-size:13px}.notice.error{border-color:var(--alarm);background:#f43f5e1c}.notice.info{border-color:var(--info);background:#06b6d41c}.table{padding:0;overflow:hidden}.incident-table-row{border-bottom:1px solid var(--line);grid-template-columns:1fr 180px 220px;align-items:center;gap:16px;padding:17px 18px;display:grid}.incident-table-row h3{margin:8px 0 3px;font-size:15px}.incident-table-row p,.incident-table-row small{color:var(--dim);margin:0;font-size:12px;display:block}.row-actions{justify-content:flex-end;gap:9px;display:flex}.primary,.secondary{cursor:pointer;color:#fff;background:linear-gradient(150deg,var(--accent-2),var(--accent));border:1px solid #8b7cf8;border-radius:12px;padding:9px 13px;box-shadow:0 6px 16px #5b4ef544}.secondary{background:var(--tile);color:var(--text);border-color:var(--border);box-shadow:none}.primary:disabled{opacity:.55;cursor:wait}.back{align-self:flex-start}.signals{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.signal strong{margin:8px 0;font-size:25px;display:block}.signal small{color:var(--dim);margin-top:10px;font-size:11px;display:block}.evidence{border-top:1px solid var(--line);gap:6px;padding:13px 0;font-size:13px;display:grid}.timeline{border-left:2px solid var(--accent-2);margin:12px 0;padding-left:10px;font-size:13px}.priority{border-top:1px solid var(--line);padding:13px 0}.priority p{color:var(--dim);margin:7px 0;font-size:13px}.priority small{color:var(--dim);margin-bottom:10px;display:block}.priority div{gap:8px;display:flex}.assistant{background:linear-gradient(145deg,#5b4ef526,#8b7cf514)}.brief-text{line-height:1.6}.hypothesis{color:var(--dim);font-size:13px}.empty,.muted{color:var(--dim)}.loading,.hero-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:50vh;display:flex}.spinner{border:3px solid var(--line);border-top-color:var(--accent-2);border-radius:50%;width:25px;height:25px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-shell{place-items:center;display:grid}.login-card{text-align:center;border-radius:28px;width:min(430px,100vw - 32px);padding:34px;position:relative}.login-logo{border-radius:20px;width:66px;height:66px;margin:0 auto 22px}.login-logo img{width:54px}.login-card h1{margin:4px 0 8px;font-size:29px}.login-card form{text-align:left;gap:15px;margin:25px 0 19px;display:grid}.login-card label{color:var(--dim);gap:7px;font-size:13px;display:grid}.login-card input{border:1px solid var(--border);background:var(--tile);width:100%;color:var(--text);border-radius:13px;outline:none;padding:12px 14px}.login-card input:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px #8b7cf833}.wide{width:100%;padding:12px}.login-card>small{color:var(--faint)}.floating-theme{border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);border-radius:999px;padding:10px 14px;position:fixed;top:22px;right:22px}@media (width<=1050px){.summary-grid,.houses{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.incident-table-row{grid-template-columns:1fr 150px}.row-actions{grid-column:1/-1;justify-content:flex-start}}@media (width<=760px){.app-shell{padding:10px;display:block}.rail{border-radius:20px;grid-template-columns:1fr auto;gap:8px;width:100%;height:auto;margin-bottom:16px;display:grid;position:relative;top:0}.rail-brand{padding:2px}.rail-nav{grid-column:1/-1;grid-template-columns:repeat(3,1fr);display:grid}.rail-group-label{display:none}.rail-item{justify-content:center}.rail-item-code,.rail-user{display:none}.rail-theme,.rail-logout{margin:0}.content{padding:5px 5px 40px}.content-head{display:block}.content-actions{justify-content:flex-start;margin-top:16px}.kpis{grid-template-columns:repeat(2,1fr)}}@media (width<=540px){.summary-grid,.kpis,.houses,.signals,.rail-nav{grid-template-columns:1fr}.house-card dl{grid-template-columns:1fr 1fr}.content-actions{display:none}.section-head{align-items:flex-start;gap:8px}.section-head>span{text-align:right;max-width:120px}.login-card{padding:28px 22px}.floating-theme{top:14px;right:14px}}@media (width<=760px){.login-shell{display:grid}.login-shell .floating-theme{text-align:center;width:42px;height:42px;padding:0;font-size:0}.login-shell .floating-theme:after{content:"◐";font-size:19px}}.rail-nav{gap:12px;margin-right:-4px;padding-right:4px;overflow:hidden auto}.rail-nav::-webkit-scrollbar{width:5px}.rail-nav::-webkit-scrollbar-thumb{background:var(--tile);border-radius:8px}.rail-group{flex-direction:column;gap:3px;display:flex}.rail-item-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.rail-item.planned{opacity:.62;cursor:not-allowed;position:relative}.rail-item.planned:hover{color:var(--dim);background:0 0}.rail-item.planned .lock-icon{flex:none}.planned-status{background:var(--bg);border:1px solid var(--border);color:var(--dim);white-space:nowrap;border-radius:7px;padding:3px 6px;font-size:9px;display:none;position:absolute;right:7px}.rail-item.planned:hover .planned-status{display:block}.connectivity{grid-template-columns:minmax(220px,.7fr) minmax(300px,1.3fr);gap:20px;display:grid}.connectivity-unavailable{border-color:#f43f5e88}.connectivity-degraded{border-color:#f59e0b88}.connectivity small{color:var(--dim)}.connectivity-issues{gap:9px;display:grid}.connectivity-issues>div{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;gap:4px 9px;padding:4px 0 10px;display:grid}.connectivity-issues>div>span,.connectivity-issues>div>small{grid-column:2}.badge-unavailable{color:#ffc1c7;background:#e84d5b28}.badge-degraded{color:#ffd38c;background:#f3a02328}.badge-healthy{color:#92e5b8;background:#42c87928}@media (width<=760px){.connectivity{grid-template-columns:1fr}.rail-nav{max-height:300px;display:flex}.rail-group-label{display:block}.rail-item{justify-content:flex-start}.rail-item-code{display:inline-block}.planned-status{display:none!important}}
