:root{--navy:#082b3c;--cyan:#12a4b9;--ink:#163640;--muted:#70878e;--bg:#f2f6f7;--line:#dce7e9;--red:#dc3d4a;--amber:#e99a24;--green:#24a36b}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,select,textarea{font:inherit}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}aside{background:var(--navy);color:#fff;flex-direction:column;height:100vh;padding:26px 19px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 7px 22px;display:flex}.brand>span{background:var(--cyan);border-radius:12px;place-items:center;width:40px;height:40px;font-size:29px;display:grid}.brand p{margin:0}.brand b,.brand small{display:block}.brand b{font-size:18px}.brand small{letter-spacing:.28em;color:#77d2dc;font-size:9px}.demoTag{letter-spacing:.09em;color:#8ee4b8;background:#ffffff0a;border:1px solid #ffffff13;border-radius:8px;margin-bottom:22px;padding:9px 11px;font-size:9px}nav{gap:7px;display:grid}nav button{color:#9fc0c9;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:12px;font-size:12px;font-weight:700}nav button i{width:28px;font-size:16px;font-style:normal;display:inline-block}nav button.active,nav button:hover{color:#fff;background:#ffffff12}.asideBottom{border-top:1px solid #ffffff17;margin-top:auto;padding-top:18px}.asideBottom>small{color:#6e9aa6;letter-spacing:.12em;font-size:9px}.asideBottom select{color:#fff;background:#123e50;border:1px solid #285569;border-radius:8px;width:100%;margin:8px 0 15px;padding:9px;font-size:11px}.asideBottom p{grid-template-columns:36px 1fr;align-items:center;margin:0;display:grid}.asideBottom p>span{background:var(--cyan);border-radius:50%;grid-row:1/3;place-items:center;width:32px;height:32px;display:grid}.asideBottom p b,.asideBottom p small{grid-column:2;font-size:11px}.asideBottom p small{color:#7fa5af;margin-top:-8px}.content{min-width:0;padding:32px 38px 60px}.content header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.content header small{color:var(--cyan);letter-spacing:.13em;font-size:9px;font-weight:900}.content header h1{letter-spacing:-.04em;margin:5px 0 0;font-size:27px}.live{border:1px solid var(--line);letter-spacing:.1em;color:#5f7980;background:#fff;border-radius:30px;padding:9px 12px;font-size:9px;font-weight:900}.live i{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block;box-shadow:0 0 0 4px #24a36b1c}.live span{letter-spacing:0;margin-left:8px;font-weight:600}.notice{background:#e8f7f9;border:1px solid #c8ebef;border-radius:10px;margin-bottom:18px;padding:10px 14px;font-size:11px}.notice b{color:#08798b;margin-right:10px}.notice span{color:#5d7b82}.stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.stats article{border:1px solid var(--line);background:#fff;border-radius:13px;padding:17px 18px;position:relative;overflow:hidden}.stats article:before{content:"";width:4px;position:absolute;top:0;bottom:0;left:0}.stats .red:before{background:var(--red)}.stats .amber:before{background:var(--amber)}.stats .green:before{background:var(--green)}.stats .navy:before{background:var(--navy)}.stats small,.stats span{color:var(--muted);font-size:10px;display:block}.stats b{margin:7px 0 2px;font-size:31px;display:block}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;overflow:hidden}.panelHead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 21px;display:flex}.panelHead h2{margin:0;font-size:16px}.panelHead p{color:var(--muted);margin:4px 0 0;font-size:10px}.panelHead button,.empty button,.full{background:var(--cyan);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 13px;font-size:10px;font-weight:800}.table{overflow:auto}.tr{grid-template-columns:110px 1.15fr 1fr .9fr 1.35fr 25px;align-items:center;min-width:850px;display:grid}.tr.head{color:#728a91;text-transform:uppercase;letter-spacing:.07em;background:#f8fbfb;padding:10px 16px;font-size:9px;font-weight:800}.tr.row{text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#fff;border:0;border-top:1px solid #edf2f3;padding:13px 16px}.tr.row:hover{background:#fbfdfd}.tr span{padding-right:10px}.tr b,.tr small,.tr strong{display:block}.tr b{font-size:11px}.tr small{color:var(--muted);margin-top:4px;font-size:9px}.tr strong{color:var(--red);font-size:14px}em.new,em.ack,em.done{white-space:nowrap;border-radius:20px;padding:5px 7px;font-size:8px;font-style:normal;font-weight:900}em.new{color:#bb2935;background:#fee7e9}em.ack{color:#9b6210;background:#fff0da}em.done{color:#128051;background:#def5ea}.critical{font-weight:800;color:var(--red)!important}.empty{border:1px solid var(--line);text-align:center;background:#fff;border-radius:16px;max-width:560px;margin:60px auto;padding:45px}.empty>div{width:55px;height:55px;color:var(--red);background:#fee7e9;border-radius:50%;place-items:center;margin:auto;font-size:28px;font-weight:900;display:grid}.empty h2{margin:18px 0 7px}.empty p{color:var(--muted);font-size:12px;line-height:1.6}.smsList article{border-top:1px solid #edf2f3;grid-template-columns:45px 1fr auto;align-items:center;gap:12px;padding:16px 20px;display:grid}.smsList article>span{color:#087e8f;background:#e6f6f8;border-radius:10px;place-items:center;width:38px;height:38px;font-size:9px;font-weight:900;display:grid}.smsList b{font-size:11px}.smsList p{color:var(--muted);margin:4px 0 0;font-size:10px}.smsList em{color:var(--green);font-size:8px;font-style:normal;font-weight:900}.timeline{padding:14px 22px}.timeline p{border-left:2px solid #cfe5e8;margin:0;padding:8px 0 8px 18px;font-size:11px;position:relative}.timeline i{background:var(--cyan);border-radius:50%;width:9px;height:9px;position:absolute;top:11px;left:-5px}.overlay{z-index:10;background:#061e29bf;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:17px;width:min(590px,100%);max-height:92vh;position:relative;overflow:auto;box-shadow:0 28px 90px #00131d88}.close{color:#fff;cursor:pointer;background:#ffffff1e;border:0;border-radius:50%;width:33px;height:33px;font-size:23px;position:absolute;top:15px;right:15px}.modalTop{background:var(--navy);color:#fff;padding:25px}.modalTop small{color:#75d5df;letter-spacing:.13em;font-size:9px}.modalTop h2{margin:7px 0 3px}.modalTop p{color:#a9c7cf;margin:0;font-size:10px}.modalBody{padding:22px}.facts{grid-template-columns:1fr 1fr;gap:10px;display:grid}.facts p{background:#f4f8f9;border-radius:8px;margin:0;padding:11px}.facts small,.facts b{display:block}.facts small{color:var(--muted);margin-bottom:4px;font-size:9px}.facts b{font-size:11px}.bigResult{background:#fff5f6;border:1px solid #ffcbd0;border-radius:10px;margin:14px 0;padding:15px}.bigResult small,.bigResult strong,.bigResult b{display:block}.bigResult small{color:#9a555c;font-size:9px}.bigResult strong{color:var(--red);margin:5px 0;font-size:28px}.bigResult b{color:var(--red);font-size:10px}.statusLine{justify-content:space-between;align-items:center;font-size:11px;display:flex}.modal textarea{border:1px solid var(--line);resize:vertical;border-radius:9px;width:100%;min-height:76px;margin:12px 0 8px;padding:11px}.full{width:100%;padding:12px;font-size:11px}.greenBtn{background:var(--green)}.greenBtn:disabled{opacity:.4}.savedNote{background:#e8f7ef;border-radius:9px;margin:11px 0;padding:11px;font-size:10px}.savedNote p{margin:4px 0 0}@media (width<=900px){.shell{grid-template-columns:1fr}aside{height:auto;padding:14px;position:static}.brand{padding-bottom:12px}.demoTag{display:none}nav{display:flex;overflow:auto}.asideBottom{display:none}.content{padding:20px 14px}.stats{grid-template-columns:1fr 1fr}.notice span{margin-top:4px;display:block}}@media (width<=520px){.stats{gap:8px}.stats article{padding:13px}.content header .live span{display:none}.panelHead{align-items:flex-start}.panelHead button{margin-left:10px}.facts{grid-template-columns:1fr}}