*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #f8f7f4;--surface: #ffffff;--border: rgba(0,0,0,.1);--border-strong: rgba(0,0,0,.18);--text: #1a1a18;--text-muted: #6b6b67;--text-hint: #9b9b97;--green: #1d9e75;--green-bg: #eaf3de;--green-text: #2a6b3a;--red: #a32d2d;--red-bg: #fcebeb;--red-text: #a32d2d;--blue: #185fa5;--blue-bg: #e6f1fb;--blue-text: #185fa5;--amber-bg: #faeeda;--amber-text: #854f0b;--radius: 8px;--radius-lg: 12px;--max-width: 1100px}@media (prefers-color-scheme: dark){:root{--bg: #1a1a18;--surface: #242422;--border: rgba(255,255,255,.1);--border-strong: rgba(255,255,255,.18);--text: #f0efe8;--text-muted: #9b9b97;--text-hint: #6b6b67;--green-bg: #0d2e1a;--green-text: #5dca8a;--red-bg: #2e0d0d;--red-text: #f09595;--blue-bg: #0d1e33;--blue-text: #85b7eb;--amber-bg: #2e1e05;--amber-text: #fac775}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:15px;line-height:1.5}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.layout{display:flex;min-height:100vh}.sidebar{width:220px;flex-shrink:0;background:var(--surface);border-right:.5px solid var(--border);padding:24px 0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar-logo{padding:0 20px 24px;font-size:15px;font-weight:600;letter-spacing:-.3px;border-bottom:.5px solid var(--border);margin-bottom:12px}.sidebar-logo span{color:var(--green)}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 20px;font-size:14px;color:var(--text-muted);cursor:pointer;border:none;background:none;width:100%;text-align:left;font-family:inherit;text-decoration:none}.nav-item:hover{background:var(--bg);color:var(--text);text-decoration:none}.nav-item.active{background:var(--bg);color:var(--text);font-weight:500}.nav-icon{font-size:16px;width:20px;text-align:center}.main{flex:1;overflow:auto;background:var(--bg)}.content-wrapper{max-width:var(--max-width);margin:0 auto;width:100%}.page{padding:32px 36px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title{font-size:20px;font-weight:600;letter-spacing:-.3px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:28px}.stat-card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px}.stat-label{font-size:12px;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:26px;font-weight:600;letter-spacing:-.5px}.stat-value.green{color:var(--green)}.stat-value.red{color:var(--red)}.card{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-lg);margin-bottom:10px}.competitor-row{display:flex;align-items:center;gap:14px;padding:14px 18px}.favicon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.comp-info{flex:1;min-width:0}.comp-name{font-size:14px;font-weight:500}.comp-url{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badges{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.badge{font-size:11px;font-weight:500;padding:3px 8px;border-radius:20px}.badge-green{background:var(--green-bg);color:var(--green-text)}.badge-red{background:var(--red-bg);color:var(--red-text)}.badge-blue{background:var(--blue-bg);color:var(--blue-text)}.badge-gray{background:var(--bg);color:var(--text-muted);border:.5px solid var(--border)}.badge-amber{background:var(--amber-bg);color:var(--amber-text)}.comp-meta{font-size:12px;color:var(--text-muted);text-align:right;flex-shrink:0;min-width:100px}.actions{display:flex;gap:6px}.btn{font-size:13px;padding:6px 14px;border-radius:var(--radius);border:.5px solid var(--border-strong);background:none;cursor:pointer;color:var(--text);font-family:inherit;transition:background .1s}.btn:hover{background:var(--bg)}.btn:active{transform:scale(.98)}.btn-primary{background:var(--text);color:var(--surface);border-color:var(--text)}.btn-primary:hover{opacity:.85;background:var(--text)}.btn-sm{padding:4px 10px;font-size:12px}.btn-danger{color:var(--red);border-color:transparent}.btn-danger:hover{background:var(--red-bg)}.progress-bar{height:2px;background:var(--border);border-radius:1px;overflow:hidden;margin-top:5px}.progress-fill{height:100%;background:var(--green);border-radius:1px;transition:width .4s}.add-form{background:var(--surface);border:.5px solid var(--border);border-radius:var(--radius-lg);padding:18px 20px;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}input,select,textarea{font-size:14px;padding:8px 12px;border-radius:var(--radius);border:.5px solid var(--border-strong);background:var(--bg);color:var(--text);font-family:inherit;width:100%}input:focus,select:focus{outline:none;border-color:var(--blue)}input[type=checkbox]{width:auto}.change-item{display:flex;align-items:center;gap:12px;padding:10px 18px;border-bottom:.5px solid var(--border)}.change-item:last-child{border-bottom:none}.change-dot{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0}.dot-new{background:var(--green-bg);color:var(--green)}.dot-gone{background:var(--red-bg);color:var(--red)}.change-info{flex:1;min-width:0}.change-url{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.change-meta{font-size:12px;color:var(--text-muted);margin-top:1px}.filter-row{display:flex;gap:6px;margin-bottom:16px;align-items:center}.filter-pill{font-size:12px;padding:4px 12px;border-radius:20px;border:.5px solid var(--border-strong);background:none;cursor:pointer;color:var(--text-muted);font-family:inherit}.filter-pill:hover{background:var(--bg)}.filter-pill.active{background:var(--text);color:var(--surface);border-color:var(--text)}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:.5px solid var(--border);font-size:14px}.settings-row:last-child{border-bottom:none}.settings-label{color:var(--text-muted);font-size:12px;margin-top:2px}.empty{text-align:center;padding:48px 24px;color:var(--text-muted);font-size:14px}.error-msg{color:var(--red);font-size:13px;padding:8px 0}.notify-banner{background:var(--green-bg);border:.5px solid var(--green);border-radius:var(--radius);padding:10px 16px;font-size:13px;color:var(--green-text);margin-bottom:16px;display:flex;gap:8px;align-items:flex-start}.pages-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.pages-modal{background:var(--surface);border-radius:var(--radius-lg);width:600px;max-height:70vh;display:flex;flex-direction:column;border:.5px solid var(--border)}.modal-header{padding:16px 20px;border-bottom:.5px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-weight:600}.modal-body{overflow-y:auto;flex:1}.modal-page-item{font-size:13px;padding:8px 20px;border-bottom:.5px solid var(--border)}.modal-page-item:last-child{border-bottom:none}@media (max-width: 900px){.stats-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.competitor-row{flex-wrap:wrap}.comp-meta{display:none}}@media (max-width: 700px){.sidebar{display:none}.page{padding:20px 16px}}.nav-section-label{font-size:10px;font-weight:600;color:var(--text-hint);text-transform:uppercase;letter-spacing:.08em;padding:16px 20px 4px}.nav-item-sm{padding:6px 20px;font-size:13px;gap:8px}.dot-changed{background:var(--amber-bg);color:var(--amber-text)}