:root{--ink:#172033;--muted:#718096;--line:#e7eaf0;--bg:#f6f7fb;--nav:#111a2d;--violet:#6c5ce7;--green:#14a673;--red:#e64f54;--amber:#e79a28}*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,select,input{font:inherit}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:var(--nav);color:#bac3d6;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;height:76px;padding:0 22px;text-decoration:none;color:white;border-bottom:1px solid #263147}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:linear-gradient(135deg,#725cf4,#3974f2);border-radius:9px;font:800 19px Manrope}.brand strong,.brand small{display:block}.brand small{font-size:10px;color:#8290aa;margin-top:2px}.sidebar nav{padding:16px 12px;overflow:auto;flex:1}.sidebar nav p{font-size:10px;letter-spacing:1.4px;color:#66738c;padding:12px 10px 4px;margin:0}.sidebar nav a{height:39px;display:flex;align-items:center;gap:12px;padding:0 11px;border-radius:7px;color:#aab4c7;text-decoration:none;font-size:14px;margin:2px 0}.sidebar nav a:hover,.sidebar nav a.active{background:#283450;color:white}.sidebar nav a.active{border-left:3px solid #806df5}.sidebar nav i{font-style:normal;font-size:18px;width:19px;text-align:center}.sidebar nav b{margin-left:auto;background:#33405a;padding:2px 7px;border-radius:8px;font-size:10px}.sidebar nav .warn{background:#624921;color:#f8bf5b}.sidebar nav .danger{background:#592e3c;color:#ff8491}.side-user{padding:17px;display:flex;gap:11px;align-items:center;border-top:1px solid #273248}.side-user>span{width:34px;height:34px;border-radius:50%;background:#4e63d9;display:grid;place-items:center;color:#fff;font-size:12px}.side-user strong,.side-user small{display:block}.side-user strong{font-size:12px;color:white}.side-user small{font-size:10px;color:#75839c}.shell{margin-left:244px}.topbar{height:76px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;justify-content:space-between}.menu{display:none}.search{display:flex;align-items:center;gap:10px;width:390px}.search input{border:0;outline:0;width:100%;font-size:13px}.search kbd{font-size:10px;background:#f0f2f7;border:1px solid #e0e4eb;padding:4px 7px;border-radius:5px;color:#738099}.top-actions{display:flex;gap:13px}.icon-btn,.help{border:1px solid var(--line);background:white;width:34px;height:34px;border-radius:8px;position:relative}.icon-btn b{position:absolute;right:-5px;top:-5px;background:#ed5b63;color:#fff;border-radius:10px;font-size:9px;padding:2px 5px}main{padding:29px 32px 50px;max-width:1600px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.eyebrow{font-size:10px!important;font-weight:700;letter-spacing:1.2px;color:#8b96aa!important}.page-head h1{font:700 27px Manrope;margin:5px 0}.page-head p,.section-title p,.panel header p{color:var(--muted);font-size:13px;margin:0}.page-head form{background:white;border:1px solid var(--line);padding:8px 12px;border-radius:8px}.page-head label{font-size:10px;color:var(--muted);display:block}.page-head select,.panel select{border:0;background:white;font-weight:600;min-width:180px;outline:0}.metrics{display:grid;grid-template-columns:repeat(5,1fr);background:white;border:1px solid var(--line);border-radius:11px;margin-bottom:28px}.metrics article{padding:18px;display:flex;align-items:center;gap:13px;border-right:1px solid var(--line)}.metrics article:last-child{border:0}.metric-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-weight:700}.violet{background:#eeeafe;color:#6751df}.blue{background:#e7f0ff;color:#3974d9}.green{background:#e2f7f0;color:#138a64}.red{background:#fee8e9;color:#d94750}.amber{background:#fff2dc;color:#c57b12}.metrics small,.metrics strong,.metrics em{display:block}.metrics small,.site-row small{font-size:9px;color:#8792a5;letter-spacing:.5px}.metrics strong{font:700 24px Manrope;margin:2px 0}.metrics strong i{font:500 12px 'DM Sans';color:#9aa3b3}.metrics em{font-style:normal;font-size:10px;color:#4aab84}.metrics article:nth-child(2) em,.metrics article:nth-child(4) em,.metrics article:nth-child(5) em{color:#d78b1f}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.section-title h2,.panel h2{font:700 16px Manrope;margin:0 0 3px}.quiet,.full-link{border:0;background:transparent;color:#6252d7;font-weight:600;font-size:12px}.alerts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:27px}.alert-card{background:white;border:1px solid var(--line);border-top:3px solid var(--amber);border-radius:9px;padding:15px;display:grid;grid-template-columns:36px 1fr;gap:10px}.alert-card.critical{border-top-color:var(--red)}.alert-sign{width:34px;height:34px;background:#fff1dc;color:#cb8119;border-radius:8px;display:grid;place-items:center;font-weight:700}.critical .alert-sign{background:#ffe9ea;color:#dd4b53}.alert-copy span{font-size:9px;color:#d9891e;font-weight:700;letter-spacing:.5px}.critical .alert-copy span{color:#e34a52}.alert-copy h3{font:700 13px Manrope;margin:5px 0}.alert-copy p{font-size:10px;color:var(--muted);margin:0;min-height:28px}.alert-card form{grid-column:1/-1}.alert-card button{width:100%;border:0;border-radius:6px;padding:8px;background:#f1efff;color:#5e4fd1;font-size:11px;font-weight:700}.critical button{background:#fff0f0;color:#d84249}.alert-card button b{float:right}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:16px}.panel{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.panel header{padding:17px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.site-row{display:grid;grid-template-columns:12px 1.5fr .65fr .7fr .8fr .8fr;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid #eff1f5;font-size:12px}.site-row:last-child{border:0}.site-name strong,.site-name small,.site-row div>strong,.site-row div>small{display:block}.site-name small{margin-top:2px;color:#8792a5}.state-dot{width:8px;height:8px;border-radius:50%;background:#28b77e;box-shadow:0 0 0 4px #e7f8f1}.state-dot.down{background:#e65057;box-shadow:0 0 0 4px #fdecee}.state-dot.slow{background:#e6a02e;box-shadow:0 0 0 4px #fff5e2}.status{justify-self:start;border-radius:10px;padding:4px 8px;font-size:9px;font-weight:700;text-transform:uppercase;background:#e7f8f1;color:#15906a}.status.down{background:#fde9eb;color:#d8434c}.status.slow{background:#fff2d9;color:#bf7912}.checked{font-size:9px!important}.activity-row{display:grid;grid-template-columns:27px 1fr auto;gap:9px;padding:14px 17px;border-bottom:1px solid #eff1f5}.activity-row>span{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:#e7f8f1;color:#12956c;font-size:11px}.activity-row strong,.activity-row small{display:block;font-size:11px}.activity-row small{color:var(--muted);margin-top:2px}.activity-row time{font-size:9px;color:#98a1b1}.full-link{width:100%;padding:13px}.chart{height:230px;display:flex;padding:25px 20px 16px}.axis{width:42px;display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#9aa4b5}.bars{flex:1;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to bottom,#fff 0,#fff 46px,#edf0f4 47px);display:flex;align-items:end;justify-content:space-around}.bars>div{height:100%;width:11%;display:flex;flex-direction:column;align-items:center;justify-content:end;gap:8px}.bars i{width:18px;background:linear-gradient(#7561ed,#9c8ef3);border-radius:4px 4px 0 0;position:relative}.bars i b{display:none;position:absolute;top:-24px;left:50%;transform:translateX(-50%);white-space:nowrap;font:500 9px 'DM Sans'}.bars i:hover b{display:block}.bars span{font-size:9px;color:#7f899a}.domain-score{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:13px 16px;border-bottom:1px solid #eff1f5}.score{width:35px;height:35px;border-radius:50%;border:4px solid #38b889;display:grid;place-items:center;font-size:10px;font-weight:700}.score.attention{border-color:#e7a43a}.domain-score strong,.domain-score small{display:block;font-size:11px}.domain-score small{font-size:9px;color:var(--muted);margin-top:3px}.domain-score>span{font-size:9px;color:#178961;background:#e8f8f1;padding:4px 7px;border-radius:9px}.toast{background:#e9f8f2;color:#117955;border:1px solid #c9eddf;padding:10px 14px;border-radius:8px;margin-bottom:15px;font-size:12px}
@media(max-width:1100px){.metrics{grid-template-columns:repeat(3,1fr)}.metrics article{border-bottom:1px solid var(--line)}.alerts{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.wide{grid-column:auto}}
@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.shell{margin-left:0}.topbar{padding:0 16px;height:62px}.menu{display:block;border:0;background:white;font-size:20px}.search{width:70%;}.search kbd{display:none}main{padding:20px 15px}.page-head{align-items:start;gap:15px}.page-head h1{font-size:22px}.page-head form{max-width:45%}.page-head select{min-width:0;max-width:100%}.metrics{grid-template-columns:repeat(2,1fr)}.alerts{grid-template-columns:1fr}.site-row{grid-template-columns:12px 1fr auto}.site-row>div:not(.site-name),.checked{display:none}.dashboard-grid{display:block}.panel{margin-bottom:15px}}
.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 10%,#293657 0,transparent 38%),#111a2d;padding:20px}.login-page main{padding:0}.login-card{width:min(430px,100%);background:#fff;border-radius:16px;padding:36px;box-shadow:0 25px 70px #060b1870}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:34px}.login-brand strong,.login-brand small{display:block}.login-brand strong{font:800 18px Manrope}.login-brand small{font-size:11px;color:var(--muted)}.login-card h1{font:800 26px Manrope;margin:6px 0}.login-card>div>p:not(.eyebrow){font-size:13px;color:var(--muted);margin:0 0 25px}.login-card form>label:not(.remember){display:block;font-size:12px;font-weight:700;margin:16px 0 6px}.login-card form>input{width:100%;height:44px;border:1px solid #dce1ea;border-radius:8px;padding:0 12px;outline:0}.login-card form>input:focus{border-color:#725cf4;box-shadow:0 0 0 3px #725cf41c}.login-card .remember{display:flex;gap:8px;align-items:center;font-size:12px;margin:16px 0}.login-card form>button{width:100%;height:44px;border:0;border-radius:8px;background:linear-gradient(135deg,#725cf4,#4a68df);color:#fff;font-weight:700}.login-card footer{font-size:10px;color:#8b96a8;text-align:center;margin-top:22px}.validation,span.field-validation-error{color:#d83e4a;font-size:11px}.validation ul{padding-left:18px}
.password-hint{font-size:10px;color:#7e889a;line-height:1.5;margin:12px 0 16px}
.module-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px}.module-head h1{font:800 27px Manrope;margin:5px 0}.module-head>div>p:last-child{font-size:13px;color:var(--muted);margin:0}.primary{border:0;background:#6655dc;color:#fff;border-radius:8px;padding:10px 16px;font-size:12px;font-weight:700}.management-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:16px}.records-panel header input{border:1px solid var(--line);border-radius:7px;padding:8px 11px;font-size:12px}.data-row{display:grid;grid-template-columns:1.25fr 1.5fr 1fr .7fr .8fr .7fr;gap:12px;padding:13px 18px;border-bottom:1px solid #eef0f4;align-items:center;font-size:11px}.data-header{font-size:9px;color:#8792a5;font-weight:700;letter-spacing:.4px;background:#fafbfc}.record-status{font-size:8px;color:#13855f;background:#e6f7ef;border-radius:10px;padding:4px 7px}.empty-state{padding:55px;text-align:center;color:#8993a4;font-size:12px}.record-form header button{border:0;background:transparent;font-size:22px}.record-form form{padding:18px}.record-form label{display:block;font-size:10px;font-weight:700;color:#5f697b;margin:12px 0 5px}.record-form input,.record-form select,.record-form textarea{width:100%;border:1px solid #dfe3ea;border-radius:7px;padding:9px;font-size:12px;background:white}.record-form textarea{height:70px;resize:vertical}.record-form .primary{margin-top:16px}.form-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:1000px){.management-layout{grid-template-columns:1fr}.record-form{display:none}.record-form.open{display:block}.data-row{grid-template-columns:1.2fr 1.5fr .8fr}.data-row>*:nth-child(3),.data-row>*:nth-child(5),.data-row>*:nth-child(6){display:none}}