@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #eef0f2;--bg-hover: #e8edf2;--bg-selected: #e3effd;--text-primary: #1a1a2e;--text-secondary: #4a5568;--text-muted: #8492a6;--accent: #003d8f;--accent-hover: #002d6a;--accent-light: rgba(0, 61, 143, .08);--success: #16a34a;--danger: #dc2626;--danger-hover: #b91c1c;--warning: #d97706;--border: #e2e8f0;--border-light: #f0f0f0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--transition-fast: .1s ease;--transition: .15s ease;--transition-slow: .25s ease;--sidebar-width: 220px;--maillist-width: 360px;--topbar-height: 56px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font);cursor:pointer;border:none;background:none;color:inherit;font-size:inherit}input,textarea,select{font-family:var(--font);font-size:inherit;color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:8px 12px;outline:none;transition:border-color var(--transition)}input:focus,textarea:focus,select:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text-muted)}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.01em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}*{scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app-layout{display:grid;grid-template-rows:var(--topbar-height) 1fr;grid-template-columns:var(--sidebar-width) var(--maillist-width) 1fr;height:100vh;overflow:hidden}.app-topbar{grid-column:1 / -1;grid-row:1}.app-sidebar{grid-column:1;grid-row:2}.app-maillist{grid-column:2;grid-row:2}.app-preview{grid-column:3;grid-row:2}.topbar{display:flex;align-items:center;gap:16px;padding:0 16px;height:var(--topbar-height);background:#fff;border-bottom:1px solid var(--border);box-shadow:0 1px 2px #0000000a}.topbar-logo{display:flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--text-primary);white-space:nowrap;cursor:pointer}.topbar-logo-img{width:28px;height:28px}.login-logo{height:48px;margin-bottom:12px}.topbar-logo svg{color:var(--accent)}.topbar-tabs{display:flex;align-items:center;gap:2px;margin-left:8px}.topbar-tab{padding:6px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--text-secondary);transition:all var(--transition)}.topbar-tab:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.topbar-tab.active{background:var(--accent-light);color:var(--accent)}.topbar-tab:disabled{opacity:.4;cursor:not-allowed}.topbar-spacer{flex:1}.topbar-actions{display:flex;align-items:center;gap:4px}.topbar-icon-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition)}.topbar-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.user-menu-wrapper{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition)}.user-menu-trigger:hover{background:var(--bg-tertiary)}.user-menu-name{font-size:13px;color:var(--text-secondary);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:180px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:4px;z-index:100}.user-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);transition:all var(--transition)}.user-menu-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.user-menu-item.danger{color:var(--danger)}.user-menu-item.danger:hover{background:#ef44441a}.sidebar{display:flex;flex-direction:column;background:#f8f9fa;border-right:1px solid var(--border);overflow-y:auto;padding:12px}.sidebar-compose-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;background:var(--accent);color:#fff;font-weight:600;font-size:14px;border-radius:var(--radius-md);transition:background var(--transition);margin-bottom:16px}.sidebar-compose-btn:hover{background:var(--accent-hover)}.sidebar-compose-btn svg{width:18px;height:18px}.sidebar-section{margin-bottom:16px}.sidebar-section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:0 8px;margin-bottom:4px}.folder-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border-radius:var(--radius-md);font-size:13px;color:var(--text-secondary);transition:all var(--transition)}.folder-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.folder-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.folder-item svg{width:16px;height:16px;flex-shrink:0}.folder-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-item-badge{flex-shrink:0}.sidebar-quota{margin-top:auto;padding:12px 8px 4px;border-top:1px solid var(--border)}.quota-bar-track{height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:4px}.quota-bar-fill{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width var(--transition-slow)}.quota-bar-fill.warning{background:var(--warning)}.quota-bar-fill.danger{background:var(--danger)}.quota-label{font-size:11px;color:var(--text-muted)}.maillist{display:flex;flex-direction:column;background:var(--bg-primary);border-right:1px solid var(--border);overflow:hidden}.maillist-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.maillist-title{font-size:15px;font-weight:600;color:var(--text-primary)}.maillist-count{font-size:12px;color:var(--text-muted)}.maillist-items{flex:1;overflow-y:auto}.empty-trash-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;margin:8px 12px;background:#dc26260f;color:var(--danger);border:1px solid rgba(220,38,38,.15);border-radius:var(--radius-sm);font-size:12px;cursor:pointer;transition:background var(--transition)}.empty-trash-btn:hover{background:#dc26261f}.maillist-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);gap:8px;padding:24px;text-align:center}.maillist-empty svg{width:40px;height:40px;opacity:.4}.mail-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background var(--transition);position:relative}.mail-item:hover{background:var(--bg-secondary)}.mail-item.selected{background:var(--accent-light)}.mail-item.unread .mail-item-sender,.mail-item.unread .mail-item-subject{font-weight:600;color:var(--text-primary)}.mail-item-unread-dot{position:absolute;left:6px;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background:var(--accent)}.mail-item-content{flex:1;min-width:0}.mail-item-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.mail-item-sender{font-size:14px;font-weight:500;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-item-time{font-size:11px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.mail-item-subject{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.mail-item-preview{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.mail-item-icons{display:flex;align-items:center;gap:4px;margin-top:4px}.mail-item-icons svg{width:12px;height:12px;color:var(--text-muted)}.mail-preview{display:flex;flex-direction:column;background:var(--bg-primary);overflow:hidden}.mail-preview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);gap:8px}.mail-preview-empty svg{width:48px;height:48px;opacity:.3}.mail-preview-toolbar{display:flex;align-items:center;gap:4px;padding:8px 16px;border-bottom:1px solid var(--border)}.preview-toolbar-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border-radius:var(--radius-md);font-size:13px;color:var(--text-secondary);transition:all var(--transition)}.preview-toolbar-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.preview-toolbar-btn.danger:hover{background:#ef44441a;color:var(--danger)}.preview-toolbar-btn svg{width:16px;height:16px}.preview-toolbar-separator{width:1px;height:20px;background:var(--border);margin:0 4px}.mail-preview-header{padding:20px 24px;border-bottom:1px solid var(--border)}.mail-preview-subject{font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:16px}.mail-preview-meta{display:flex;align-items:flex-start;gap:12px}.mail-preview-meta-body{flex:1}.mail-preview-from{font-size:14px;font-weight:600;color:var(--text-primary)}.mail-preview-from-email{font-size:12px;color:var(--text-muted);font-weight:400;margin-left:6px}.mail-preview-to{font-size:12px;color:var(--text-muted);margin-top:4px}.mail-preview-date{font-size:12px;color:var(--text-muted);white-space:nowrap}.mail-preview-body{flex:1;overflow-y:auto;padding:24px}.mail-body-content{color:var(--text-primary);line-height:1.6;font-size:14px;word-wrap:break-word;overflow-wrap:break-word}.mail-body-content a{color:var(--accent)}.mail-body-content img{max-width:100%!important;height:auto!important;display:inline-block;border-radius:var(--radius-sm);margin:4px 2px}.mail-body-content blockquote{border-left:3px solid var(--border);padding-left:12px;margin:8px 0;color:var(--text-secondary)}.mail-attachments{display:flex;flex-wrap:wrap;gap:8px;padding:16px 24px;border-top:1px solid var(--border)}.mail-attachments-title{width:100%;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;display:flex;align-items:center;gap:6px}.attachment-image-grid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-bottom:4px}.attachment-image-preview{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border);background:var(--bg-secondary);cursor:pointer;transition:border-color var(--transition)}.attachment-image-preview:hover{border-color:var(--accent)}.attachment-image-preview img{display:block;width:100%;height:140px;object-fit:cover}.attachment-image-label{display:block;padding:6px 8px;font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-chips{width:100%;display:flex;flex-wrap:wrap;gap:8px}.attachment-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition)}.attachment-chip:hover{background:var(--bg-tertiary);color:var(--text-primary)}.attachment-chip svg{width:14px;height:14px}.attachment-chip-size{color:var(--text-muted)}.compose-overlay{position:fixed;bottom:0;right:24px;z-index:200}.compose-dialog{width:560px;background:#fff;border:1px solid var(--border);border-bottom:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transition:height var(--transition-slow)}.compose-dialog.maximized{width:720px;height:80vh}.compose-dialog.minimized{height:auto}.compose-header{display:flex;align-items:center;padding:10px 14px;background:var(--bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;cursor:pointer}.compose-title{flex:1;font-size:13px;font-weight:600;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-header-actions{display:flex;gap:2px}.compose-header-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition)}.compose-header-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.compose-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.compose-field{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid var(--border);font-size:13px}.compose-field-label{color:var(--text-muted);font-size:12px;width:32px;flex-shrink:0}.compose-field-input{flex:1;border:none;background:transparent;padding:0;font-size:13px;color:var(--text-primary);outline:none}.compose-field-input:focus{border-color:transparent}.compose-cc-toggle{display:flex;gap:4px}.compose-cc-btn{font-size:12px;color:var(--text-muted);padding:2px 6px;border-radius:var(--radius-sm);transition:all var(--transition)}.compose-cc-btn:hover{color:var(--accent);background:var(--accent-light)}.compose-editor-wrapper{flex:1;overflow-y:auto;min-height:200px}.compose-chip-input{display:flex;flex-wrap:wrap;align-items:center;gap:4px;flex:1;min-height:32px;padding:2px 0}.compose-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:var(--accent);color:#fff;border-radius:var(--radius-full);font-size:12px;white-space:nowrap}.compose-chip-remove{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:0;display:flex;align-items:center}.compose-chip-remove:hover{color:#fff}.compose-chip-text{flex:1;min-width:120px;background:none;border:none;color:var(--text-primary);font-size:13px;outline:none;padding:4px 0}.compose-chip-text::placeholder{color:var(--text-muted)}.compose-attachments{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px;border-top:1px solid var(--border)}.compose-attachment-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary)}.compose-attachment-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compose-attachment-size{color:var(--text-muted);font-size:11px}.compose-attachment-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:2px;display:flex}.compose-attachment-remove:hover{color:var(--danger);background:#ef44441a}.compose-attach-count{background:var(--accent);color:#fff;font-size:10px;border-radius:var(--radius-full);padding:0 5px;margin-left:4px;min-width:16px;text-align:center}.compose-drag-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#003d8f1a;border:2px dashed var(--accent);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:10;color:var(--accent);font-size:14px;font-weight:600}.compose-body{position:relative}.compose-footer{display:flex;align-items:center;gap:8px;padding:10px 14px;border-top:1px solid var(--border)}.compose-send-btn{display:flex;align-items:center;gap:6px;padding:8px 20px;background:var(--accent);color:#fff;font-weight:600;font-size:13px;border-radius:var(--radius-md);transition:background var(--transition)}.compose-send-btn:hover{background:var(--accent-hover)}.compose-send-btn:disabled{opacity:.5;cursor:not-allowed}.compose-attach-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition)}.compose-attach-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.compose-status{margin-left:auto;font-size:11px;color:var(--text-muted)}.tiptap-toolbar{display:flex;align-items:center;gap:2px;padding:6px 10px;border-bottom:1px solid var(--border)}.tiptap-toolbar-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition)}.tiptap-toolbar-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tiptap-toolbar-btn.active{background:var(--accent-light);color:var(--accent)}.tiptap-toolbar-separator{width:1px;height:20px;background:var(--border);margin:0 4px}.tiptap-editor{padding:12px 14px;min-height:180px;outline:none}.tiptap-editor .ProseMirror{outline:none;min-height:160px}.tiptap-editor .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-muted);pointer-events:none;height:0}.tiptap-editor .ProseMirror p{margin:0 0 4px}.tiptap-editor .ProseMirror ul,.tiptap-editor .ProseMirror ol{padding-left:24px;margin:4px 0}.tiptap-editor .ProseMirror a{color:var(--accent);cursor:pointer}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e4e9f0)}.login-card{width:100%;max-width:380px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;box-shadow:0 4px 24px #00000014}.login-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:28px}.login-icon{width:48px;height:48px;color:var(--accent)}.login-title{font-size:20px;font-weight:700;color:var(--text-primary)}.login-subtitle{font-size:13px;color:var(--text-muted)}.login-form{display:flex;flex-direction:column;gap:14px}.login-field{position:relative}.login-field-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:var(--text-muted)}.login-field input{width:100%;padding:10px 12px 10px 38px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px}.login-field input:focus{border-color:var(--accent)}.login-submit{width:100%;padding:10px;background:var(--accent);color:#fff;font-weight:600;font-size:14px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background var(--transition);margin-top:4px}.login-submit:hover{background:var(--accent-hover)}.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-error{padding:10px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:var(--danger);font-size:13px}.mail-preview-loading{padding:24px}.mail-external-images-banner{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;margin:0 24px 8px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-sm);font-size:12px;color:var(--warning)}.mail-external-images-banner button{background:none;border:1px solid var(--warning);color:var(--warning);padding:3px 10px;border-radius:var(--radius-sm);cursor:pointer;font-size:12px}.mail-external-images-banner button:hover{background:#f59e0b26}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.search-box{position:relative;width:280px}.search-box-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-muted);pointer-events:none}.search-box input{width:100%;padding:7px 12px 7px 34px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;color:var(--text-primary);transition:all var(--transition)}.search-box input:focus{background:var(--bg-primary);border-color:var(--accent)}.search-box input::placeholder{color:var(--text-muted)}.search-box-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:2px;border-radius:var(--radius-sm);display:flex;align-items:center}.search-box-clear:hover{color:var(--text-primary);background:var(--bg-tertiary)}.mail-item{padding-left:12px}.mail-item-checkbox{display:flex;align-items:center;justify-content:center;width:18px;height:18px;min-width:18px;border-radius:50%;border:2px solid var(--text-muted);background:transparent;cursor:pointer;transition:all var(--transition);flex-shrink:0;margin-right:-4px}.mail-item-checkbox:hover{border-color:var(--accent)}.mail-item-checkbox.checked{background:var(--accent);border-color:var(--accent);color:#fff}.mail-item.checked{background:#003d8f14}.mail-item .mail-item-unread-dot{left:3px}.maillist-bulk-toolbar{display:flex;align-items:center;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border);background:#003d8f1a;min-height:45px}.bulk-count{font-size:12px;font-weight:600;color:var(--accent);margin-right:8px;white-space:nowrap}.bulk-btn{display:flex;align-items:center;gap:4px;padding:5px 8px;border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);transition:all var(--transition);white-space:nowrap}.bulk-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.bulk-btn-danger:hover{background:#ef444426;color:var(--danger)}.bulk-spacer{flex:1}.bulk-move-wrapper{position:relative}.bulk-move-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:160px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:4px;z-index:120;max-height:200px;overflow-y:auto}.bulk-move-option{display:block;width:100%;padding:6px 10px;border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);text-align:left;transition:all var(--transition)}.bulk-move-option:hover{background:var(--bg-tertiary);color:var(--text-primary)}.maillist-header-right{display:flex;align-items:center;gap:8px}.sort-wrapper{position:relative}.sort-trigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition)}.sort-trigger:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sort-dropdown{position:absolute;top:calc(100% + 4px);right:0;min-width:160px;max-width:200px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:4px;z-index:120}.sort-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:6px 10px;border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);transition:all var(--transition)}.sort-option:hover{background:var(--bg-tertiary);color:var(--text-primary)}.sort-option.active{color:var(--accent);font-weight:600}.folder-item-wrapper{position:relative;display:flex;align-items:center}.folder-item-wrapper .folder-item{flex:1}.folder-item-menu{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);color:var(--text-muted);opacity:0;transition:all var(--transition);flex-shrink:0}.folder-item-wrapper:hover .folder-item-menu{opacity:1}.folder-item-menu:hover{background:var(--bg-tertiary);color:var(--text-primary)}.folder-context-menu{position:absolute;top:100%;right:0;min-width:220px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:4px;z-index:150}.folder-context-item{display:flex;align-items:center;gap:8px;width:100%;padding:7px 10px;border-radius:var(--radius-sm);font-size:12px;color:var(--text-secondary);transition:all var(--transition)}.folder-context-item:hover{background:var(--bg-tertiary);color:var(--text-primary)}.folder-context-danger{color:var(--danger)}.folder-context-danger:hover{background:#ef44441a;color:var(--danger)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.topbar-icon-btn.refreshing svg{animation:spin 1s linear infinite}.topbar-sync-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--text-muted);margin:0 4px;transition:background var(--transition)}.topbar-sync-dot.connected{background:var(--success)}.topbar-sync-dot.disconnected{background:var(--danger)}.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);display:flex;flex-direction:column-reverse;gap:8px;z-index:9999;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;min-width:300px;max-width:440px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);font-size:13px;color:var(--text-primary);pointer-events:all;animation:toastSlideUp .3s ease-out}.toast-success{border-left:3px solid var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-error{border-left:3px solid var(--danger)}.toast-error .toast-icon{color:var(--danger)}.toast-info{border-left:3px solid var(--accent)}.toast-info .toast-icon{color:var(--accent)}.toast-icon{flex-shrink:0;display:flex}.toast-message{flex:1}.toast-close{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);color:var(--text-muted);flex-shrink:0;cursor:pointer;transition:all var(--transition)}.toast-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.fullview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:500;display:flex;align-items:center;justify-content:center;animation:fullview-fade-in .2s ease-out}@keyframes fullview-fade-in{0%{opacity:0}to{opacity:1}}.fullview-card{width:90vw;max-width:900px;max-height:90vh;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden;animation:fullview-scale-in .2s ease-out}@keyframes fullview-scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.fullview-toolbar{display:flex;align-items:center;gap:4px;padding:10px 16px;border-bottom:1px solid var(--border);background:#f8f9fa}.fullview-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition)}.fullview-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.fullview-header{padding:20px 24px;border-bottom:1px solid var(--border)}.fullview-body{flex:1;overflow-y:auto;padding:24px}.maillist-refresh-time{padding:6px 16px;border-top:1px solid var(--border-light);font-size:11px;color:var(--text-muted);text-align:center;flex-shrink:0}.mail-context-menu{position:fixed;z-index:1000;min-width:220px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px 0;box-shadow:0 4px 16px #0000001f}.mail-context-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 16px;background:none;border:none;color:var(--text-primary);font-size:13px;cursor:pointer;text-align:left}.mail-context-item:hover{background:var(--bg-tertiary)}.mail-context-item.danger{color:var(--danger)}.mail-context-item.danger:hover{background:#ef44441a}.mail-context-separator{height:1px;background:var(--border);margin:4px 0}.mail-context-has-submenu{position:relative}.mail-context-arrow{margin-left:auto;font-size:10px;color:var(--text-muted)}.mail-context-submenu-wrapper{position:relative}.mail-context-submenu{position:absolute;left:100%;top:0;min-width:180px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:4px 0;box-shadow:0 4px 16px #0000001f;z-index:1001}.settings-layout{display:grid;grid-template-columns:220px 1fr;height:100%}.settings-sidebar{background:var(--bg-primary);border-right:1px solid var(--border);padding:16px 0}.settings-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 20px;background:none;border:none;color:var(--text-secondary);font-size:14px;font-family:var(--font);cursor:pointer;text-align:left}.settings-menu-item:hover{background:var(--bg-secondary)}.settings-menu-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.settings-content{padding:24px 32px;overflow-y:auto;max-width:700px}.settings-section-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:24px}.settings-page{max-width:700px;margin:0 auto;padding:24px 16px}.settings-page-header{margin-bottom:24px}.settings-page-header h2{font-size:20px;font-weight:600;color:var(--text-primary)}.settings-page-content{display:flex;flex-direction:column;gap:24px}.settings-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}.settings-section-header{display:flex;align-items:center;gap:10px;margin-bottom:18px;color:var(--text-primary)}.settings-section-header h3{font-size:16px;font-weight:600}.settings-loading{color:var(--text-muted);font-size:13px;padding:16px 0}.settings-toggle{display:flex;align-items:center;gap:10px;margin-bottom:16px;font-size:14px;color:var(--text-primary);cursor:pointer}.settings-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);cursor:pointer}.settings-field{margin-bottom:14px}.settings-field label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.settings-field input[type=text],.settings-field input[type=date],.settings-field textarea{width:100%;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:var(--font);transition:border-color var(--transition)}.settings-field input:focus,.settings-field textarea:focus{outline:none;border-color:var(--accent)}.settings-field input:disabled,.settings-field textarea:disabled{opacity:.5;cursor:not-allowed}.settings-field textarea{resize:vertical;min-height:80px}.settings-row{display:flex;gap:14px}.settings-row .settings-field{flex:1}.vacation-active-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#003d8f1a;border:1px solid rgba(0,61,143,.3);border-radius:var(--radius-sm);margin-bottom:16px;font-size:13px;color:var(--accent)}.vacation-preview{margin-bottom:16px}.vacation-preview-label{font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:8px}.vacation-preview-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px}.vacation-preview-subject{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.vacation-preview-body{font-size:13px;color:var(--text-secondary);white-space:pre-wrap;margin-bottom:8px}.vacation-preview-dates{font-size:12px;color:var(--text-muted);border-top:1px solid var(--border);padding-top:8px}.settings-save-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:600;cursor:pointer;transition:background var(--transition)}.settings-save-btn:hover{background:var(--accent-hover)}.settings-save-btn:disabled{opacity:.6;cursor:not-allowed}.settings-select,.settings-field select{width:100%;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:var(--font);cursor:pointer;transition:border-color var(--transition);-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.settings-select:focus,.settings-field select:focus{outline:none;border-color:var(--accent)}.settings-select:disabled,.settings-field select:disabled{opacity:.5;cursor:not-allowed}.settings-hint{display:block;font-size:11px;color:var(--text-muted);margin-top:4px;font-style:italic}.signature-editor-wrapper{margin-bottom:16px}.signature-editor{min-height:120px;max-height:250px;overflow-y:auto}.signature-default-btn{display:inline-block;margin-top:8px;padding:4px 12px;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;font-family:var(--font);cursor:pointer;transition:all var(--transition)}.signature-default-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.signature-preview{margin-bottom:16px}.signature-preview-label{font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:8px}.signature-preview-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;font-size:13px;color:var(--text-secondary)}.signature-preview-divider{color:var(--text-muted);margin-bottom:6px}.mail-signature{color:var(--text-muted);font-size:13px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.app-maillist,.app-preview,.calendar-page,.contacts-page,.settings-layout{animation:fadeIn .2s ease-out}@keyframes slideInLeft{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.mail-item{animation:slideInLeft .2s ease-out both}.mail-item:nth-child(1){animation-delay:0ms}.mail-item:nth-child(2){animation-delay:30ms}.mail-item:nth-child(3){animation-delay:60ms}.mail-item:nth-child(4){animation-delay:90ms}.mail-item:nth-child(5){animation-delay:.12s}.mail-item:nth-child(6){animation-delay:.15s}.mail-item:nth-child(7){animation-delay:.18s}.mail-item:nth-child(8){animation-delay:.21s}.mail-item:nth-child(9){animation-delay:.24s}.mail-item:nth-child(10){animation-delay:.27s}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.compose-dialog{animation:slideUp .25s ease-out}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(8px)}}.toast-item.exiting{animation:toastFadeOut .2s ease-in forwards}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mail-context-menu,.sort-dropdown,.folder-context-menu,.user-menu-dropdown,.bulk-move-dropdown{animation:dropdownFadeIn .15s ease-out}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.mail-item-unread-dot{animation:pulse 2s ease-in-out infinite}.sidebar-compose-btn:active,.compose-send-btn:active,.login-submit:active{transform:scale(.97);transition:transform .1s ease}.preview-toolbar-btn{position:relative}.preview-toolbar-btn:hover{transform:scale(1.05)}.preview-toolbar-btn:active{transform:scale(.95)}.mail-item:active{transform:scale(.99)}.folder-item:hover{transform:translate(2px)}.avatar{transition:transform .15s ease}.mail-item:hover .avatar{transform:scale(1.05)}.maillist-items,.mail-preview-body,.app-maillist{scroll-behavior:smooth}.mail-item-swipe-delete{position:absolute;right:0;top:0;bottom:0;width:80px;background:var(--danger);display:flex;align-items:center;justify-content:center;color:#fff}.mail-item-swipe-archive{position:absolute;left:0;top:0;bottom:0;width:80px;background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff}.mobile-bottom-nav,.mobile-compose-fab{display:none}@media(max-width:768px){.app-layout{grid-template-columns:1fr!important;grid-template-rows:56px 1fr!important;grid-template-areas:"topbar" "content"!important}.app-sidebar{display:none!important}.app-maillist{grid-column:1;grid-row:2;max-height:none;height:100%;overflow-y:auto;padding-bottom:56px}.app-preview{display:none!important}.topbar{padding:0 8px;padding-top:env(safe-area-inset-top);height:calc(56px + env(safe-area-inset-top));gap:4px}.topbar-logo span,.topbar-tabs,.topbar-spacer{display:none}.search-box{flex:1;width:auto;max-width:none;min-width:0}.search-box input{font-size:16px}.user-menu-name{display:none}.maillist-header{padding:8px 12px}.mail-item{padding:12px;gap:10px;min-height:72px}.mail-item-checkbox{display:none!important}.mail-item-time{font-size:11px}.mail-item-preview{font-size:12px}input,textarea,select{font-size:16px!important}.sidebar-compose-btn{display:none}.mobile-compose-fab{display:flex;position:fixed;bottom:calc(72px + env(safe-area-inset-bottom));right:16px;width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;border:none;box-shadow:0 4px 12px #003d8f4d;align-items:center;justify-content:center;z-index:101;cursor:pointer;transition:background var(--transition),transform var(--transition)}.mobile-compose-fab:hover{background:var(--accent-hover);transform:scale(1.05)}@keyframes slideUpNav{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fabBounce{0%{transform:scale(0)}60%{transform:scale(1.1)}to{transform:scale(1)}}.mobile-bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:calc(56px + env(safe-area-inset-bottom));background:var(--bg-primary);border-top:1px solid var(--border);justify-content:space-around;align-items:flex-start;padding-top:6px;padding-bottom:env(safe-area-inset-bottom);z-index:100;box-shadow:0 -1px 3px #0000000f;animation:slideUpNav .3s ease-out}.mobile-compose-fab{animation:fabBounce .4s ease-out .3s both}.mobile-compose-fab:active{transform:scale(.9);transition:transform .1s ease}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 16px;color:var(--text-muted);font-size:10px;font-weight:500;background:none;border:none;cursor:pointer;transition:color var(--transition);font-family:var(--font)}.mobile-nav-item.active{color:var(--accent)}.mobile-nav-item svg{width:20px;height:20px}.compose-overlay{top:0!important;right:0!important;bottom:0!important;left:0!important;padding:0!important}.compose-dialog{width:100%!important;height:100%!important;max-height:100vh!important;bottom:0!important;right:0!important;left:0!important;border-radius:0!important;position:fixed!important}.compose-dialog.minimized{height:48px!important;width:100%!important;bottom:0!important}.compose-field-label{min-width:32px;font-size:12px}.compose-chip-text,.compose-field-input{font-size:16px!important}.fullview-backdrop{padding:0!important}.fullview-card{width:100%!important;max-width:none!important;height:100vh!important;max-height:100vh!important;border-radius:0!important}.toast-container{bottom:calc(70px + env(safe-area-inset-bottom))!important;left:12px!important;right:12px!important;transform:none!important}.attachment-image-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.mail-context-menu{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;max-height:70vh;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom)}.sort-dropdown{right:0;left:auto}.maillist-bulk-toolbar{flex-wrap:wrap;gap:4px;padding:8px}.bulk-btn{font-size:12px;padding:6px 8px}.calendar-page{grid-template-columns:1fr!important}.calendar-sidebar{display:none}.month-grid-cell{min-height:60px;font-size:12px}.contacts-page{grid-template-columns:1fr!important}.contacts-sidebar,.contact-detail{display:none}.settings-layout{grid-template-columns:1fr!important}.settings-sidebar{display:none}}@media(min-width:769px)and (max-width:1024px){.app-layout{grid-template-columns:60px 280px 1fr!important}.app-sidebar{overflow:hidden}.sidebar-compose-btn span,.folder-item-name{display:none}.sidebar-compose-btn{padding:10px;justify-content:center}.folder-item{justify-content:center;padding:10px}.folder-item-badge,.sidebar-quota,.sidebar-section-title,.sidebar-domain{display:none}}.sidebar-domain{padding:8px 16px;font-size:13px;color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border-light, var(--border));margin-bottom:4px}.sidebar-domain-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.more-menu-wrapper{position:relative}.more-actions-dropdown{position:absolute;top:100%;right:0;min-width:220px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg, 0 4px 12px rgba(0, 0, 0, .15));z-index:50;padding:4px 0;animation:dropdownFadeIn .15s ease}.more-actions-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 16px;background:none;border:none;text-align:left;font-size:13px;font-family:var(--font);color:var(--text-primary);cursor:pointer;transition:background var(--transition)}.more-actions-dropdown button:hover{background:var(--bg-secondary)}.more-actions-separator{height:1px;background:var(--border);margin:4px 0}.settings-loading{padding:20px 0;color:var(--text-muted);font-size:13px}.settings-subsection{margin-top:24px;border-top:1px solid var(--border);padding-top:16px}.settings-section-header-sm{margin-bottom:12px}.settings-section-header-sm h3{font-size:14px}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.input-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000;animation:modalBackdropFadeIn .15s ease-out}.input-modal{background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000026;width:400px;max-width:90vw;animation:modalScaleIn .2s ease-out}.input-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.input-modal-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.input-modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm)}.input-modal-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.input-modal-body{padding:20px}.input-modal-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.input-modal-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary);background:var(--bg-primary);outline:none;box-sizing:border-box}.input-modal-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px #003d8f1a}.input-modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--border)}.input-modal-btn{padding:8px 20px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;cursor:pointer;border:1px solid var(--border)}.input-modal-btn.cancel{background:var(--bg-primary);color:var(--text-secondary)}.input-modal-btn.cancel:hover{background:var(--bg-secondary)}.input-modal-btn.confirm{background:var(--accent);color:#fff;border-color:var(--accent)}.input-modal-btn.confirm:hover{background:var(--accent-hover)}.input-modal-btn.confirm.danger{background:var(--danger);border-color:var(--danger)}.input-modal-btn.confirm.danger:hover{background:#b91c1c}.input-modal-btn:disabled{opacity:.5;cursor:not-allowed}.page-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.page-shell-content{flex:1;overflow:hidden}.contacts-page{display:grid;grid-template-columns:var(--sidebar-width) var(--maillist-width) 1fr;height:100%;overflow:hidden}.contacts-sidebar{display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--border);padding:12px;overflow-y:auto}.contacts-sidebar-section{margin-top:8px}.contact-count-badge{font-size:11px;color:var(--text-muted);margin-left:auto}.contacts-middle{display:flex;flex-direction:column;background:var(--bg-primary);border-right:1px solid var(--border);overflow:hidden}.contacts-search-bar{padding:10px 12px;border-bottom:1px solid var(--border)}.contacts-search-bar .search-box{width:100%}.contact-list{flex:1;display:flex;overflow:hidden;position:relative}.contact-list-scroll{flex:1;overflow-y:auto;padding-right:20px}.contact-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:var(--text-muted);gap:8px}.contact-list-empty svg{opacity:.4}.contact-group-header{position:sticky;top:0;padding:6px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent);background:var(--bg-primary);border-bottom:1px solid var(--border-light);z-index:1}.contact-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;cursor:pointer;transition:background var(--transition);border:none;background:none;text-align:left}.contact-item:hover{background:var(--bg-secondary)}.contact-item.active{background:var(--accent-light)}.contact-item-info{flex:1;min-width:0}.contact-item-name{font-size:13px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-item-email{font-size:12px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-az-nav{position:absolute;right:0;top:0;bottom:0;width:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 0;background:var(--bg-primary);border-left:1px solid var(--border-light);z-index:2}.contact-az-letter{font-size:9px;font-weight:600;color:var(--text-muted);padding:1px 2px;cursor:pointer;border-radius:2px;line-height:1.2;transition:all var(--transition-fast)}.contact-az-letter:hover:not(:disabled){color:var(--accent);background:var(--accent-light)}.contact-az-letter.disabled{opacity:.25;cursor:default}.contact-detail{display:flex;flex-direction:column;background:var(--bg-primary);overflow-y:auto}.contact-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);gap:8px}.contact-detail-empty svg{opacity:.3}.contact-detail-header{display:flex;flex-direction:column;align-items:center;padding:32px 24px 24px;border-bottom:1px solid var(--border);gap:8px}.contact-detail-name{font-size:20px;font-weight:700;color:var(--text-primary);margin-top:4px}.contact-detail-company{font-size:13px;color:var(--text-secondary)}.contact-detail-actions{display:flex;gap:8px;margin-top:12px}.contact-action-btn{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-md);font-size:13px;color:var(--text-secondary);border:1px solid var(--border);transition:all var(--transition)}.contact-action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.contact-action-btn.danger{color:var(--danger);border-color:#ef44444d}.contact-action-btn.danger:hover,.contact-action-btn.danger.confirm{background:#ef44441a;color:var(--danger)}.contact-detail-fields{padding:20px 24px}.contact-field-group{margin-bottom:20px}.contact-field-label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:6px}.contact-field-value{font-size:14px;color:var(--text-primary);padding:2px 0;display:block}.contact-field-value.link{color:var(--accent);text-decoration:none}.contact-field-value.link:hover{text-decoration:underline}.contact-field-value.notes{white-space:pre-wrap;color:var(--text-secondary);font-size:13px;line-height:1.5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:300}.modal-dialog{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:480px;max-width:90vw;max-height:85vh;overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:16px;font-weight:600;color:var(--text-primary)}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition)}.modal-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-footer{display:flex;align-items:center;gap:8px;padding:16px 20px;border-top:1px solid var(--border);justify-content:flex-end}.modal-btn{padding:8px 20px;border-radius:var(--radius-md);font-size:13px;font-weight:600;transition:all var(--transition)}.modal-btn.primary{background:var(--accent);color:#fff}.modal-btn.primary:hover{background:var(--accent-hover)}.modal-btn.primary:disabled{opacity:.5;cursor:not-allowed}.modal-btn.secondary{color:var(--text-secondary);border:1px solid var(--border)}.modal-btn.secondary:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-btn.danger{color:var(--danger);border:1px solid rgba(239,68,68,.3)}.modal-btn.danger:hover,.modal-btn.danger.confirm{background:#ef44441a}.contact-form{padding:16px 20px}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form-field{margin-bottom:14px}.contact-form-field label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:4px}.contact-form-field input,.contact-form-field textarea{width:100%}.contact-form-array-row{display:flex;gap:6px;margin-bottom:6px}.contact-form-array-row input{flex:1}.contact-form-array-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);color:var(--text-muted);flex-shrink:0;transition:all var(--transition)}.contact-form-array-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.contact-form-array-btn.remove:hover{background:#ef44441a;color:var(--danger)}.contact-form-add-btn{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--accent);padding:4px 0;margin-top:2px;transition:color var(--transition)}.contact-form-add-btn:hover{color:var(--accent-hover)}.calendar-page{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100%;overflow:hidden}.calendar-sidebar{display:flex;flex-direction:column;background:var(--bg-secondary);border-right:1px solid var(--border);padding:12px;overflow-y:auto;gap:16px}.calendar-main{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-primary)}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.calendar-header-left{display:flex;align-items:center;gap:4px}.calendar-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 8px;white-space:nowrap}.cal-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition)}.cal-nav-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.cal-today-btn{padding:5px 14px;border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--text-secondary);border:1px solid var(--border);margin-left:8px;transition:all var(--transition)}.cal-today-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.calendar-header-right{display:flex;gap:2px;background:var(--bg-tertiary);border-radius:var(--radius-md);padding:2px}.cal-view-btn{padding:5px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;color:var(--text-secondary);transition:all var(--transition)}.cal-view-btn:hover{color:var(--text-primary)}.cal-view-btn.active{background:var(--bg-secondary);color:var(--text-primary);box-shadow:var(--shadow-sm)}.mini-calendar{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:10px}.mini-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.mini-cal-title{font-size:13px;font-weight:600;color:var(--text-primary)}.mini-cal-nav{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition)}.mini-cal-nav:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mini-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px}.mini-cal-grid.mini-cal-grid-kw{grid-template-columns:24px repeat(7,1fr)}.mini-cal-day-label{text-align:center;font-size:10px;font-weight:600;color:var(--text-muted);padding:2px 0}.mini-cal-day{text-align:center;font-size:11px;color:var(--text-secondary);padding:3px 0;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);aspect-ratio:1;display:flex;align-items:center;justify-content:center}.mini-cal-day:hover{background:var(--bg-tertiary);color:var(--text-primary)}.mini-cal-day.other-month{color:var(--text-muted);opacity:.4}.mini-cal-day.today{background:var(--accent);color:#fff;font-weight:700}.mini-cal-day.selected{outline:2px solid var(--accent);outline-offset:-2px}.mini-cal-day.today.selected{outline:none}.cal-month-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.cal-month-header{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--border);background:var(--bg-secondary)}.cal-month-day-label{text-align:center;font-size:11px;font-weight:600;color:var(--text-muted);padding:6px 0;text-transform:uppercase;letter-spacing:.5px}.cal-month-grid{flex:1;display:flex;flex-direction:column;overflow-y:auto}.cal-month-week{display:grid;grid-template-columns:repeat(7,1fr);flex:1;min-height:100px}.cal-month-cell{border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);padding:4px;cursor:pointer;transition:background var(--transition-fast);min-height:80px}.cal-month-cell:nth-child(7){border-right:none}.cal-month-cell:hover{background:var(--bg-secondary)}.cal-month-cell.other-month{background:var(--bg-secondary);opacity:.5}.cal-month-date{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:2px}.cal-month-date.today{background:var(--accent);color:#fff;font-weight:700}.cal-month-events{display:flex;flex-direction:column;gap:2px}.cal-month-event{display:block;width:100%;text-align:left;font-size:11px;padding:1px 4px;border-radius:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:opacity var(--transition-fast)}.cal-month-event:hover{opacity:.8}.cal-month-more{font-size:10px;color:var(--text-muted);padding:1px 4px}.cal-week-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.cal-week-header{display:flex;border-bottom:1px solid var(--border);background:var(--bg-secondary);flex-shrink:0}.cal-week-header .cal-week-time-gutter{border-bottom:none}.cal-week-day-header{flex:1;display:flex;flex-direction:column;align-items:center;padding:6px 0;border-left:1px solid var(--border-light)}.cal-week-day-name{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.cal-week-day-num{font-size:20px;font-weight:500;color:var(--text-secondary);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.cal-week-day-num.today{background:var(--accent);color:#fff;font-weight:700}.cal-week-body{flex:1;overflow-y:auto}.cal-week-grid{display:flex;position:relative;min-height:1440px}.cal-week-time-gutter{width:52px;flex-shrink:0;border-right:1px solid var(--border-light)}.cal-week-time-label{height:60px;display:flex;align-items:flex-start;justify-content:flex-end;padding:0 6px;font-size:10px;color:var(--text-muted);transform:translateY(-6px)}.cal-week-day-col{flex:1;position:relative;border-left:1px solid var(--border-light)}.cal-week-day-col.today{background:#003d8f0a}.cal-week-slot{height:60px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background var(--transition-fast)}.cal-week-slot:hover{background:var(--bg-secondary)}.cal-week-event{position:absolute;left:2px;right:2px;border-radius:var(--radius-sm);padding:2px 6px;font-size:11px;overflow:hidden;cursor:pointer;z-index:1;display:flex;flex-direction:column;transition:opacity var(--transition-fast)}.cal-week-event:hover{opacity:.85;z-index:2}.cal-week-event-time{font-size:10px;font-weight:600;opacity:.8}.cal-week-event-title{font-size:11px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cal-week-now-line{position:absolute;left:0;right:0;height:2px;background:var(--danger);z-index:3;pointer-events:none}.cal-week-now-line:before{content:"";position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--danger)}.event-dialog{width:500px}.event-form{padding:16px 20px}.event-allday-toggle{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:13px;color:var(--text-secondary);cursor:pointer}.event-allday-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);cursor:pointer}.event-color-picker{display:flex;gap:6px;flex-wrap:wrap}.event-color-swatch{width:28px;height:28px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent}.event-color-swatch:hover{transform:scale(1.15)}.event-color-swatch.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-secondary)}.mini-cal-kw-label{text-align:center;font-size:9px;font-weight:600;color:var(--text-muted);padding:2px 0;display:flex;align-items:center;justify-content:center}.mini-cal-kw{text-align:center;font-size:9px;color:var(--text-muted);padding:3px 0;display:flex;align-items:center;justify-content:center;opacity:.7}.event-form select{width:100%;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:var(--font);cursor:pointer;transition:border-color var(--transition);-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.event-form select:focus{outline:none;border-color:var(--accent)}.event-free-toggle{margin-bottom:0;margin-top:18px}.event-attendees{margin-top:16px;margin-bottom:14px}.event-attendees .contact-form-field-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.event-attendee-input{display:flex;gap:8px;margin-bottom:8px}.event-attendee-input input{flex:1;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-family:var(--font);transition:border-color var(--transition)}.event-attendee-input input:focus{outline:none;border-color:var(--accent)}.event-attendee-list{display:flex;flex-direction:column;gap:4px}.event-attendee-item{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:var(--bg-secondary);border-radius:var(--radius-sm);font-size:13px;color:var(--text-primary)}.event-attendee-role{font-size:11px;color:var(--text-muted);background:var(--bg-tertiary);padding:1px 6px;border-radius:var(--radius-sm);margin-left:8px}.event-attendee-remove{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-sm);background:none;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.event-attendee-remove:hover{background:var(--danger);color:#fff}