body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-bg:#f0f2f5;--color-surface:#fff;--color-sidebar:#111827;--color-sidebar-hover:#1f2937;--color-sidebar-active:#2563eb;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-light:#eff6ff;--color-text:#1f2937;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-border:#e5e7eb;--color-border-light:#f3f4f6;--color-success:#059669;--color-success-light:#ecfdf5;--color-warning:#d97706;--color-warning-light:#fffbeb;--color-danger:#dc2626;--color-danger-light:#fef2f2;--color-info:#0284c7;--color-info-light:#f0f9ff;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-lg:1rem;--text-xl:1.25rem;--text-2xl:1.5rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--sidebar-width:260px;--transition-fast:150ms ease;--transition-base:200ms ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;background-color:var(--color-bg);color:#1f2937;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-size:var(--text-base);line-height:1.5}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--color-text-muted);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--color-text-secondary)}.login-container{align-items:center;background:linear-gradient(135deg,#111827,#1f2937 50%,#111827);display:flex;justify-content:center;min-height:100vh;padding:16px;padding:var(--space-4)}.login-box{background:#fff;background:var(--color-surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d;box-shadow:var(--shadow-xl);max-width:420px;padding:40px;padding:var(--space-10);width:100%}.login-box h1{color:#1f2937;color:var(--color-text);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;margin-bottom:8px;margin-bottom:var(--space-2)}.login-box>p{color:#6b7280;color:var(--color-text-secondary);margin-bottom:32px;margin-bottom:var(--space-8)}.login-box form input,.login-box>p{font-size:.875rem;font-size:var(--text-base)}.login-box form input{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#1f2937;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);margin-bottom:16px;margin-bottom:var(--space-4);padding:12px 16px;padding:var(--space-3) var(--space-4);transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.login-box form input:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.login-box form button{background:#2563eb;background:var(--color-primary);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.875rem;font-size:var(--text-base);font-weight:600;padding:12px 16px;padding:var(--space-3) var(--space-4);transition:background .15s ease;transition:background var(--transition-fast);width:100%}.login-box form button:hover{background:#1d4ed8;background:var(--color-primary-hover)}.login-box form button:disabled{background:#9ca3af;background:var(--color-text-muted);cursor:not-allowed}.error{background:#fef2f2;background:var(--color-danger-light);border-radius:8px;border-radius:var(--radius-md);color:#dc2626;color:var(--color-danger);font-size:.8125rem;font-size:var(--text-sm);font-weight:500;margin-bottom:16px;margin-bottom:var(--space-4);padding:12px 16px;padding:var(--space-3) var(--space-4)}.google-login-wrapper{display:flex;justify-content:center;margin-top:20px;margin-top:var(--space-5)}.login-loading{color:#6b7280;color:var(--color-text-secondary);font-size:.8125rem;font-size:var(--text-sm);padding:12px;padding:var(--space-3)}.login-loading,.pending-box{text-align:center}.pending-icon{color:#d97706;color:var(--color-warning);margin-bottom:16px;margin-bottom:var(--space-4)}.pending-name{color:#1f2937;color:var(--color-text);font-size:1rem;font-size:var(--text-lg);font-weight:600;margin-bottom:4px;margin-bottom:var(--space-1)}.pending-email{color:#6b7280;color:var(--color-text-secondary);margin-bottom:20px;margin-bottom:var(--space-5)}.pending-email,.pending-message{font-size:.8125rem;font-size:var(--text-sm)}.pending-message{background:#fffbeb;background:var(--color-warning-light);border-radius:8px;border-radius:var(--radius-md);color:#d97706;color:var(--color-warning);line-height:1.5;margin-bottom:24px;margin-bottom:var(--space-6);padding:16px;padding:var(--space-4)}.pending-actions{display:flex;justify-content:center}.app-container{display:flex;min-height:100vh}.sidebar{background:#111827;background:var(--color-sidebar);color:#fff;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:transform .3s ease;width:260px;width:var(--sidebar-width);z-index:200}.sidebar-header{align-items:baseline;border-bottom:1px solid #ffffff14;display:flex;gap:8px;gap:var(--space-2);padding:24px;padding:var(--space-6)}.sidebar-header h2{font-size:1.25rem;font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em}.sidebar-header span{color:#ffffff80;font-size:.8125rem;font-size:var(--text-sm);font-weight:400}.sidebar nav{flex:1 1;overflow-y:auto;padding:12px 0;padding:var(--space-3) 0}.sidebar nav a{align-items:center;border-left:3px solid #0000;color:#ffffffa6;display:flex;font-size:.8125rem;font-size:var(--text-sm);font-weight:500;gap:12px;gap:var(--space-3);padding:12px 24px;padding:var(--space-3) var(--space-6);position:relative;text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.sidebar nav a:hover{background:#1f2937;background:var(--color-sidebar-hover);color:#fffffff2}.sidebar nav a.active,.sidebar nav a:active{background:#2563eb26;border-left-color:#2563eb;border-left-color:var(--color-sidebar-active);color:#fff}.sidebar-footer{border-top:1px solid #ffffff14;padding:16px 24px;padding:var(--space-4) var(--space-6)}.sidebar-footer small{color:#ffffff80;display:block;font-size:.75rem;font-size:var(--text-xs);margin-bottom:12px;margin-bottom:var(--space-3);word-break:break-all}.sidebar-footer button{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;border-radius:var(--radius-sm);color:#ffffffb3;cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);gap:8px;gap:var(--space-2);justify-content:center;padding:8px 12px;padding:var(--space-2) var(--space-3);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.sidebar-footer button:hover{background:#ffffff1f;color:#fff}.sidebar-user{align-items:center;display:flex;gap:8px;gap:var(--space-2);margin-bottom:8px;margin-bottom:var(--space-2)}.sidebar-avatar{border-radius:9999px;border-radius:var(--radius-full);flex-shrink:0;height:28px;object-fit:cover;width:28px}.sidebar-toggle{align-items:center;background:#111827;background:var(--color-sidebar);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:none;height:40px;justify-content:center;left:12px;left:var(--space-3);position:fixed;top:12px;top:var(--space-3);transition:background .15s ease;transition:background var(--transition-fast);width:40px;z-index:300}.sidebar-toggle:hover{background:#1f2937;background:var(--color-sidebar-hover)}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:150}main{flex:1 1;margin-left:260px;margin-left:var(--sidebar-width);min-width:0}.content,main{padding:24px;padding:var(--space-6)}.content{background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.content h1{font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin-bottom:24px;margin-bottom:var(--space-6)}.content h1,.content h2{color:#1f2937;color:var(--color-text)}.content h2{font-size:1.25rem;font-size:var(--text-xl);font-weight:600;margin:24px 0 16px;margin:var(--space-6) 0 var(--space-4)}.content-header{justify-content:space-between;margin-bottom:24px;margin-bottom:var(--space-6)}.content-header,.header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3)}.header-actions select{background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#1f2937;color:var(--color-text);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);padding:8px 16px;padding:var(--space-2) var(--space-4);transition:border-color .15s ease;transition:border-color var(--transition-fast)}.header-actions select:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.dashboard-content{background:#0000;border:none;box-shadow:none;padding:0}.dashboard-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-4);justify-content:space-between;margin-bottom:32px;margin-bottom:var(--space-8)}.dashboard-header h1{margin-bottom:4px;margin-bottom:var(--space-1)}.quick-actions{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3)}.stats-grid{grid-gap:20px;grid-gap:var(--space-5);display:grid;gap:20px;gap:var(--space-5);grid-template-columns:repeat(4,1fr);margin-bottom:24px;margin-bottom:var(--space-6)}.stat-card{align-items:center;background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:16px;gap:var(--space-4);padding:20px;padding:var(--space-5);text-align:left;transition:box-shadow .2s ease;transition:box-shadow var(--transition-base)}.stat-card:hover{box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;box-shadow:var(--shadow-md)}.stat-card h3{color:#1f2937;color:var(--color-text);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin:0 0 2px}.stat-card p{color:#6b7280;color:var(--color-text-secondary);font-size:.75rem;font-size:var(--text-xs);font-weight:500;letter-spacing:.03em;margin:0;text-transform:uppercase}.stat-icon{align-items:center;border-radius:12px;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon.icon-blue{background:#eff6ff;background:var(--color-primary-light);color:#2563eb;color:var(--color-primary)}.stat-icon.icon-purple{background:#f5f3ff;color:#7c3aed}.stat-icon.icon-green{background:#ecfdf5;background:var(--color-success-light);color:#059669;color:var(--color-success)}.stat-icon.icon-orange{background:#fffbeb;background:var(--color-warning-light);color:#d97706;color:var(--color-warning)}.stat-info h3{color:#1f2937;color:var(--color-text);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;margin:0 0 2px}.stat-info p{color:#6b7280;color:var(--color-text-secondary);font-size:.75rem;font-size:var(--text-xs);font-weight:500;letter-spacing:.03em;margin:0;text-transform:uppercase}.charts-row{grid-gap:20px;grid-gap:var(--space-5);display:grid;gap:20px;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:32px;margin-bottom:var(--space-8)}.chart-card{background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:24px;padding:var(--space-6)}.chart-card h3{color:#1f2937;color:var(--color-text);font-size:1rem;font-size:var(--text-lg);font-weight:600;margin:0 0 20px;margin:0 0 var(--space-5) 0}.chart-container{min-height:300px}.empty-chart{align-items:center;color:#9ca3af;color:var(--color-text-muted);display:flex;font-style:italic;height:100%;justify-content:center;min-height:200px}.recent-activity{background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:24px;padding:var(--space-6)}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;border-spacing:0;width:100%}table td,table th{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-border-light);padding:12px 16px;padding:var(--space-3) var(--space-4);text-align:left}table th{background:#0000;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);color:#6b7280;color:var(--color-text-secondary);font-size:.75rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}table tbody tr{transition:background-color .15s ease;transition:background-color var(--transition-fast)}table tbody tr:hover,table tr:hover{background-color:#f9fafb}.status{border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:inline-block;font-size:.75rem;font-size:var(--text-xs);font-weight:600;padding:4px 12px;padding:var(--space-1) var(--space-3);transition:all .15s ease;transition:all var(--transition-fast)}.status.active{background:#ecfdf5;background:var(--color-success-light);color:#059669;color:var(--color-success)}.status.inactive{background:#fef2f2;background:var(--color-danger-light);color:#dc2626;color:var(--color-danger)}.status:hover{opacity:.85}.badge{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;font-size:.75rem;font-size:var(--text-xs);font-weight:600;line-height:1.5;padding:2px 10px}.badge-success{background:#ecfdf5;background:var(--color-success-light);color:#059669;color:var(--color-success)}.badge-warning{background:#fffbeb;background:var(--color-warning-light);color:#d97706;color:var(--color-warning)}.badge-danger{background:#fef2f2;background:var(--color-danger-light);color:#dc2626;color:var(--color-danger)}.badge-info{background:#f0f9ff;background:var(--color-info-light);color:#0284c7;color:var(--color-info)}.badge-neutral{background:#f3f4f6;background:var(--color-border-light);color:#6b7280;color:var(--color-text-secondary)}.badge-approved{background:#ecfdf5;background:var(--color-success-light);color:#059669;color:var(--color-success)}.badge-pending{background:#fffbeb;background:var(--color-warning-light);color:#d97706;color:var(--color-warning)}.badge-frozen{background:#fef2f2;background:var(--color-danger-light);color:#dc2626;color:var(--color-danger)}.badge-superadmin{background:#ede9fe;color:#6d28d9}.badge-admin{background:#eff6ff;background:var(--color-primary-light);color:#2563eb;color:var(--color-primary)}.badge-viewer,.folder-badge{background:#f3f4f6;background:var(--color-border-light);color:#6b7280;color:var(--color-text-secondary)}.folder-badge{border-radius:6px;border-radius:var(--radius-sm);display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;padding:2px var(--space-2)}.folder-badge.folder-inbox{background:#eff6ff;background:var(--color-primary-light);color:#2563eb;color:var(--color-primary)}.folder-badge.folder-sent{background:#ecfdf5;background:var(--color-success-light);color:#059669;color:var(--color-success)}.folder-badge.folder-junk{background:#fffbeb;background:var(--color-warning-light);color:#d97706;color:var(--color-warning)}.avatar{align-items:center;display:flex;gap:12px;gap:var(--space-3)}.avatar img{object-fit:cover}.avatar img,.avatar-fallback{border-radius:9999px;border-radius:var(--radius-full);flex-shrink:0;height:32px;width:32px}.avatar-fallback{background:#f3f4f6;background:var(--color-border-light);color:#6b7280;color:var(--color-text-secondary);display:flex;justify-content:center}.avatar-fallback,.btn-primary{align-items:center;font-size:.8125rem;font-size:var(--text-sm);font-weight:600}.btn-primary{background:#2563eb;background:var(--color-primary);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);gap:8px;gap:var(--space-2);padding:8px 20px;padding:var(--space-2) var(--space-5);transition:background .15s ease;transition:background var(--transition-fast)}.btn-primary:hover{background:#1d4ed8;background:var(--color-primary-hover)}.btn-primary:disabled{background:#9ca3af;background:var(--color-text-muted);cursor:not-allowed}.btn-secondary{align-items:center;background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#1f2937;color:var(--color-text);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);font-weight:500;gap:8px;gap:var(--space-2);padding:8px 20px;padding:var(--space-2) var(--space-5);transition:all .15s ease;transition:all var(--transition-fast)}.btn-secondary:hover{background:#f3f4f6;background:var(--color-border-light)}.btn-secondary:disabled{cursor:not-allowed;opacity:.5}.btn-danger{background:#dc2626;background:var(--color-danger);border:none;border-radius:8px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);font-weight:600;padding:8px 20px;padding:var(--space-2) var(--space-5);transition:background .15s ease;transition:background var(--transition-fast)}.btn-danger:hover{background:#b91c1c}.btn-ghost{align-items:center;background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md);color:#6b7280;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);gap:4px;gap:var(--space-1);padding:8px;padding:var(--space-2);transition:all .15s ease;transition:all var(--transition-fast)}.btn-ghost:hover{color:#1f2937;color:var(--color-text)}.btn-ghost:hover,.btn-small{background:#f3f4f6;background:var(--color-border-light)}.btn-small{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#6b7280;color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.75rem;font-size:var(--text-xs);font-weight:500;gap:4px;gap:var(--space-1);margin-right:8px;margin-right:var(--space-2);padding:4px 12px;padding:var(--space-1) var(--space-3);transition:all .15s ease;transition:all var(--transition-fast)}.btn-small:hover{background:#e5e7eb;background:var(--color-border);color:#1f2937;color:var(--color-text)}.btn-small.btn-danger{background:#fef2f2;background:var(--color-danger-light);color:#dc2626;color:var(--color-danger);padding:4px 12px;padding:var(--space-1) var(--space-3)}.btn-small.btn-danger:hover{background:#dc2626;background:var(--color-danger);color:#fff}a.btn-small{text-align:center}.btn-link,a.btn-small{display:inline-flex;text-decoration:none}.btn-link{align-items:center;background:none;border:none;color:#2563eb;color:var(--color-primary);cursor:pointer;font-size:.8125rem;font-size:var(--text-sm);font-weight:500;gap:4px;gap:var(--space-1);padding:0}.btn-link:hover{text-decoration:underline}.btn-copy{background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#6b7280;color:var(--color-text-secondary);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:11px;padding:2px 8px;padding:2px var(--space-2);transition:all .15s ease;transition:all var(--transition-fast)}.btn-copy:hover{background:#2563eb;background:var(--color-primary);border-color:#2563eb;border-color:var(--color-primary);color:#fff}.btn-icon{align-items:center;border:none;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;flex-shrink:0;height:32px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:32px}.btn-icon:hover{opacity:.8}.btn-approve{background:#ecfdf5;background:var(--color-success-light);color:#059669;color:var(--color-success)}.btn-freeze{background:#fffbeb;background:var(--color-warning-light);color:#d97706;color:var(--color-warning)}.btn-remove{background:#fef2f2;background:var(--color-danger-light);color:#dc2626;color:var(--color-danger)}.actions-row{display:flex;gap:4px;gap:var(--space-1)}.modal-overlay{align-items:center;animation:fadeIn .15s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;padding:16px;padding:var(--space-4);position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal{animation:slideUp .2s ease;background:#fff;background:var(--color-surface);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000000d;box-shadow:var(--shadow-xl);max-height:90vh;max-width:480px;overflow-y:auto;padding:24px;padding:var(--space-6);width:100%}.modal h2{color:#1f2937;color:var(--color-text);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;margin-bottom:20px;margin-bottom:var(--space-5)}.modal p{margin-bottom:16px;margin-bottom:var(--space-4)}.modal form label,.modal p{color:#6b7280;color:var(--color-text-secondary);font-size:.8125rem;font-size:var(--text-sm)}.modal form label{display:block;font-weight:500;margin-bottom:4px;margin-bottom:var(--space-1)}.modal form input,.modal form select{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#1f2937;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);margin-bottom:16px;margin-bottom:var(--space-4);padding:10px 16px;padding:10px var(--space-4);transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.modal form input:focus,.modal form select:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.modal-actions{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3);justify-content:flex-end;margin-top:20px;margin-top:var(--space-5)}.modal-actions button{border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);font-weight:500;padding:8px 20px;padding:var(--space-2) var(--space-5);transition:all .15s ease;transition:all var(--transition-fast)}.modal-actions button[type=button]{background:#f3f4f6;background:var(--color-border-light);border:1px solid #e5e7eb;border:1px solid var(--color-border);color:#1f2937;color:var(--color-text)}.modal-actions button[type=button]:hover{background:#e5e7eb;background:var(--color-border)}.email-modal{display:flex;flex-direction:column;height:80vh;max-height:90vh;max-width:800px;overflow:hidden;padding:0;width:100%}.email-header{align-items:flex-start;background:#f3f4f6;background:var(--color-border-light);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px;padding:var(--space-5) var(--space-6)}.email-header h2{color:#1f2937;color:var(--color-text);flex:1 1;font-size:1rem;font-size:var(--text-lg);line-height:1.4;margin:0;word-break:break-word}.close-btn{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#6b7280;color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;font-size:20px;line-height:1;margin-left:16px;margin-left:var(--space-4);padding:0 8px;padding:0 var(--space-2);transition:all .15s ease;transition:all var(--transition-fast)}.close-btn:hover{background:#e5e7eb;background:var(--color-border);color:#1f2937;color:var(--color-text)}.email-meta{background:#fff;background:var(--color-surface);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);flex-shrink:0;font-size:.8125rem;font-size:var(--text-sm);padding:16px 24px;padding:var(--space-4) var(--space-6)}.meta-row{display:flex;flex-wrap:wrap;gap:4px;gap:var(--space-1);margin-bottom:8px;margin-bottom:var(--space-2)}.meta-row:last-child{margin-bottom:0}.meta-row .label{color:#6b7280;color:var(--color-text-secondary);flex-shrink:0;font-size:.8125rem;font-size:var(--text-sm);font-weight:600;width:70px}.meta-row .value{color:#1f2937;color:var(--color-text);flex:1 1;min-width:0;word-break:break-all}.email-body{background:#fff;background:var(--color-surface);flex:1 1;overflow-y:auto;padding:24px;padding:var(--space-6)}.email-body pre{color:#1f2937;color:var(--color-text);font-family:inherit;line-height:1.6;white-space:pre-wrap}.attachments-list{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2)}.attachment-chip{align-items:center;background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#1f2937;color:var(--color-text);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.75rem;font-size:var(--text-xs);gap:8px;gap:var(--space-2);max-width:100%;padding:8px 12px;padding:var(--space-2) var(--space-3);transition:background .15s,border-color .15s,color .15s}.attachment-chip:hover{background:#eff6ff;background:var(--color-primary-light);border-color:#2563eb;border-color:var(--color-primary);color:#2563eb;color:var(--color-primary)}.attachment-chip .attachment-name{font-weight:600;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-chip .attachment-size{color:#9ca3af;color:var(--color-text-muted)}.email-direction{border-radius:6px;border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;font-size:var(--text-xs);font-weight:600;padding:2px 8px;padding:2px var(--space-2)}.email-direction.enviado{background:#f0f9ff;background:var(--color-info-light);color:#0284c7;color:var(--color-info)}.email-direction.recebido{background:#ecfdf5;background:var(--color-success-light);color:#059669;color:var(--color-success)}.email-status{border-radius:6px;border-radius:var(--radius-sm);display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;padding:2px var(--space-2);text-transform:uppercase}.email-status.sent{background:#ecfdf5;background:var(--color-success-light);color:#059669;color:var(--color-success)}.email-status.deferred{background:#fffbeb;background:var(--color-warning-light);color:#d97706;color:var(--color-warning)}.email-status.bounced{background:#fef2f2;background:var(--color-danger-light);color:#dc2626;color:var(--color-danger)}.email-status.unknown{background:#f3f4f6;background:var(--color-border-light);color:#6b7280;color:var(--color-text-secondary)}.clickable-row{cursor:pointer;transition:background-color .15s ease;transition:background-color var(--transition-fast)}.clickable-row:hover{background-color:#f9fafb!important}.inbox-controls{justify-content:flex-end;margin-bottom:16px;margin-bottom:var(--space-4)}.inbox-controls,.search-form{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2)}.search-form input{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#1f2937;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);min-width:200px;padding:8px 12px;padding:var(--space-2) var(--space-3);transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-form input:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.inbox-table{table-layout:fixed;width:100%}.col-date{width:160px}.col-from{width:200px}.col-action{text-align:center;width:80px}.col-folder{width:100px}.col-mailbox{width:200px}.truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-4);justify-content:center;margin-top:16px;margin-top:var(--space-4)}.pagination-controls button{background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#1f2937;color:var(--color-text);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);padding:8px 16px;padding:var(--space-2) var(--space-4);transition:all .15s ease;transition:all var(--transition-fast)}.pagination-controls button:disabled{cursor:not-allowed;opacity:.4}.pagination-controls button:not(:disabled):hover{background:#f3f4f6;background:var(--color-border-light);border-color:#2563eb;border-color:var(--color-primary)}.pagination-controls span{color:#6b7280;color:var(--color-text-secondary);font-size:.8125rem;font-size:var(--text-sm)}.total-badge{background:#2563eb;background:var(--color-primary);border-radius:9999px;border-radius:var(--radius-full);color:#fff;display:inline-block;font-size:.75rem;font-size:var(--text-xs);font-weight:600;padding:4px 12px;padding:var(--space-1) var(--space-3)}.filters-bar,.filters-section{background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:20px;margin-bottom:var(--space-5);padding:20px;padding:var(--space-5)}.filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-4);margin-bottom:16px;margin-bottom:var(--space-4)}.filters-row:last-child{margin-bottom:0}.search-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3)}.search-input-wrapper{align-items:center;display:flex;flex:1 1;min-width:200px;position:relative}.search-icon{color:#9ca3af;color:var(--color-text-muted);left:12px;left:var(--space-3);pointer-events:none;position:absolute}.search-input-wrapper input{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#1f2937;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);padding:10px 36px;transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.search-input-wrapper input:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.search-clear-btn{align-items:center;background:#e5e7eb;background:var(--color-border);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#6b7280;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:12px;height:20px;justify-content:center;line-height:1;position:absolute;right:8px;right:var(--space-2);transition:all .15s ease;transition:all var(--transition-fast);width:20px}.search-clear-btn:hover{background:#dc2626;background:var(--color-danger);color:#fff}.active-filters{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2);padding:8px 0 0;padding:var(--space-2) 0 0}.active-filters-label{color:#9ca3af;color:var(--color-text-muted);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.filter-pill{background:#eff6ff;background:var(--color-primary-light);border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:600;gap:4px;gap:var(--space-1);padding:2px 10px}.filter-pill,.filter-pill-remove{align-items:center;color:#2563eb;color:var(--color-primary)}.filter-pill-remove{background:none;border:none;cursor:pointer;display:flex;font-size:14px;line-height:1;opacity:.6;padding:0;transition:opacity .15s ease;transition:opacity var(--transition-fast)}.filter-pill-remove:hover{opacity:1}.filter-group{display:flex;flex-direction:column;gap:4px;gap:var(--space-1);min-width:160px}.filter-group label{color:#9ca3af;color:var(--color-text-muted);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.filter-group input[type=date],.filter-group select{background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#1f2937;color:var(--color-text);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);padding:10px 12px;padding:10px var(--space-3);transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.filter-group input[type=date]:focus,.filter-group select:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.filter-group-wide{flex:1 1;min-width:250px}.filter-group-search{flex:1 1;min-width:200px}.filter-actions,.filter-group-actions{align-items:flex-end;display:flex;gap:8px;gap:var(--space-2)}.filter-actions{min-width:auto}.filter-actions-row{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2)}.filter-hint{color:#2563eb;color:var(--color-primary);font-size:10px;font-weight:400;letter-spacing:normal;text-transform:none}.filter-disabled{opacity:.5}.filter-disabled input,.filter-disabled select{background:#f3f4f6;background:var(--color-border-light);cursor:not-allowed}.search-form-inline{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2)}.search-form-inline input{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#1f2937;color:var(--color-text);flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);min-width:160px;padding:10px 12px;padding:10px var(--space-3)}.search-form-inline input:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.messages-controls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3);margin-bottom:24px;margin-bottom:var(--space-6)}.messages-controls .search-form{flex:1 1;min-width:280px}.messages-controls .search-form input{min-width:200px;width:100%}.messages-controls select{background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#1f2937;color:var(--color-text);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);min-width:160px;padding:10px 16px;padding:10px var(--space-4)}.messages-table-container{-webkit-overflow-scrolling:touch;max-height:calc(100vh - 320px);overflow-x:auto;overflow-y:auto}.messages-table{min-width:700px;table-layout:fixed;width:100%}.messages-table .col-date{width:120px}.messages-table .col-from,.messages-table .col-mailbox{width:200px}.messages-table .col-action{text-align:center;width:160px}.date-cell{display:flex;flex-direction:column;gap:1px}.date-main{color:#1f2937;color:var(--color-text);font-size:.8125rem;font-size:var(--text-sm);font-weight:600}.date-time{color:#9ca3af;color:var(--color-text-muted);font-size:11px}.mailbox-cell{display:flex;flex-direction:column;gap:1px}.mailbox-user{color:#2563eb;color:var(--color-primary);font-size:.8125rem;font-size:var(--text-sm);font-weight:600}.mailbox-domain{color:#6b7280;color:var(--color-text-secondary);font-size:11px}.mailbox-highlight{background:#eff6ff;background:var(--color-primary-light);border-radius:6px;border-radius:var(--radius-sm);color:#2563eb;color:var(--color-primary);font-weight:600;padding:4px 12px;padding:var(--space-1) var(--space-3)}.autocomplete-container{position:relative}.autocomplete-input-wrapper{align-items:center;display:flex;position:relative}.autocomplete-input-wrapper input{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#1f2937;color:var(--color-text);flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);padding:10px 12px;padding:10px var(--space-3);padding-right:60px;transition:border-color .15s ease,box-shadow .15s ease;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.autocomplete-input-wrapper input:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.autocomplete-loading{color:#9ca3af;color:var(--color-text-muted);font-size:.75rem;font-size:var(--text-xs);position:absolute;right:36px}.autocomplete-clear{align-items:center;background:#e5e7eb;background:var(--color-border);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#6b7280;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:14px;height:22px;justify-content:center;line-height:1;position:absolute;right:8px;right:var(--space-2);transition:all .15s ease;transition:all var(--transition-fast);width:22px}.autocomplete-clear:hover{background:#dc2626;background:var(--color-danger);color:#fff}.autocomplete-suggestions{background:#fff;background:var(--color-surface);border:1px solid #2563eb;border:1px solid var(--color-primary);border-radius:0 0 8px 8px;border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;box-shadow:0 10px 15px -3px #00000014,0 4px 6px -4px #0000000d;box-shadow:var(--shadow-lg);left:0;list-style:none;margin:0;max-height:250px;overflow-y:auto;padding:0;position:absolute;right:0;top:100%;z-index:100}.autocomplete-suggestions li{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-border-light);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:12px 16px;padding:var(--space-3) var(--space-4)}.autocomplete-suggestions li:last-child{border-bottom:none}.autocomplete-suggestions li:hover{background:#eff6ff;background:var(--color-primary-light)}.sender-name{color:#1f2937;color:var(--color-text);font-weight:600}.sender-email{color:#6b7280;color:var(--color-text-secondary);font-size:.75rem;font-size:var(--text-xs)}.sender-domains-section{border-bottom:1px dashed #e5e7eb;border-bottom:1px dashed var(--color-border);border-top:1px dashed #e5e7eb;border-top:1px dashed var(--color-border);margin:8px 0;margin:var(--space-2) 0;padding:16px 0;padding:var(--space-4) 0}.sender-domains-section label{color:#9ca3af;color:var(--color-text-muted);display:block;font-size:11px;font-weight:600;letter-spacing:.05em;margin-bottom:12px;margin-bottom:var(--space-3);text-transform:uppercase}.sender-domains-chips{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2)}.sender-domain-chip{align-items:center;background:#eff6ff;background:var(--color-primary-light);border:1px solid #0000;border-radius:9999px;border-radius:var(--radius-full);color:#2563eb;color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:.8125rem;font-size:var(--text-sm);font-weight:500;gap:4px;gap:var(--space-1);padding:4px 12px;padding:var(--space-1) var(--space-3);transition:all .15s ease;transition:all var(--transition-fast)}.sender-domain-chip:hover{background:#dbeafe}.sender-domain-chip.active{background:#2563eb;background:var(--color-primary);color:#fff;font-weight:600}.sender-domain-chip .chip-count{font-size:11px;opacity:.7}.no-domains{color:#9ca3af;color:var(--color-text-muted);font-size:.8125rem;font-size:var(--text-sm);font-style:italic}.collapsible-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--color-border);margin-top:12px;margin-top:var(--space-3);padding-top:12px;padding-top:var(--space-3)}.collapsible-toggle{align-items:center;background:#0000;border:1px dashed #e5e7eb;border:1px dashed var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#6b7280;color:var(--color-text-secondary);cursor:pointer;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);gap:8px;gap:var(--space-2);padding:8px 16px;padding:var(--space-2) var(--space-4);text-align:left;transition:all .15s ease;transition:all var(--transition-fast);width:100%}.collapsible-toggle:hover{background:#f3f4f6;background:var(--color-border-light)}.collapsible-toggle.open,.collapsible-toggle:hover{border-color:#2563eb;border-color:var(--color-primary);color:#2563eb;color:var(--color-primary)}.collapsible-toggle.open{background:#eff6ff;background:var(--color-primary-light)}.collapsible-toggle .toggle-icon{font-size:10px;margin-left:auto}.filter-active-badge{background:#2563eb;background:var(--color-primary);border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-size:10px;font-weight:600;padding:1px 8px;padding:1px var(--space-2);text-transform:uppercase}.collapsible-content{animation:slideDown .2s ease-out;padding:16px 0;padding:var(--space-4) 0}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.col-action{white-space:nowrap}.col-action .btn-small{margin-bottom:4px;margin-bottom:var(--space-1);margin-right:4px;margin-right:var(--space-1)}.col-action .btn-small:last-child{margin-right:0}.domain-link{color:#2563eb;color:var(--color-primary);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}.domain-link:hover{color:#1d4ed8;color:var(--color-primary-hover);text-decoration:underline}.back-link{align-items:center;color:#6b7280;color:var(--color-text-secondary);display:inline-flex;font-size:.8125rem;font-size:var(--text-sm);gap:4px;gap:var(--space-1);margin-bottom:8px;margin-bottom:var(--space-2);text-decoration:none;transition:color .15s ease;transition:color var(--transition-fast)}.back-link:hover{color:#2563eb;color:var(--color-primary)}.domain-description{color:#6b7280;color:var(--color-text-secondary);font-size:.8125rem;font-size:var(--text-sm);margin-top:4px;margin-top:var(--space-1)}.info-section{background:#f3f4f6;background:var(--color-border-light);border-radius:8px;border-radius:var(--radius-md);margin-bottom:20px;margin-bottom:var(--space-5);padding:20px;padding:var(--space-5)}.info-section h3{color:#1f2937;color:var(--color-text);font-size:1rem;font-size:var(--text-lg);font-weight:600;margin-bottom:16px;margin-bottom:var(--space-4)}.info-grid{grid-gap:12px;grid-gap:var(--space-3);display:grid;gap:12px;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-grid div{color:#6b7280;color:var(--color-text-secondary);font-size:.8125rem;font-size:var(--text-sm)}.info-grid strong{color:#1f2937;color:var(--color-text)}.section{margin-top:32px;margin-top:var(--space-8)}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2);justify-content:space-between;margin-bottom:16px;margin-bottom:var(--space-4)}.section-header h2,.section-header h3{margin:0}.tabs{-webkit-overflow-scrolling:touch;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);display:flex;gap:0;margin:24px 0 16px;margin:var(--space-6) 0 var(--space-4);overflow-x:auto}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;color:var(--color-text-secondary);cursor:pointer;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);font-weight:500;margin-bottom:-1px;padding:12px 20px;padding:var(--space-3) var(--space-5);transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.tab:hover{color:#1f2937;color:var(--color-text)}.tab.active{border-bottom-color:#2563eb;border-bottom-color:var(--color-primary);color:#2563eb;color:var(--color-primary);font-weight:600}.tab-content{padding:16px 0;padding:var(--space-4) 0}.quota-bar-container{align-items:center;display:flex;flex-wrap:wrap;gap:16px;gap:var(--space-4);margin-bottom:24px;margin-bottom:var(--space-6)}.quota-bar{background:#f3f4f6;background:var(--color-border-light);flex:1 1;height:10px;min-width:120px;overflow:hidden}.quota-bar,.quota-bar-fill{border-radius:9999px;border-radius:var(--radius-full)}.quota-bar-fill{background:#2563eb;background:var(--color-primary);height:100%;transition:width .5s ease}.quota-bar-fill.warning{background:#d97706;background:var(--color-warning)}.quota-bar-fill.danger{background:#dc2626;background:var(--color-danger)}.quota-safe{color:#059669;color:var(--color-success);font-weight:600}.quota-warning{color:#d97706;color:var(--color-warning);font-weight:600}.quota-danger{color:#dc2626;color:var(--color-danger);font-weight:600}.quota-cell{display:flex;flex-direction:column;font-size:.75rem;font-size:var(--text-xs)}.storage-bar-wrapper{max-width:200px;min-width:140px}.storage-bar-labels{color:#6b7280;color:var(--color-text-secondary);display:flex;font-size:11px;justify-content:space-between;margin-bottom:4px;margin-bottom:var(--space-1)}.storage-bar-track{background:#f3f4f6;background:var(--color-border-light);height:6px;overflow:hidden}.storage-bar-fill,.storage-bar-track{border-radius:9999px;border-radius:var(--radius-full)}.storage-bar-fill{height:100%;transition:width .3s}.storage-bar-safe{background:#059669;background:var(--color-success)}.storage-bar-warning{background:#d97706;background:var(--color-warning)}.storage-bar-danger{background:#dc2626;background:var(--color-danger)}.storage-bar-percent{color:#9ca3af;color:var(--color-text-muted);font-size:10px;margin-top:2px;text-align:right}.alias-list{list-style:none;padding:0}.alias-list li{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-border-light);font-size:.8125rem;font-size:var(--text-sm);padding:12px 0;padding:var(--space-3) 0}.alias-list li:last-child{border-bottom:none}.alias-list small{color:#9ca3af;color:var(--color-text-muted);margin-left:8px;margin-left:var(--space-2)}.config-cards{grid-gap:20px;grid-gap:var(--space-5);display:grid;gap:20px;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:24px;margin-bottom:var(--space-6)}.config-card{background:#f3f4f6;background:var(--color-border-light);border-radius:12px;border-radius:var(--radius-lg);padding:24px;padding:var(--space-6)}.config-card h3{border-bottom:2px solid #2563eb;border-bottom:2px solid var(--color-primary);color:#1f2937;color:var(--color-text);font-weight:600;margin-bottom:16px;margin-bottom:var(--space-4);padding-bottom:12px;padding-bottom:var(--space-3)}.config-item{margin-bottom:12px;margin-bottom:var(--space-3)}.config-item label{color:#9ca3af;color:var(--color-text-muted);display:block;font-size:.75rem;font-size:var(--text-xs);letter-spacing:.03em;margin-bottom:4px;margin-bottom:var(--space-1);text-transform:uppercase}.config-value{align-items:center;display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2)}.config-value span{color:#1f2937;color:var(--color-text);font-size:1rem;font-size:var(--text-lg);font-weight:600}.security-badge{border-radius:6px;border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;font-size:var(--text-xs);font-weight:600;padding:2px 12px;padding:2px var(--space-3)}.security-badge.ssl{background:#ecfdf5;background:var(--color-success-light);color:#059669;color:var(--color-success)}.config-alt{border-top:1px dashed #e5e7eb;border-top:1px dashed var(--color-border);margin-top:12px;margin-top:var(--space-3);padding-top:12px;padding-top:var(--space-3)}.config-alt small{color:#9ca3af;color:var(--color-text-muted);font-size:.75rem;font-size:var(--text-xs)}.instructions-grid{grid-gap:20px;grid-gap:var(--space-5);display:grid;gap:20px;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.instruction-card{background:#f3f4f6;background:var(--color-border-light);border-radius:12px;border-radius:var(--radius-lg);padding:24px;padding:var(--space-6)}.instruction-card h3{color:#1f2937;color:var(--color-text);font-weight:600;margin-bottom:16px;margin-bottom:var(--space-4)}.instruction-card ol{color:#6b7280;color:var(--color-text-secondary);padding-left:20px;padding-left:var(--space-5)}.instruction-card li{line-height:1.6;margin-bottom:12px;margin-bottom:var(--space-3)}.page-content{padding:24px;padding:var(--space-6)}.page-header{margin-bottom:24px;margin-bottom:var(--space-6)}.page-header h1{align-items:center;color:#1f2937;color:var(--color-text);display:flex;font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;gap:8px;gap:var(--space-2);margin-bottom:4px;margin-bottom:var(--space-1)}.checkbox-label,.page-header p{color:#6b7280;color:var(--color-text-secondary);font-size:.8125rem;font-size:var(--text-sm)}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px;gap:var(--space-2);margin-right:16px;margin-right:var(--space-4)}.checkbox-label input[type=checkbox]{accent-color:#2563eb;accent-color:var(--color-primary)}.form-hint{color:#9ca3af;color:var(--color-text-muted);font-size:.75rem;font-size:var(--text-xs);margin-top:8px;margin-top:var(--space-2)}.empty-message{font-size:.8125rem;font-size:var(--text-sm);font-style:italic;padding:24px;padding:var(--space-6)}.empty-message,.empty-state{color:#9ca3af;color:var(--color-text-muted);text-align:center}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;padding:var(--space-12) var(--space-6)}.empty-state svg{color:#e5e7eb;color:var(--color-border)}.empty-state p{font-size:1rem;font-size:var(--text-lg);margin-top:8px;margin-top:var(--space-2)}.empty-state-sub{font-size:.8125rem;font-size:var(--text-sm);opacity:.6}.subtitle{margin-bottom:24px;margin-bottom:var(--space-6)}.loading,.subtitle{color:#6b7280;color:var(--color-text-secondary);font-size:.8125rem;font-size:var(--text-sm)}.loading{align-items:center;display:flex;justify-content:center;padding:48px;padding:var(--space-12)}.loading:before{animation:spin .8s linear infinite;border:2px solid #e5e7eb;border-top-color:#2563eb;border:2px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);content:"";height:18px;margin-right:12px;margin-right:var(--space-3);width:18px}@keyframes spin{to{transform:rotate(1turn)}}.email-viewer-page{background:#f0f2f5;background:var(--color-bg);display:flex;flex-direction:column;min-height:100vh}.email-viewer-toolbar{align-items:center;background:#111827;background:var(--color-sidebar);color:#fff;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 24px;padding:var(--space-3) var(--space-6)}.email-viewer-mailbox{align-items:center;display:flex;font-size:.8125rem;font-size:var(--text-sm);font-weight:500;gap:8px;gap:var(--space-2);opacity:.9}.email-viewer-toolbar .btn-secondary{background:#ffffff1a;border-color:#fff3;color:#fff;padding:8px 16px;padding:var(--space-2) var(--space-4)}.email-viewer-toolbar .btn-secondary:hover{background:#fff3}.email-viewer-content{background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;box-shadow:var(--shadow-md);display:flex;flex:1 1;flex-direction:column;margin:24px auto;margin:var(--space-6) auto;max-width:900px;overflow:hidden;width:100%}.email-viewer-header{background:#f3f4f6;background:var(--color-border-light);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);padding:24px;padding:var(--space-6)}.email-viewer-header h1{color:#1f2937;color:var(--color-text);font-size:1.25rem;font-size:var(--text-xl);line-height:1.4;margin:0;word-break:break-word}.email-viewer-meta{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);font-size:.8125rem;font-size:var(--text-sm);padding:20px 24px;padding:var(--space-5) var(--space-6)}.email-viewer-body{flex:1 1;min-height:400px;overflow-y:auto;padding:24px;padding:var(--space-6)}.email-viewer-body iframe{border:none;min-height:500px;width:100%}.email-viewer-body pre{color:#1f2937;color:var(--color-text);font-family:inherit;line-height:1.6;white-space:pre-wrap}.email-viewer-error{align-items:center;color:#dc2626;color:var(--color-danger);display:flex;flex-direction:column;gap:16px;gap:var(--space-4);justify-content:center;padding:80px 24px;padding:80px var(--space-6);text-align:center}.email-viewer-error p{font-size:1rem;font-size:var(--text-lg)}.dns-summary{display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3);margin-bottom:24px;margin-bottom:var(--space-6)}.dns-summary-item{align-items:center;background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);display:flex;font-size:.8125rem;font-size:var(--text-sm);font-weight:600;gap:8px;gap:var(--space-2);padding:8px 16px;padding:var(--space-2) var(--space-4)}.dns-summary-ok{background:#ecfdf5;background:var(--color-success-light);border-color:#059669;border-color:var(--color-success);color:#059669;color:var(--color-success)}.dns-summary-warning{background:#fffbeb;background:var(--color-warning-light);border-color:#d97706;border-color:var(--color-warning);color:#d97706;color:var(--color-warning)}.dns-summary-missing{background:#fef2f2;background:var(--color-danger-light);border-color:#dc2626;border-color:var(--color-danger);color:#dc2626;color:var(--color-danger)}.dns-card{background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:16px;margin-bottom:var(--space-4);overflow:hidden}.dns-card-header{align-items:center;background:#f3f4f6;background:var(--color-border-light);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--color-border);flex-wrap:wrap;justify-content:space-between;padding:16px 20px;padding:var(--space-4) var(--space-5)}.dns-card-header,.dns-card-title{display:flex;gap:12px;gap:var(--space-3)}.dns-card-title{align-items:flex-start}.dns-card-title h3{color:#1f2937;color:var(--color-text);font-size:.875rem;font-size:var(--text-base);font-weight:600;margin:0}.dns-card-title p{color:#6b7280;color:var(--color-text-secondary);font-size:.75rem;font-size:var(--text-xs);margin:2px 0 0}.dns-card-body{padding:16px 20px;padding:var(--space-4) var(--space-5)}.dns-icon-ok{color:#059669;color:var(--color-success);flex-shrink:0}.dns-icon-warning{color:#d97706;color:var(--color-warning);flex-shrink:0}.dns-icon-missing{color:#dc2626;color:var(--color-danger);flex-shrink:0}.dns-icon-info{color:#0284c7;color:var(--color-info);flex-shrink:0}.dns-records{display:flex;flex-direction:column;gap:8px;gap:var(--space-2)}.dns-record-label{color:#9ca3af;color:var(--color-text-muted);font-size:.75rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;margin-bottom:4px;margin-bottom:var(--space-1);text-transform:uppercase}.dns-record-value{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--space-3)}.dns-record-value code{background:#f3f4f6;background:var(--color-border-light);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#1f2937;color:var(--color-text);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8125rem;font-size:var(--text-sm);padding:4px 12px;padding:var(--space-1) var(--space-3)}.dns-record-wrap code{white-space:pre-wrap;word-break:break-all}.dns-hint-ok{color:#059669;color:var(--color-success);font-weight:600}.dns-hint-ok,.dns-hint-warn{font-size:.75rem;font-size:var(--text-xs)}.dns-hint-warn{color:#d97706;color:var(--color-warning);font-weight:500}.dns-expected{flex-direction:column}.dns-copyable,.dns-expected{display:flex;gap:8px;gap:var(--space-2)}.dns-copyable{align-items:center;flex-wrap:wrap;margin-bottom:4px;margin-bottom:var(--space-1)}.dns-copyable code{background:#f3f4f6;background:var(--color-border-light);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:6px;border-radius:var(--radius-sm);color:#1f2937;color:var(--color-text);flex:1 1;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8125rem;font-size:var(--text-sm);min-width:0;padding:8px 12px;padding:var(--space-2) var(--space-3);word-break:break-all}.dns-badge-group{align-items:center;display:flex;gap:8px;gap:var(--space-2)}.spin{animation:spin .8s linear infinite}.dns-links{grid-gap:12px;grid-gap:var(--space-3);display:grid;gap:12px;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.dns-link{align-items:center;background:#f3f4f6;background:var(--color-border-light);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#1f2937;color:var(--color-text);display:flex;font-size:.8125rem;font-size:var(--text-sm);font-weight:500;gap:8px;gap:var(--space-2);padding:12px 16px;padding:var(--space-3) var(--space-4);text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.dns-link:hover{background:#eff6ff;background:var(--color-primary-light);border-color:#2563eb;border-color:var(--color-primary);color:#2563eb;color:var(--color-primary)}.dns-fix-wrapper{display:flex;flex-direction:column;gap:8px;gap:var(--space-2)}.dns-fix-result{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);margin-top:8px;margin-top:var(--space-2);padding:12px;padding:var(--space-3);width:100%}.dns-fix-success{background:#ecfdf5;background:var(--color-success-light);border-color:#059669;border-color:var(--color-success)}.dns-fix-error{background:#fffbeb;background:var(--color-warning-light);border-color:#d97706;border-color:var(--color-warning)}.dns-fix-result-header{align-items:center;color:#1f2937;color:var(--color-text);display:flex;font-size:.75rem;font-size:var(--text-xs);font-weight:600;gap:8px;gap:var(--space-2);margin-bottom:8px;margin-bottom:var(--space-2)}.dns-fix-success .dns-fix-result-header{color:#059669;color:var(--color-success)}.dns-fix-error .dns-fix-result-header{color:#d97706;color:var(--color-warning)}.dns-fix-result-body{color:#1f2937;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);line-height:1.5;margin:0;max-height:200px;overflow-y:auto;white-space:pre-wrap;word-break:break-word}.dns-card-success{border-color:#059669;border-color:var(--color-success)}.dns-card-error{border-color:#d97706;border-color:var(--color-warning)}.dns-agent-response{background:#f3f4f6;background:var(--color-border-light);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#1f2937;color:var(--color-text);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8125rem;font-size:var(--text-sm);line-height:1.5;margin:0;max-height:300px;overflow-y:auto;padding:12px 16px;padding:var(--space-3) var(--space-4);white-space:pre-wrap;word-break:break-word}.dns-chat-header{cursor:pointer;transition:background .15s ease;transition:background var(--transition-fast)}.dns-chat-header:hover{background:#e5e7eb;background:var(--color-border)}.dns-chat-body{gap:16px;gap:var(--space-4)}.dns-chat-body,.dns-chat-messages{display:flex;flex-direction:column}.dns-chat-messages{gap:12px;gap:var(--space-3);max-height:400px;overflow-y:auto}.dns-chat-empty{color:#6b7280;color:var(--color-text-secondary);padding:16px;padding:var(--space-4);text-align:center}.dns-chat-empty p{font-size:.8125rem;font-size:var(--text-sm);margin-bottom:12px;margin-bottom:var(--space-3)}.dns-chat-suggestions{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2);justify-content:center}.dns-chat-msg{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);padding:12px 16px;padding:var(--space-3) var(--space-4)}.dns-chat-user{background:#eff6ff;background:var(--color-primary-light);border-color:#2563eb;border-color:var(--color-primary);margin-left:32px;margin-left:var(--space-8)}.dns-chat-assistant{background:#f3f4f6;background:var(--color-border-light);margin-right:32px;margin-right:var(--space-8)}.dns-chat-msg-label{color:#9ca3af;color:var(--color-text-muted);font-size:.75rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;margin-bottom:4px;margin-bottom:var(--space-1);text-transform:uppercase}.dns-chat-msg-content{color:#1f2937;color:var(--color-text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);line-height:1.5;margin:0;white-space:pre-wrap;word-break:break-word}.dns-chat-md{white-space:normal}.dns-chat-md h2,.dns-chat-md h3,.dns-chat-md h4{color:#1f2937;color:var(--color-text);font-weight:600;margin:8px 0 4px;margin:var(--space-2) 0 var(--space-1) 0}.dns-chat-md h2{font-size:1rem;font-size:var(--text-lg)}.dns-chat-md h3{font-size:.875rem;font-size:var(--text-base)}.dns-chat-md h4{font-size:.8125rem;font-size:var(--text-sm)}.dns-chat-md code{background:#0000000f;border-radius:3px;font-size:.9em;padding:1px 4px}.dns-chat-md ul{margin:4px 0;margin:var(--space-1) 0;padding-left:20px;padding-left:var(--space-5)}.dns-chat-md li{margin-bottom:2px}.dns-chat-table{border-collapse:collapse;font-size:.75rem;font-size:var(--text-xs);margin:8px 0;margin:var(--space-2) 0;width:100%}.dns-chat-table td,.dns-chat-table th{border:1px solid #e5e7eb;border:1px solid var(--color-border);padding:4px 8px;padding:var(--space-1) var(--space-2);text-align:left}.dns-chat-table th{background:#f3f4f6;background:var(--color-border-light);font-weight:600}.dns-chat-table td,.dns-chat-table th{font-size:.75rem;font-size:var(--text-xs)}.dns-chat-input{display:flex;gap:8px;gap:var(--space-2)}.dns-chat-input input{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);color:#1f2937;color:var(--color-text);flex:1 1;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-sans);font-size:.8125rem;font-size:var(--text-sm);padding:8px 12px;padding:var(--space-2) var(--space-3)}.dns-chat-input input:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}@media (max-width:768px){.dns-chat-user{margin-left:8px;margin-left:var(--space-2)}.dns-chat-assistant{margin-right:8px;margin-right:var(--space-2)}.dns-chat-input{flex-direction:column}.dns-summary{gap:8px;gap:var(--space-2)}.dns-summary-item{font-size:.75rem;font-size:var(--text-xs);padding:4px 12px;padding:var(--space-1) var(--space-3)}.dns-card-body,.dns-card-header{padding:12px 16px;padding:var(--space-3) var(--space-4)}.dns-links{grid-template-columns:1fr}}.mobile-cards{display:none}.mobile-card{background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:12px;margin-bottom:var(--space-3);padding:16px;padding:var(--space-4);transition:box-shadow .15s ease;transition:box-shadow var(--transition-fast)}.mobile-card:active{box-shadow:0 4px 6px -1px #00000012,0 2px 4px -2px #0000000d;box-shadow:var(--shadow-md)}.mobile-card-header{align-items:flex-start;display:flex;gap:8px;gap:var(--space-2);justify-content:space-between;margin-bottom:12px;margin-bottom:var(--space-3)}.mobile-card-title{color:#2563eb;color:var(--color-primary);flex:1 1;font-size:.875rem;font-size:var(--text-base);font-weight:700;word-break:break-word}.mobile-card-row{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--color-border-light);display:flex;font-size:.8125rem;font-size:var(--text-sm);justify-content:space-between;padding:4px 0;padding:var(--space-1) 0}.mobile-card-row:last-child{border-bottom:none}.mobile-card-label{color:#6b7280;color:var(--color-text-secondary);font-size:.75rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;text-transform:uppercase}.mobile-card-value{color:#1f2937;color:var(--color-text);max-width:60%;text-align:right;word-break:break-word}.mobile-card-actions{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-2);margin-top:12px;margin-top:var(--space-3)}.mobile-card-actions .btn-small{flex:1 1;font-size:.8125rem;font-size:var(--text-sm);justify-content:center;padding:8px 12px;padding:var(--space-2) var(--space-3)}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}.messages-controls{align-items:stretch;flex-direction:column}.messages-controls .search-form{width:100%}.messages-controls .search-form input,.messages-controls select{min-width:auto;width:100%}.messages-table .col-from,.messages-table .col-mailbox{width:150px}.messages-table .col-action{width:120px}.email-viewer-content{border-radius:8px;border-radius:var(--radius-md);margin:16px;margin:var(--space-4)}.email-viewer-header{padding:20px;padding:var(--space-5)}.email-viewer-meta{padding:16px 20px;padding:var(--space-4) var(--space-5)}.email-viewer-body{padding:20px;padding:var(--space-5)}}@media (max-width:768px){.sidebar-toggle{display:flex}.sidebar{box-shadow:none;transform:translateX(-100%);width:260px;width:var(--sidebar-width);z-index:200}.sidebar.open{box-shadow:4px 0 24px #0000004d;transform:translateX(0)}.sidebar-overlay.visible{display:block}main{margin-left:0;padding:16px;padding:var(--space-4);padding-top:60px}.content-header{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--space-3)}.header-actions{flex-wrap:wrap;width:100%}.header-actions select{width:100%}.header-actions .btn-primary{justify-content:center;width:100%}.dashboard-header{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--space-3)}.quick-actions{flex-direction:column;width:100%}.quick-actions button{justify-content:center;width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-card,.stats-grid{gap:12px;gap:var(--space-3)}.stat-card{flex-direction:column;padding:16px;padding:var(--space-4);text-align:center}.stat-icon{height:40px;width:40px}.filters-row{flex-direction:column;gap:12px;gap:var(--space-3)}.filter-group,.filter-group-search,.filter-group-wide{min-width:auto;width:100%}.filter-actions,.filter-group-actions{justify-content:stretch;width:100%}.filter-actions-row{width:100%}.filter-actions-row button{flex:1 1}.search-row{align-items:stretch;flex-direction:column}.search-input-wrapper{min-width:auto;width:100%}.messages-table-container,.table-container{-webkit-overflow-scrolling:touch;max-height:none;overflow-x:auto}.inbox-table{min-width:500px;table-layout:auto}.messages-table-container{background:#0000;border:none;box-shadow:none;overflow-x:visible}.messages-table{background:#0000;border:none;min-width:0;table-layout:auto;width:100%}.messages-table thead{display:none}.messages-table tbody,.messages-table tr{display:block;width:100%}.messages-table tr{background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-md);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);margin-bottom:12px;margin-bottom:var(--space-3);padding:12px 16px;padding:var(--space-3) var(--space-4)}.messages-table tr.clickable-row:hover{background:#eff6ff;background:var(--color-primary-light)}.messages-table td{align-items:flex-start;border:none;display:flex;font-size:.8125rem;font-size:var(--text-sm);gap:12px;gap:var(--space-3);padding:4px 0;padding:var(--space-1) 0;width:auto!important}.messages-table td:before{color:#9ca3af;color:var(--color-text-muted);content:attr(data-label);flex-shrink:0;font-size:.75rem;font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;padding-top:2px;text-transform:uppercase;width:72px}.messages-table .col-subject{order:-1}.messages-table .col-subject:before{display:none}.messages-table .col-subject strong{font-size:.875rem;font-size:var(--text-base);line-height:1.3}.messages-table .date-cell{align-items:baseline;flex-direction:row;gap:8px;gap:var(--space-2)}.messages-table .mailbox-cell{flex-direction:row;flex-wrap:wrap;gap:2px}.messages-table .col-action{flex-wrap:wrap;gap:8px;gap:var(--space-2)}.messages-table .col-action:before{margin-bottom:4px;margin-bottom:var(--space-1);width:100%}.messages-table .col-action .btn-small{flex:1 1;min-width:120px}.messages-table .truncate{overflow:visible;text-overflow:clip;white-space:normal;word-break:break-word}.col-date,.col-from{width:auto}.modal{max-height:90vh;max-width:90vw;overflow-y:auto;padding:20px 16px;padding:var(--space-5) var(--space-4)}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}.tabs{-webkit-overflow-scrolling:touch;gap:0;overflow-x:auto}.tab{font-size:.8125rem;font-size:var(--text-sm);padding:12px 16px;padding:var(--space-3) var(--space-4)}.content{padding:16px;padding:var(--space-4)}.content h1{font-size:1.25rem;font-size:var(--text-xl)}.messages-controls{align-items:stretch;flex-direction:column}.section-header{align-items:flex-start;flex-direction:column}.section-header .btn-primary{justify-content:center;width:100%}.charts-row{gap:16px;gap:var(--space-4);grid-template-columns:1fr}.chart-card{padding:16px;padding:var(--space-4)}.pagination-controls{flex-wrap:wrap;gap:8px;gap:var(--space-2)}.pagination-controls button{font-size:.8125rem;font-size:var(--text-sm);padding:8px 16px;padding:var(--space-2) var(--space-4)}.inbox-controls{align-items:stretch;flex-direction:column}.search-form{flex-direction:column;width:100%}.search-form input{min-width:auto;width:100%}.info-grid{gap:8px;gap:var(--space-2);grid-template-columns:1fr}.info-section{padding:16px;padding:var(--space-4)}.quota-bar-container{align-items:flex-start;flex-direction:column;gap:8px;gap:var(--space-2)}.quota-bar{width:100%}.config-cards{grid-template-columns:1fr}.config-card{padding:16px;padding:var(--space-4)}.config-value span{font-size:.875rem;font-size:var(--text-base)}.instructions-grid{grid-template-columns:1fr}.instruction-card{padding:16px;padding:var(--space-4)}.page-content .table-container table{min-width:600px}.btn-danger,.btn-primary,.btn-secondary{font-size:.8125rem;font-size:var(--text-sm);padding:12px 20px;padding:var(--space-3) var(--space-5)}.btn-small{font-size:.8125rem;font-size:var(--text-sm);padding:8px 12px;padding:var(--space-2) var(--space-3)}.btn-icon{height:36px;width:36px}.total-badge{display:block;margin-left:0;margin-top:8px;margin-top:var(--space-2);text-align:center}.email-viewer-content{border-radius:0;margin:0;min-height:calc(100vh - 52px)}.email-viewer-toolbar{padding:12px 16px;padding:var(--space-3) var(--space-4)}.email-viewer-header{padding:16px;padding:var(--space-4)}.email-viewer-header h1{font-size:1rem;font-size:var(--text-lg)}.email-viewer-meta{padding:12px 16px;padding:var(--space-3) var(--space-4)}.email-viewer-meta .meta-row .label{font-size:.75rem;font-size:var(--text-xs);width:60px}.email-viewer-meta .meta-row .value{font-size:.8125rem;font-size:var(--text-sm)}.email-viewer-body{min-height:300px;padding:16px;padding:var(--space-4)}.attachments-list{align-items:stretch;flex-direction:column}.attachment-chip{justify-content:flex-start;width:100%}.attachment-chip .attachment-name{flex:1 1;max-width:none}.storage-bar-wrapper{max-width:none;min-width:100px}.alias-list li,.back-link{font-size:.8125rem;font-size:var(--text-sm)}.alias-list li{padding:8px 0;padding:var(--space-2) 0;word-break:break-all}.recent-activity{padding:16px;padding:var(--space-4)}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:row;gap:12px;gap:var(--space-3);padding:12px;padding:var(--space-3);text-align:left}.stat-icon{height:36px;width:36px}.stat-card h3,.stat-info h3{font-size:1.25rem;font-size:var(--text-xl)}main{padding:12px;padding:var(--space-3);padding-top:56px}.content{border-radius:8px;border-radius:var(--radius-md);padding:12px;padding:var(--space-3)}.content h1{font-size:1rem;font-size:var(--text-lg);margin-bottom:16px;margin-bottom:var(--space-4)}.login-box{padding:24px 16px;padding:var(--space-6) var(--space-4)}.login-box h1{font-size:1.25rem;font-size:var(--text-xl)}.modal{max-width:98vw;padding:20px 12px;padding:var(--space-5) var(--space-3)}.filters-bar,.filters-section{padding:12px;padding:var(--space-3)}table td,table th{font-size:.75rem;font-size:var(--text-xs);padding:8px;padding:var(--space-2) var(--space-2)}table th{font-size:11px}.tabs{margin:16px 0 12px;margin:var(--space-4) 0 var(--space-3)}.tab{font-size:.75rem;font-size:var(--text-xs);padding:8px 12px;padding:var(--space-2) var(--space-3)}.section{margin-top:16px;margin-top:var(--space-4)}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:12px 12px 0 0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:95vh}.btn-danger,.btn-primary,.btn-secondary{font-size:.8125rem;font-size:var(--text-sm);padding:8px 16px;padding:var(--space-2) var(--space-4)}.content-header h1{word-break:break-word}.messages-page .content-header{gap:8px;gap:var(--space-2)}.messages-page .subtitle{font-size:.8125rem;font-size:var(--text-sm)}.chart-container{min-height:200px}.page-content{padding:0}.page-header h1{font-size:1rem;font-size:var(--text-lg)}.email-viewer-toolbar{font-size:.75rem;font-size:var(--text-xs);padding:8px 12px;padding:var(--space-2) var(--space-3)}.email-viewer-header{padding:12px;padding:var(--space-3)}.email-viewer-header h1{font-size:.875rem;font-size:var(--text-base)}.email-viewer-body,.email-viewer-meta{padding:12px;padding:var(--space-3)}}
/*# sourceMappingURL=main.366bc494.css.map*/