:root{color-scheme:light;--ink:#193038;--muted:#5a7077;--line:#d9e3e5;--accent:#075c60;--bg:#f2f6f6;--red:#9d2525}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.55 system-ui,sans-serif}header{max-width:1150px;margin:auto;display:flex;align-items:center;gap:18px;padding:30px 24px 20px}h1{font-size:24px;font-weight:650;margin:0;flex:1}h2{font-size:18px;margin:0 0 20px;font-weight:650}h3{font-size:16px;margin:0}main{max-width:1150px;margin:auto;padding:0 24px}section{background:white;border:1px solid var(--line);border-radius:12px;padding:24px;margin:0 0 20px}.badge{font-size:13px;letter-spacing:1px;background:var(--accent);color:white;padding:8px 12px;border-radius:8px}label{display:grid;gap:6px;font-weight:550;font-size:13px}input,select{font:inherit;font-weight:400;font-size:15px;width:100%;padding:11px 12px;border:1px solid #b9ced1;border-radius:6px;background:#fff;color:var(--ink)}input:focus,select:focus,button:focus-visible{outline:3px solid #76ccce;outline-offset:2px}button{font:inherit;border:0;border-radius:6px;background:var(--accent);color:#fff;cursor:pointer;padding:10px 15px}button.secondary{background:#edf4f4;color:var(--accent);border:1px solid var(--line)}button.danger{background:#fff;color:var(--red);border:1px solid #f0caca}button:disabled{opacity:.55;cursor:wait}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px}.note{font-size:13px;color:var(--muted);margin:16px 0}.form-actions,.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.section-head h2{margin:0}.section-head>div{display:flex;gap:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric{padding:15px;background:#f4f8f8;border-radius:6px;font-size:13px;color:var(--muted)}.metric strong{display:block;color:var(--ink);font-size:18px}.error{color:var(--red)}#message{padding:12px;border-radius:6px;background:#e5f2ef}#message.error{background:#fff0ed}.empty{color:var(--muted);padding:15px 0}.watch{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px}.watch:last-child{border:0}.watch p{margin:4px 0;font-size:13px;color:var(--muted)}.watch ul{padding-left:18px;margin:10px 0;font-size:13px}.pill{font-size:11px;background:#e1f2eb;color:#286650;border-radius:20px;padding:3px 8px;margin-left:10px}.pill.paused{background:#fff1db;color:#946000}.notification{border-bottom:1px solid var(--line);padding:13px 0}.notification:last-child{border:0}.notification p{margin:4px 0;font-size:13px;color:var(--muted)}a{color:var(--accent)}#login-panel{max-width:430px;margin:40px auto}#login-form{display:grid;gap:20px}footer{max-width:1150px;margin:auto;padding:12px 24px 25px;color:var(--muted);font-size:12px}[hidden]{display:none!important}#search-results{padding:18px;background:#f2f8f7;border-radius:6px;margin-top:18px}#search-results pre{white-space:pre-wrap;word-break:break-word;font:13px/1.6 system-ui,sans-serif}@media(max-width:700px){header{padding-top:22px}h1{font-size:19px}.badge{display:none}main{padding:0 12px}section{padding:18px}.form-grid{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.watch{display:block}.watch .actions{margin-top:12px}.section-head{align-items:flex-start;flex-direction:column}}
#edit-dialog{width:min(760px,calc(100% - 28px));max-height:calc(100dvh - 40px);margin:auto;padding:28px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:#fff;box-shadow:0 22px 70px #19303833}#edit-dialog::backdrop{background:#19303899}#edit-dialog .section-head{margin-bottom:8px}.edit-subject{margin:0;font-weight:600;color:var(--accent)}#edit-dialog .note{margin:12px 0 20px}.edit-footer{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.checkbox{display:flex;align-items:center;gap:10px;font-weight:400}.checkbox input{width:18px;height:18px;margin:0;accent-color:var(--accent)}.watch>div:first-child{min-width:0;flex:1}.watch .actions{align-self:center;flex-shrink:0}.watch p{overflow-wrap:anywhere}#edit-error{padding:10px 12px;background:#fff0ed;border-radius:6px}@media(max-width:850px){.watch{flex-wrap:wrap}.watch .actions{width:100%}}@media(max-width:700px){#edit-dialog{padding:20px;max-height:calc(100dvh - 24px)}#edit-dialog .section-head{flex-direction:row;align-items:center}#edit-dialog .section-head h2{font-size:18px}.edit-footer button{flex:1}}