:root{--green: #059669;--green-light: #d1fae5;--red: #dc2626;--red-light: #fee2e2;--yellow: #d97706;--yellow-light: #fef3c7;--blue: #2563eb;--blue-light: #dbeafe;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-700: #374151;--gray-900: #111827;--radius: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--gray-50);color:var(--gray-900);-webkit-font-smoothing:antialiased}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--gray-900);color:#fff;padding:24px 16px;display:flex;flex-direction:column;gap:32px;position:fixed;top:0;left:0;bottom:0}.sidebar-header h1{font-size:16px;font-weight:600}.sidebar-header .badge{display:inline-block;font-size:11px;background:var(--green);color:#fff;padding:2px 8px;border-radius:10px;margin-top:4px}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a{color:var(--gray-400);text-decoration:none;padding:8px 12px;border-radius:var(--radius);font-size:14px;transition:all .15s}.sidebar nav a:hover{color:#fff;background:#ffffff14}.sidebar nav a.active{color:#fff;background:#ffffff1f}.main{margin-left:220px;flex:1;padding:32px;max-width:1100px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px}.stat-card{background:#fff;border-radius:var(--radius);padding:20px;border:1px solid var(--gray-200)}.stat-card .label{font-size:13px;color:var(--gray-500);margin-bottom:4px}.stat-card .value{font-size:28px;font-weight:700}.chart-card{background:#fff;border-radius:var(--radius);padding:24px;border:1px solid var(--gray-200);margin-bottom:32px}.chart-card h2{font-size:16px;font-weight:600;margin-bottom:16px}.table-card{background:#fff;border-radius:var(--radius);border:1px solid var(--gray-200);overflow:hidden}.table-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--gray-200)}.table-header h2{font-size:16px;font-weight:600}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 20px;font-size:12px;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--gray-200);background:var(--gray-50)}td{padding:12px 20px;font-size:14px;border-bottom:1px solid var(--gray-100)}tr:hover td{background:var(--gray-50)}tr:last-child td{border-bottom:none}.status-badge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:12px;font-weight:500}.status-badge.confirmed{background:var(--green-light);color:var(--green)}.status-badge.pending{background:var(--yellow-light);color:var(--yellow)}.status-badge.unsubscribed{background:var(--gray-100);color:var(--gray-500)}.status-badge.sent{background:var(--green-light);color:var(--green)}.status-badge.failed,.status-badge.bounced{background:var(--red-light);color:var(--red)}.controls{display:flex;gap:12px;align-items:center}.search-input{padding:8px 12px;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:14px;outline:none;width:240px}.search-input:focus{border-color:var(--green);box-shadow:0 0 0 2px var(--green-light)}.filter-btn{padding:6px 14px;border:1px solid var(--gray-300);border-radius:var(--radius);background:#fff;font-size:13px;cursor:pointer;color:var(--gray-700)}.filter-btn:hover{background:var(--gray-50)}.filter-btn.active{background:var(--gray-900);color:#fff;border-color:var(--gray-900)}.pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid var(--gray-200);font-size:13px;color:var(--gray-500)}.pagination button{padding:6px 14px;border:1px solid var(--gray-300);border-radius:var(--radius);background:#fff;cursor:pointer;font-size:13px}.pagination button:disabled{opacity:.4;cursor:default}a.row-link{color:inherit;text-decoration:none}a.row-link:hover{color:var(--green)}.detail-header{margin-bottom:24px}.detail-header h2{font-size:22px;font-weight:700}.detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:32px;background:#fff;border-radius:var(--radius);padding:20px;border:1px solid var(--gray-200)}.detail-meta .field{display:flex;flex-direction:column;gap:2px}.detail-meta .field .label{font-size:12px;color:var(--gray-500);text-transform:uppercase;letter-spacing:.5px}.detail-meta .field .value{font-size:14px;font-weight:500}.back-link{display:inline-block;margin-bottom:16px;color:var(--gray-500);text-decoration:none;font-size:14px}.back-link:hover{color:var(--green)}.loading{text-align:center;padding:40px;color:var(--gray-400)}.page-title{font-size:22px;font-weight:700;margin-bottom:24px}.quota-bar-container{display:flex;flex-direction:column;gap:6px}.quota-bar-header{display:flex;justify-content:space-between;font-size:13px;color:var(--gray-500)}.quota-bar-track{height:12px;background:var(--gray-100);border-radius:6px;overflow:hidden}.quota-bar-fill{height:100%;border-radius:6px;transition:width .5s ease}