:root{--bg:#f4f7f6;--ink:#12241f;--muted:#6c7c77;--line:#dfe7e3;--green:#0d8b66;--green-soft:#dff5ec;--red:#d84c4c;--blue:#3979e6;--amber:#e59a2f}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}.shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}aside{background:#102b24;color:#dcebe6;padding:32px 22px;display:flex;flex-direction:column}.brand{font-size:19px;font-weight:750;display:flex;align-items:center;gap:11px;margin:0 10px 50px}.logo{display:grid;place-items:center;width:34px;height:34px;background:#28c595;border-radius:10px;color:#09271e;font-size:22px}nav{display:grid;gap:8px}nav a{color:#9db5ae;text-decoration:none;padding:12px 14px;border-radius:9px;font-size:14px}nav a.active,nav a:hover{color:white;background:#1c4036}.aside-foot{margin-top:auto;font-size:12px;color:#8da9a0;padding:12px}.live-dot{display:inline-block;width:8px;height:8px;background:#31d59f;border-radius:50%;box-shadow:0 0 0 5px #215044;margin-right:9px}main{padding:44px 5vw 70px;max-width:1500px;width:100%}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.eyebrow{font-size:11px;font-weight:800;color:var(--green);letter-spacing:.16em;margin:0 0 8px}h1{font-family:Georgia,serif;font-size:38px;margin:0 0 8px;font-weight:600;letter-spacing:-.03em}h1 span{font-family:system-ui;font-size:27px}.subtitle,.panel-head p{color:var(--muted);margin:0;font-size:14px}.primary,.dark,.ghost{border:0;border-radius:9px;padding:12px 17px;font-weight:700;cursor:pointer}.primary{background:var(--green);color:white;box-shadow:0 5px 14px #0d8b6630}.dark{background:#122f27;color:white}.ghost{background:white;border:1px solid var(--line);color:#42534e}.summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:22px}.summary article{background:white;border:1px solid var(--line);border-radius:13px;padding:21px;display:grid;grid-template-columns:42px 1fr;gap:4px 13px}.metric-icon{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:20px;grid-row:1/3}.green{background:var(--green-soft);color:var(--green)}.red{background:#fee8e8;color:var(--red)}.blue{background:#e8f0ff;color:var(--blue)}.amber{background:#fff1db;color:var(--amber)}.summary p{font-size:12px;color:var(--muted);margin:0}.summary strong{font-family:Georgia,serif;font-size:26px}.summary small{grid-column:2;color:#94a09c;font-size:10px}.panel{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-head{padding:22px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}h2{font-family:Georgia,serif;margin:0 0 5px;font-size:22px}.monitor{display:grid;grid-template-columns:2.2fr .8fr .8fr .8fr auto;align-items:center;gap:20px;padding:20px 24px;border-bottom:1px solid #edf1ef}.monitor:last-child{border-bottom:0}.site{display:flex;align-items:center;gap:13px}.favicon{width:38px;height:38px;border-radius:10px;background:#eef4f1;display:grid;place-items:center;font-weight:800;color:var(--green)}.site strong{display:block;font-size:14px}.site a{display:block;color:#8a9692;font-size:11px;text-decoration:none;margin-top:4px;max-width:300px;overflow:hidden;text-overflow:ellipsis}.label{font-size:10px;color:#96a19d;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.value{font-size:13px;font-weight:700}.status{font-size:11px;font-weight:800;padding:7px 10px;border-radius:20px;display:inline-flex;align-items:center;gap:6px}.status::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.status.up{background:var(--green-soft);color:var(--green)}.status.down{background:#fee8e8;color:var(--red)}.status.pending{background:#edf1f0;color:#667570}.actions{display:flex;gap:6px}.icon-btn{border:1px solid var(--line);background:white;border-radius:8px;padding:8px 10px;cursor:pointer;color:#63716d}.empty{text-align:center;padding:58px 20px;color:var(--muted)}.empty b{display:block;color:var(--ink);font-family:Georgia,serif;font-size:19px;margin-bottom:7px}.telegram{margin-top:20px;border:1px solid #bedbd3;background:#eaf7f3;border-radius:14px;padding:20px 24px;display:flex;align-items:center;gap:15px}.telegram h3{margin:0 0 4px;font-size:14px}.telegram p{margin:0;color:#587069;font-size:12px}.telegram button{margin-left:auto}.tg-icon{width:40px;height:40px;border-radius:10px;background:#2aa7df;color:white;display:grid;place-items:center;font-size:20px}dialog{border:0;border-radius:16px;padding:0;width:min(480px,calc(100% - 30px));box-shadow:0 25px 80px #102b2445}dialog::backdrop{background:#0c211b99;backdrop-filter:blur(3px)}dialog form{padding:28px}.modal-head{display:flex;justify-content:space-between;margin-bottom:24px}.close{border:0;background:#edf2f0;border-radius:50%;width:32px;height:32px;font-size:20px;cursor:pointer}label{display:grid;gap:7px;font-size:12px;font-weight:700;margin-bottom:16px}input,select{width:100%;border:1px solid #d8e2de;border-radius:9px;padding:12px;font:inherit;background:white;outline:none}input:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 3px #0d8b6618}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide{width:100%;margin-top:5px}.form-error{color:var(--red);font-size:12px;text-align:center}.danger{color:var(--red)}#toast{position:fixed;right:25px;bottom:25px;background:#102b24;color:white;padding:13px 18px;border-radius:9px;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;font-size:13px}#toast.show{opacity:1;transform:none}@media(max-width:900px){.shell{display:block}aside{display:none}main{padding:28px 18px}.summary{grid-template-columns:1fr 1fr}.monitor{grid-template-columns:1.7fr 1fr auto}.monitor .hide-mobile{display:none}}@media(max-width:560px){header{align-items:flex-start;gap:20px}h1{font-size:30px}.primary{padding:11px}.summary{grid-template-columns:1fr}.monitor{grid-template-columns:1fr auto}.monitor .metric{display:none}.telegram{align-items:flex-start;flex-wrap:wrap}.telegram button{margin-left:55px}.form-row{grid-template-columns:1fr}}