@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap");:root{--bg:#060e14;--surface:#0b1822;--border:#17303f;--accent:#2bd2f2;--accent-hover:#7be4f8;--text:#e8f4fa;--muted:#7c9dab;--ok:#34d399;--alert:#ff5d52;--ok-soft:rgba(52,211,153,.14);--alert-soft:rgba(255,93,82,.14);--accent-soft:rgba(43,210,242,.12);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--font:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"SF Mono","Fira Code",monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-weight:400;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{text-decoration:none}a,button{color:inherit}button{cursor:pointer;border:none;background:none;font-size:inherit}button,input,select{font-family:var(--font)}input,select{font-size:14px}::selection{background:var(--accent);color:var(--bg)}.topnav{display:flex;align-items:center;gap:32px;padding:0 32px;height:64px;background:var(--surface);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:50}.brand{display:flex;align-items:baseline;gap:8px}.brand .logo{font-weight:700;font-size:22px;letter-spacing:-.02em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.brand .logo .delta-sym{color:var(--accent)}.brand .logo .delta-word{color:#fff}.brand .tagline{color:var(--muted);font-size:12px;font-weight:300;border-left:1px solid var(--border);padding-left:12px;white-space:nowrap}.navlinks{display:flex;gap:4px;margin-left:auto}.navlink{padding:8px 16px;border-radius:var(--radius-sm);color:var(--muted);font-weight:600;font-size:14px;transition:color .18s ease,background .18s ease;cursor:pointer}.navlink:hover{color:var(--text)}.navlink.active{color:var(--accent);background:var(--accent-soft)}.main{max-width:1200px;margin:0 auto;padding:32px}.view-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px;flex-wrap:wrap;gap:12px}.view-head h1{font-weight:700;font-size:26px;letter-spacing:-.02em}.view-head p{color:var(--muted);font-size:14px;margin-top:4px}.stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:28px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.stat .label{color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.stat .value{font-size:30px;font-weight:700;margin-top:8px;letter-spacing:-.02em}.stat .value.accent{color:var(--accent)}.stat .value.ok{color:var(--ok)}.stat .value.alert{color:var(--alert)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:16px;gap:16px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;display:flex;flex-direction:column;gap:14px;transition:border-color .18s ease}.card:hover{border-color:var(--muted)}.card-top{justify-content:space-between;gap:12px}.card-title-wrap,.card-top{display:flex;align-items:flex-start}.card-title-wrap{flex-direction:column;min-width:0;flex:1 1}.card-title-row{display:flex;align-items:center;gap:10px;width:100%}.card-name{font-weight:600;font-size:16px}.card-name,.card-url{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-url{color:var(--muted);font-size:12px;display:block;margin-top:2px;transition:color .16s}.card-url:hover{color:var(--accent)}.dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.dot.ok{background:var(--ok);box-shadow:0 0 0 4px var(--ok-soft)}.dot.alert{background:var(--alert);box-shadow:0 0 0 4px var(--alert-soft)}.card-meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.freq-tag{padding:2px 8px;font-weight:600;text-transform:capitalize}.card-summary,.freq-tag{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm)}.card-summary{border-left:3px solid var(--accent);padding:12px;font-size:13px;color:var(--text);min-height:62px}.card-summary.changed{border-left-color:var(--alert)}.card-summary .ai-label{display:block;color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px}.card-actions{display:flex;gap:8px;margin-top:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 16px;border-radius:var(--radius-md);font-weight:600;font-size:14px;transition:background .16s ease,color .16s ease,border-color .16s ease,opacity .16s ease;border:1px solid transparent;white-space:nowrap}.btn-primary{background:var(--accent);color:var(--bg)}.btn-primary:hover{background:#57dcf5}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-ghost:hover{border-color:var(--muted)}.btn-danger{background:transparent;border:1px solid var(--border);color:var(--muted)}.btn-danger:hover{color:var(--alert);border-color:var(--alert)}.btn-sm{padding:7px 12px;font-size:13px}.btn-sm:first-child{flex:1 1}.btn:disabled{opacity:.55;cursor:not-allowed}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(6,14,20,.35);border-top:2px solid var(--bg);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle}.spinner.light{border:2px solid rgba(124,157,171,.3);border-top:2px solid var(--accent)}@keyframes spin{to{transform:rotate(1turn)}}.skeleton{background:linear-gradient(90deg,var(--border) 25%,#1f3d4f 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.alert{background:var(--alert-soft);color:var(--alert)}.badge.pro{background:var(--accent-soft);color:var(--accent);margin-left:6px;letter-spacing:.04em}.form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;max-width:620px}.field{margin-bottom:20px}.field label{display:block;font-weight:600;font-size:13px;margin-bottom:7px}.field .hint{color:var(--muted);font-size:12px;font-weight:400;margin-top:6px}.field input[type=text],.field input[type=url],.field select{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:11px 13px;color:var(--text);transition:border-color .16s ease}.field input:focus,.field select:focus{outline:none;border-color:var(--accent)}.field input::placeholder{color:var(--muted);opacity:.7}.freq-options{display:flex;gap:10px;flex-wrap:wrap}.freq-opt{flex:1 1;min-width:130px;position:relative;border:1px solid var(--border);border-radius:var(--radius-md);padding:14px;cursor:pointer;transition:border-color .16s ease,background .16s ease;background:var(--bg);-webkit-user-select:none;-moz-user-select:none;user-select:none}.freq-opt:hover{border-color:var(--muted)}.freq-opt input{position:absolute;opacity:0;pointer-events:none}.freq-opt.selected{border-color:var(--accent);background:var(--accent-soft)}.freq-opt .fo-title{font-weight:600;text-transform:capitalize;display:flex;align-items:center}.freq-opt .fo-desc{color:var(--muted);font-size:12px;margin-top:3px}.freq-opt.disabled{opacity:.5;cursor:not-allowed}.freq-opt.disabled:hover{border-color:var(--border)}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border)}.toggle-row:last-child{border-bottom:none}.toggle-row .tr-title{font-weight:600;font-size:14px}.toggle-row .tr-desc{color:var(--muted);font-size:12px;margin-top:2px}.switch{position:relative;width:46px;height:26px;flex-shrink:0;cursor:pointer}.switch input{opacity:0;width:0;height:0;position:absolute}.switch .track{position:absolute;inset:0;background:var(--border);border-radius:999px;transition:background .18s ease}.switch .track:before{content:"";position:absolute;width:20px;height:20px;left:3px;top:3px;background:var(--muted);border-radius:50%;transition:transform .18s ease,background .18s ease}.switch input:checked+.track{background:var(--accent-soft)}.switch input:checked+.track:before{transform:translateX(20px);background:var(--accent)}.filters{display:flex;gap:8px}.filter-btn{padding:7px 14px;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--muted);font-weight:600;font-size:13px;transition:all .16s ease;cursor:pointer}.filter-btn:hover{color:var(--text)}.filter-btn.active{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.log-list{display:flex;flex-direction:column;gap:12px}.log-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;display:flex;gap:16px;align-items:flex-start}.log-item .rail{width:3px;align-self:stretch;border-radius:3px;background:var(--ok);flex-shrink:0;min-height:40px}.log-item.changed .rail{background:var(--alert)}.log-body{flex:1 1;min-width:0}.log-head{justify-content:space-between;gap:12px;margin-bottom:8px;flex-wrap:wrap}.log-head,.log-head .lh-left{display:flex;align-items:center}.log-head .lh-left{gap:10px}.log-head .page-name{font-weight:600;font-size:15px}.log-head .time{color:var(--muted);font-size:12px;white-space:nowrap}.log-summary{font-size:13px;color:var(--text);line-height:1.5}.empty{text-align:center;padding:64px 24px;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg)}.empty .e-icon{font-size:40px;color:var(--accent);font-weight:700}.empty h3{font-size:18px;font-weight:600;margin:14px 0 6px}.empty p{color:var(--muted);margin-bottom:20px}.toast-wrap{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:10px;z-index:100;pointer-events:none}.toast{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);padding:12px 16px;font-size:13px;max-width:340px;animation:toastIn .3s ease;pointer-events:auto;cursor:pointer}.toast.alert{border-left-color:var(--alert)}.toast.ok{border-left-color:var(--ok)}.toast .t-title{font-weight:600;margin-bottom:2px}.toast .t-body{color:var(--muted)}@keyframes toastIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.modal-overlay{position:fixed;inset:0;background:rgba(6,14,20,.8);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .2s ease}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;max-width:420px;width:90%;animation:toastIn .25s ease}.modal-box h2{font-size:18px;font-weight:700;margin-bottom:8px}.modal-box p{color:var(--muted);font-size:14px;margin-bottom:24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.notif-badge{border:1px solid rgba(52,211,153,.3);border-radius:var(--radius-sm);padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.form-msg,.notif-badge{background:var(--ok-soft);color:var(--ok)}.form-msg{margin-top:16px;padding:12px 14px;border-radius:var(--radius-md);font-size:13px;border:1px solid rgba(52,211,153,.3)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.cards,.stats{grid-template-columns:1fr}.topnav{flex-wrap:wrap;height:auto;padding:12px 16px;gap:12px}.brand .tagline{display:none}.navlinks{margin-left:0;width:100%;overflow-x:auto}.main{padding:20px 16px}.freq-options{flex-direction:column}.freq-opt{min-width:auto}}