
:root{--s-ink:#101419;--s-muted:#6c7680;--s-line:#e2e7ea;--s-soft:#f5f7f8;--s-orange:#ff4b1f;--s-green:#187949;--s-green-soft:#eef8f2;--s-blue:#2c72ce;--s-blue-soft:#eef5ff;--s-amber:#986315;--s-amber-soft:#fff6e8;--s-red:#ae443d;--s-red-soft:#fff2f0}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,Arial,sans-serif;color:var(--s-ink);background:var(--s-soft);-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}
.sec-head{height:68px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 max(20px,calc((100vw - 1180px)/2));border-bottom:1px solid var(--s-line);background:#fff;position:sticky;top:0;z-index:40}.sec-brand{display:flex;align-items:center;gap:9px}.sec-brand img{width:25px}.sec-brand span{display:flex;flex-direction:column;gap:3px}.sec-brand strong{font-size:16px}.sec-brand small{font-size:13px;font-weight:900;letter-spacing:1.4px;color:#6b737b}.sec-head-title{font-size:13px;font-weight:900;letter-spacing:.8px;color:#6a737d}.sec-actions{justify-self:end;display:flex;gap:8px}.sec-actions a,.sec-actions button{min-height:38px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid #dce2e5;border-radius:9px;background:#fff;color:#59636c;font-size:14px;font-weight:850}
.sec-wrap{width:min(1120px,calc(100% - 42px));margin:auto}.sec-main{padding:35px 0 65px}.sec-intro{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.sec-intro small{font-size:13px;font-weight:900;letter-spacing:1px;color:var(--s-orange)}.sec-intro h1{margin:7px 0 0;font-size:31px;letter-spacing:-1.2px}.sec-intro p{max-width:650px;margin:7px 0 0;color:var(--s-muted);font-size:16px;line-height:1.55}.sec-mode{padding:10px 12px;border-radius:11px;background:#11151a;color:#fff;text-align:right}.sec-mode small{display:block;color:#98a1a9;font-size:13px}.sec-mode strong{display:block;margin-top:4px;font-size:15px}
.sec-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:20px}.sec-metric{padding:15px;border:1px solid var(--s-line);border-radius:14px;background:#fff}.sec-metric small{font-size:13px;font-weight:900;letter-spacing:.7px;color:#6c737a}.sec-metric strong{display:block;margin-top:7px;font-size:20px}.sec-metric span{display:block;margin-top:3px;color:#6c737a;font-size:13px}
.sec-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.sec-panel{border:1px solid var(--s-line);border-radius:15px;background:#fff;overflow:hidden}.sec-panel.wide{grid-column:1/-1}.sec-panel-head{min-height:54px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--s-line)}.sec-panel-head h2{margin:0;font-size:16px}.sec-panel-head p{margin:3px 0 0;color:#6c737a;font-size:16px}.sec-panel-head button{border:0;background:none;color:var(--s-orange);font-size:14px;font-weight:850}
.sec-list{display:grid;gap:7px;padding:14px}.sec-row{display:grid;grid-template-columns:9px 1fr auto;gap:9px;align-items:center;padding:10px;border-radius:10px;background:#f7f9fa}.sec-row i{width:7px;height:7px;border-radius:50%;background:#9ea6ad}.sec-row.good i{background:var(--s-green)}.sec-row.warn i{background:#d18a20}.sec-row.bad i{background:var(--s-red)}.sec-row span{display:flex;flex-direction:column;gap:3px}.sec-row strong{font-size:15px}.sec-row small{font-size:13px;color:#6c737a;line-height:1.4}.sec-row b{font-size:13px;color:#68727b}
.sec-audit{overflow:auto}.sec-audit-row{display:grid;grid-template-columns:130px 1fr 130px 130px;gap:10px;align-items:center;min-width:700px;min-height:47px;padding:0 14px;border-bottom:1px solid var(--s-line)}.sec-audit-row.head{min-height:34px;background:#f7f9fa}.sec-audit-row span{font-size:13px;color:#6a737c}.sec-audit-row.head span{font-size:13px;font-weight:900;letter-spacing:.7px;color:#6c737a}.sec-audit-row strong{font-size:15px}.sec-empty{padding:30px;text-align:center;color:#6c737a;font-size:13px}.sec-loading{padding:60px;text-align:center;color:#6c737a;font-size:14px}
@media(max-width:800px){.sec-head{grid-template-columns:1fr auto;padding:0 14px}.sec-head-title{display:none}.sec-wrap{width:calc(100% - 28px)}.sec-grid{grid-template-columns:1fr}.sec-panel.wide{grid-column:auto}.sec-metrics{grid-template-columns:1fr 1fr}.sec-intro{display:block}.sec-mode{margin-top:12px;text-align:left}}
@media(max-width:440px){.sec-actions a{display:none}.sec-main{padding-top:24px}.sec-intro h1{font-size:26px}.sec-metrics{grid-template-columns:1fr}}
