*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sidebar-w: 220px;--c-bg: #f7f7f5;--c-white: #ffffff;--c-border: rgba(0,0,0,.09);--c-border2: rgba(0,0,0,.18);--c-text: #1a1a18;--c-muted: #6b6b68;--c-hint: #9c9a92;--c-teal: #1D9E75;--c-teal-bg: #E1F5EE;--c-teal-text: #085041;--c-blue: #185FA5;--c-blue-bg: #E6F1FB;--c-blue-text: #042C53;--c-amber: #BA7517;--c-amber-bg: #FAEEDA;--c-amber-text: #412402;--c-red: #A32D2D;--c-red-bg: #FCEBEB;--c-red-text: #501313;--c-green: #3B6D11;--c-green-bg: #EAF3DE;--c-green-text: #173404;--c-purple: #534AB7;--c-purple-bg: #EEEDFE;--c-purple-text: #26215C;--radius: 8px;--radius-lg: 12px}body{font-family:system-ui,-apple-system,sans-serif;background:var(--c-bg);color:var(--c-text);min-height:100vh}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--c-white);border-left:.5px solid var(--c-border);display:flex;flex-direction:column;position:fixed;top:0;right:0;height:100vh;z-index:10}.sidebar-brand{padding:20px 16px 16px;border-bottom:.5px solid var(--c-border)}.brand-icon{font-size:22px;display:block;margin-bottom:4px}.brand-name{font-size:15px;font-weight:600;color:var(--c-text);display:block}.brand-sub{font-size:11px;color:var(--c-hint);display:block;margin-top:1px}.sidebar-nav{flex:1;padding:10px;display:flex;flex-direction:column;gap:3px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius);border:none;background:transparent;color:var(--c-muted);font-size:13px;cursor:pointer;text-align:right;width:100%;transition:all .15s}.nav-item:hover{background:var(--c-bg);color:var(--c-text)}.nav-item.active{background:var(--c-teal-bg);color:var(--c-teal-text);font-weight:500}.nav-icon{font-size:16px;width:20px;text-align:center}.sidebar-campaign{margin:8px 10px;padding:10px 12px;background:var(--c-amber-bg);border-radius:var(--radius)}.sc-label{font-size:10px;color:var(--c-amber);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px}.sc-name{font-size:12px;font-weight:500;color:var(--c-amber-text)}.sidebar-footer{padding:12px 16px;font-size:11px;color:var(--c-hint);border-top:.5px solid var(--c-border)}.main{margin-right:var(--sidebar-w);flex:1;padding:24px;min-height:100vh}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title{font-size:18px;font-weight:600}.page-sub{font-size:13px;color:var(--c-muted);margin-top:2px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius);font-size:13px;font-weight:500;cursor:pointer;border:.5px solid var(--c-border2);background:var(--c-white);color:var(--c-text);transition:all .15s}.btn:hover:not(:disabled){background:var(--c-bg)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--c-teal-bg);color:var(--c-teal-text);border-color:var(--c-teal)}.btn-primary:hover:not(:disabled){background:#9fe1cb}.btn-danger{background:var(--c-red-bg);color:var(--c-red-text);border-color:var(--c-red)}.btn-full{width:100%;justify-content:center}.card{background:var(--c-white);border:.5px solid var(--c-border);border-radius:var(--radius-lg);padding:16px 20px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:20px}.stat-card{background:var(--c-white);border:.5px solid var(--c-border);border-radius:var(--radius);padding:12px 14px}.stat-num{font-size:22px;font-weight:600}.stat-lbl{font-size:11px;color:var(--c-hint);margin-top:2px}.stat-teal{color:var(--c-teal)}.stat-blue{color:var(--c-blue)}.stat-green{color:var(--c-green)}.stat-amber{color:var(--c-amber)}.stat-red{color:var(--c-red)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:right;padding:8px 12px;font-weight:500;color:var(--c-muted);border-bottom:.5px solid var(--c-border);font-size:12px}td{padding:10px 12px;border-bottom:.5px solid var(--c-border)}tr:last-child td{border-bottom:none}tr:hover td{background:var(--c-bg)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:500}.badge-pending{background:var(--c-bg);color:var(--c-muted)}.badge-valid{background:var(--c-teal-bg);color:var(--c-teal-text)}.badge-invalid{background:var(--c-red-bg);color:var(--c-red-text)}.badge-duplicate{background:var(--c-bg);color:var(--c-hint)}.badge-sent{background:var(--c-blue-bg);color:var(--c-blue-text)}.badge-replied{background:var(--c-green-bg);color:var(--c-green-text)}.badge-seller{background:var(--c-amber-bg);color:var(--c-amber-text)}.badge-not_interested{background:var(--c-red-bg);color:var(--c-red-text)}.badge-draft{background:var(--c-bg);color:var(--c-muted)}.badge-active{background:var(--c-teal-bg);color:var(--c-teal-text)}.badge-paused{background:var(--c-amber-bg);color:var(--c-amber-text)}.badge-done{background:var(--c-green-bg);color:var(--c-green-text)}.form-group{margin-bottom:14px}.form-label{display:block;font-size:12px;font-weight:500;color:var(--c-muted);margin-bottom:5px}.form-input{width:100%;padding:8px 10px;border:.5px solid var(--c-border2);border-radius:var(--radius);font-size:13px;background:var(--c-white);color:var(--c-text);font-family:inherit}.form-input:focus{outline:none;border-color:var(--c-teal)}textarea.form-input{resize:vertical;min-height:70px}.filter-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.pill{padding:4px 10px;border-radius:20px;border:.5px solid var(--c-border2);font-size:12px;cursor:pointer;color:var(--c-muted);background:var(--c-white);transition:all .15s}.pill.active{background:var(--c-text);color:var(--c-white);border-color:var(--c-text)}.progress-bar{height:4px;background:var(--c-border);border-radius:2px;overflow:hidden;margin:6px 0}.progress-fill{height:100%;background:var(--c-teal);border-radius:2px;transition:width .3s}.log{background:#1a1a18;border-radius:var(--radius);padding:10px 12px;font-family:monospace;font-size:12px;max-height:140px;overflow-y:auto;color:#c2c0b6}.log-ok{color:#97c459}.log-err{color:#f09595}.log-info{color:#85b7eb}.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}.modal{background:var(--c-white);border-radius:var(--radius-lg);padding:24px;width:480px;max-width:95vw;max-height:90vh;overflow-y:auto}.modal-title{font-size:16px;font-weight:600;margin-bottom:16px}.modal-footer{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.bubble-out{background:#dcf8c6;border-radius:12px 12px 2px;padding:8px 12px;font-size:13px;color:#1a1a18;max-width:80%;margin-right:auto;line-height:1.5}.bubble-in{background:var(--c-white);border:.5px solid var(--c-border);border-radius:12px 12px 12px 2px;padding:8px 12px;font-size:13px;color:var(--c-text);max-width:80%;margin-left:auto;line-height:1.5}.bubble-time{font-size:10px;color:var(--c-hint);margin-top:3px}.empty{text-align:center;padding:40px 20px;color:var(--c-hint);font-size:13px}.empty-icon{font-size:32px;display:block;margin-bottom:8px}.divider{height:.5px;background:var(--c-border);margin:16px 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 700px){.grid-2{grid-template-columns:1fr}}