body{background-color:#f8fafc}.hero-section{padding:30px 40px;background:#fff;border-bottom:1px solid #e2e8f0}.hero-content{max-width:100%;width:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;text-align:center}.hero-logo img{height:110px;width:auto;object-fit:contain}.hero-text{flex-grow:1;min-width:280px}.hero-section h1{font-size:2rem;font-weight:800;margin:0;color:#0f172a;letter-spacing:-.02em}.hero-section p{font-size:1.25rem;color:#475569;font-weight:600;margin:0}.dashboard-container{max-width:100%;margin:20px 20px 60px;padding:0 16px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:16px}.page-header h2{font-size:2rem;color:#0f172a;font-weight:800}.header-actions{display:flex;gap:12px;align-items:center}.search-box{position:relative;display:flex;align-items:center}.search-box ion-icon{position:absolute;left:12px;color:#94a3b8}.search-box input{padding:10px 16px 10px 40px;border:1px solid #e2e8f0;border-radius:8px;width:300px;height:44px;font-size:.95rem;transition:all .2s}.search-box input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-select{height:50px;padding:0 16px;border:2px solid #e2e8f0;border-radius:8px;background-color:#fff;font-size:1.1rem;font-weight:700;color:#1e293b;cursor:pointer}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:40px}.card{background:#fff;border-radius:12px;box-shadow:0 10px 25px -5px #0000000d,0 8px 10px -6px #0000000d;border:1px solid #e2e8f0;overflow:hidden}.stat-card{display:flex;align-items:center;padding:24px;gap:20px;justify-content:center;transition:transform .2s}.stat-card:hover{transform:translateY(-2px)}@media (max-width: 768px){.hero-section{padding:20px 16px}.hero-content{justify-content:center}.hero-logo img{height:80px}.hero-text{text-align:center}.hero-section h1{font-size:1.6rem}.hero-section p{font-size:1rem}.dashboard-container{margin:10px 10px 40px;padding:0 8px}.page-header{flex-direction:column;align-items:stretch;margin-bottom:20px}.page-header h2{font-size:1.5rem;text-align:center}.header-actions{flex-direction:column;width:100%}.search-box{width:100%}.search-box input,.filter-select{width:100%;height:48px}.stats-grid{grid-template-columns:1fr;gap:12px}#hero-logout-btn,.btn{width:100%;justify-content:center}}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.stat-info h3{font-size:.875rem;color:#64748b;font-weight:600;margin-bottom:4px;text-align:center}.stat-info p{font-size:1.75rem;font-weight:800;color:#0f172a;line-height:1;text-align:center}@media (max-width: 1024px){.table-container{overflow-x:hidden}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%!important}.table tr.table-row{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:24px;padding:20px;box-shadow:0 4px 6px -1px #0000000d;position:relative}.table td.table-cell{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9;text-align:right;font-size:1rem}.table td.table-cell:last-child{border-bottom:none;padding-top:16px;justify-content:center;gap:12px}.table td.table-cell:before{content:attr(data-label);font-weight:700;text-align:left;color:#64748b;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin-right:16px}.table td[data-label="Email ID"] span{font-size:.95rem!important;word-break:break-all}.table td[data-label=Actions]{flex-direction:row;border-top:2px solid #f1f5f9;margin-top:12px}.expanded-content{padding:20px!important;border-radius:0 0 16px 16px}.details-grid{grid-template-columns:1fr;gap:30px}.horizontal-timeline{flex-direction:column;align-items:flex-start;padding:0;gap:30px}.timeline-connector{display:none}.timeline-step{flex-direction:row;align-items:center;gap:20px;width:100%;justify-content:flex-start}.timeline-info{text-align:left;margin-top:0;max-width:none}}.table-card{margin-top:20px}.table-container{width:100%;margin-top:20px}.table{width:100%!important;border-collapse:collapse}.table th,.table td{padding:16px 20px;text-align:left;border-bottom:1px solid #f1f5f9;font-size:1.15rem;font-weight:600}.table th:nth-child(1),.table td:nth-child(1){width:100px}.table th:nth-child(2),.table td:nth-child(2){width:auto}.table th:nth-child(3),.table td:nth-child(3){width:250px}.table th:nth-child(4),.table td:nth-child(4){width:180px}.table th:nth-child(5),.table td:nth-child(5){width:150px}.table th{background:#f8fafc;color:#0f172a;font-weight:800;text-transform:uppercase;font-size:1.1rem;letter-spacing:.05em;padding:16px 20px;border-bottom:2px solid #e2e8f0}.table-cell{padding:16px 20px;border-bottom:1px solid #f1f5f9}.email-status{display:flex;gap:8px;font-size:1.1rem}.badge{padding:8px 16px;border-radius:12px;font-weight:800;font-size:.9rem;display:inline-block}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef9c3;color:#854d0e}.badge-error{background:#fee2e2;color:#991b1b}.badge-info{background:#e0f2fe;color:#075985}.expanded-content{background-color:#f8fafc;padding:30px}.timeline{position:relative;border-left:2px solid #e2e8f0;padding-left:30px;margin-left:10px}.timeline-item{position:relative;margin-bottom:20px}.timeline-item:before{content:"";position:absolute;left:-37px;top:6px;width:14px;height:14px;border-radius:50%;background-color:#cbd5e1;border:3px solid white}.timeline-item.completed:before{background-color:#3b82f6}.timeline-title{font-weight:700;color:#1e293b;margin-bottom:2px}.timeline-date{font-size:.8rem;color:#64748b}.details-row{background-color:#f8fafc}.expanded-content{padding:30px 40px!important;border-bottom:2px solid #e2e8f0}.details-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.details-title{font-size:.9rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:24px;display:flex;align-items:center;gap:8px}.email-details-list{display:flex;flex-direction:column;gap:16px}.email-detail-item{background:#fff;padding:16px 20px;border-radius:12px;border:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.email-detail-item:hover{border-color:#3b82f6;box-shadow:0 4px 6px -1px #0000000d}.email-info strong{display:block;font-size:.95rem;color:#1e293b;margin-bottom:4px}.email-info p{font-size:.8rem;color:#64748b;margin:0}.email-status-detailed{font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.status-dot.sent{background-color:#22c55e}.status-dot.failed{background-color:#ef4444}.status-dot.scheduled{background-color:#f59e0b}.status-dot.empty{background-color:#cbd5e1}.horizontal-timeline{display:flex;justify-content:space-between;align-items:flex-start;width:100%;margin:40px 0;position:relative;padding:0 20px}.timeline-connector{position:absolute;top:15px;left:40px;right:40px;height:3px;background-color:#e2e8f0;z-index:0}.timeline-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:12px;flex:1}.timeline-dot{width:32px;height:32px;border-radius:50%;background:#fff;border:3px solid #e2e8f0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1rem;color:#94a3b8;transition:all .3s}.timeline-step.completed .timeline-dot{border-color:#3b82f6;background:#3b82f6;color:#fff}.timeline-step.active .timeline-dot{border-color:#3b82f6;color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a}.timeline-step.rejected .timeline-dot{border-color:#ef4444;background:#ef4444;color:#fff}.timeline-step.skipped .timeline-connector{background-color:#f1f5f9}.timeline-dot ion-icon{font-size:1.25rem}.timeline-label{font-size:1.1rem;font-weight:700;color:#475569;text-align:center}.timeline-step.completed .timeline-label{color:#1e293b}.timeline-info{font-size:.85rem;color:#64748b;margin-top:-8px;text-align:center;max-width:120px}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-top:1px solid #f1f5f9}.pagination-info{font-size:.875rem;color:#64748b}.pagination-controls{display:flex;gap:8px}.page-btn{padding:8px 14px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-size:.875rem;font-weight:500;color:#475569;transition:all .2s}.page-btn:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1}.page-btn.active{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.page-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.pagination-container{flex-direction:column;gap:16px;padding:16px;text-align:center}.pagination-controls{width:100%;justify-content:center}}.highlight{background-color:#fef08a;padding:0 2px;border-radius:2px}.action-buttons{display:flex;justify-content:center;gap:12px;white-space:nowrap}.interview-actions{display:flex;gap:8px;white-space:nowrap}.btn-sm{padding:6px 12px;font-size:.75rem;border-radius:6px}.btn-delete:hover{background-color:#ef4444!important;color:#fff!important;border-color:#ef4444!important}