:root{--bg:#f4f7f3;--surface:#fff;--ink:#1a3026;--muted:#7a8780;--line:#e3e9e4;--acid:#caff45;--acid-deep:#9dcc31;--red:#c73838;--blue:#218dc2;--shadow:0 18px 46px rgba(27,48,35,.06)}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px}button,input,select{font:inherit}.topbar{height:74px;padding:0 max(28px,calc((100vw - 1290px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.9);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);font-size:19px;font-weight:850;letter-spacing:-.04em;text-decoration:none}.brand-mark{position:relative;width:31px;height:31px;border-radius:10px;background:var(--ink)}.brand-mark:after{content:"";position:absolute;inset:8px;border:3px solid var(--acid);border-radius:50%}.server-status,.user-menu{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--acid-deep);box-shadow:0 0 0 5px rgba(157,204,49,.15)}.shell{max-width:1240px;margin:auto;padding:23px 24px 70px}.tabs{display:flex;gap:8px;margin-bottom:27px}.tab,.quiet-button{border:0;color:var(--muted);background:transparent;cursor:pointer}.tab{padding:10px 14px;border-radius:9px;font-weight:700}.tab.active{color:var(--ink);background:white;box-shadow:0 3px 12px rgba(20,35,29,.06)}.hero{display:flex;justify-content:space-between;gap:25px;margin-bottom:32px}.hero h1{margin:10px 0 8px;font-size:34px;letter-spacing:-.06em}.hero p{max-width:570px;margin:0;color:var(--muted);line-height:1.6}.eyebrow{font-size:10px;font-weight:800;letter-spacing:.13em;color:#698048}.stats{display:flex;align-items:flex-end;gap:15px}.stats article{text-align:center;padding:12px 16px;background:white;border:1px solid var(--line);border-radius:12px}.stats strong,.stats span{display:block}.stats strong{font-size:23px}.stats span{font-size:10px;color:var(--muted)}.workspace-grid,.admin-grid{display:grid;grid-template-columns:390px minmax(0,1fr);gap:21px;align-items:start}.card{background:var(--surface);border:1px solid var(--line);border-radius:21px;box-shadow:var(--shadow)}.add-card,.admin-card{padding:23px}.add-card{position:sticky;top:20px}.section-heading{display:flex;align-items:center;gap:13px}.section-number{flex:none;width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:var(--acid);font-size:10px;font-weight:900}.section-heading h2{margin:0;font-size:19px;letter-spacing:-.035em}.section-heading p{margin:5px 0 0;color:var(--muted);font-size:11px;line-height:1.45}.preset-button,.secondary-button,.example-button{height:36px;border:1px dashed #ccdabd;border-radius:8px;background:#f5f8ef;color:#56664e;font-size:11px;font-weight:700;cursor:pointer}.preset-button{width:100%;margin-top:17px}.add-card label,.admin-card label,.auth-card label{display:block;margin-top:17px;font-size:11px;font-weight:750}.add-card input:not([type=checkbox]),.add-card select,.admin-card input,.admin-card select,.auth-card input{width:100%;height:43px;margin-top:7px;padding:0 11px;color:var(--ink);background:#f8faf7;border:1px solid #dde5df;border-radius:9px;outline:0}.add-card input:focus,.admin-card input:focus,.auth-card input:focus{border-color:var(--acid-deep);box-shadow:0 0 0 3px rgba(202,255,69,.2)}label em{float:right;font-weight:400;font-style:normal;color:var(--muted)}.toggle-label{display:flex!important;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:9px}.toggle-label input{width:17px;height:17px;margin:0;accent-color:var(--acid-deep)}.sub-panel,.telegram-panel{margin-top:10px;padding:2px 12px 13px;border:1px solid #dfebdb;border-radius:11px;background:#fbfdf9}.sub-panel label{margin-top:12px}.sub-panel small,.add-card>small,.admin-card small{display:block;margin-top:8px;color:var(--muted);font-size:10px;line-height:1.5}.interval-controls,.field-row{display:grid;grid-template-columns:1fr 1.2fr;gap:7px}.channel-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:19px;padding:4px;border-radius:9px;background:#f0f3ef}.channel-choice button{height:34px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:11px;font-weight:750;cursor:pointer}.channel-choice button.selected{color:var(--ink);background:white;box-shadow:0 3px 10px rgba(20,35,29,.08)}.telegram-panel{padding:13px;border-color:#cee5ee;background:#f6fbfd}.telegram-panel strong,.telegram-panel small{display:block}.telegram-panel strong{color:#25576d;font-size:11px}.telegram-panel small{margin-top:6px;color:var(--muted);font-size:10px}.telegram-button{width:100%;height:36px;margin-top:10px;background:var(--blue);border:1px solid #1778aa;border-radius:8px;color:white;font-size:10px;font-weight:800;cursor:pointer}.telegram-secondary{background:white;color:#28627d;border-color:#a8cfdf}.text-button{margin-top:8px;padding:0;border:0;background:transparent;color:#247a9e;font-size:10px;cursor:pointer}.primary-button{width:100%;height:49px;margin-top:21px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;background:var(--acid);border:1px solid #b6e73b;border-radius:10px;color:var(--ink);font-weight:800;cursor:pointer}.primary-button:disabled,.telegram-button:disabled{opacity:.55;cursor:wait}.secondary-button{width:100%;margin-top:7px;border-style:solid;background:white}.service-strip{display:flex;justify-content:center;gap:12px;margin-top:16px;color:var(--muted);font-size:9px}.service-strip span{display:flex;align-items:center;gap:4px}.service-strip i{width:7px;height:7px;border-radius:50%;background:#ccd2ce}.service-strip i.ready{background:var(--acid-deep)}.monitor-panel{min-height:475px}.panel-heading{padding:24px;border-bottom:1px solid var(--line)}.watch-list{padding:8px 13px 16px}.empty-state{min-height:370px;padding:30px;display:grid;place-items:center;text-align:center;color:var(--muted);line-height:1.6}.watch-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:11px;padding:17px 8px;border-bottom:1px solid #edf0ee}.watch-row:last-child{border-bottom:0}.watch-editing{background:#f8fdeb;box-shadow:inset 3px 0 0 var(--acid-deep)}.watch-pulse{width:8px;height:8px;border-radius:50%;background:#aeb7b2}.status-stable .watch-pulse{background:var(--acid-deep)}.status-changed .watch-pulse{background:#a2cd18;box-shadow:0 0 0 4px rgba(202,255,69,.25)}.status-error .watch-pulse{background:#e16254}.watch-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.watch-title-row h3{margin:0;font-size:13px}.status-label,.role-badge{padding:4px 6px;border-radius:5px;background:#f0f3ef;color:#69766e;font-size:9px;font-weight:800}.watch-link{display:inline-block;margin-top:5px;color:var(--muted);font-size:11px;text-decoration:none}.watch-details{display:flex;flex-wrap:wrap;gap:5px 10px;margin-top:9px;color:#829087;font-size:9px}.row-actions{display:flex;gap:4px}.row-actions button{width:30px;height:30px;border:1px solid #e1e6e2;border-radius:8px;background:white;color:#68756d;cursor:pointer}.row-actions button:hover{background:var(--acid);color:var(--ink)}.row-actions button.danger-action:hover{background:#e46960;color:white}.comparison-card,.history-card{padding:25px;margin-top:21px}.example-button{margin-left:auto;padding:0 11px;border-style:solid;background:white}.comparison-empty{margin-top:20px;padding:21px;border:1px dashed #dce5df;border-radius:11px;text-align:center;color:var(--muted);line-height:1.6}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.pane-label{font-size:10px;font-weight:850;letter-spacing:.08em;color:var(--muted)}.comparison-text{min-height:105px;margin-top:9px;padding:14px;border:1px solid #e4e8e4;border-radius:10px;background:#fcfdfc;font-size:12px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.diff-highlight{padding:2px 4px;border:2px solid #e33030;border-radius:5px;background:#fff0ef;color:#a71e1e;font-weight:700;box-shadow:0 0 0 2px rgba(227,48,48,.08);-webkit-box-decoration-break:clone;box-decoration-break:clone}.demo-notice{margin:12px 0 0;color:#8a7139;font-size:11px}.history-row{display:grid;grid-template-columns:10px 1fr auto;gap:10px;margin-top:14px;padding:13px 7px;border-top:1px solid #edf0ee}.event-dot{width:8px;height:8px;margin-top:4px;border-radius:50%;background:#a8b2aa}.event-change{background:var(--acid-deep)}.event-error{background:#e46960}.history-body strong{font-size:11px}.history-body p{margin:4px 0 0;color:var(--muted);font-size:10px}.history-detail{white-space:pre-wrap}.history-time{color:var(--muted);font-size:10px}.history-empty{margin-top:20px;color:var(--muted)}.notice{display:flex;justify-content:space-between;gap:10px;margin-bottom:19px;padding:12px 14px;border:1px solid #d8e8b5;border-radius:10px;background:#f4fbe7;color:#466427}.notice-error,.inline-error{color:#a73b37}.notice-error{border-color:#f0cbc8;background:#fff3f1}.notice button{border:0;background:transparent;cursor:pointer}.inline-error{font-size:11px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.telegram-admin{margin-top:22px;padding:13px;border:1px solid #cce3ed;border-radius:10px;background:#f6fbfd}.telegram-admin strong{font-size:11px;color:#25576d}.telegram-admin p{margin:6px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.user-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}.user-main strong{font-size:12px}.user-main p{margin:5px 0 0;color:var(--muted);font-size:10px}.reactivate-button{border:0;background:transparent;color:#39803e;cursor:pointer}.auth-view{min-height:100vh;padding:22px;display:grid;place-items:center}.auth-card{width:min(100%,430px);padding:35px;background:white;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.auth-badge{display:block;margin-top:28px;color:#75845f;font-size:9px;font-weight:800;letter-spacing:.11em}.auth-card h1{margin:11px 0 7px;font-size:26px;letter-spacing:-.045em}.auth-card>p{color:var(--muted);font-size:12px;line-height:1.6}.auth-footer{margin-top:20px;font-size:10px!important}
.snapshot-pane{min-width:0}.snapshot-window{margin-top:10px;overflow:hidden;border:1px solid #dce4de;border-radius:13px;background:#fff;box-shadow:0 10px 28px rgba(25,42,31,.07)}.snapshot-toolbar{height:39px;display:flex;align-items:center;gap:12px;padding:0 11px;border-bottom:1px solid #e4e8e5;background:#f5f7f5}.snapshot-dots{flex:none;color:#c2cac4;font-size:10px;letter-spacing:2px}.snapshot-address{min-width:0;overflow:hidden;color:#75817a;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.snapshot-frame{display:block;width:100%;height:560px;border:0;background:#fff}.snapshot-window .comparison-text{min-height:160px;margin:0;border:0;border-radius:0}.snapshot-pane:last-child .snapshot-toolbar{background:#fbfff5}.selected-history{background:#f9fcec;border-radius:8px}.email-test-panel{margin-top:19px;padding-top:3px;border-top:1px solid #e7ece8}.email-test-button{width:100%;height:42px;margin-top:13px;border:1px solid #a8c38c;border-radius:9px;background:#f5faed;color:#355327;font-size:11px;font-weight:800;cursor:pointer}.email-test-button:disabled{opacity:.6;cursor:wait}.email-test-success{color:#39803e!important}.smtp-google-help a{color:#32799a;text-decoration:underline}.email-test-panel label{margin-top:14px}
@media(max-width:950px){.workspace-grid,.admin-grid{grid-template-columns:1fr}.add-card{position:static}.monitor-panel{min-height:350px}.empty-state{min-height:230px}.server-status{display:none}.hero{align-items:flex-start}.stats article{padding:10px}.shell{padding-inline:16px}.topbar{padding-inline:18px}.snapshot-frame{height:490px}}
@media(max-width:620px){.hero{display:block}.hero h1{font-size:28px}.stats{margin-top:17px}.tabs{overflow:auto;white-space:nowrap}.settings-grid,.comparison-grid{grid-template-columns:1fr}.add-card,.admin-card,.comparison-card,.history-card{padding:18px}.watch-row{grid-template-columns:12px minmax(0,1fr)}.row-actions{grid-column:2}.user-menu{font-size:10px}.example-button{max-width:94px}.section-heading h2{font-size:16px}.server-status{display:none}.snapshot-frame{height:430px}}