@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--brand:#1a5cba;--brand-hover:#0e3d80;--brand-light:#e8f0fb;--brand-mid:#5b8fd4;--bg-primary:#fff;--bg-secondary:#f5f6f8;--bg-tertiary:#eceef2;--bg-overlay:#00000059;--text-primary:#0f1117;--text-secondary:#5c6070;--text-tertiary:#9099ab;--text-inverse:#fff;--border-light:#0000000f;--border-mid:#0000001a;--border-strong:#00000029;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:999px;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014,0 2px 4px #0000000a;--shadow-lg:0 8px 32px #0000001f,0 2px 8px #0000000f;--sidebar-width:220px;--list-width:310px;--topbar-height:54px;--success:#1e7b4b;--success-bg:#edfaf3;--warning:#926b00;--warning-bg:#fff8e1;--danger:#c0392b;--danger-bg:#fef0ee;--info:#1a5cba;--info-bg:#e8f0fb;--font:"DM Sans",system-ui,sans-serif;--font-mono:"DM Mono",monospace;--transition:150ms ease}[data-theme=dark]{--bg-primary:#1a1c22;--bg-secondary:#22252d;--bg-tertiary:#13151a;--bg-overlay:#0009;--text-primary:#e8eaf0;--text-secondary:#8d95a6;--text-tertiary:#5a6070;--text-inverse:#0f1117;--border-light:#ffffff0d;--border-mid:#ffffff17;--border-strong:#ffffff24;--brand-light:#1a5cba2e;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #00000059;--shadow-lg:0 8px 32px #00000073;--success-bg:#1e7b4b26;--warning-bg:#926b0026;--danger-bg:#c0392b26;--info-bg:#1a5cba26}#root,body,html{-webkit-font-smoothing:antialiased;background:#eceef2;background:var(--bg-tertiary);color:#0f1117;color:var(--text-primary);font-size:14px;height:100%;line-height:1.5}#root,body,button,html{font-family:DM Sans,system-ui,sans-serif;font-family:var(--font)}button{cursor:pointer}input,select,textarea{font-family:DM Sans,system-ui,sans-serif;font-family:var(--font)}a{color:#1a5cba;color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#00000029;background:var(--border-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9099ab;background:var(--text-tertiary)}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.login-page{background:var(--bg-tertiary);min-height:100vh;overflow:hidden;padding:24px;position:relative}.login-page,.login-theme-btn{align-items:center;display:flex;justify-content:center}.login-theme-btn{background:var(--bg-primary);border:1px solid var(--border-mid);border-radius:var(--radius-full);cursor:pointer;font-size:16px;height:38px;position:absolute;right:20px;top:20px;width:38px;z-index:10}.login-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:400px;padding:40px;position:relative;width:100%;z-index:5}.login-brand{gap:12px;margin-bottom:28px}.login-brand,.login-logo-mark{align-items:center;display:flex}.login-logo-mark{background:var(--brand);border-radius:var(--radius-md);color:#fff;flex-shrink:0;height:44px;justify-content:center;width:44px}.login-logo-mark,.login-title{font-size:20px;font-weight:700}.login-title{color:var(--text-primary);line-height:1.2}.login-subtitle{color:var(--text-tertiary);font-size:12px;margin-top:1px}.login-welcome{color:var(--text-secondary);font-size:14px;margin-bottom:24px}.login-form{gap:16px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:6px}.form-label{color:var(--text-secondary);font-size:12px;font-weight:500}.form-input{background:var(--bg-secondary);border:1px solid var(--border-mid);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;outline:none;padding:10px 12px;transition:border-color var(--transition);width:100%}.form-input:focus{background:var(--bg-primary);border-color:var(--brand)}.form-input::placeholder{color:var(--text-tertiary)}.input-wrapper{position:relative}.input-wrapper .form-input{padding-right:56px}.show-pass-btn{background:none;border:none;color:var(--brand);cursor:pointer;font-family:var(--font);font-size:12px;font-weight:500;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.login-error{background:var(--danger-bg);border:1px solid #c0392b33;border-radius:var(--radius-md);color:var(--danger);font-size:13px;gap:8px;padding:10px 12px}.login-btn,.login-error{align-items:center;display:flex}.login-btn{background:var(--brand);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:14px;font-weight:600;justify-content:center;margin-top:4px;padding:12px;transition:background var(--transition)}.login-btn:hover:not(:disabled){background:var(--brand-hover)}.login-btn:disabled{cursor:default;opacity:.7}.login-spinner{animation:spin .7s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.login-footer{color:var(--text-tertiary);font-size:12px;line-height:1.8;margin-top:24px;text-align:center}.login-server-hint code{background:var(--bg-secondary);border-radius:4px;color:var(--brand);font-family:var(--font-mono);font-size:11px;padding:1px 5px}.login-bg-circle{background:var(--brand);border-radius:50%;opacity:.06;position:absolute}.login-bg-circle.c1{height:400px;right:-100px;top:-150px;width:400px}.login-bg-circle.c2{bottom:-100px;height:300px;left:-80px;width:300px}.topbar{background:var(--bg-primary);border-bottom:1px solid var(--border-light);gap:12px;height:var(--topbar-height);padding:0 16px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.topbar,.topbar-brand{align-items:center;display:flex;flex-shrink:0}.topbar-brand{gap:10px;width:var(--sidebar-width)}.brand-logo{align-items:center;background:var(--brand);border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:30px;justify-content:center;width:30px}.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-name{color:var(--text-primary);font-size:14px;font-weight:600}.brand-domain{color:var(--text-tertiary);font-size:10px}.topbar-search{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);display:flex;flex:1 1;gap:8px;height:36px;max-width:560px;padding:0 14px;transition:border-color var(--transition)}.topbar-search:focus-within{background:var(--bg-primary);border-color:var(--brand)}.search-icon{color:var(--text-tertiary);flex-shrink:0;font-size:16px}.search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:13px;outline:none}.search-clear,.search-input::placeholder{color:var(--text-tertiary)}.search-clear{background:none;border:none;cursor:pointer;font-size:12px;padding:2px}.topbar-right{align-items:center;display:flex;gap:8px;margin-left:auto}.theme-switcher{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);display:flex;gap:2px;padding:2px}.theme-opt{background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:500;padding:4px 10px;transition:all var(--transition);white-space:nowrap}.theme-opt.active{background:var(--bg-primary);box-shadow:var(--shadow-sm);color:var(--text-primary)}.topbar-icon-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:16px;height:34px;justify-content:center;position:relative;transition:background var(--transition);width:34px}.topbar-icon-btn:hover{background:var(--bg-secondary)}.notif-badge{align-items:center;background:#e24b4a;border:1.5px solid var(--bg-primary);border-radius:var(--radius-full);color:#fff;display:flex;font-size:9px;font-weight:700;height:14px;justify-content:center;min-width:14px;padding:0 3px;position:absolute;right:4px;top:4px}.profile-wrap{cursor:pointer;position:relative}.profile-avatar{align-items:center;background:var(--brand);border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:32px;justify-content:center;transition:opacity var(--transition);width:32px}.profile-avatar:hover{opacity:.85}.profile-dropdown{background:var(--bg-primary);border:1px solid var(--border-mid);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;padding:8px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.profile-info{padding:10px 14px}.profile-name{color:var(--text-primary);font-size:13px;font-weight:600}.profile-email{color:var(--text-tertiary);font-size:11px;margin-top:2px}.profile-divider{background:var(--border-light);height:1px;margin:4px 0}.profile-item{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:8px 14px;text-align:left;transition:background var(--transition);width:100%}.profile-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar{background:var(--bg-primary);border-right:1px solid var(--border-light);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;padding:12px 0;width:var(--sidebar-width)}.compose-btn{align-items:center;background:var(--brand);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;margin:0 12px 14px;padding:10px 16px;transition:background var(--transition)}.compose-btn:hover{background:var(--brand-hover)}.compose-icon{font-size:14px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:0 8px}.nav-group{display:flex;flex-direction:column;gap:1px;margin-bottom:8px}.nav-section-label{color:var(--text-tertiary);font-size:10px;font-weight:600;letter-spacing:.08em;padding:10px 10px 4px;text-transform:uppercase}.nav-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 10px;text-align:left;transition:all var(--transition);width:100%}.nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.nav-item.active{background:var(--brand-light);color:var(--brand);font-weight:500}.nav-icon{flex-shrink:0;font-size:14px}.nav-label{flex:1 1}.nav-badge{border-radius:var(--radius-full);font-size:10px;font-weight:700;min-width:18px;padding:1px 6px;text-align:center}.nav-badge.primary{background:var(--brand);color:#fff}.nav-badge.muted{background:var(--bg-tertiary);color:var(--text-secondary)}.sidebar-footer{border-top:1px solid var(--border-light);margin-top:auto;padding:12px 12px 4px}.storage-info{display:flex;flex-direction:column;gap:5px}.storage-row{align-items:center;display:flex;justify-content:space-between}.storage-label{color:var(--text-tertiary);font-size:11px}.storage-val{color:var(--text-secondary);font-size:11px}.storage-track{background:var(--bg-tertiary);border-radius:2px;height:3px;overflow:hidden}.storage-fill{background:var(--brand);border-radius:2px;height:100%;transition:width .3s ease}.email-list{background:var(--bg-secondary);border-right:1px solid var(--border-light);flex-direction:column;width:var(--list-width)}.email-list,.list-header{display:flex;flex-shrink:0}.list-header{align-items:center;border-bottom:1px solid var(--border-light);justify-content:space-between;padding:12px 14px}.list-title{color:var(--text-primary);font-size:14px;font-weight:600}.list-actions{display:flex;gap:4px}.list-icon-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all var(--transition);width:28px}.list-icon-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.filter-chips{border-bottom:1px solid var(--border-light);display:flex;flex-shrink:0;gap:5px;overflow-x:auto;padding:8px 14px}.filter-chip{background:#0000;border:1px solid var(--border-mid);border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-size:11px;font-weight:500;padding:3px 10px;transition:all var(--transition);white-space:nowrap}.filter-chip.active{background:var(--brand);border-color:var(--brand);color:#fff}.email-items-list{flex:1 1;overflow-y:auto}.empty-list{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:8px;justify-content:center;padding:60px 20px}.empty-icon{font-size:32px}.empty-list p{font-size:13px}.email-item{border-bottom:1px solid var(--border-light);border-left:2.5px solid #0000;cursor:pointer;padding:11px 14px;position:relative;transition:background var(--transition)}.email-item.active,.email-item:hover{background:var(--bg-primary)}.email-item.active{border-left-color:var(--brand)}.unread-dot{background:var(--brand);border-radius:50%;height:7px;position:absolute;right:13px;top:14px;width:7px}.ei-top{gap:8px;margin-bottom:4px}.ei-avatar,.ei-top{align-items:center;display:flex}.ei-avatar{border-radius:50%;flex-shrink:0;font-size:10px;font-weight:700;height:26px;justify-content:center;width:26px}.ei-sender{color:var(--text-primary);flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-item.unread .ei-sender{font-weight:600}.ei-time{color:var(--text-tertiary);flex-shrink:0;font-size:10px}.ei-subject{color:var(--text-primary);font-size:12px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-item.unread .ei-subject{font-weight:600}.ei-preview{color:var(--text-tertiary);font-size:11px;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ei-meta{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.ei-tag{border-radius:var(--radius-full);font-size:10px;font-weight:500;padding:1px 6px}.ei-tag.receipt{background:var(--success-bg);color:var(--success)}.ei-tag.sched{background:var(--warning-bg);color:var(--warning)}.ei-tag.auto{background:var(--info-bg);color:var(--info)}.ei-tag.attach,.ei-tag.label{background:var(--bg-tertiary);color:var(--text-secondary)}.ei-star{font-size:11px;margin-left:auto}.loading-list{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;font-size:13px;gap:12px;justify-content:center;padding:60px 20px}.loading-spinner{border:2px solid var(--border-mid);border-radius:50%;border-top-color:var(--brand);height:24px;width:24px}.list-icon-btn.spinning,.loading-spinner{animation:spin .7s linear infinite}.fetch-error{align-items:center;background:var(--danger-bg);border-bottom:1px solid #c0392b26;color:var(--danger);display:flex;font-size:12px;gap:8px;padding:8px 14px}.fetch-error button{background:none;border:none;color:var(--danger);cursor:pointer;font-size:11px;font-weight:600;margin-left:auto;text-decoration:underline}.email-view{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.empty-view{background:var(--bg-secondary)}.empty-state{align-items:center;color:var(--text-tertiary);display:flex;flex:1 1;flex-direction:column;gap:8px;justify-content:center}.empty-icon-large{font-size:40px;margin-bottom:4px}.empty-state h3{color:var(--text-secondary);font-size:15px;font-weight:500}.empty-state p{font-size:13px}.receipt-bar,.scheduled-bar,.sent-receipt-bar{align-items:center;display:flex;flex-shrink:0;font-size:12px;gap:8px;padding:8px 20px}.receipt-bar{background:var(--success-bg);border-bottom:1px solid #1e7b4b26;color:var(--success)}.scheduled-bar{background:var(--warning-bg);border-bottom:1px solid #926b0026;color:var(--warning)}.sent-receipt-bar{background:var(--info-bg);border-bottom:1px solid #1a5cba26;color:var(--info)}.receipt-icon{font-size:14px}.cancel-sched-btn{background:none;border:none;color:var(--warning);cursor:pointer;font-size:12px;font-weight:500;margin-left:4px;text-decoration:underline}.undo-bar{align-items:center;background:#1a1c22;color:#fff;display:flex;font-size:13px;gap:10px;padding:10px 20px}.undo-bar,.undo-ring{flex-shrink:0}.undo-action-btn{background:var(--brand);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-left:auto;padding:5px 12px;transition:background var(--transition)}.undo-action-btn:hover{background:var(--brand-hover)}.undo-dismiss{background:none;border:none;color:#ffffff80;cursor:pointer;font-size:14px;padding:2px 4px}.ev-header{border-bottom:1px solid var(--border-light);flex-shrink:0;padding:18px 24px 14px}.ev-subject{color:var(--text-primary);font-size:18px;font-weight:600;line-height:1.3;margin-bottom:12px}.ev-meta-row{gap:10px}.ev-avatar,.ev-meta-row{align-items:center;display:flex}.ev-avatar{border-radius:50%;flex-shrink:0;font-size:12px;font-weight:700;height:36px;justify-content:center;width:36px}.ev-from{color:var(--text-primary);display:flex;flex:1 1;flex-direction:column;font-size:13px;gap:1px}.ev-date,.ev-email{color:var(--text-tertiary);font-size:11px}.ev-actions{gap:4px}.ev-action-btn,.ev-actions{align-items:center;display:flex}.ev-action-btn{background:#0000;border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:12px;gap:5px;padding:5px 10px;transition:all var(--transition)}.ev-action-btn:hover{background:var(--bg-secondary);border-color:var(--border-mid);color:var(--text-primary)}.ev-action-btn.starred{color:#e9a000}.ev-action-btn.danger:hover{background:var(--danger-bg);color:var(--danger)}.ev-body{color:var(--text-primary);flex:1 1;font-size:14px;line-height:1.75;overflow-y:auto;padding:24px}.ev-body p{margin-bottom:12px}.ev-body ol,.ev-body ul{margin-bottom:12px;padding-left:20px}.ev-body li{margin-bottom:4px}.ev-body strong{font-weight:600}.ev-attachments{border-top:1px solid var(--border-light);flex-shrink:0;padding:14px 24px}.attach-label{color:var(--text-secondary);font-size:12px;font-weight:600;margin-bottom:10px}.attach-list{display:flex;flex-direction:column;gap:6px}.attach-item{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-md);display:flex;gap:10px;padding:8px 12px}.attach-icon{flex-shrink:0;font-size:20px}.attach-info{flex:1 1}.attach-name{color:var(--text-primary);font-size:13px;font-weight:500}.attach-size{color:var(--text-tertiary);font-size:11px}.attach-dl{background:none;border:1px solid var(--border-mid);border-radius:var(--radius-sm);color:var(--brand);cursor:pointer;font-size:11px;font-weight:500;padding:4px 10px;transition:all var(--transition)}.attach-dl:hover{background:var(--brand-light)}.ev-footer{border-top:1px solid var(--border-light);display:flex;flex-shrink:0;gap:8px;padding:12px 24px}.btn-primary{align-items:center;background:var(--brand);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:background var(--transition)}.btn-primary:hover{background:var(--brand-hover)}.btn-ghost{align-items:center;background:#0000;border:1px solid var(--border-mid);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all var(--transition)}.btn-ghost:hover{background:var(--bg-secondary);color:var(--text-primary)}.compose-panel{background:var(--bg-primary);border:1px solid var(--border-mid);border-radius:var(--radius-xl);bottom:16px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:580px;overflow:hidden;position:fixed;right:16px;width:640px;z-index:300}.compose-panel.maximized{border-radius:var(--radius-md)}.rh{position:absolute;z-index:10}.rh.n{cursor:n-resize;top:0}.rh.n,.rh.s{height:5px;left:10px;right:10px}.rh.s{bottom:0;cursor:s-resize}.rh.e{cursor:e-resize;right:0}.rh.e,.rh.w{bottom:10px;top:10px;width:5px}.rh.w{cursor:w-resize;left:0}.rh.ne{cursor:ne-resize;right:0}.rh.ne,.rh.nw{height:14px;top:0;width:14px}.rh.nw{cursor:nw-resize;left:0}.rh.se{cursor:se-resize;right:0}.rh.se,.rh.sw{bottom:0;height:14px;width:14px}.rh.sw{cursor:sw-resize;left:0}.compose-minimized{align-items:center;background:var(--bg-primary);border:1px solid var(--border-mid);border-radius:var(--radius-md);bottom:16px;box-shadow:var(--shadow-md);color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:12px;min-width:200px;padding:10px 16px;position:fixed;right:16px;z-index:300}.compose-minimized:hover{background:var(--bg-secondary)}.compose-minimized button{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:15px;margin-left:auto}.cp-header{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-light);border-radius:var(--radius-xl) var(--radius-xl) 0 0;cursor:move;display:flex;flex-shrink:0;justify-content:space-between;padding:10px 14px;-webkit-user-select:none;user-select:none}.compose-panel.maximized .cp-header{border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:default}.cp-title{color:var(--text-primary);font-size:13px;font-weight:600}.cp-header-right{align-items:center;display:flex;gap:4px}.cp-tabs{background:var(--bg-tertiary);border-radius:var(--radius-full);display:flex;gap:2px;margin-right:6px;padding:2px}.cp-tab{background:#0000;border:none;border-radius:var(--radius-full);color:var(--text-secondary);cursor:pointer;font-family:var(--font);font-size:11px;font-weight:500;padding:3px 10px;transition:all var(--transition)}.cp-tab.active{background:var(--bg-primary);box-shadow:var(--shadow-sm);color:var(--text-primary)}.cp-ctrl-btn{align-items:center;background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;display:flex;font-family:var(--font);font-size:13px;height:26px;justify-content:center;transition:all var(--transition);width:26px}.cp-ctrl-btn:hover{background:var(--bg-primary);color:var(--text-primary)}.cp-fields{border-bottom:1px solid var(--border-light);flex-shrink:0;padding:4px 14px}.cp-field{align-items:center;display:flex;gap:8px;padding:7px 0}.cp-field-label{color:var(--text-tertiary);flex-shrink:0;font-size:11px;font-weight:500;width:44px}.cp-field-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font);font-size:13px;outline:none}.cp-field-input::placeholder{color:var(--text-tertiary)}.cp-divider{background:var(--border-light);height:1px}.cc-toggle{background:none;border:none;color:var(--brand);cursor:pointer;font-family:var(--font);font-size:11px;font-weight:500}.cp-toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-light);flex-shrink:0;flex-wrap:wrap;gap:1px;padding:5px 12px}.cp-toolbar,.tb-btn{align-items:center;display:flex}.tb-btn{background:#0000;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-family:var(--font);font-size:13px;height:28px;justify-content:center;transition:all var(--transition);width:28px}.tb-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.tb-sep{background:var(--border-mid);height:18px;margin:0 4px;width:1px}.tb-toggle{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;gap:5px;margin-left:auto}.tb-toggle input{accent-color:var(--brand);cursor:pointer}.cp-body{flex:1 1;min-height:0;overflow:hidden}.cp-textarea{background:#0000;border:none;color:var(--text-primary);font-family:var(--font);font-size:14px;height:100%;line-height:1.7;outline:none;padding:14px 16px;resize:none;width:100%}.cp-textarea::placeholder{color:var(--text-tertiary)}.sched-row{align-items:center;background:var(--warning-bg);border-top:1px solid #926b0026;color:var(--warning);display:flex;flex-shrink:0;font-size:12px;gap:8px;padding:8px 14px}.sched-input{background:var(--bg-primary);border:1px solid #926b004d;border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font);font-size:12px;outline:none;padding:4px 8px}.sched-cancel{background:none;border:none;color:var(--warning);cursor:pointer;font-size:14px;margin-left:auto}.send-error{background:var(--danger-bg);border-top:1px solid #c0392b26;color:var(--danger);flex-shrink:0;font-size:12px;padding:8px 14px}.cp-footer{background:var(--bg-secondary);border-top:1px solid var(--border-light);flex-shrink:0;padding:10px 14px}.btn-send,.cp-footer{align-items:center;display:flex;gap:6px}.btn-send{background:var(--brand);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font);font-size:13px;font-weight:600;justify-content:center;min-width:80px;padding:9px 20px;transition:background var(--transition)}.btn-send:hover:not(:disabled){background:var(--brand-hover)}.btn-send:disabled{cursor:default;opacity:.7}.send-spinner{animation:spin .7s linear infinite;border:2px solid #fff6;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.btn-attach,.btn-draft,.btn-schedule{background:#0000;border:1px solid var(--border-mid);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font);font-size:13px;padding:8px 12px;transition:all var(--transition)}.btn-attach:hover,.btn-draft:hover,.btn-schedule:hover{background:var(--bg-primary);color:var(--text-primary)}.btn-schedule.active{background:var(--warning-bg);border-color:#926b004d;color:var(--warning)}.btn-draft{margin-left:auto}.cp-templates{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:10px 12px}.template-item{background:#0000;border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;font-family:var(--font);padding:11px 14px;text-align:left;transition:all var(--transition)}.template-item:hover{background:var(--brand-light);border-color:var(--brand)}.template-name{color:var(--text-primary);font-size:13px;font-weight:600;margin-bottom:4px}.template-preview{color:var(--text-tertiary);font-size:11px;line-height:1.5}@media (max-width:680px){.compose-panel{border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:0!important;height:80vh!important;left:0!important;right:0!important;top:auto!important;width:100%!important}.rh{display:none}}.settings-panel{background:var(--bg-secondary);display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:24px}.settings-header{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:16px 20px}.settings-title{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px}.settings-desc{color:var(--text-secondary);font-size:13px}.settings-list{display:flex;flex-direction:column;gap:10px}.rule-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:14px 16px;transition:border-color var(--transition)}.rule-card.active{border-color:var(--brand)}.rule-top{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.rule-info{flex:1 1}.rule-name{color:var(--text-primary);font-size:13px;font-weight:600}.rule-desc{color:var(--text-tertiary);font-size:11px;margin-top:2px}.rule-actions{align-items:center;display:flex;gap:8px}.rule-del{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:14px;transition:color var(--transition)}.rule-del:hover{color:var(--danger)}.rule-reply{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;font-style:italic;padding:6px 10px}.add-rule-form{background:var(--bg-primary);border:1px solid var(--border-mid);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:10px;padding:16px}.add-rule-form h3{color:var(--text-primary);font-size:13px;font-weight:600}.add-rule-btn{background:#0000;border:1px dashed var(--border-mid);border-radius:var(--radius-md);color:var(--brand);cursor:pointer;font-family:var(--font);font-size:13px;font-weight:500;padding:10px;transition:all var(--transition)}.add-rule-btn:hover{background:var(--brand-light);border-color:var(--brand)}.settings-input{background:var(--bg-secondary);border:1px solid var(--border-mid);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font);font-size:13px;outline:none;padding:9px 12px;width:100%}.settings-input:focus{border-color:var(--brand)}.settings-input::placeholder{color:var(--text-tertiary)}.settings-textarea{background:var(--bg-secondary);border:1px solid var(--border-mid);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font);font-size:13px;line-height:1.5;min-height:80px;outline:none;padding:9px 12px;resize:vertical;width:100%}.settings-textarea:focus{border-color:var(--brand)}.btn-save{background:var(--brand);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font);font-size:13px;font-weight:500;padding:8px 16px}.btn-save:hover{background:var(--brand-hover)}.btn-cancel{background:#0000;border:1px solid var(--border-mid);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-family:var(--font);font-size:13px;padding:8px 14px}.toggle{background:var(--border-mid);border:none;border-radius:var(--radius-full);cursor:pointer;flex-shrink:0;height:22px;position:relative;transition:background var(--transition);width:38px}.toggle.on{background:var(--brand)}.toggle:after{background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);content:"";height:18px;left:2px;position:absolute;top:2px;transition:left .2s ease;width:18px}.toggle.on:after{left:18px}.sig-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:14px 16px}.sig-card.active{border-color:var(--brand)}.sig-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:10px}.sig-name{color:var(--text-primary);font-size:13px;font-weight:600}.sig-badge{background:var(--brand-light);border-radius:var(--radius-full);color:var(--brand);font-size:10px;font-weight:600;padding:1px 7px}.sig-preview{background:var(--bg-secondary);border-radius:var(--radius-sm);line-height:1.6;padding:8px 10px;white-space:pre-wrap}.rule-btn,.sig-preview{color:var(--text-secondary);font-family:var(--font);font-size:12px}.rule-btn{background:#0000;border:1px solid var(--border-mid);border-radius:var(--radius-sm);cursor:pointer;padding:5px 10px;transition:all var(--transition)}.rule-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.settings-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden}.section-label{color:var(--text-tertiary);font-size:11px;font-weight:600;letter-spacing:.07em;padding:10px 16px 6px;text-transform:uppercase}.section-label,.setting-row{border-bottom:1px solid var(--border-light)}.setting-row{align-items:center;display:flex;gap:16px;justify-content:space-between;padding:12px 16px}.setting-row:last-child{border-bottom:none}.setting-info{flex:1 1}.setting-label{color:var(--text-primary);font-size:13px;font-weight:500}.setting-desc{color:var(--text-tertiary);font-size:11px;margin-top:2px}.setting-control{flex-shrink:0}.settings-select{background:var(--bg-secondary);border:1px solid var(--border-mid);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-family:var(--font);font-size:12px;outline:none;padding:5px 8px}.status-badge{border-radius:var(--radius-full);font-size:11px;font-weight:600;padding:3px 8px}.status-badge.success{background:var(--success-bg);color:var(--success)}.cpanel-guide{background:var(--bg-secondary);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:5px;margin:8px 16px 16px;padding:12px 14px}.cpanel-guide h4{color:var(--text-primary);font-size:12px;font-weight:600;margin-bottom:4px}.cpanel-guide p{color:var(--text-secondary);font-size:11px}.cpanel-guide code{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--brand);display:block;font-family:var(--font-mono);font-size:11px;padding:3px 8px}.app-shell{flex-direction:column;height:100vh}.app-body,.app-shell{display:flex;overflow:hidden}.app-body{flex:1 1;min-height:0}@media (max-width:900px){:root{--sidebar-width:60px;--list-width:260px}.brand-text,.compose-btn span:last-child,.nav-badge,.nav-label,.nav-section-label,.storage-info{display:none}.compose-btn{margin:0 6px 12px}.compose-btn,.nav-item{justify-content:center;padding:10px}.sidebar{padding:12px 0}}@media (max-width:640px){:root{--sidebar-width:0px;--list-width:100%}.sidebar{display:none}.email-list{width:100%}.email-view{display:none}.email-view.visible{display:flex}.topbar{padding:0 12px}.topbar-brand{width:auto}.topbar-search{flex:1 1}.theme-switcher{display:none}}
/*# sourceMappingURL=main.44f40945.css.map*/