:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg-app: #f6f8fc;--bg-surface: #ffffff;--bg-surface-hover: #f1f4fa;--bg-card: #ffffff;--text-main: #17223a;--text-muted: #66738b;--text-dim: #8a96aa;--text-unread: #21304b;--line: #e6eaf2;--line-light: #edf0f5;--blue: #2457ed;--blue-hover: #1846d1;--blue-subtle: #eef3ff;--blue-accent-bg: #edf2ff;--blue-accent-border: #dbe5ff;--navy: #0e1932;--btn-bg: #ffffff;--btn-border: #e6eaf2;--btn-hover: #f1f4fa;--input-bg: #ffffff;--input-border: #dde3ed;--badge-bg: #dce7ff;--badge-text: #2457ed;--avatar-bg: #eef2f9;--avatar-text: #5c73a1;--row-hover: #f7f9ff;--row-unread: #fafbff;--shadow-menu: 0 10px 35px rgba(22, 40, 73, .09);--notice-bg: #f0f5ff;--notice-border: #cbd9f7;--notice-text: #1d3b7a;--danger-bg: #fff4f4;--danger-border: #f2cece;--danger-text: #9f3030;--success-bg: #edf8f3;--success-border: #c8e8d9;--success-text: #21654d}[data-theme=dark]{color-scheme:dark;--bg-app: #0b111e;--bg-surface: #121a2a;--bg-surface-hover: #19253c;--bg-card: #141e30;--text-main: #e8eef8;--text-muted: #95a4be;--text-dim: #677894;--text-unread: #ffffff;--line: #22314a;--line-light: #1b263b;--blue: #3d7eff;--blue-hover: #2d6ff7;--blue-subtle: #172847;--blue-accent-bg: #182744;--blue-accent-border: #263c68;--navy: #080d17;--btn-bg: #152033;--btn-border: #24344e;--btn-hover: #1d2c44;--input-bg: #0e1625;--input-border: #253650;--badge-bg: #1d3257;--badge-text: #93b2ff;--avatar-bg: #1a273e;--avatar-text: #8eaef5;--row-hover: #172338;--row-unread: #152237;--shadow-menu: 0 12px 36px rgba(0, 0, 0, .45);--notice-bg: #14223b;--notice-border: #243c68;--notice-text: #9bb7f9;--danger-bg: #2d1418;--danger-border: #56212b;--danger-text: #fca5a5;--success-bg: #11281e;--success-border: #1b4f3a;--success-text: #86efac}*,*:before,*:after{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}html,body{max-width:100%;overflow-x:hidden}body{margin:0;background:var(--bg-app);color:var(--text-main);transition:background-color .2s ease,color .2s ease;min-height:100svh;-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--text-main);border-radius:8px;padding:.65rem 1rem;font-size:.875rem;font-weight:550;min-height:40px;touch-action:manipulation;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}button:hover{background:var(--btn-hover)}button:active{transform:scale(.985)}button:disabled{cursor:wait;opacity:.6;pointer-events:none}a{color:var(--blue);text-decoration:none;touch-action:manipulation}a:hover{text-decoration:underline}input,textarea,select{outline:none}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px #2457ed40;border-color:var(--blue)}:focus-visible{outline:3px solid #76a2ff;outline-offset:3px}fieldset{border:0;padding:0;margin:0;min-width:0}button svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}.primary{background:var(--blue);border-color:var(--blue);color:#fff}.primary:hover{background:var(--blue-hover)}.eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:650}.brand{display:flex;align-items:center;gap:.75rem;font-weight:700;font-size:1.45rem;letter-spacing:-.04em;-webkit-user-select:none;user-select:none}.brand-mark{display:grid;place-items:center;height:44px;width:44px;background:var(--blue);color:#fff;border-radius:12px;flex-shrink:0}.brand-mark svg{width:25px}.brand-sub{display:block;font-size:.625rem;letter-spacing:.2em;font-weight:550;margin-top:2px}.theme-toggle-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.45rem .7rem;border-radius:8px;border:1px solid var(--line);background:var(--bg-surface);color:var(--text-muted);font-size:.8125rem;font-weight:550;min-height:38px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .2s cubic-bezier(.16,1,.3,1)}.theme-toggle-btn:hover{background:var(--bg-surface-hover);color:var(--text-main);border-color:var(--blue);box-shadow:0 2px 10px #2457ed26}.theme-toggle-icon{display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.theme-toggle-btn:hover .theme-toggle-icon{transform:rotate(20deg) scale(1.1)}.theme-sun-icon{color:#f59e0b}.theme-moon-icon{color:#818cf8}.theme-toggle-text{font-size:.8125rem;color:var(--text-main);white-space:nowrap}.login-theme-action{position:absolute;top:1.5rem;right:1.75rem;z-index:20}.topbar-actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.sidebar-theme-item{margin-bottom:.75rem;padding:0 .25rem}.sidebar-theme-item .theme-toggle-btn{width:100%;justify-content:flex-start;padding:.65rem .8rem}.settings-theme-row{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:380px;padding:.6rem .9rem;background:var(--bg-app);border:1px solid var(--line);border-radius:8px;gap:.75rem}.login-layout{min-height:100svh;display:grid;grid-template-columns:minmax(320px,44%) 1fr}.login-story{background:var(--navy);color:#fff;padding:3rem 4rem;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-story .brand-mark{background:#2c5ff5}.story-content{padding:4rem 0}.story-content .eyebrow{color:#93b2ff}.story-content h1{font-size:clamp(2.4rem,4.2vw,4.5rem);line-height:1.09;font-weight:550;letter-spacing:-.055em;margin:1.5rem 0}.story-content h1 span{color:#8eaeff}.story-content p{color:#b2bfd7;font-size:1rem;line-height:1.8;margin-top:1.5rem}.story-rule{height:1px;width:58px;background:#506181;margin:2.5rem 0 1.5rem}.story-security{display:flex;align-items:center;gap:.65rem;font-size:.875rem;color:#c8d2e7}.story-security svg{width:18px}.story-footer{color:#94a3bd;font-size:.625rem;letter-spacing:.16em}.login-main{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;padding:5rem 2.5rem 6rem;background:var(--bg-surface);color:var(--text-main);transition:background-color .2s ease,color .2s ease;width:100%}.login-card{width:100%;max-width:388px}.login-icon{height:50px;width:50px;display:grid;place-items:center;background:var(--blue-accent-bg);color:var(--blue);border:1px solid var(--blue-accent-border);border-radius:14px;margin-bottom:1.75rem}.login-icon svg{width:22px}.login-card>.eyebrow{color:var(--text-dim)}.login-card h2{font-size:clamp(1.75rem,3.5vw,2.1rem);font-weight:650;letter-spacing:-.04em;margin:.6rem 0;color:var(--text-main)}.login-intro{color:var(--text-muted);font-size:.9375rem;margin-bottom:2rem;line-height:1.6}.login-card form label:not(.checkbox-label){display:block;font-size:.875rem;font-weight:550;margin:1.3rem 0 .55rem;color:var(--text-main)}.input-icon{position:relative;display:flex;align-items:center;width:100%}.input-icon>svg{position:absolute;left:14px;width:17px;color:var(--text-dim);pointer-events:none}.input-icon input{border:1px solid var(--input-border);border-radius:8px;background:var(--input-bg);padding:.85rem 2.65rem;width:100%;font-size:.9375rem;color:var(--text-main);min-height:48px;transition:border-color .15s ease,background-color .15s ease}.input-icon input::placeholder{color:var(--text-dim)}.eye-button{position:absolute;right:5px;padding:9px;border:0;background:transparent;color:var(--text-dim);min-height:38px}.eye-button svg{width:18px}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;gap:.75rem;margin:1.15rem 0 1.65rem;flex-wrap:wrap}.checkbox-label{display:inline-flex;align-items:center;gap:.5rem;color:var(--text-muted);-webkit-user-select:none;user-select:none}.checkbox-label input{accent-color:var(--blue);width:16px;height:16px;margin:0}.login-submit{width:100%;padding:.88rem;font-size:.9375rem;min-height:48px}.login-submit svg{width:18px}.divider{display:flex;align-items:center;gap:1rem;color:var(--text-dim);font-size:.75rem;margin:1.5rem 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.google-button{width:100%;min-height:48px;gap:.8rem;font-size:.875rem;border-color:var(--input-border);background:var(--btn-bg);color:var(--text-main)}.google-g{font-weight:750;font-size:1.25rem;color:#4285f4;font-family:Arial,sans-serif}.access-note{text-align:center;font-size:.75rem;line-height:1.6;color:var(--text-dim);margin:1.7rem 0 0}.login-footer{position:absolute;bottom:2rem;display:flex;align-items:center;gap:.45rem;color:var(--text-dim);font-size:.75rem;flex-wrap:wrap;justify-content:center}.login-footer>span:last-child{padding-left:1rem;border-left:1px solid var(--line);margin-left:.6rem}.mobile-brand{display:none}.back-login{display:block;text-align:center;margin:1.5rem 0;font-size:.875rem}.notice{border:1px solid var(--notice-border);background:var(--notice-bg);color:var(--notice-text);border-radius:8px;padding:.9rem 1rem;font-size:.875rem;line-height:1.55;margin-bottom:1rem;display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;overflow-wrap:anywhere;word-break:break-word}.notice.error{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.notice.success{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.notice button{padding:.3rem .5rem;min-height:32px}.text-button{border:0;background:transparent;color:var(--blue);padding:0;min-height:auto}.secure-loading{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;text-align:center;background:var(--bg-app);color:var(--text-main)}.secure-loading p{color:var(--text-muted);margin:0;max-width:400px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.private-hidden .private-surface{visibility:hidden!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.dashboard{display:flex;min-height:100svh;background:var(--bg-app);color:var(--text-main);position:relative;width:100%}.sidebar{width:260px;background:var(--bg-surface);border-right:1px solid var(--line);padding:1.5rem 1.1rem 1rem;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100svh;overflow-y:auto;overflow-x:hidden;transition:background-color .2s ease,border-color .2s ease;z-index:25}.sidebar-brand{padding:0 .4rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.sidebar .brand-mark{width:38px;height:38px;border-radius:10px}.sidebar .brand{font-size:1.35rem}.mailbox-label,.nav-caption{font-size:.625rem;font-weight:650;letter-spacing:.12em;color:var(--text-dim);padding:0 .5rem;margin-bottom:.65rem}.account-select{border:1px solid var(--line);background:var(--input-bg);border-radius:9px;display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;position:relative;margin-bottom:1.25rem;min-width:0}.mailbox-avatar{border-radius:7px;background:var(--blue-accent-bg);color:var(--blue);height:31px;width:31px;display:grid;place-items:center;font-size:.875rem;font-weight:650;flex-shrink:0}.account-select select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text-main);font-size:.8125rem;letter-spacing:-.015em;padding-right:22px;cursor:pointer;min-width:0;line-height:1.4}.account-select select option{background:var(--bg-surface);color:var(--text-main)}.account-select>svg{position:absolute;right:7px;pointer-events:none;color:var(--text-dim)}.compose-button{width:100%;padding:.8rem;margin-bottom:1.25rem}.sidebar nav{display:flex;flex-direction:column;gap:4px}.sidebar nav a,.sidebar-bottom>a{display:flex;align-items:center;gap:.8rem;padding:.75rem .8rem;color:var(--text-muted);font-size:.875rem;border-radius:7px;text-decoration:none;transition:all .15s ease}.sidebar nav a:hover,.sidebar-bottom>a:hover{background:var(--bg-surface-hover);color:var(--text-main);text-decoration:none}.sidebar nav a.active{color:var(--blue);background:var(--blue-subtle);font-weight:600}.sidebar nav a span:not(.folder-count){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-count{margin-left:auto;font-size:.75rem;background:var(--badge-bg);color:var(--badge-text);padding:.1rem .4rem;border-radius:4px}.nav-caption{margin-top:1.5rem;margin-bottom:.4rem}.sidebar-bottom{margin-top:auto;padding-top:1.5rem}.private-label{border-top:1px solid var(--line);padding:1.25rem .8rem .25rem;margin-top:.7rem;display:flex;align-items:center;gap:.6rem;color:var(--text-dim);font-size:.75rem}.mail-workspace{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;border-bottom:1px solid var(--line);background:var(--bg-surface);gap:.75rem;position:sticky;top:0;z-index:15;transition:background-color .2s ease,border-color .2s ease}.workspace-name{font-size:.875rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.workspace-name span{padding:0 .5rem;color:var(--text-dim)}.profile{position:relative}.profile summary{cursor:pointer;display:flex;align-items:center;gap:.5rem;list-style:none;-webkit-user-select:none;user-select:none}.profile summary::-webkit-details-marker{display:none}.profile-avatar{width:35px;height:35px;display:grid;place-items:center;background:var(--avatar-bg);border:1px solid var(--line);color:var(--avatar-text);border-radius:50%;font-size:.8125rem;font-weight:650;flex-shrink:0}.profile-menu{position:absolute;top:48px;right:0;z-index:30;background:var(--bg-card);border:1px solid var(--line);border-radius:10px;padding:1rem;box-shadow:var(--shadow-menu);width:260px;max-width:calc(100vw - 2rem);display:flex;flex-direction:column;gap:.5rem;overflow-wrap:anywhere;word-break:break-word;color:var(--text-main)}.profile-menu>span{font-size:.8125rem;color:var(--text-muted)}.profile-menu button{margin-top:.5rem;justify-content:flex-start;width:100%}.mail-heading{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:2rem 2rem 1.4rem;flex-wrap:wrap}.mail-heading>div{min-width:0;flex:1 1 200px}.mail-heading .eyebrow{font-size:.6875rem;color:var(--text-dim);letter-spacing:.06em;overflow-wrap:anywhere;word-break:break-all}.mail-heading h1{font-size:clamp(1.6rem,3vw,1.9rem);letter-spacing:-.04em;font-weight:650;margin:.5rem 0 0;color:var(--text-main);overflow-wrap:anywhere;word-break:break-word}.search-form{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--input-bg);padding:.4rem .6rem .4rem .85rem;gap:.5rem;max-width:100%}.search-form svg{color:var(--text-dim);flex-shrink:0}.search-form input{border:0;width:180px;min-width:0;font-size:.875rem;padding:.3rem 0;background:transparent;color:var(--text-main)}.search-form input::placeholder{color:var(--text-dim)}.search-form button{font-size:.75rem;border:0;background:var(--bg-surface-hover);color:var(--text-main);padding:.35rem .6rem;min-height:32px;flex-shrink:0}.mail-panel{margin:0 2rem 2rem;background:var(--bg-card);border:1px solid var(--line);border-radius:10px;overflow:hidden;transition:background-color .2s ease,border-color .2s ease}.mail-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:.7rem 1.25rem;min-height:54px;gap:.75rem;font-size:.8125rem;color:var(--text-muted)}.toolbar-left-group{display:flex;align-items:center;gap:.75rem;min-width:0}.toolbar-select-all-label{display:inline-flex;align-items:center;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .15s ease}.toolbar-select-all-label:hover{background:var(--bg-surface-hover)}.batch-toolbar-actions{display:flex;align-items:center;justify-content:space-between;width:100%;gap:1rem;flex-wrap:wrap}.batch-select-all-label{display:inline-flex;align-items:center;gap:.65rem;cursor:pointer;font-weight:600;color:var(--text-main);-webkit-user-select:none;user-select:none}.batch-count-text{font-size:.875rem;color:var(--text-main);font-weight:600}.batch-buttons-group{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.batch-action-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.8125rem;font-weight:550;border-radius:6px;border:1px solid var(--line);background:var(--bg-surface);color:var(--text-main);cursor:pointer;transition:all .15s ease}.batch-action-btn:hover{background:var(--bg-surface-hover);border-color:var(--line-light)}.batch-action-btn:disabled{opacity:.6;cursor:not-allowed}.batch-action-btn.delete-btn{color:#ef4444;border-color:#ef44444d;background:#ef444414}.batch-action-btn.delete-btn:hover:not(:disabled){background:#ef44442e;border-color:#ef444480;color:#dc2626}.batch-action-btn.cancel-btn{background:transparent;border-color:transparent;color:var(--text-muted)}.batch-action-btn.cancel-btn:hover{color:var(--text-main);background:var(--bg-surface-hover)}.message-select-wrap{display:inline-flex;align-items:center;justify-content:center;padding:4px;margin-right:-.25rem;cursor:pointer;border-radius:4px;transition:background-color .15s ease;z-index:2}.message-select-wrap:hover{background:var(--bg-surface-hover)}.message-select-checkbox{width:17px;height:17px;cursor:pointer;accent-color:var(--blue, #2563eb);border-radius:4px;margin:0;vertical-align:middle}.mail-toolbar>span,.mail-toolbar>a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.icon-button{padding:.45rem;border:0;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:6px;min-height:36px;min-width:36px;flex-shrink:0}.icon-button:hover{background:var(--bg-surface-hover);color:var(--text-main);text-decoration:none}.message-row{position:relative;display:flex;align-items:center;gap:1rem;padding:1rem 1.4rem;border-bottom:1px solid var(--line-light);color:var(--text-muted);min-height:74px;font-size:.875rem;text-decoration:none;transition:background-color .15s ease}.message-row:hover{background:var(--row-hover);color:var(--text-main);text-decoration:none}.message-row.selected{background:var(--blue-accent-bg, rgba(37, 99, 235, .08))!important;border-left:3px solid var(--blue, #2563eb);padding-left:calc(1.4rem - 3px)}.message-row.unread{background:var(--row-unread);color:var(--text-unread);font-weight:600}.message-row.unread .message-subject{color:var(--text-main)}.sender-avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--avatar-bg);font-size:.8125rem;font-weight:600;color:var(--avatar-text);flex-shrink:0}.sender-name{width:170px;flex-shrink:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.message-subject-wrap{display:flex;align-items:center;gap:.55rem;flex:1;min-width:0;overflow:hidden}.new-badge{display:inline-flex;align-items:center;justify-content:center;padding:.18rem .45rem;font-size:.65rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;border-radius:4px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 2px 6px #2563eb59;flex-shrink:0;line-height:1.1;-webkit-user-select:none;user-select:none}[data-theme=dark] .new-badge{background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;box-shadow:0 2px 8px #3b82f673}.message-subject{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.message-time-meta{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:.18rem;flex-shrink:0;text-align:right;min-width:96px}.message-time-top{display:inline-flex;align-items:center;gap:.4rem}.new-tag-pill{display:inline-flex;align-items:center;justify-content:center;padding:.12rem .42rem;font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;border-radius:12px;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;box-shadow:0 2px 6px #2457ed59;line-height:1.1;flex-shrink:0;-webkit-user-select:none;user-select:none}[data-theme=dark] .new-tag-pill{background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;box-shadow:0 2px 8px #3b82f673}.message-date{font-size:.75rem;font-weight:600;color:var(--text-dim);white-space:nowrap}.message-time{font-size:.72rem;color:var(--text-dim);opacity:.85;white-space:nowrap;font-variant-numeric:tabular-nums}.message-row.unread .message-date{color:var(--blue);font-weight:650}.message-row.unread .message-time{color:var(--text-muted);font-weight:500;opacity:1}.syncing-indicator{display:inline-flex;align-items:center;gap:.35rem;color:var(--blue);font-weight:550;font-size:.75rem;margin-left:.5rem}.row-actions{display:none;align-items:center;gap:.25rem;position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:var(--bg-card);padding:3px 6px;border-radius:6px;border:1px solid var(--line);box-shadow:var(--shadow-menu);z-index:5}@media(hover:hover)and (pointer:fine){.message-row:hover .row-actions{display:flex}}.row-action-btn{border:0;background:transparent;color:var(--text-muted);cursor:pointer;padding:5px;border-radius:4px;display:flex;align-items:center;justify-content:center;min-height:unset;min-width:unset;transition:all .12s ease}.row-action-btn:hover{background:var(--bg-surface-hover);color:var(--text-main)}.empty-state{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:5rem 1.5rem;text-align:center;gap:1rem}.empty-state>svg{width:32px;height:32px;color:var(--text-dim)}.empty-state h2{font-size:1.1rem;margin:0;font-weight:600;color:var(--text-main)}.empty-state p{font-size:.875rem;line-height:1.5;color:var(--text-muted);margin:0}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:.6rem;font-size:.75rem;color:var(--text-muted);padding:1rem;flex-wrap:wrap}.pagination button{padding:.4rem;min-height:36px;min-width:36px}.mail-workspace>.notice{margin:0 2rem 1.25rem}.reader-panel .notice,.compose-panel .notice{margin:1rem}.message-header{padding:1.75rem 2rem 1rem}.message-header h2{font-size:1.35rem;font-weight:650;line-height:1.45;overflow-wrap:anywhere;word-break:break-word;color:var(--text-main);margin-bottom:1rem}.message-sender{display:flex;gap:.85rem;align-items:flex-start;font-size:.875rem}.message-sender>div{display:flex;flex-direction:column;gap:.25rem;min-width:0;overflow-wrap:anywhere;word-break:break-word;flex:1}.message-sender span:not(.sender-avatar){font-size:.8125rem;color:var(--text-muted)}.message-sender time{margin-left:auto;font-size:.75rem;color:var(--text-dim);flex-shrink:0;white-space:nowrap}.message-content{padding:1rem 2rem 2rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.message-content iframe{border:1px solid var(--line);border-radius:8px;width:100%;min-height:450px;background:var(--bg-card);display:block}.reader-toolbar-actions{display:flex;align-items:center;gap:.75rem}.message-text{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-family:inherit;font-size:1rem;line-height:1.8;margin:0;color:var(--text-main)}.attachments{padding:0 2rem 1.5rem;display:flex;flex-wrap:wrap;gap:.65rem}.attachments h3{display:flex;gap:.5rem;font-size:.875rem;width:100%;font-weight:550;color:var(--text-main);margin-bottom:.25rem}.attachments button{text-align:left;justify-content:flex-start;max-width:100%;overflow-wrap:anywhere;word-break:break-word;white-space:normal}.attachments button span{display:flex;flex-direction:column;gap:.25rem;min-width:0}.attachments small{color:var(--text-dim);font-size:.75rem}.reader-actions{display:flex;gap:.75rem;padding:1.2rem 2rem;border-top:1px solid var(--line);flex-wrap:wrap}.compose-field{display:flex;align-items:center;gap:.75rem;border-bottom:1px solid var(--line);margin:0 1.5rem;min-height:52px;font-size:.875rem}.compose-field label{width:52px;color:var(--text-muted);flex-shrink:0;font-weight:550}.compose-field input{width:100%;border:0;background:transparent;padding:.75rem 0;color:var(--text-main);min-width:0}.compose-field span{overflow-wrap:anywhere;word-break:break-word}.compose-panel textarea{width:100%;min-height:280px;padding:1.5rem;resize:vertical;border:0;line-height:1.8;font-size:1rem;background:transparent;color:var(--text-main)}.compose-actions{padding:1.25rem 1.5rem;display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;border-top:1px solid var(--line)}.compose-actions>button:last-child{margin-left:auto}.attachment-picker{position:relative;cursor:pointer;font-size:.875rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;color:var(--text-muted);border:1px solid var(--btn-border);background:var(--btn-bg);padding:.65rem 1rem;border-radius:8px;min-height:40px;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:all .15s ease}.attachment-picker:hover{background:var(--btn-hover);color:var(--text-main)}.attachment-picker input{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.compose-attachments{display:flex;flex-wrap:wrap;gap:.5rem;padding:.75rem 1.5rem}.compose-attachments>div{display:flex;align-items:center;gap:.5rem;border:1px solid var(--line);background:var(--bg-surface-hover);color:var(--text-main);border-radius:6px;padding:.4rem .6rem;font-size:.8125rem;max-width:100%;overflow-wrap:anywhere}.compose-attachments button{padding:0;border:0;min-height:auto;background:transparent}.settings-panel{padding:2rem;margin:0 2rem;background:var(--bg-card);border:1px solid var(--line);border-radius:10px;color:var(--text-main)}.settings-panel h2{font-size:1.2rem;margin-bottom:1.25rem}.settings-panel dl{display:grid;grid-template-columns:160px 1fr;gap:1.25rem 1rem;font-size:.875rem;align-items:center}.settings-panel dt{color:var(--text-muted);font-weight:550}.settings-panel dd{margin:0;overflow-wrap:anywhere;word-break:break-word;color:var(--text-main)}.settings-panel p{max-width:580px;font-size:.9375rem;line-height:1.8;color:var(--text-muted);margin-top:1.5rem}.mobile-menu,.mobile-close,.menu-scrim{display:none}.mail-toolbar-title{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-width:0}.template-trigger-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.32rem .75rem;border-radius:20px;border:1px solid var(--blue-accent-border);background:var(--blue-accent-bg);color:var(--blue);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all .15s ease;min-height:30px}.template-trigger-btn:hover{background:var(--blue);color:#fff;border-color:var(--blue);transform:translateY(-1px);box-shadow:0 4px 12px #2457ed33}.compose-quick-templates{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.5rem;background:var(--bg-surface-hover);border-bottom:1px solid var(--line-light);font-size:.8125rem;overflow-x:auto;scrollbar-width:none}.compose-quick-templates::-webkit-scrollbar{display:none}.quick-templates-label{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-dim);font-size:.75rem;font-weight:600;white-space:nowrap;flex-shrink:0;text-transform:uppercase;letter-spacing:.03em}.quick-templates-scroll{display:flex;align-items:center;gap:.5rem;flex-wrap:nowrap;min-width:0}.quick-template-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:16px;background:var(--bg-card);border:1px solid var(--line);color:var(--text-muted);font-size:.75rem;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .15s ease;min-height:28px}.quick-template-chip:hover{background:var(--btn-hover);color:var(--text-main);border-color:var(--blue);transform:translateY(-1px)}.quick-template-chip.browse-all-chip{background:var(--blue-subtle);border-color:var(--blue-accent-border);color:var(--blue);font-weight:600}.quick-template-chip.browse-all-chip:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.notice.template-toast{background:var(--blue-accent-bg);border-color:var(--blue-accent-border);color:var(--blue);display:flex;align-items:center;justify-content:space-between;padding:.65rem 1.25rem;margin:.75rem 1.5rem 0;border-radius:8px;animation:slideDown .2s ease-out}.notice.template-toast button{background:transparent;border:0;color:inherit;cursor:pointer;padding:4px;min-height:unset;min-width:unset;opacity:.7}.notice.template-toast button:hover{opacity:1}.template-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1da6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1.25rem;animation:modalFadeIn .18s ease-out}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.template-modal{background:var(--bg-card);border:1px solid var(--line);border-radius:14px;width:100%;max-width:980px;max-height:88vh;display:flex;flex-direction:column;box-shadow:0 24px 60px #00000059;overflow:hidden;animation:modalScaleUp .22s cubic-bezier(.16,1,.3,1)}@keyframes modalScaleUp{0%{transform:scale(.96) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.template-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 1.5rem;border-bottom:1px solid var(--line);background:var(--bg-surface)}.template-modal-header-info{display:flex;align-items:center;gap:.75rem}.template-modal-header-icon{width:40px;height:40px;border-radius:10px;background:var(--blue-accent-bg);color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0}.template-modal-title{font-size:1.125rem;font-weight:700;color:var(--text-main);margin:0;display:flex;align-items:center;gap:.5rem}.template-modal-subtitle{font-size:.8125rem;color:var(--text-dim);margin:0}.template-modal-badge{font-size:.72rem;font-weight:700;background:var(--badge-bg);color:var(--badge-text);padding:.15rem .55rem;border-radius:20px}.template-modal-close{background:transparent;border:0;color:var(--text-muted);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;min-height:unset;min-width:unset;transition:all .12s ease}.template-modal-close:hover{background:var(--bg-surface-hover);color:var(--text-main)}.template-modal-toolbar{padding:1rem 1.5rem;background:var(--bg-surface);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:.85rem}.template-search-box{position:relative;display:flex;align-items:center;width:100%}.template-search-box svg.search-icon{position:absolute;left:1rem;color:var(--text-dim);pointer-events:none}.template-search-box input{width:100%;padding:.75rem 2.75rem .75rem 2.85rem;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text-main);font-size:.9375rem;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.template-search-box input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #2457ed26}.template-search-clear{position:absolute;right:.85rem;background:transparent;border:0;color:var(--text-dim);cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:50%;min-height:unset;min-width:unset}.template-search-clear:hover{color:var(--text-main);background:var(--bg-surface-hover)}.template-category-pills{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.template-category-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .85rem;border-radius:20px;border:1px solid var(--line);background:var(--bg-card);color:var(--text-muted);font-size:.8125rem;font-weight:550;cursor:pointer;white-space:nowrap;transition:all .15s ease;min-height:32px}.template-category-pill:hover{background:var(--bg-surface-hover);color:var(--text-main)}.template-category-pill.active{background:var(--blue);color:#fff;border-color:var(--blue);box-shadow:0 2px 8px #2457ed40}.template-pill-count{font-size:.72rem;padding:.1rem .4rem;border-radius:10px;background:#00000014}.template-category-pill.active .template-pill-count{background:#ffffff40;color:#fff}.template-modal-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1rem}.template-meta-bar{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--text-dim)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:1rem}.template-card{background:var(--bg-surface);border:1px solid var(--line);border-radius:12px;padding:1.15rem;display:flex;flex-direction:column;gap:.7rem;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;position:relative;text-align:left}.template-card:hover{transform:translateY(-2px);border-color:var(--blue);box-shadow:0 8px 24px #2457ed1f}.template-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.template-category-tag{font-size:.72rem;font-weight:700;padding:.2rem .55rem;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}.tag-business{background:#e0e7ff;color:#3730a3}.tag-support{background:#d1fae5;color:#065f46}.tag-sales{background:#fef3c7;color:#92400e}.tag-hr{background:#ede9fe;color:#5b21b6}.tag-meetings{background:#cffafe;color:#155e75}.tag-formal{background:#ffe4e6;color:#9f1239}.tag-contact{background:#ccfbf1;color:#115e59}.tag-info{background:#e0f2fe;color:#0369a1}.tag-dosttalk{background:#dcfce7;color:#15803d}.tag-friendship{background:#fce7f3;color:#be185d}[data-theme=dark] .tag-business{background:#1e1b4b;color:#a5b4fc}[data-theme=dark] .tag-support{background:#064e3b;color:#6ee7b7}[data-theme=dark] .tag-sales{background:#451a03;color:#fde68a}[data-theme=dark] .tag-hr{background:#2e1065;color:#c4b5fd}[data-theme=dark] .tag-meetings{background:#083344;color:#67e8f9}[data-theme=dark] .tag-formal{background:#4c0519;color:#fecdd3}[data-theme=dark] .tag-contact{background:#042f2e;color:#5eead4}[data-theme=dark] .tag-info{background:#082f49;color:#7dd3fc}[data-theme=dark] .tag-dosttalk{background:#052e16;color:#86efac}[data-theme=dark] .tag-friendship{background:#500724;color:#f472b6}.template-mailbox-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--line);padding:.15rem .5rem;border-radius:4px}.template-card-title{font-size:.95rem;font-weight:650;color:var(--text-main);margin:0}.template-card-subject{font-size:.8125rem;color:var(--blue);background:var(--blue-subtle);padding:.35rem .6rem;border-radius:6px;font-family:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-card-preview{font-size:.8125rem;color:var(--text-muted);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.template-card-actions{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding-top:.4rem;border-top:1px solid var(--line-light);margin-top:auto}.template-preview-btn{border:0;background:transparent;color:var(--text-muted);font-size:.78rem;cursor:pointer;padding:4px 8px;border-radius:4px;min-height:unset;min-width:unset}.template-preview-btn:hover{background:var(--bg-surface-hover);color:var(--text-main)}.template-apply-btn{background:var(--blue);color:#fff;border:0;padding:.35rem .85rem;border-radius:6px;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background-color .12s ease;min-height:unset;min-width:unset}.template-apply-btn:hover{background:var(--blue-hover)}.template-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1db3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1050;display:flex;align-items:center;justify-content:center;padding:1.5rem}.template-detail-modal{background:var(--bg-card);border:1px solid var(--line);border-radius:12px;width:100%;max-width:680px;max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-menu);overflow:hidden;animation:modalScaleUp .18s ease-out}.template-detail-header{padding:1rem 1.4rem;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.template-detail-body{padding:1.25rem 1.4rem;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:1rem}.template-detail-subject-box{background:var(--blue-subtle);border:1px solid var(--blue-accent-border);padding:.75rem 1rem;border-radius:8px}.template-detail-subject-box label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--blue);margin-bottom:.2rem}.template-detail-subject-box div{font-weight:600;color:var(--text-main);font-size:.9375rem}.template-detail-text-box{background:var(--bg-surface);border:1px solid var(--line);border-radius:8px;padding:1rem}.template-detail-text-box label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--text-dim);margin-bottom:.5rem}.template-detail-text-box pre{white-space:pre-wrap;word-break:break-word;font-family:inherit;font-size:.875rem;line-height:1.7;color:var(--text-main);margin:0}.template-detail-footer{padding:.9rem 1.4rem;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:flex-end;gap:.75rem}@media(min-width:1600px){.login-story{padding:4rem 6rem}.mail-heading{padding:2.5rem 3rem 1.75rem}.mail-panel{margin:0 3rem 3rem}.topbar{padding:0 3rem}}@media(max-width:1100px){.login-story{padding:2.5rem}.sidebar{width:235px}.topbar{padding:0 1.5rem}.mail-heading{padding:1.75rem 1.5rem 1.25rem}.mail-panel{margin:0 1.5rem 1.5rem}.sender-name{width:140px}.mail-workspace>.notice{margin:0 1.5rem 1rem}}@media(max-width:880px){.login-layout{display:block}.login-story{display:none}.login-main{min-height:100svh;padding:2.5rem 1.5rem 5.5rem;justify-content:flex-start}.mobile-brand{display:block;width:100%;margin-bottom:2.5rem;padding-right:3.5rem}.login-theme-action{top:1.25rem;right:1.25rem}.login-card h2{font-size:1.85rem}.login-intro{margin-bottom:1.75rem}.login-footer{bottom:1.5rem;left:1rem;right:1rem}.sidebar{position:fixed;left:0;top:0;z-index:40;transform:translate(-100%);width:280px;max-width:84vw;transition:transform .22s cubic-bezier(.16,1,.3,1);box-shadow:0 0 35px #0000004d;overscroll-behavior:contain}.sidebar-open{transform:translate(0)}.mobile-menu,.mobile-close{display:inline-flex}.menu-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0e193299;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:35;border:0;border-radius:0}.topbar{height:64px;padding:0 1rem}.workspace-name{font-size:.8125rem}.mail-heading{padding:1.35rem 1rem 1rem;gap:1rem}.mail-heading h1{font-size:1.6rem}.search-form{width:100%}.search-form input{flex:1;width:100%;min-width:0}.mail-panel{margin:0 1rem 1.25rem;border-radius:9px}.message-row{display:grid;grid-template-columns:auto 36px minmax(0,1fr) auto;column-gap:.65rem;row-gap:.3rem;padding:.9rem 1.25rem .9rem .85rem;min-height:68px}.message-select-wrap{grid-row:1 / 3;align-self:center;margin-right:0}.message-row .sender-avatar{grid-row:1 / 3;width:36px;height:36px}.sender-name{width:auto;font-size:.875rem}.message-subject-wrap{grid-row:2;grid-column:3 / 5;min-width:0}.message-subject{font-size:.8125rem;font-weight:400}.message-time-meta{grid-column:3;grid-row:1;min-width:auto;gap:.1rem}.message-date{font-size:.7rem}.message-time{font-size:.65rem}.row-actions{display:none!important}.message-header{padding:1.35rem 1rem .85rem}.message-sender{flex-wrap:wrap;gap:.6rem}.message-sender time{width:100%;margin-left:0;margin-top:.2rem}.message-content{padding:.75rem 1rem 1.5rem}.attachments{padding:0 1rem 1.25rem}.reader-actions{padding:1rem}.reader-actions button{flex:1 1 120px;min-height:42px}.compose-field{margin:0 1rem}.compose-quick-templates{padding:.5rem 1rem}.compose-panel textarea{padding:1rem;min-height:220px}.compose-actions{padding:1rem;gap:.75rem}.template-modal{max-height:92vh}.template-modal-body{padding:1rem}.template-grid{grid-template-columns:1fr}.settings-panel{margin:0 1rem;padding:1.25rem}.settings-panel dl{grid-template-columns:1fr;gap:.65rem}.settings-panel dd{margin-bottom:.85rem}.settings-theme-row{max-width:100%}.mail-workspace>.notice{margin:0 1rem 1rem}}@media(max-width:540px){.login-main{padding:2rem 1.1rem 5rem}.login-theme-action{top:1rem;right:1rem}.mobile-brand{padding-right:3.25rem;margin-bottom:2rem}.login-card h2{font-size:1.65rem}.login-options{font-size:.75rem}.login-footer{font-size:.7rem;gap:.35rem}.mail-panel{margin:0 .65rem 1rem}.mail-heading{padding:1.1rem .75rem .75rem}.mail-heading h1{font-size:1.45rem}.message-row{grid-template-columns:auto 32px minmax(0,1fr) auto;padding:.85rem .95rem .85rem .65rem;column-gap:.55rem}.message-row .sender-avatar{width:32px;height:32px;font-size:.75rem}.compose-actions{flex-direction:column;align-items:stretch}.compose-actions button,.compose-actions .attachment-picker{width:100%;justify-content:center}.compose-actions>button:last-child{margin-left:0}.template-modal-overlay{padding:.4rem}.template-modal{max-height:96vh;border-radius:10px}.template-modal-header{padding:.85rem 1rem}.template-modal-toolbar{padding:.75rem 1rem}.template-modal-title{font-size:1rem}.template-modal-subtitle{display:none}.template-detail-overlay{padding:.4rem}.pagination{justify-content:space-between;padding:.75rem}.empty-state{padding:3.5rem 1rem}}@media(max-width:360px){.topbar{padding:0 .65rem}.topbar-actions{gap:.35rem}.theme-toggle-btn{padding:.4rem .5rem}.mail-panel{margin:0 .4rem .85rem}.message-row{padding:.75rem .85rem .75rem .5rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}