:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#edf5f2;background:#0b141b;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid #c8e9b7;outline-offset:3px}.app{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{background:#101b23;border-right:1px solid #293c45;position:sticky;top:0;height:100vh;padding:26px 15px;display:flex;flex-direction:column}.brand{font-size:1.28rem;font-weight:800;letter-spacing:.11em;display:flex;align-items:center;gap:12px;padding:0 12px 33px}.mark{background:#d8efc4;color:#142a27;border-radius:9px;width:32px;height:32px;display:grid;place-items:center;letter-spacing:0}.side-label,.eyebrow{font-size:.72rem;letter-spacing:.14em;color:#9fcab6;font-weight:800}.side-label{padding:10px 12px}#side-nav{display:grid;gap:4px}.nav-link{border:0;background:none;color:#a6b8bf;text-align:left;border-radius:10px;padding:12px;display:flex;align-items:center;gap:12px;width:100%;font-weight:650;font-size:.92rem}.nav-link:hover,.nav-link.active{color:#ecf6f0;background:#213640}.nav-link.active{box-shadow:inset 3px 0 #cdeaba}.nav-icon{font-size:1.1rem;display:inline-block;width:20px;text-align:center}.nav-count{margin-left:auto;border-radius:9px;background:#543739;color:#ffbbb3;padding:2px 7px;font-size:.7rem}.side-spacer{flex:1}.sidebar-footer{border-top:1px solid #2b4049;padding:18px 12px;color:#8fa6ad;font-size:.76rem}.sidebar-footer p{line-height:1.5}.mode-badge{border:1px solid #557768;background:#1e3e37;color:#d8f0cb;font-size:.68rem;font-weight:800;letter-spacing:.08em;border-radius:5px;padding:4px 7px}.topbar{height:72px;border-bottom:1px solid #263a43;display:flex;align-items:center;gap:16px;padding:0 32px;position:sticky;top:0;z-index:10;background:#0c161ddf;backdrop-filter:blur(14px)}.mobile-brand{display:none}.top-spacer{flex:1}.search-shortcut{border:1px solid #314851;background:#17262f;color:#aac0c5;border-radius:10px;padding:11px 14px;display:flex;align-items:center;gap:12px;width:min(430px,52vw);text-align:left}.search-shortcut kbd{margin-left:auto;color:#8ca7ae;font-size:.7rem;border:1px solid #3e555d;border-radius:5px;padding:2px 6px}.icon-button,.avatar{border:1px solid #334b53;background:#192b34;color:#e1f0e9;border-radius:10px;width:40px;height:40px}.avatar{border-radius:50%;background:#bcddce;color:#172d2b;font-weight:800}.main{max-width:1600px;padding:30px 34px 80px;margin:0 auto}.heading{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:24px}.heading h1{font-size:clamp(1.75rem,2.6vw,2.25rem);letter-spacing:-.04em;margin:6px 0;font-weight:720}.muted{color:#9cb2b9}.heading .muted{font-size:.86rem;margin:0}.small{font-size:.78rem}.date{white-space:nowrap;color:#8ea6ad;font-size:.8rem}.service-strip{display:flex;gap:9px;overflow:auto;margin:0 0 18px;padding-bottom:4px}.service-pill{white-space:nowrap;background:#172831;border:1px solid #30454d;border-radius:10px;padding:10px 13px;font-size:.8rem;font-weight:700}.service-pill:hover{background:#263d45}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9ed0a4;margin-right:8px;box-shadow:0 0 8px #8acd9f77}.dot.unknown,.dot.demo{background:#e3ba78;box-shadow:none}.dot.unavailable{background:#ed8982;box-shadow:none}.grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,1fr);gap:18px}.card{background:#14222b;border:1px solid #2c4049;border-radius:15px;overflow:hidden;min-width:0}.pad{padding:20px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.card h2{font-size:1.05rem;margin:0;font-weight:700}.text-button{background:none;border:0;color:#c7eac9;font-size:.78rem;font-weight:750;padding:3px}.text-button:hover{text-decoration:underline}.now{min-height:275px;background:linear-gradient(90deg,#162831 15%,#162831dd 55%,#15252ca0),var(--backdrop) center/cover}.now-body{display:flex;gap:20px;align-items:center}.now-body h2{font-size:1.45rem;margin:8px 0}.poster{display:block;width:116px;aspect-ratio:2/3;object-fit:cover;background:linear-gradient(145deg,#35515b,#192b33);border-radius:8px;box-shadow:0 9px 25px #0007}.poster-sm{width:58px}.now-body p{font-size:.8rem;color:#c5d7d9}.progress{height:5px;background:#3e545a;border-radius:10px;overflow:hidden;margin-top:18px}.progress i{display:block;background:#cfe9b8;height:100%}.health{background:linear-gradient(135deg,#1e393b,#162a31 80%)}.health-counts{display:flex;justify-content:space-between;margin:20px 0}.health-counts b{display:block;font-size:1.5rem}.health-counts span{font-size:.75rem;color:#a3b7bc}.warning{color:#edc17f}.danger{color:#f29189}.primary,.secondary,.chip{border-radius:9px;padding:10px 14px;font-size:.83rem;font-weight:700}.primary{background:#d6edc1;color:#1b302a;border:1px solid #d6edc1}.primary:hover{background:#e6f8d5}.secondary,.chip{background:#1b3039;color:#e2f0e9;border:1px solid #40575e}.secondary:hover,.chip:hover{background:#29434a}.full{width:100%}.poster-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px}.poster-card{border:0;background:none;color:#f0f5f1;padding:0;text-align:left;min-width:0}.poster-card img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:8px;background:#29434b}.poster-card:hover img{transform:translateY(-3px)}.poster-card b{display:block;margin:7px 0 3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem}.poster-card span{display:block;font-size:.72rem;color:#8fa8ad}.row{display:flex;gap:12px;align-items:center;border-bottom:1px solid #293d46;padding:11px 0}.row:last-child{border-bottom:0}.row-icon{width:34px;height:34px;display:grid;place-items:center;flex:none;background:#294149;border-radius:8px;color:#d8ecc5}.row-main{flex:1;min-width:0}.row-main b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem}.row-main span{font-size:.74rem;color:#9fb4b8}.row-aside{font-size:.73rem;color:#9bb0b5;white-space:nowrap}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stat{background:#1d313a;border-radius:10px;border:1px solid #34505a;padding:13px}.stat b{font-size:1.2rem;display:block}.stat span{font-size:.73rem;color:#a3b9bd}.metric{display:flex;justify-content:space-between;color:#b7cacc;font-size:.82rem;margin:15px 0 6px}.meter{height:6px;border-radius:9px;background:#314750;overflow:hidden}.meter i{display:block;height:100%;background:#b9dfc1}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.chip.active{background:#d7edc5;color:#19332b;border-color:#d7edc5}.search-field{background:#152831;border:1px solid #47616a;color:#eef7f3;padding:15px 17px;border-radius:11px;width:100%;outline:none}.search-field:focus{border-color:#bce4be}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.result{background:#192a33;border:1px solid #304850;border-radius:11px;color:#eff6f0;padding:9px;text-align:left}.result:hover{background:#223942}.result img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:7px;background:#38515a}.result b{display:block;margin:8px 0 4px;font-size:.85rem}.result span{font-size:.73rem;color:#a4bac0}.issues{max-width:980px}.issue{display:flex;gap:13px;padding:16px 0;border-bottom:1px solid #344850}.issue:last-child{border-bottom:0}.issue .row-icon{background:#5a4034;color:#ffdaa8}.issue b{font-size:.92rem}.issue p{color:#a9bdc0;font-size:.8rem}.service-grid,.system-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:14px}.service-card{padding:18px}.service-card h2{margin-bottom:15px}.service-card p{color:#a5b9bd;min-height:36px;font-size:.8rem}.service-card .secondary{display:inline-block;text-align:center}.empty{padding:32px;text-align:center;color:#a4b8bc}.shade{position:fixed;inset:0;background:#030a0dd0;z-index:30}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(530px,100vw);overflow:auto;background:#11212a;border-left:1px solid #41606a;z-index:31;box-shadow:-18px 0 60px #0008}.drawer-hero{height:240px;background:#29434e center/cover;position:relative}.drawer-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#11212a,transparent)}.drawer-close{position:absolute;right:17px;top:17px;z-index:2}.drawer-content{position:relative;margin-top:-95px;padding:0 25px 30px}.title-row{display:flex;gap:18px;align-items:end}.title-row img{width:112px;aspect-ratio:2/3;object-fit:cover;border-radius:8px;box-shadow:0 10px 25px #0008}.title-row h2{font-size:1.35rem;line-height:1.1;margin:5px 0}.action-row{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}.detail{border-top:1px solid #31474e;padding:17px 0}.detail h3{font-size:.74rem;letter-spacing:.13em;color:#abd3b8}.detail p{color:#c2d3d4;font-size:.84rem;line-height:1.55}.detail code{overflow-wrap:anywhere;font-size:.76rem;color:#a9c3c6}.pipeline{display:flex;flex-wrap:wrap;gap:7px}.pipeline span{border:1px solid #436158;background:#25433f;border-radius:6px;padding:7px 8px;font-size:.73rem}.modal{position:fixed;z-index:41;left:50%;top:50%;transform:translate(-50%,-50%);background:#172b34;border:1px solid #4a626b;border-radius:15px;padding:24px;width:min(490px,calc(100vw - 32px));box-shadow:0 25px 80px #000b}.modal h2{margin:0 0 12px;font-size:1.2rem}.modal p{font-size:.85rem;color:#c0d0d1;line-height:1.5}.modal-footer{display:flex;justify-content:end;gap:8px;margin-top:18px}.login{width:min(420px,calc(100vw - 32px));margin:14vh auto;background:#172a33;border:1px solid #36515a;border-radius:16px;padding:26px}.login input{width:100%;padding:12px;background:#0f1e26;color:#eef7f1;border:1px solid #4d656c;border-radius:8px;margin:12px 0}.toast{position:fixed;bottom:20px;right:20px;background:#d9edca;color:#172b25;padding:13px 17px;border-radius:9px;z-index:60;font-weight:700;max-width:min(400px,calc(100vw - 30px))}.mobile-nav{display:none}[hidden]{display:none!important}@media(max-width:1080px){.app{grid-template-columns:73px minmax(0,1fr)}.sidebar{padding:20px 8px}.brand{font-size:0;padding:0 12px 25px}.nav-link{justify-content:center;font-size:0}.nav-icon{font-size:1.2rem}.side-label,.sidebar-footer,.nav-count{display:none}.main{padding:25px}.poster-row{grid-template-columns:repeat(4,1fr)}.poster-card:nth-child(n+5){display:none}}@media(max-width:760px){.app{display:block}.sidebar{display:none}.topbar{height:61px;padding:0 15px}.mobile-brand{display:block;font-weight:800;letter-spacing:.08em;font-size:.8rem}.search-shortcut{flex:1;width:auto;padding:9px 10px;font-size:.74rem}.search-shortcut kbd,.avatar,.date{display:none}.main{padding:22px 16px 85px}.heading h1{font-size:1.65rem}.grid{grid-template-columns:1fr}.now{min-height:240px}.now-body .poster{width:92px}.now-body h2{font-size:1.15rem}.poster-row{grid-template-columns:repeat(3,1fr)}.poster-card:nth-child(n+4){display:none}.pad{padding:16px}.stat{padding:9px}.stat b{font-size:1rem}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;justify-content:space-around;background:#10202a;border-top:1px solid #314a53;padding:8px 0 max(7px,env(safe-area-inset-bottom))}.mobile-nav .nav-link{font-size:.62rem;display:flex;flex-direction:column;padding:3px 5px;gap:1px;width:auto;background:none;box-shadow:none}.mobile-nav .nav-link.active{color:#d6f1c8}.mobile-nav .nav-icon{font-size:1.1rem}.mobile-nav .nav-count{display:none}}