.email-debug-container{min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}[dir] .email-debug-container{background:#f8f9fa}.header-section{-webkit-transition:-webkit-transform .3s ease;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}[dir] .header-section{background:#fff;padding:10px 12px;margin-bottom:12px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.05);box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid #e9ecef}.page-title{color:#212529;font-weight:600;font-size:1.25rem;letter-spacing:-.01em}[dir] .page-title{margin:0}.client-selector{min-width:280px}.client-selector .form-label{color:#6c757d;font-size:.875rem;font-weight:500}[dir] .client-selector .form-label{margin-bottom:6px}[dir] .metrics-section{margin-bottom:24px}.metric-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all .2s ease;transition:all .2s ease;height:100%}[dir] .metric-card{background:#fff;border-radius:12px;padding:24px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.05);box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid #e9ecef}[dir] .metric-card:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.08);box-shadow:0 4px 12px rgba(0,0,0,.08);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.metric-icon{width:48px;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#6c757d}[dir] .metric-icon{background:#f8f9fa;border-radius:10px}[dir=ltr] .metric-icon{margin-right:16px}[dir=rtl] .metric-icon{margin-left:16px}.metric-icon svg{width:20px;height:20px}.metric-content{-webkit-box-flex:1;-ms-flex:1;flex:1}.metric-value{font-size:1.75rem;font-weight:700;color:#212529;line-height:1.2}[dir] .metric-value{margin-bottom:4px}.metric-label{color:#6c757d;font-size:.875rem;font-weight:500}[dir] .table-section{margin-bottom:24px}.card{overflow:hidden}[dir] .card{background:#fff;border-radius:12px;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.05);box-shadow:0 1px 3px rgba(0,0,0,.05);border:1px solid #e9ecef}[dir] .card-header{background:#fff;border-bottom:1px solid #e9ecef}[dir] .card .card-header{padding:.5rem}.card-header h5{color:#212529;font-weight:600;font-size:1.125rem}[dir] .card-header h5{margin:0}[dir] .table{margin:0;background:#fff}.table th{font-weight:600;color:#495057;font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}[dir] .table th{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:4px 3px}.table td{vertical-align:middle;font-size:.875rem;color:#495057}[dir] .table td{padding:8px 6px;border-bottom:1px solid #f1f3f4}[dir] .table tbody tr:hover{background:#f8f9fa}[dir] .table tbody tr:last-child td{border-bottom:none}.badge{font-size:.75rem;font-weight:600}[dir] .badge{padding:4px 8px;border-radius:6px}.badge.bg-warning{color:#856404!important}[dir] .badge.bg-warning{background:#fff3cd!important}.badge.bg-info{color:#0c5460!important}[dir] .badge.bg-info{background:#d1ecf1!important}.badge.bg-success{color:#155724!important}[dir] .badge.bg-success{background:#d4edda!important}.badge.bg-danger{color:#721c24!important}[dir] .badge.bg-danger{background:#f8d7da!important}.badge.bg-secondary{color:#383d41!important}[dir] .badge.bg-secondary{background:#e2e3e5!important}.btn{font-weight:500;font-size:.875rem;-webkit-transition:all .2s ease;transition:all .2s ease}[dir] .btn{padding:8px 16px;border-radius:8px;border:none}.btn-outline-primary{color:#0d6efd}[dir] .btn-outline-primary{background:#fff;border:1px solid #0d6efd}.btn-outline-primary:hover{color:#fff}[dir] .btn-outline-primary:hover{background:#0d6efd}.btn-danger{color:#fff}[dir] .btn-danger{background:#dc3545}[dir] .btn-danger:hover{background:#c82333}.btn-danger:disabled{opacity:.6}[dir] .btn-danger:disabled{background:#6c757d}.btn-outline-danger{color:#dc3545}[dir] .btn-outline-danger{background:#fff;border:1px solid #dc3545}.btn-outline-danger:hover{color:#fff}[dir] .btn-outline-danger:hover{background:#dc3545}[dir] .card-footer{background:#fff;border-top:1px solid #e9ecef;padding:16px 24px}[dir] .pagination{margin:0}.pagination .page-link{color:#6c757d;font-size:.875rem;font-weight:500;-webkit-transition:all .2s ease;transition:all .2s ease}[dir] .pagination .page-link{border:none;background:transparent;padding:8px 12px;margin:0 2px;border-radius:6px}.pagination .page-link:hover{color:#495057}[dir] .pagination .page-link:hover{background:#e9ecef}.pagination .page-item.active .page-link{color:#fff;font-weight:600}[dir] .pagination .page-item.active .page-link{background:#0d6efd}.pagination .page-item.disabled .page-link{color:#adb5bd}[dir] .pagination .page-item.disabled .page-link{background:transparent}.empty-state{color:#6c757d}[dir] .empty-state{text-align:center;padding:48px 24px}.empty-state i{font-size:3rem;opacity:.5}[dir] .empty-state i{margin-bottom:16px}#alerts{position:fixed;bottom:20px;min-width:50%;z-index:100;overflow:hidden;pointer-events:none}[dir=ltr] #alerts{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}[dir=rtl] #alerts{right:50%;-webkit-transform:translateX(50%);transform:translateX(50%)}.alert{min-width:100%;font-weight:500;color:#212529;-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1);font-size:.875rem;backdrop-filter:blur(10px);opacity:0;max-width:90%;pointer-events:auto}[dir] .alert{background:#fff;border-radius:8px;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.15);box-shadow:0 8px 32px rgba(0,0,0,.15);padding:16px 20px;margin-bottom:8px;border-bottom:4px solid #28a745;border:1px solid hsla(0,0%,100%,.2);text-align:center;-webkit-transform:translateY(100%);transform:translateY(100%);margin:0 auto 8px auto}.alert.alert-slide{opacity:1}[dir] .alert.alert-slide{-webkit-transform:translateY(0);transform:translateY(0)}[dir=ltr] .alert-success{border-left-color:#28a745}[dir=rtl] .alert-success{border-right-color:#28a745}[dir=ltr] .alert-danger{border-left-color:#dc3545}[dir=rtl] .alert-danger{border-right-color:#dc3545}[dir=ltr] .alert-warning{border-left-color:#ffc107}[dir=rtl] .alert-warning{border-right-color:#ffc107}::v-deep .v-select{color:#495057;font-size:.875rem;-webkit-transition:all .2s ease;transition:all .2s ease;position:static}[dir] ::v-deep .v-select{background:#fff;border:1px solid #e9ecef;border-radius:8px}::v-deep .v-select .vs__dropdown-toggle{min-height:40px}[dir] ::v-deep .v-select .vs__dropdown-toggle{background:#fff;border:none;padding:12px 16px}::v-deep .v-select .vs__selected{font-weight:500}[dir] ::v-deep .v-select .vs__selected{background:#e9ecef;border-radius:6px;padding:4px 8px}[dir=ltr] ::v-deep .v-select .vs__selected{margin:2px 4px 2px 0}[dir=rtl] ::v-deep .v-select .vs__selected{margin:2px 0 2px 4px}::v-deep .v-select .vs__dropdown-menu{z-index:999999!important;position:absolute!important}[dir] ::v-deep .v-select .vs__dropdown-menu{background:#fff;border:1px solid #e9ecef;border-radius:8px;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);margin-top:4px}::v-deep .v-select .vs__dropdown-option{font-size:.875rem}[dir] ::v-deep .v-select .vs__dropdown-option{padding:12px 16px}[dir] ::v-deep .v-select .vs__dropdown-option:hover{background:#f8f9fa}::v-deep .v-select .vs__dropdown-option--highlight{color:#fff}[dir] ::v-deep .v-select .vs__dropdown-option--highlight{background:#0d6efd}@media (max-width:768px){[dir] .email-debug-container{padding:16px 0}[dir] .header-section{padding:16px 20px;margin-bottom:20px}.page-title{font-size:1.125rem}.client-selector{min-width:100%}[dir] .client-selector{margin-top:16px}[dir] .metric-card{padding:20px;margin-bottom:16px}.metric-icon{width:40px;height:40px}[dir=ltr] .metric-icon{margin-right:12px}[dir=rtl] .metric-icon{margin-left:12px}.metric-value{font-size:1.5rem}[dir] .card-header{padding:8px 10px}[dir] .card-footer{padding:6px 10px}.table td,.table th{font-size:.8rem}[dir] .table td,[dir] .table th{padding:1px}}.small{height:20px}[dir] .small{padding:4px 6px;border-radius:0}