:root{--bg: #F3F4F6;--surface: #FFFFFF;--surface-2: #F7F8FA;--border: #E4E6EA;--border-soft: #F1F2F4;--border-strong: #DADDE2;--text: #1B1D21;--text-2: #33363C;--text-3: #4A4F57;--muted: #5F646D;--accent: #3B5BDB;--accent-strong: #2B44A8;--accent-soft: #E7EBFB;--accent-softer: #EEF1FC;--danger: #B42318;--danger-soft: #FEF3F2;--success: #12A27A;--success-text: #067647;--success-soft: #ECFDF3;--snooze: #5925DC;--snooze-soft: #F4F3FF;--radius: 10px;--shadow-menu: 0 12px 32px rgba(16, 24, 40, .14);--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.45 var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.6}a{color:var(--accent-strong)}:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.muted{color:var(--muted)}.light{font-weight:300}.small{font-size:12px}.strong{font-weight:600}.strike{text-decoration:line-through}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.push-right{margin-left:auto}.star{color:#f5b301}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}body.is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}body.is-resizing iframe{pointer-events:none}.boot{display:grid;place-items:center;height:100%;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:32px;padding:0 12px;border-radius:8px;border:1px solid transparent;background:transparent;font-weight:600;font-size:13px;text-decoration:none;white-space:nowrap}.btn-sm{height:30px;padding:0 10px;font-weight:500;border-radius:6px}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-strong)}.btn-soft{background:#f3f4f6;color:var(--text)}.btn-soft:hover{background:#e9ebee}.btn-ghost{color:var(--text-3)}.btn-ghost:hover{background:#f3f4f6}.btn-outline{border-color:var(--border-strong);background:var(--surface);color:var(--text)}.btn-outline:hover{background:var(--surface-2)}.btn-block{width:100%;height:34px}.icon-btn{width:30px;height:30px;border:0;border-radius:6px;background:transparent;color:var(--text-3);display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;text-decoration:none}.icon-btn:hover{background:#f0f1f3;color:var(--text)}.icon-btn-sm{width:22px;height:22px}.icon-btn.starred{color:#f5b301}.link-btn{border:0;background:none;padding:0 4px;color:var(--accent-strong);font-weight:600}.link-btn.small{font-size:12px;font-weight:500;color:var(--text-3)}.badge{min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;display:inline-block}.dot-sm{width:7px;height:7px}.dot-lg{width:12px;height:12px}.dot-square{border-radius:2px;width:9px;height:9px}.dot-square.dot-sm{width:7px;height:7px}.dot-all{width:10px;height:10px;border-radius:3px;border:2px solid var(--text)}.avatar{width:32px;height:32px;border-radius:50%;background:#f1f2f4;color:var(--text-2);font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.avatar-xs{width:24px;height:24px;font-size:10px}.avatar-sm{width:30px;height:30px;font-size:11px}.avatar-lg{width:56px;height:56px;font-size:18px}.app{height:100%;display:flex;flex-direction:column}.topbar{height:48px;flex:0 0 auto;display:flex;align-items:center;gap:16px;padding:0 16px 0 20px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar-brand{display:flex;align-items:center;gap:10px;min-width:196px}.logo{width:26px;height:26px;border-radius:7px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center}.modules{display:flex;gap:2px}.module-link{height:30px;padding:0 10px;border-radius:6px;display:inline-flex;align-items:center;gap:6px;color:var(--text-3);font-weight:500;text-decoration:none}.module-link:hover{background:var(--surface-2)}.module-link.active{background:#f3f4f6;color:var(--text);font-weight:600}.search{flex:1 1 320px;max-width:640px}.search-box{display:flex;align-items:center;gap:10px;height:32px;padding:0 12px;background:#f3f4f6;border-radius:8px;color:var(--muted)}.search-box input{flex:1;min-width:0;border:0;background:transparent;outline:none;color:var(--text)}.search-box-sm{height:30px}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:4px}.sync-error{display:inline-flex;align-items:center;gap:4px;height:26px;padding:0 8px;border-radius:999px;background:var(--danger-soft);color:var(--danger);font-weight:600;text-decoration:none}.workspace{flex:1 1 auto;min-height:0;display:flex;padding:8px}.sidebar{flex:0 0 auto;display:flex;flex-direction:column;gap:14px;padding:2px;overflow-y:auto;min-width:0}.pane{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;min-height:0;overflow:hidden}.list-pane{flex:0 0 auto;min-width:0}.reader-pane{flex:1 1 0;min-width:320px}.splitter{flex:0 0 8px;align-self:stretch;padding:0;border:0;background:transparent;cursor:col-resize;display:flex;align-items:center;justify-content:center}.splitter span{width:2px;height:36px;border-radius:2px;background:#d5d9df}.splitter:hover span,.splitter:focus-visible span{background:var(--accent)}.nav-group{display:flex;flex-direction:column;gap:1px}.nav-title{font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--muted);padding:0 8px 3px}.nav-title-action{display:flex;align-items:center;justify-content:space-between;padding-right:2px}.nav-item{width:100%;display:flex;align-items:center;gap:9px;height:26px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--text-2);font-size:12px;font-weight:500;text-align:left}.nav-item:hover{background:#ffffffb3}.nav-item.active{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 2px #10182814}.nav-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-count{font-size:11px;color:var(--muted)}.inline-form input{width:100%;height:28px;padding:0 8px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);outline:none;font-size:12px}.pane-head{padding:10px 14px 8px;border-bottom:1px solid #ECEEF1;display:flex;flex-direction:column;gap:8px}.pane-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.pane-title{margin:0;font-size:16px;font-weight:700;letter-spacing:-.2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pane-meta{font-size:12px;color:var(--muted);flex:0 0 auto}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{height:24px;padding:0 9px;border-radius:6px;border:1px solid var(--border);background:var(--surface);color:var(--text-3);font-size:12px;font-weight:500}.chip.on{background:var(--text);border-color:var(--text);color:#fff;font-weight:600}.segmented{display:inline-flex;gap:4px;padding:3px;background:#f3f4f6;border-radius:8px;align-self:flex-start}.segmented button{height:24px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;font-weight:600}.segmented button.on{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #10182814}.list-scroll{flex:1;overflow-y:auto;padding-bottom:8px}.list-group{padding:10px 14px 3px;font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.list-group.late{color:var(--danger)}.empty-list{padding:40px 18px;text-align:center;color:var(--muted)}.load-more{width:calc(100% - 28px);margin:10px 14px}.msg-row{display:flex;gap:10px;align-items:flex-start;padding:7px 14px;border-bottom:1px solid var(--border-soft);background:var(--surface)}.msg-row:hover{background:#fafbfc}.msg-row.selected{background:var(--accent-softer)}.msg-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px;border:0;background:transparent;padding:0;text-align:left}.msg-line{display:flex;align-items:center;gap:7px;width:100%}.msg-from{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-row.unread .msg-from{font-weight:700}.msg-row.unread .msg-from:after{content:""}.msg-date{margin-left:auto;font-size:12px;color:var(--muted);flex:0 0 auto}.msg-row.unread .msg-date{color:var(--accent-strong);font-weight:600}.msg-subject{font-size:13px;font-weight:600;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.msg-row.unread .msg-subject{color:var(--text)}.msg-preview{font-size:12px;font-weight:300;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.msg-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:3px}.due-badge{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 7px;border-radius:999px;font-size:11px;font-weight:600;flex:0 0 auto;white-space:nowrap}.tone-urgent{background:var(--danger-soft);color:var(--danger)}.tone-open{background:var(--accent-softer);color:var(--accent-strong)}.tone-neutral{background:#f1f2f4;color:var(--text-2)}.tone-snooze{background:var(--snooze-soft);color:var(--snooze)}.tone-done{background:var(--success-soft);color:var(--success-text)}.label-pill{display:inline-flex;align-items:center;gap:5px;height:18px;padding:0 7px;border-radius:999px;border:1px solid var(--border);color:var(--text-2);font-size:11px;font-weight:500}.label-pill-lg{height:24px;padding:0 10px;font-size:12px}.round-check{width:18px;height:18px;margin-top:1px;flex:0 0 auto;border-radius:50%;padding:0;border:2px solid #B8BDC5;background:var(--surface);color:#fff;display:flex;align-items:center;justify-content:center}.round-check.done{border-color:var(--success);background:var(--success)}.square-check{width:18px;height:18px;flex:0 0 auto;border-radius:5px;border:1.5px solid #B8BDC5;background:var(--surface);color:#fff;display:inline-flex;align-items:center;justify-content:center;padding:0}.square-check.on{border-color:var(--success);background:var(--success)}.reader{flex:1;min-height:0;display:flex;flex-direction:column}.toolbar{display:flex;align-items:center;gap:2px;padding:6px 10px;border-bottom:1px solid #ECEEF1;flex-wrap:wrap}.toolbar-sep{width:1px;height:20px;background:var(--border);margin:0 6px}.toolbar-right{margin-left:auto;display:flex;align-items:center;gap:2px}.toolbar-title{padding:0 6px;font-size:14px}.reader-body{flex:1;overflow-y:auto;padding:16px 24px 20px;display:flex;flex-direction:column;gap:12px}.reader-subject{margin:0;font-size:19px;line-height:1.3;font-weight:700;letter-spacing:-.3px}.sender{display:flex;align-items:flex-start;gap:12px}.sender-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sender-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sender-name{font-weight:600}.sender-email{font-size:12px;color:var(--muted);font-weight:300}.sender-sub{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);flex-wrap:wrap}.recipients{font-weight:300}.label-row{display:flex;gap:6px;flex-wrap:wrap}.text-body{font-size:14px;line-height:1.6;color:#2a2d33;white-space:pre-wrap;overflow-wrap:anywhere}.html-body iframe{width:100%;border:0;display:block}.remote-banner{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 10px;margin-bottom:8px;border-radius:8px;background:var(--surface-2);color:var(--text-3);font-size:12px}.attachments{display:flex;gap:8px;flex-wrap:wrap}.attachment{display:inline-flex;align-items:center;gap:10px;padding:8px 12px 8px 8px;border:1px solid var(--border);border-radius:8px;color:var(--text);text-decoration:none;max-width:300px}.attachment:hover{background:var(--surface-2)}.attachment-chip{padding-right:6px}.file-ext{width:34px;height:34px;flex:0 0 auto;border-radius:6px;background:#fdecec;color:var(--danger);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.file-info{display:flex;flex-direction:column;min-width:0}.file-name{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:11px;color:var(--muted)}.quick-reply{padding:8px 12px 10px;border-top:1px solid #ECEEF1}.quick-box{display:flex;align-items:center;gap:10px;min-height:38px;padding:3px 3px 3px 12px;border:1px solid var(--border-strong);border-radius:8px}.quick-box input{flex:1;min-width:0;border:0;outline:none;background:transparent}.send-btn{width:30px;height:30px;border:0;border-radius:6px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center}.empty-state{flex:1;display:grid;place-items:center;color:var(--muted);padding:40px;text-align:center}.mobile-only{display:none}.task-card{display:flex;flex-direction:column;gap:8px;padding:10px 14px;border-radius:8px;border:1px solid #D6DDF8;background:#f7f8fe}.task-card.status-done{border-color:#abefc6;background:#f6fef9}.task-card.status-snooze{border-color:#d9d6fe;background:#fafaff}.task-card-head{display:flex;align-items:center;gap:8px;color:var(--accent-strong)}.task-card.status-done .task-card-head{color:var(--success-text)}.task-card.status-snooze .task-card-head{color:var(--snooze)}.task-card-head strong{color:var(--text)}.task-editor{display:flex;flex-direction:column;gap:10px}.field-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.field-label{font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.field-block{display:flex;flex-direction:column;gap:6px}.field-block textarea,.form-field textarea{min-height:64px;resize:vertical;padding:10px 12px;border:1px solid var(--border-strong);border-radius:8px;outline:none}.pills{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.pill{height:24px;padding:0 10px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);font-size:12px;font-weight:500;display:inline-flex;align-items:center}.pill.on{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:600}.pill.static{cursor:default}.pill-date{padding:0 4px 0 8px}.pill-date input{border:0;background:transparent;outline:none;font-size:12px;color:var(--text-2);width:118px}.subtasks{display:flex;flex-direction:column;gap:2px}.subtask{display:flex;align-items:center;gap:10px;min-height:26px}.subtask .subtask-del{opacity:0;margin-left:auto}.subtask:hover .subtask-del,.subtask-del:focus-visible{opacity:1}.subtask-add{display:flex;align-items:center;gap:10px;min-height:28px;color:var(--muted)}.subtask-add input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-size:13px}.status-menu{position:relative}.menu{position:absolute;top:calc(100% + 4px);left:0;z-index:30;min-width:240px;max-width:320px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow-menu);padding:4px;display:flex;flex-direction:column;gap:1px}.toolbar-right .menu{left:auto;right:0}.menu-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border:0;border-radius:7px;background:transparent;text-align:left;width:100%}.menu-item:hover,.menu-item.on{background:#f2f4fd}.menu-item-plain{color:var(--text-3);font-weight:500}.menu-text{display:flex;flex-direction:column;min-width:0;flex:1}.menu-label{font-size:13px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-hint{font-size:12px;font-weight:300;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-heading{padding:6px 10px 4px;font-size:11px;font-weight:600;letter-spacing:.6px;text-transform:uppercase;color:var(--muted)}.menu-empty{padding:6px 10px 10px;color:var(--muted);font-size:12px}.menu-sep{height:1px;background:#eceef1;margin:4px 6px}.radio{width:16px;height:16px;flex:0 0 auto;border-radius:50%;border:1.5px solid #B8BDC5;background:var(--surface)}.radio.on{border:5px solid var(--accent)}.status-box{width:18px;height:18px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border:1.5px solid #B8BDC5;background:var(--surface)}.status-box.status-open{border-color:var(--accent);background:#3b5bdb26}.status-box.status-snooze{border-color:#6941c6;background:#ebe9fe}.status-box.status-done{border-color:var(--success);background:var(--success)}.composer{flex:1;min-height:0;display:flex;flex-direction:column;margin:0}.composer-head{display:flex;align-items:center;gap:10px;padding:6px 8px 6px 16px;border-bottom:1px solid #ECEEF1}.composer-head h2{margin:0;font-size:14px;font-weight:700;flex:0 0 auto}.composer-head .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px}.composer-fields{padding:0 16px}.field-line{position:relative;display:flex;align-items:center;gap:8px;min-height:38px;padding:4px 0;border-bottom:1px solid var(--border-soft);flex-wrap:wrap}.field-line-label{width:44px;font-size:12px;color:var(--muted);flex:0 0 auto}.field-line input{flex:1;min-width:140px;height:28px;border:0;outline:none;background:transparent}.subject-input{font-size:14px;font-weight:600}.recipient{display:inline-flex;align-items:center;gap:2px;height:24px;padding:0 3px 0 9px;border-radius:999px;background:var(--accent-softer);color:var(--accent-strong);font-size:12px;font-weight:600;max-width:260px}.recipient.invalid{background:var(--danger-soft);color:var(--danger)}.recipient button{width:18px;height:18px;border:0;border-radius:50%;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:center;padding:0}.menu.suggest{left:52px;top:100%}.from-btn{height:28px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:var(--surface);display:inline-flex;align-items:center;gap:8px;max-width:100%}.format-bar{display:flex;align-items:center;gap:2px;padding:4px 12px;border-bottom:1px solid var(--border-soft);flex-wrap:wrap}.format-bar>button{width:28px;height:28px;border:0;border-radius:5px;background:transparent;color:var(--text-2);display:inline-flex;align-items:center;justify-content:center}.format-bar>button:hover{background:#f0f1f3}.format-hint{margin-left:auto;font-size:12px;font-weight:300;color:var(--muted)}.composer-body{flex:1;min-height:0;overflow-y:auto;padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px}.editor{min-height:180px;outline:none;font-size:14px;line-height:1.6;color:var(--text)}.editor p{margin:0 0 .6em}.editor [data-signature]{color:var(--text-3);font-size:13px}.quote-toggle{align-self:flex-start;height:22px;padding:0 10px;border:0;border-radius:999px;background:#f1f2f4;color:var(--text-3);font-weight:700;letter-spacing:1px}.quote-preview{padding:12px 14px;background:var(--surface-2);border-radius:8px;font-size:13px;color:var(--text-3);overflow-wrap:anywhere}.quote-preview img{max-width:100%}.composer-foot{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid #ECEEF1;flex-wrap:wrap}.dup-banner{margin:8px 10px 4px;padding:7px 10px;border-radius:8px;background:#fffaeb;border:1px solid #FEDF89;display:flex;align-items:center;gap:8px;font-size:12px;color:#93370d}.dup-banner span{flex:1;min-width:0}.dup-banner .link-btn{color:#93370d}.contact-row{width:100%;display:flex;align-items:center;gap:10px;padding:6px 14px;border:0;background:var(--surface);text-align:left}.contact-row:hover{background:#fafbfc}.contact-row.selected{background:var(--accent-softer)}.contact-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.contact-name{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-sub{font-size:12px;font-weight:300;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dots{display:flex;gap:3px}.contact-head{display:flex;align-items:center;gap:14px}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.info-card{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid #ECEEF1;border-radius:8px;min-width:0}.info-line{display:flex;align-items:center;gap:8px;min-height:24px;min-width:0}.history-row{display:flex;align-items:center;gap:10px;min-height:34px;padding:0 10px;border-radius:6px;border:1px solid var(--border-soft);color:var(--text);text-decoration:none}.history-row:hover{background:var(--surface-2)}.new-task{display:flex;align-items:center;gap:10px;height:34px;padding:0 10px;border:1px solid var(--border-strong);border-radius:8px;color:var(--muted)}.new-task input{flex:1;min-width:0;border:0;outline:none;background:transparent}.task-row{display:flex;align-items:center;gap:10px;padding:7px 14px;background:var(--surface)}.task-row:hover{background:#fafbfc}.task-row.selected{background:var(--accent-softer)}.task-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;border:0;background:transparent;padding:0;text-align:left}.task-title{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-origin{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:300;color:var(--muted);overflow:hidden;white-space:nowrap}.task-title-input{font-size:18px;font-weight:700;letter-spacing:-.3px;border:1px solid transparent;border-radius:6px;padding:4px 6px;margin-left:-7px;outline:none}.task-title-input:hover,.task-title-input:focus{border-color:var(--border-strong)}.origin-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:8px;color:var(--text);text-decoration:none}.origin-card:hover{background:var(--surface-2)}.origin-card.disabled{color:var(--muted)}.link-text{font-size:12px;font-weight:600;color:var(--accent-strong);flex:0 0 auto}.form-pane .reader-body{max-width:760px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-content:start}.form-grid-3{grid-template-columns:2fr 1fr 1fr}.span-2{grid-column:span 2}.form-field{display:flex;flex-direction:column;gap:6px;min-width:0;border:0;padding:0;margin:0}.form-field>span,.form-field legend{font-size:12px;font-weight:600;color:var(--text-2);padding:0}.form-field input,.form-field select,.email-line input,.email-line select,.label-row-edit input{height:34px;padding:0 10px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);outline:none;min-width:0}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent)}.email-line{display:flex;gap:8px;align-items:center;margin-bottom:6px}.email-line input{flex:1}.check-line{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}.form-error{padding:8px 10px;border-radius:8px;background:var(--danger-soft);color:var(--danger);font-size:12px}.hint{margin:0;padding:8px 10px;border-radius:8px;background:var(--surface-2);color:var(--text-3);font-size:12px}.settings-page{flex:1;overflow-y:auto;padding:24px 16px 60px}.settings-inner{max-width:980px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.welcome h1{margin:0 0 4px;font-size:24px;letter-spacing:-.4px}.welcome p{margin:0;color:var(--muted)}.settings-section{display:flex;flex-direction:column;gap:12px}.settings-section h2{margin:0;font-size:18px;letter-spacing:-.3px}.settings-section p{margin:0}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.card-list{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.account-row{padding:12px 16px;border-bottom:1px solid var(--border-soft);display:flex;flex-direction:column;gap:8px}.account-row:last-child,.label-row-edit:last-child{border-bottom:0}.account-main{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.account-text{display:flex;flex-direction:column;flex:1;min-width:160px}.proto{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;background:#f3f4f6;color:var(--text-2)}.sync-state{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--success-text)}.sync-state .dot{background:var(--success)}.sync-state.error{color:#9a3412}.sync-state.error .dot{background:#ea580c}.account-actions{display:flex;align-items:center;gap:2px}.folder-list{padding:4px 0 0 24px;display:flex;flex-direction:column;gap:4px}.account-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;display:flex;flex-direction:column;gap:14px}.account-form h3{margin:0;font-size:16px}.account-form h4{margin:4px 0 0;font-size:13px;color:var(--text-2)}.preset-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.preset{height:40px;border:1px solid var(--border);border-radius:8px;background:var(--surface);font-weight:600;font-size:12px;color:var(--text-2)}.preset.on{border:2px solid var(--accent);background:#f2f4fd;color:var(--accent-strong)}.color-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;box-shadow:inset 0 0 0 2px #fff;padding:0}.color-swatch.on{border-color:var(--text)}.color-swatch-sm{width:18px;height:18px}.test-results{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:8px;background:var(--surface-2);font-size:12px}.test-results .ok{color:var(--success-text)}.test-results .ko{color:var(--danger)}.form-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.label-row-edit{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid var(--border-soft)}.label-row-edit input{flex:1;height:30px}code{font-size:12px;background:#f1f2f4;padding:1px 5px;border-radius:4px}.login{min-height:100%;display:grid;place-items:center;padding:20px}.login-card{width:100%;max-width:360px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:10px}.login-logo{width:40px;height:40px;border-radius:10px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center}.login-card h1{margin:6px 0 0;font-size:22px;letter-spacing:-.4px}.login-card p{margin:0 0 8px;color:var(--muted)}.login-card label{font-size:12px;font-weight:600;color:var(--text-2)}.login-card input{height:38px;padding:0 12px;border:1px solid var(--border-strong);border-radius:8px;outline:none}.login-card input:focus{border-color:var(--accent)}.login-card .btn{height:38px;margin-top:6px}.toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:100;display:flex;align-items:center;gap:14px;padding:10px 14px 10px 16px;border-radius:10px;background:var(--text);color:#fff;font-size:13px;box-shadow:0 12px 32px #10182833;max-width:calc(100% - 32px)}.toast-error{background:var(--danger)}.toast button{height:26px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:#b4c3ff;font-weight:600}.toast-error button{color:#fff;text-decoration:underline}@media (max-width: 900px){.topbar{gap:8px;padding:0 8px}.topbar-brand{min-width:0}.workspace{padding:0}.workspace>.sidebar,.workspace>.splitter{display:none}.workspace>.pane{border-radius:0;border:0}.workspace>.list-pane{flex:1 1 auto!important;width:auto!important}.workspace.has-selection>.list-pane{display:none}.workspace:not(.has-selection)>.reader-pane{display:none}.reader-pane{min-width:0}.mobile-only{display:inline-flex}.card-grid,.form-grid,.form-grid-3{grid-template-columns:minmax(0,1fr)}.span-2{grid-column:auto}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 560px){.search{display:none}.module-link{padding:0 7px}}