:root{--ink:#16232b;--muted:#71808a;--line:#dfe7e9;--paper:#f5f7f6;--panel:#fff;--accent:#0b766e;--accent-dark:#075b55;--warning:#c77a16;--shadow:0 12px 35px rgba(23,43,52,.07)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 Inter,Segoe UI,Arial,sans-serif;display:flex;min-height:100vh}.sidebar{width:230px;background:#10252a;color:#dce8e7;padding:25px 16px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px;padding:0 12px 36px}.brand-mark{width:28px;height:28px;background:#c5dfd5;color:#10252a;display:grid;place-items:center;font-weight:800;border-radius:7px}.sidebar nav{display:grid;gap:7px}.nav-item{border:0;background:transparent;color:#b9ccca;text-align:left;padding:12px 13px;border-radius:7px;font:inherit;cursor:pointer}.nav-item:hover,.nav-item.active{background:#1c3b3e;color:#fff}.sidebar-foot{margin-top:auto;color:#8ea7a5;font-size:12px;line-height:1.8;padding:12px}.main{flex:1;padding:34px 42px;max-width:1440px}.topbar{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:30px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;margin:0 0 5px}h1,h2{margin:0;letter-spacing:0}h1{font-size:30px}h2{font-size:18px}.top-actions,.filters,.dialog-actions{display:flex;gap:10px;align-items:center}.button{border:1px solid var(--line);border-radius:6px;padding:9px 14px;background:#fff;color:var(--ink);cursor:pointer;font:inherit}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-dark)}.button.secondary:hover{border-color:var(--accent);color:var(--accent)}.text-button{border:0;background:none;color:var(--accent);cursor:pointer;font:inherit}.view{display:none}.view.active{display:block}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metric,.panel,.site-card{background:var(--panel);border:1px solid var(--line);border-radius:7px;box-shadow:var(--shadow)}.metric{padding:19px}.metric span{display:block;color:var(--muted);font-size:13px}.metric strong{display:block;font-size:29px;margin:7px 0 2px}.metric small{color:var(--muted)}.grid-two{display:grid;grid-template-columns:1.35fr 1fr;gap:20px}.panel{padding:22px}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:650px}.table th,.table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);white-space:nowrap}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted)}.table tr[data-id]{cursor:pointer}.table tr[data-id]:hover{background:#f4faf8}.status{display:inline-block;border-radius:20px;padding:3px 9px;font-size:12px;background:#edf1f1}.status.new{background:#fff1d8;color:#9b5d0a}.status.replied{background:#e3f5ed;color:#087051}.status.closed{color:#68757a}.empty{padding:35px 10px;color:var(--muted);text-align:center}.site-list{display:grid;gap:11px}.site-row{border:1px solid var(--line);padding:13px;border-radius:6px;display:flex;justify-content:space-between}.site-row small{display:block;color:var(--muted)}.online{color:var(--accent);font-size:12px}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:12px;padding-top:16px}.section-heading{margin-bottom:18px}.site-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.site-card{padding:20px}.site-card h3{margin:0 0 7px;font-size:18px}.site-card p{margin:5px 0;color:var(--muted)}.site-card .tag{display:inline-block;color:var(--accent);background:#e5f3ee;border-radius:4px;padding:3px 7px;font-size:12px;margin-top:10px}.notice-panel{max-width:720px}.notice-panel p:not(.eyebrow){color:var(--muted);max-width:620px}.muted{color:var(--muted)}dialog{border:0;border-radius:8px;padding:0;box-shadow:0 20px 70px rgba(0,0,0,.22);width:min(440px,calc(100% - 32px))}dialog::backdrop{background:rgba(12,27,31,.45)}.dialog{padding:27px;position:relative}.dialog label{display:block;font-weight:600;margin-top:16px}.dialog input{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:5px;padding:10px;font:inherit}.dialog-actions{justify-content:flex-end;margin-top:24px}.dialog-close{position:absolute;right:15px;top:12px;border:0;background:transparent;font-size:25px;color:var(--muted);cursor:pointer}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:18px}.detail-item{border-bottom:1px solid var(--line);padding-bottom:8px}.detail-item strong{display:block;font-size:11px;color:var(--muted);margin-bottom:2px}.detail-message{grid-column:1/-1}.detail-status{margin-top:20px;display:flex;gap:8px;align-items:center}@media(max-width:900px){.sidebar{width:72px;padding:18px 8px}.brand span:last-child,.sidebar-foot,.nav-item{font-size:0}.nav-item:before{content:"•";font-size:22px}.main{padding:25px 18px}.metrics{grid-template-columns:repeat(2,1fr)}.grid-two,.site-cards{grid-template-columns:1fr}.topbar{align-items:flex-start;gap:15px;flex-direction:column}.top-actions{width:100%}.top-actions .button{flex:1}}
 .site-card-head{display:flex;justify-content:space-between;gap:12px}.site-detail{display:grid;grid-template-columns:105px 1fr;gap:7px 12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;margin-top:15px}.site-detail strong,.site-section>strong{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.site-detail span{overflow-wrap:anywhere}.site-section{padding-top:15px}.chip-list,.keyword-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.chip-list span,.keyword-list code{font-size:12px;padding:4px 7px;border-radius:4px;background:#f0f5f3;color:#41615e}.keyword-list code{background:#f8f1e4;color:#80591f}.page-map{display:grid;gap:7px;margin-top:8px}.page-map div{display:grid;grid-template-columns:145px 1fr;gap:8px;font-size:12px}.page-map code{color:var(--accent)}