:root{color:#15304b;font-synthesis:none;background:#f4f7fa;font-family:Inter,Segoe UI,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{cursor:pointer;color:#15304b;background:#fff;border:1px solid #cdd8e3;border-radius:7px;padding:11px 17px;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#eaf2f8}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #26a78a}input,select{color:#17344e;background:#fff;border:1px solid #c8d3df;border-radius:6px;width:100%;padding:12px}label{font-size:.875rem;display:block}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.2px;margin-bottom:12px;font-size:2.3rem;line-height:1.15}h2{font-size:1.15rem}h3{font-size:1rem}p{line-height:1.65}small,.small{font-size:.8rem}.muted{color:#66788a}.app{min-height:100vh;display:flex}aside{color:#f6fbff;background:#102d49;flex-direction:column;flex-shrink:0;width:230px;padding:34px 25px;display:flex}.brand{color:#fff;letter-spacing:1px;align-items:center;gap:13px;font-size:1.1rem;text-decoration:none;display:flex}.brand b{color:#5fe1bf;font-weight:400}.brand small{color:#acbecd;letter-spacing:1.9px;margin-top:7px;font-size:.62rem;display:block}.mark{color:#66dbbd;border:2px solid #66dbbd;border-radius:9px;place-items:center;width:37px;height:40px;font-size:1.6rem;font-weight:700;display:grid}.navlabel{letter-spacing:1.8px;color:#9eafc0;margin-top:62px;margin-bottom:17px;font-size:.7rem}.navitem{background:#23445f;border-left:3px solid #6ce2c5;border-radius:5px;margin-left:-9px;padding:14px;font-size:.9rem}.aside-bottom{margin-top:auto;padding-top:80px}.aside-bottom .small{color:#9aafc1;letter-spacing:1px;font-size:.65rem}.aside-bottom p{color:#d6e3ed;margin-top:13px;font-size:.95rem}main{flex:1;min-width:0}header{background:#fff;border-bottom:1px solid #e0e7ee;justify-content:space-between;align-items:center;gap:16px;height:84px;padding:0 40px;font-size:.875rem;display:flex}.crumb{color:#738598;margin-left:7px}.header-right{align-items:center;gap:18px;display:flex}.env{letter-spacing:1.2px;color:#4f6b80;font-size:.65rem}.quiet{background:0 0;border:0;padding:8px;font-weight:500}.workspace{max-width:1600px;margin:auto;padding:36px 40px 40px}.eyebrow{letter-spacing:1.8px;color:#557488;margin-bottom:13px;font-size:.7rem;font-weight:700}.title-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:27px;display:flex}.title-row p{margin:0;font-size:.9rem}.metrics{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:29px;display:grid}.metric{background:#fff;border:1px solid #dfe7ee;border-radius:9px;padding:22px 23px}.metric>span{color:#567087;font-size:.875rem}.metric strong{letter-spacing:-1px;margin:12px 0;font-size:2.3rem;font-weight:600;display:block}.metric small{color:#748798;font-size:.75rem}.inventory{background:#fff;border:1px solid #dfe7ee;border-radius:10px;overflow:hidden}.inventory-heading{justify-content:space-between;align-items:center;gap:15px;padding:24px 24px 18px;display:flex}.inventory-heading h2{margin:0}.filters{gap:12px;padding:0 24px 22px;display:flex}.filters .search{flex:1}.filters label:not(.search){max-width:240px}.filters input,.filters select{font-size:.875rem}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#63778b;background:#f7f9fb;border-block:1px solid #e7edf2;padding:14px 22px;font-size:.75rem;font-weight:600}td{border-bottom:1px solid #e7edf2;padding:20px 22px;font-size:.875rem}td strong{font-weight:600;display:block}td small{color:#6f8192;margin-top:6px;font-size:.75rem;display:block}.status{border-radius:5px;padding:5px 9px;font-size:.75rem}.online{color:#176f55;background:#e2f5ee}.offline{color:#576a7a;background:#edf1f6}footer{color:#6f8192;justify-content:space-between;gap:12px;padding:15px 24px;font-size:.75rem;display:flex}.next{align-items:center;gap:18px;margin-top:27px;padding:22px 0;display:flex}.next h3{margin:0 0 4px}.next p{color:#687d8f;margin:0;font-size:.875rem}.next-icon{color:#317b79;border:1px solid #c6d9e4;border-radius:10px;place-items:center;min-width:43px;height:43px;font-size:1.4rem;display:grid}.phase{white-space:nowrap;letter-spacing:1px;color:#567488;margin-left:auto;font-size:.65rem}.banner{color:#6a5421;background:#fff5d8;border:1px solid #e9d9a7;border-radius:7px;margin-bottom:23px;padding:12px 17px;font-size:.875rem}.error{color:#a12635;background:#ffebeb;border-radius:6px;padding:12px 16px;font-size:.875rem}.login-layout{grid-template-columns:1fr 1fr;align-items:center;gap:75px;max-width:1150px;margin:0 auto;padding:100px 55px;display:grid}.login-layout h1{font-size:3rem;line-height:1.15}.intro{color:#61798d;font-size:1rem}.accent-line{background:#29b697;width:65px;height:4px;margin-top:30px}.login{background:#fff;border:1px solid #dce5ed;border-radius:12px;padding:32px}.login p{color:#647b8d;font-size:.875rem}.login label{margin-top:20px}.login input{margin-top:8px}.primary{color:#fff;background:#113b59;border-color:#113b59}.primary:hover{color:#fff;background:#205778}.login .primary{width:100%;margin-top:24px}.preview-link{color:#446c86;background:0 0;border:0;width:100%;margin-top:13px;font-size:.875rem}.empty{text-align:center;padding:42px 24px}.empty p{color:#6d8294;max-width:520px;margin:0 auto 20px;font-size:.9rem}.empty-symbol{color:#7391a8;margin-bottom:15px;font-size:2rem}.modal-backdrop{background:#08203680;place-items:center;padding:25px;display:grid;position:fixed;inset:0}.dialog{background:#fff;border-radius:12px;max-width:530px;padding:38px;position:relative}.dialog p{color:#5c7387;font-size:.9rem}.dialog h2{font-size:1.6rem}.close{border:0;font-size:1.5rem;position:absolute;top:8px;right:10px}.dialog dl{grid-template-columns:1fr 1fr;gap:14px;margin:25px 0;font-size:.875rem;display:grid}.dialog dd{margin:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (width<=1100px){aside{width:195px;padding:30px 20px}.workspace{padding:28px 25px}header{padding:0 25px}.login-layout{gap:35px;padding:60px 30px}.login-layout h1{font-size:2.4rem}.metrics{gap:12px}.metric{padding:20px 16px}.phase,.env{display:none}}@media (width<=760px){.app{display:block}aside{width:100%;padding:17px 22px}.brand{font-size:1rem}.brand small,.navlabel,.navitem,.aside-bottom{display:none}header{height:66px;padding:0 20px;font-size:.8rem}.workspace{padding:24px 16px}.login-layout{grid-template-columns:1fr;gap:25px;padding:35px 20px}.login-layout h1{font-size:2rem}.login-layout .intro,.accent-line{display:none}.login{padding:25px}.metrics{grid-template-columns:repeat(2,1fr)}h1{font-size:1.9rem}.filters{flex-wrap:wrap;padding:0 16px 16px}.filters .search{flex-basis:100%}.filters label:not(.search){flex:1;min-width:0;max-width:none}.inventory-heading{flex-wrap:wrap;padding:20px 16px}.next{align-items:flex-start}footer{flex-wrap:wrap}.metric strong{font-size:2rem}.title-row{align-items:flex-start}.dialog{padding:30px 23px}}
