:root{--background:#f8fafc;--foreground:#0f172a;--card:#fff;--card-foreground:#0f172a;--primary:#2563eb;--primary-foreground:#fff;--secondary:#f1f5f9;--secondary-foreground:#1e293b;--muted:#f1f5f9;--muted-foreground:#64748b;--accent:#f1f5f9;--accent-foreground:#0f172a;--destructive:#ef4444;--destructive-foreground:#f8fafc;--border:#e2e8f0;--input:#e2e8f0;--ring:#3b82f6;--radius:0.75rem}*{box-sizing:border-box;padding:0;margin:0}body{background-color:var(--background);color:var(--foreground);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:2rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.05),0 2px 4px -2px rgba(0,0,0,.05);transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.07)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;border-radius:var(--radius);font-weight:500;cursor:pointer;transition:all .2s;border:none;gap:.5rem;font-size:.875rem;white-space:nowrap}.btn-primary{background-color:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background-color:#1d4ed8;transform:translateY(-1px)}.btn-secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.btn-secondary:hover{background-color:#e2e8f0}.btn-danger{background-color:var(--destructive);color:var(--destructive-foreground)}.btn-danger:hover{background-color:#dc2626;transform:translateY(-1px)}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.input-field{width:100%;padding:.75rem;border-radius:var(--radius);border:1px solid var(--input);background:var(--card);font-size:1rem;outline:none;transition:border-color .2s,ring .2s}.input-field:focus{border-color:var(--ring);box-shadow:0 0 0 2px rgba(59,130,246,.1)}.badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.25rem;white-space:nowrap}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef9c3;color:#854d0e}.badge-error{background:#fee2e2;color:#991b1b}.badge-info{background:#e0f2fe;color:#0369a1}.badge-delivered{background:#dbeafe;color:#1e40af}.badge-unsubscribed{background:#fce7f3;color:#9d174d}.grid{display:grid;grid-gap:1.5rem;gap:1.5rem}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}h1{font-size:2.25rem;font-weight:800;letter-spacing:-.025em;margin-bottom:1rem}h2{font-size:1.5rem;font-weight:700;margin-bottom:.75rem}h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}p{color:var(--muted-foreground);line-height:1.6}.table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrapper table{min-width:600px}@media (max-width:768px){.container{padding:1rem}h1{font-size:1.5rem}h2{font-size:1.25rem}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}.card{padding:1rem}.header-layout{flex-direction:column!important;gap:1rem!important;text-align:center}.header-actions{width:100%;justify-content:center!important}.btn{padding:.5rem 1rem}.job-id-text{display:none}.job-metrics{gap:1rem!important}.job-actions,.job-metrics{flex-direction:column!important}.job-actions{gap:.75rem!important}.job-actions .btn{width:100%}}@media (max-width:480px){.container{padding:.75rem}h1{font-size:1.25rem}.card{padding:.75rem}.btn{font-size:.8rem;padding:.5rem .75rem}.badge{font-size:.65rem;padding:.2rem .5rem}}