:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-sm: 11px;--font-size-grid: 12px;--font-size-base: 13px;--font-size-lg: 16px;--font-size-xl: 18px;--bg-page: #f0f2f5;--bg-surface: #ffffff;--bg-elevated: #f8f9fa;--bg-hover: #e9ecef;--accent-primary: #ef4b26;--accent-hover: #f26d4f;--accent-active: #d93d1a;--accent-light: rgba(239, 75, 38, .1);--text-primary: #1f2937;--text-secondary: #6b7280;--text-muted: #9ca3af;--text-white: #ffffff;--border-color: #e5e7eb;--border-light: #f3f4f6;--border-dark: #d1d5db;--btn-secondary-bg: #f3f4f6;--btn-secondary-hover: #e5e7eb;--status-success: #22c55e;--status-success-bg: rgba(34, 197, 94, .1);--status-warning: #f59e0b;--status-warning-bg: rgba(245, 158, 11, .1);--status-error: #ef4444;--status-error-bg: rgba(239, 68, 68, .1);--status-info: #3b82f6;--status-info-bg: rgba(59, 130, 246, .1);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px rgba(0, 0, 0, .08);--shadow-focus: 0 0 0 3px rgba(239, 75, 38, .25);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--transition-fast: .15s ease;font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-primary)}body{margin:0;background:var(--bg-page)}.centered{display:grid;place-items:center;min-height:60vh;text-align:center;gap:8px}.topbar{display:flex;align-items:center;gap:16px;padding:10px 20px;background:var(--bg-surface);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.topbar .logo{height:36px}.topbar h1{font-size:var(--font-size-xl);font-weight:600;margin:0;flex:1;color:var(--text-primary)}.topbar .user{color:var(--text-secondary);font-size:var(--font-size-sm)}button{cursor:pointer;font-family:var(--font-primary);font-size:var(--font-size-base);font-weight:600;color:var(--text-white);background:var(--accent-primary);border:none;border-radius:var(--radius-md);padding:7px 16px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}button:hover{background:var(--accent-hover);box-shadow:var(--shadow-md)}button:active{background:var(--accent-active)}button:focus-visible{outline:none;box-shadow:var(--shadow-focus)}button.secondary{color:var(--text-primary);background:var(--btn-secondary-bg);border:1px solid var(--border-color)}button.secondary:hover{background:var(--btn-secondary-hover)}button:disabled{opacity:.5;cursor:default}label{display:grid;gap:4px;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}input,select{font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-dark);border-radius:var(--radius-md);padding:6px 10px;transition:all var(--transition-fast)}input::placeholder{color:var(--text-muted)}input:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:var(--shadow-focus)}.search-form{display:flex;flex-wrap:wrap;align-items:end;gap:12px;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:16px;margin-bottom:16px}.search-form label{flex:1 1 180px}.search-form .email-field{flex:2 1 260px}.archive,.detail{padding:20px;max-width:1100px;margin:0 auto}.panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;margin-bottom:16px}.panel h2{font-size:var(--font-size-base);font-weight:600;color:var(--text-secondary);margin:0;padding:12px 16px;background:var(--bg-elevated);border-bottom:1px solid var(--border-color)}table{width:100%;border-collapse:collapse;font-size:var(--font-size-grid);background:var(--bg-surface)}th{text-align:left;padding:12px 16px;background:var(--bg-elevated);color:var(--text-secondary);font-weight:600;font-size:var(--font-size-grid);border-bottom:1px solid var(--border-color)}td{text-align:left;padding:10px 16px;border-bottom:1px solid var(--border-light);color:var(--text-primary)}tbody tr:last-child td{border-bottom:none}tbody tr.clickable{cursor:pointer}tbody tr.clickable:hover td{background:var(--bg-hover)}.empty{padding:24px;text-align:center;color:var(--text-muted)}.pagination{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-elevated);border-top:1px solid var(--border-color);font-size:var(--font-size-grid)}.pagination .page-info{color:var(--text-secondary)}.pagination .spacer{flex:1}.pagination .page-size{display:flex;align-items:center;gap:6px;font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:var(--font-size-sm);font-weight:600}.badge.success{color:var(--status-success);background:var(--status-success-bg)}.badge.warning{color:var(--status-warning);background:var(--status-warning-bg)}.badge.error{color:var(--status-error);background:var(--status-error-bg)}.badge.info{color:var(--status-info);background:var(--status-info-bg)}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 24px;padding:16px}.meta-grid dt{font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted);margin:0}.meta-grid dd{margin:2px 0 0;font-size:var(--font-size-base);color:var(--text-primary);overflow-wrap:anywhere}.detail-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:16px}.detail-toolbar .spacer{flex:1}.breadcrumb{background:none;border:none;box-shadow:none;color:var(--accent-primary);font-weight:600;padding:0}.breadcrumb:hover{background:none;box-shadow:none;text-decoration:underline;color:var(--accent-active)}code.mono{font-family:Monaco,Menlo,Consolas,monospace;font-size:var(--font-size-sm);color:var(--text-secondary)}.content-meta{border-bottom:1px solid var(--border-light)}.content-toolbar{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--border-light)}.content-toolbar button{padding:4px 12px;font-size:var(--font-size-sm)}.content-toolbar button.secondary.active{color:var(--accent-primary);border-color:var(--accent-primary)}.email-frame{display:block;width:100%;height:520px;border:0;background:var(--bg-surface)}.email-text{margin:0;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-primary);font-size:var(--font-size-base);color:var(--text-primary)}.email-source{font-family:Monaco,Menlo,Consolas,monospace;font-size:var(--font-size-grid);max-height:520px;overflow-y:auto}.content-note{margin:0;padding:8px 16px;font-size:var(--font-size-sm);color:var(--text-muted);border-bottom:1px solid var(--border-light)}.content-note.error{color:var(--status-error)}.attachment-list{padding:10px 16px 14px;border-top:1px solid var(--border-light)}.attachment-list .attachment-title{display:block;margin-bottom:4px;font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted)}.attachment-list ul{list-style:none;margin:0;padding:0}.attachment-list li{display:flex;align-items:center;gap:10px;padding:3px 0}.attachment-list .attachment-info{color:var(--text-muted);font-size:var(--font-size-sm)}.link-button{background:none;border:none;box-shadow:none;color:var(--accent-primary);font-weight:600;padding:0}.link-button:hover{background:none;box-shadow:none;text-decoration:underline;color:var(--accent-active)}.link-button:disabled{color:var(--text-muted)}.download-error{color:var(--status-error);font-size:var(--font-size-sm)}.bypass-banner{background:#b91c1c;color:#fff;text-align:center;padding:4px 8px;font-size:13px;font-weight:600}