*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:#182230;font:14px/1.6 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.app{display:flex;min-height:100vh}aside{width:245px;background:#111827;color:#dbe4f0;padding:30px 22px;position:fixed;inset:0 auto 0 0}.brand{font-size:20px;font-weight:800;color:#fff}.muted{color:#8995a7;margin:4px 0}nav{margin-top:42px;display:grid;gap:8px}nav a{color:#9eabc0;text-decoration:none;padding:11px 14px;border-radius:10px}nav a.active,nav a:hover{background:#263246;color:#fff}.side-note{position:absolute;bottom:32px;left:22px;right:22px;border:1px solid #2d3a4e;border-radius:12px;padding:14px;color:#98a5b8;font-size:12px}.side-note b{color:#dce6f4}main{margin-left:245px;padding:42px 5vw;width:calc(100% - 245px);max-width:1400px}header,.panel-head,.interval{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:11px;letter-spacing:2px;color:#6784b4;font-weight:800}h1{font-size:34px;margin:4px 0 0}h2{margin:0;font-size:18px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:34px 0 22px}.stats div,.panel{background:#fff;border:1px solid #e7ebf2;border-radius:12px;box-shadow:0 6px 24px #172b4d08}.stats div{padding:20px 22px}.stats span{display:block;color:#8a96a8;font-size:13px}.stats strong{font-size:28px;display:block;margin-top:6px}.panel{padding:24px;margin-top:18px}.view{display:none}.view.view-active{display:block}.list{margin-top:20px}.source{display:grid;grid-template-columns:1fr auto;gap:12px;padding:18px 0;border-top:1px solid #edf0f5}.source:first-child{border-top:0}.source h3{margin:0 0 3px;font-size:15px}.source a{color:#6684ba;text-decoration:none;word-break:break-all;font-size:12px}.badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:11px;margin-left:8px;background:#fff3d6;color:#9b6900}.badge.online{background:#dcf8e9;color:#16824b}.badge.error{background:#ffe2e2;color:#b33b3b}.actions{display:flex;gap:8px;align-items:center}button{border:0;border-radius:8px;cursor:pointer;padding:9px 14px;font-weight:700}.primary{background:#3867d6;color:white}.primary:hover{background:#2e56b8}.ghost{background:#eef2f8;color:#52647e}.danger{background:#fff0f0;color:#c34b4b}.empty{text-align:center;color:#9ba6b6;padding:35px}.compact{padding:18px 24px}.interval input{width:65px;padding:8px;border:1px solid #dfe5ed;border-radius:8px}.modal{position:fixed;inset:0;background:#0b122099;display:grid;place-items:center;padding:20px}.hidden{display:none}.dialog{background:#fff;border-radius:12px;padding:28px;width:min(460px,100%);position:relative}.close{position:absolute;right:16px;top:12px;background:transparent;font-size:25px;color:#8b96a5}.dialog h2{font-size:22px}.dialog form{display:grid;gap:14px;margin-top:22px}.dialog label{display:grid;gap:5px;font-weight:700}.dialog input,.dialog select{padding:11px;border:1px solid #dfe5ed;border-radius:8px;font:inherit}.full{width:100%;margin-top:5px}#toast{position:fixed;bottom:25px;right:25px;background:#182230;color:#fff;padding:11px 16px;border-radius:9px;display:none}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.settings-grid label{display:grid;gap:6px;font-weight:650}.settings-grid input{padding:10px;border:1px solid #dfe5ed;border-radius:8px;font:inherit}.setting-status{align-self:center;color:#16824b}.delivery{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 0;border-top:1px solid #edf0f5}.delivery:first-child{border-top:0}.delivery small{color:#8995a7}.log-entry{display:grid;grid-template-columns:170px auto 1fr;gap:12px;align-items:start;padding:12px 0;border-top:1px solid #edf0f5}.log-entry:first-child{border-top:0}.log-entry time,.delivery small{color:#8995a7;font-size:12px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:#f5f7fb}.auth-box{width:min(420px,100%);background:#fff;padding:32px;border:1px solid #e7ebf2;border-radius:12px;display:grid;gap:16px}.auth-box h1{font-size:25px;margin:0}.auth-box label{display:grid;gap:6px;font-weight:650}.form-error{color:#b33b3b;min-height:20px}@media(max-width:800px){aside{width:70px;padding:22px 10px}.brand{font-size:0}.brand:first-letter{font-size:22px}aside .muted,nav a:not(.active),.side-note{display:none}main{margin-left:70px;width:calc(100% - 70px);padding:25px 18px}.stats{grid-template-columns:repeat(2,1fr)}.panel-head{align-items:flex-start;flex-direction:column}.source{grid-template-columns:1fr}.actions{justify-content:flex-start;flex-wrap:wrap}.settings-grid{grid-template-columns:1fr}.log-entry{grid-template-columns:1fr;gap:4px}}
.template-field{grid-column:1 / -1}.settings-grid textarea{padding:10px;border:1px solid #dfe5ed;border-radius:8px;font:13px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;resize:vertical}.preview-box{grid-column:1 / -1;background:#f7f9fc;border:1px solid #e4e9f1;border-radius:8px;padding:12px}.preview-box b{display:block;color:#52647e;margin-bottom:7px}.preview-box pre{white-space:pre-wrap;word-break:break-word;margin:0;color:#182230;font:13px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;min-height:42px}