:root{--navy:#0b2537;--navy2:#12384d;--ink:#17252e;--muted:#667780;--line:#dbe3e6;--paper:#f4f6f5;--white:#fff;--gold:#d6a130;--green:#2e7d61;--red:#bd4a42;--amber:#b87922;--blue:#337d94;--shadow:0 14px 34px rgba(18,43,57,.08)}*{box-sizing:border-box}html{font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper)}body{margin:0}.shell{min-height:100vh;display:grid;grid-template-columns:94px 1fr}.side{position:fixed;inset:0 auto 0 0;width:94px;background:var(--navy);color:#fff;display:flex;flex-direction:column;z-index:20}.brand{height:102px;display:flex;align-items:center;justify-content:center;gap:9px;border-bottom:1px solid #ffffff1c}.brand>i{width:37px;height:37px;border:2px solid var(--gold);display:grid;place-items:center;font-style:normal;font-weight:900;color:var(--gold);font-size:22px}.brand div{display:none}.side nav{padding:10px 7px;display:grid;gap:5px;overflow:auto}.side nav button{border:0;background:transparent;color:#bed0d7;border-radius:8px;padding:8px 3px;display:grid;place-items:center;gap:5px;cursor:pointer;font:inherit}.side nav button i{width:39px;height:30px;border-radius:6px;display:grid;place-items:center;color:#fff;font-style:normal;font-size:10px;font-weight:800;letter-spacing:.05em}.side nav button span{font-size:10px;line-height:1.15;text-align:center}.side nav button.active{background:#ffffff15;color:#fff}.side nav button:hover{background:#ffffff0e}.rail-tools{margin-top:auto;padding:9px;display:grid;gap:8px;place-items:center}.rail-tools button,.rail-tools div{width:42px;height:34px;border:1px solid #ffffff38;border-radius:7px;background:transparent;color:#fff;font-size:10px}.rail-tools button span{opacity:.45;margin-left:3px}.rail-tools div{display:grid;place-items:center;background:#31566b;border:0;font-weight:700}.work{grid-column:2;min-width:0}.work>header{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10}.work>header>div:first-of-type{display:grid;gap:3px}.work>header b{font-size:13px;letter-spacing:.09em}.work>header span{font-size:12px;color:var(--muted)}.work>header>div:last-child{display:flex;align-items:center;gap:14px}.work>header .live{color:var(--green)}.work>header button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 12px;cursor:pointer}.work>header i{width:36px;height:36px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-style:normal;font-size:11px}.menu{display:none}.module-head{background:#fff;padding:21px 34px 0;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line)}.module-head>div{display:flex;align-items:center;gap:13px;padding-bottom:18px}.module-head>div>i{width:48px;height:48px;background:var(--gold);color:#fff;border-radius:8px;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:12px}.module-head small{text-transform:uppercase;color:var(--muted);font-size:10px;letter-spacing:.12em}.module-head h1{font-size:24px;margin:3px 0 0}.module-head nav{display:flex;gap:25px}.module-head nav button{border:0;background:transparent;padding:18px 0 15px;font:inherit;color:var(--muted);font-weight:600;cursor:pointer;border-bottom:3px solid transparent}.module-head nav button.active{color:var(--ink);border-color:var(--gold)}.content{max-width:1450px;margin:auto;padding:26px 34px 55px}.intro{display:flex;justify-content:space-between;gap:30px;margin-bottom:22px}.intro label,.eyebrow{font-size:10px;font-weight:800;letter-spacing:.14em;color:var(--gold)}.intro h2{font-size:24px;line-height:1.25;max-width:810px;margin:8px 0}.intro p{font-size:13px;color:var(--muted)}.badge{align-self:flex-start;background:#eaf3ef;color:var(--green);border:1px solid #c8dfd5;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.kpis article,.panel{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}.kpis article{padding:17px;position:relative;overflow:hidden}.kpis article:after{content:"";position:absolute;right:0;top:0;width:4px;height:100%;background:var(--green)}.kpis article.warn:after{background:var(--amber)}.kpis article.bad:after{background:var(--red)}.kpis span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.kpis strong{display:block;font-size:25px;margin:8px 0 3px}.kpis small{color:var(--muted)}.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-bottom:16px}.panel{padding:20px}.panel-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.panel-title b{font-size:15px}.panel-title span{font-size:11px;color:var(--muted)}.feature-preview{display:grid;grid-template-columns:1fr 1fr;gap:5px 19px}.feature-preview div{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid #edf0f1}.feature-preview i{font-style:normal;color:var(--gold);font-size:12px;font-weight:800}.feature-preview b{font-size:13px}.feature-preview p{font-size:12px;color:var(--muted);line-height:1.45;margin:4px 0 0}.alerts button{width:100%;border:0;background:#fff;display:grid;grid-template-columns:8px 1fr 12px;gap:11px;text-align:left;align-items:center;padding:13px 4px;border-bottom:1px solid #edf0f1;cursor:pointer}.alerts button>i{width:7px;height:7px;border-radius:50%;background:var(--amber)}.alerts button>i.bad{background:var(--red)}.alerts button>i.ok{background:var(--green)}.alerts button span{display:grid;gap:4px}.alerts b{font-size:13px}.alerts small{font-size:11px;color:var(--muted)}.alerts em{font-style:normal;color:#88969c}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.chips span{font-size:10px;background:#eef3f4;color:#45616c;padding:6px 8px;border-radius:5px}.map{padding-bottom:8px}.map-wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:center}.map-art{background:#e7eeec;border-radius:9px;overflow:hidden;min-height:280px}.map-art svg{display:block;width:100%;height:280px}.zone-list{display:grid}.zone-list button{display:grid;grid-template-columns:1.6fr .8fr .8fr;border:0;border-bottom:1px solid #edf0f1;background:#fff;padding:12px 3px;text-align:left;cursor:pointer}.zone-list b{font-size:12px}.zone-list span,.zone-list em{font-size:11px;color:var(--muted);font-style:normal}.zone-list .issue{color:var(--red)}.function-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.function-grid article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:21px}.function-grid i{width:34px;height:34px;background:#edf2f3;color:var(--navy2);display:grid;place-items:center;border-radius:7px;font-style:normal;font-weight:800;font-size:12px}.function-grid h3{font-size:15px;margin:15px 0 7px}.function-grid p{font-size:13px;color:var(--muted);line-height:1.55;margin:0}.summary-line{background:var(--navy);color:#fff;padding:20px;border-radius:10px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}.summary-line b{font-size:18px}.summary-line p{margin:4px 0 0;color:#c6d5db;font-size:12px}.summary-line strong{font-size:26px;color:#f2c45c}.drawer-backdrop{position:fixed;inset:0;background:#07151db0;z-index:30;opacity:0;pointer-events:none;transition:.2s}.drawer{position:fixed;z-index:31;right:-430px;top:0;height:100vh;width:420px;background:#fff;box-shadow:-20px 0 60px #00101833;transition:.25s;display:flex;flex-direction:column}.drawer.open{right:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.drawer header{padding:25px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.drawer header small{color:var(--gold);font-weight:800;letter-spacing:.1em}.drawer h2{margin:6px 0 0;font-size:21px}.drawer header button{border:0;background:#edf1f2;width:34px;height:34px;border-radius:50%;font-size:21px}.drawer>div{padding:24px;overflow:auto}.drawer dl{display:grid;grid-template-columns:120px 1fr;gap:14px 10px;margin:0}.drawer dt{font-size:12px;color:var(--muted)}.drawer dd{margin:0;font-size:13px;font-weight:600}.drawer footer{margin-top:auto;padding:20px;border-top:1px solid var(--line)}.drawer footer button{width:100%;border:0;background:var(--navy);color:#fff;border-radius:8px;padding:12px}.toast{position:fixed;right:24px;bottom:24px;background:var(--navy);color:#fff;padding:13px 17px;border-radius:9px;display:grid;gap:3px;z-index:50;transform:translateY(100px);opacity:0;transition:.2s}.toast.show{transform:none;opacity:1}.toast span{font-size:11px;color:#bfd0d7}@media(min-width:1200px){.shell{grid-template-columns:218px 1fr}.side{width:218px}.brand{justify-content:flex-start;padding:0 22px}.brand div{display:grid}.brand small{font-size:10px;color:#a9bdc6}.side nav button{grid-template-columns:39px 1fr;justify-items:start;padding:8px}.side nav button span{font-size:12px;text-align:left}.rail-tools{grid-template-columns:1fr auto}.rail-tools button{width:76px}}@media(max-width:850px){.shell{display:block}.side{transform:translateX(-100%);transition:.2s}.side.open{transform:none}.work{width:100%}.menu{display:block!important}.work>header{padding:0 15px}.work>header>div:first-of-type span,.work>header .live{display:none}.module-head{padding:15px 16px 0}.content{padding:20px 16px}.kpis{grid-template-columns:1fr 1fr}.grid,.map-wrap{grid-template-columns:1fr}.function-grid{grid-template-columns:1fr 1fr}.feature-preview{grid-template-columns:1fr}.drawer{width:min(420px,100vw)}}@media(max-width:540px){.module-head{align-items:start;display:block}.module-head nav{margin-top:5px}.intro{display:block}.intro h2{font-size:20px}.kpis,.function-grid{grid-template-columns:1fr}.work>header>div:last-child button{display:none}.map-art{min-height:210px}.map-art svg{height:210px}}