:root{--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--accent:#c8795a;--accent-soft:#c8795a47;--text:#1f1e1a;--text-secondary:#85837c;--text-tertiary:#a9a7a0;--sidebar-bg:#f4f3ee;--pane-bg:#faf9f7;--hover:#3c382d0d;--row-selected:#eceae2;--separator:#3c382d1a;--pill-radius:10px;--red:#ff3b30;--green:#34c759;--orange:#ff9500;--purple:#af52de;--teal:#30b0c7;--indigo:#5856d6;--pink:#ff2d55;--yellow:#fc0}*{box-sizing:border-box}body:after{content:"";z-index:9999;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;position:fixed;inset:0}html,body,#root{height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--pane-bg);-webkit-font-smoothing:antialiased;font-size:13px;overflow:hidden}button{font-family:var(--font);cursor:pointer;color:inherit;background:0 0;border:none;padding:0}.app{height:100%;display:flex}.sidebar{width:var(--sidebar-w,230px);background:var(--sidebar-bg);border-right:1px solid var(--separator);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;gap:1px;padding:14px 10px 10px;display:flex;overflow-y:auto}.sidebar .wordmark{letter-spacing:-.2px;height:42px;color:var(--text);align-items:center;gap:7px;padding:0 10px;font-size:15px;font-weight:700;display:flex}.sidebar .wordmark svg{color:var(--accent)}.side-row{width:100%;height:30px;padding:0 12px 0 var(--row-inset,26px);color:var(--text);text-align:left;border-radius:999px;align-items:center;gap:8px;font-size:13px;display:flex;position:relative}.side-row svg{width:16px;height:16px;color:var(--text);flex-shrink:0}.smart-group{flex-direction:column;gap:1px;display:flex}.side-row .drag-grip{color:var(--text-tertiary);opacity:0;cursor:grab;touch-action:none;display:inline-flex;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.side-row:hover .drag-grip{opacity:1}.side-row .drag-grip svg{width:12px;height:12px}.side-row.dragging{background:#fdfdfb;position:relative;box-shadow:0 2px 6px #00000014,0 8px 22px #0000001a}.side-row .drag-grip:active{cursor:grabbing}.side-row .hover-action svg.lucide-pin{width:12px;height:12px}.side-row svg.folder-child{width:14px;height:14px}.side-row:hover{background:var(--hover)}.side-row.selected{background:var(--row-selected);color:var(--text)}.side-row.selected svg{color:var(--text)}.side-row.drop-target{background:var(--accent-soft)}.side-row .title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.side-row .badge{font-variant-numeric:tabular-nums;color:var(--text-secondary);font-size:11px;font-weight:500}.side-row.selected .badge{color:var(--text-secondary)}.side-section{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;padding:16px 10px 4px;font-size:11px;font-weight:600}.labels-head{justify-content:space-between;align-items:center;padding-right:6px;display:flex}.side-plus{width:20px;height:20px;color:var(--text-tertiary);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.side-plus:hover{background:var(--hover);color:var(--text)}.list-col{width:var(--list-w,375px);border-right:1px solid var(--separator);background:var(--pane-bg);flex-direction:column;flex-shrink:0;min-width:0;display:flex;position:relative}.list-header{padding:14px 16px 6px}.list-header .title-row{justify-content:space-between;align-items:center;display:flex}.list-header h1{letter-spacing:-.3px;margin:0;font-size:20px;font-weight:700}.list-header .actions{gap:4px;display:flex}.icon-btn{color:#45443f;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.icon-btn:hover{background:var(--hover);color:var(--text)}.icon-btn:disabled{opacity:.35;pointer-events:none}.smart-header{justify-content:space-between;align-items:flex-end;padding:4px 16px 10px;display:flex}.smart-header .caption{color:var(--text-secondary);font-size:12px}.smart-header .total{letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin-top:2px;font-size:28px;font-weight:700}.smart-header .meta{text-align:right;flex-direction:column;align-items:flex-end;gap:6px;display:flex}.sort-chip{color:var(--text);background:#ecebe4;border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;display:inline-flex}.sort-chip:hover{background:#e8e7e0}.tab-bar{background:#ecebe4;border-radius:999px;height:30px;margin:8px 16px 10px;padding:2px;display:flex;position:relative}.tab-thumb{background:#fdfdfb;border-radius:999px;width:50%;transition:transform .2s cubic-bezier(.3,.7,.3,1);position:absolute;top:2px;bottom:2px;left:2px;box-shadow:0 1px 3px #00000012}.tab-thumb.right{transform:translate(100%)}.tab-pill{z-index:1;color:var(--text-secondary);background:0 0;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:0;font-size:13.5px;font-weight:400;transition:color .15s;display:flex;position:relative}.tab-pill.active{color:var(--text)}.clear-all{color:var(--red);background:#ff3b3014;border-radius:999px;align-items:center;gap:6px;margin:8px auto 2px;padding:7px 14px;font-size:13.5px;font-weight:500;display:inline-flex}.clear-all:hover{background:#ff3b3024}.clear-all-wrap{justify-content:center;display:flex}.rows{outline:none;flex:1;padding:4px 10px 12px;overflow-y:auto}.overview-row{border-radius:var(--pill-radius);align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:13px;font-weight:500;display:flex}.overview-row:hover{background:var(--hover)}.overview-row.selected{background:var(--row-selected);color:var(--text)}.overview-row .ov-icon{width:34px;height:34px;color:var(--accent);background:#c8795a24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.overview-row.selected .ov-icon{color:var(--accent);background:#c8795a2e}.row-sep{background:var(--separator);height:1px;margin:2px 10px}.row{border-radius:var(--pill-radius);text-align:left;align-items:flex-start;gap:10px;width:100%;padding:10px;display:flex;position:relative}.row:hover{background:var(--hover)}.row.selected{background:var(--row-selected)}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:1px;font-size:14px;font-weight:600;display:flex}.avatar.icon-avatar{color:var(--accent);background:#c8795a24}.avatar.logo-avatar{border:1px solid var(--separator);background:#fff}.avatar.logo-avatar img{object-fit:contain;border-radius:4px;width:62%;height:62%}.side-row .chevron{left:calc(var(--row-inset,26px) - 19px);width:14px;height:14px;color:var(--text-tertiary);justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.side-row.selected .chevron{color:#fffc}.side-row .hover-action{width:18px;height:18px;color:var(--text-tertiary);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;display:none}.side-row:hover .hover-action{display:inline-flex}.side-row .hover-action.active{color:var(--text);background:#0000001a;display:inline-flex}.side-row .hover-action:hover{color:var(--text);background:#00000014}.side-row.selected .hover-action,.side-row.selected .hover-action.always{color:#ffffffd9}.pin-sep{background:#00000029;flex-shrink:0;height:1px;margin:5px 8px}@keyframes menu-in{0%{opacity:0;transform:scale(.95)translateY(-3px)}}.ctx-menu.closing{pointer-events:none;animation:.12s ease-in forwards menu-out}@keyframes menu-out{to{opacity:0;transform:scale(.96)translateY(-2px)}}.label-children{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .22s cubic-bezier(.3,.8,.3,1),opacity .18s;display:grid}.label-children.open{opacity:1;grid-template-rows:1fr}.label-children-inner{flex-direction:column;gap:1px;min-height:0;display:flex;overflow:hidden}.chev{transition:transform .2s cubic-bezier(.3,.8,.3,1)}.chev.open{transform:rotate(90deg)}.ctx-backdrop{z-index:150;position:fixed;inset:0}.ctx-menu{z-index:151;transform-origin:0 0;background:#fdfdfb;border-radius:12px;min-width:176px;padding:5px;font-size:13px;animation:.15s cubic-bezier(.2,.9,.3,1) menu-in;position:fixed;box-shadow:0 4px 10px #00000014,0 12px 44px #0000002e}.ctx-item{text-align:left;width:100%;color:var(--text);border-radius:8px;padding:7px 12px;display:block}.ctx-item:hover{background:var(--hover)}.ctx-item.destructive{color:var(--red)}.ctx-item.current{cursor:default;align-items:center;gap:8px;font-weight:600;display:flex}.ctx-item.current:hover{background:0 0}.ctx-sep{background:var(--separator);height:1px;margin:5px 10px}.scan-banner{color:var(--red);background:#ff3b3014;border-radius:10px;align-items:center;gap:10px;margin:4px 16px 8px;padding:9px 12px;font-size:12px;line-height:1.4;display:flex}.scan-banner .retry{color:var(--red);flex-shrink:0;margin-left:auto;font-weight:600}.reconnect-banner{z-index:300;color:#fff;background:#1c1c1ef2;border-radius:12px;align-items:center;gap:14px;padding:10px 16px;font-size:12.5px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0000004d}.reconnect-banner button{color:#6db2ff;font-weight:700}.row .body{flex:1;min-width:0}.row .top-line{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.row .sender{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.row.unread .sender{font-weight:700}.row .when{color:var(--text-secondary);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:11.5px}.row .amount{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:13px;font-weight:600}.row .subject{color:#6c6a63;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:12.5px;display:block;overflow:hidden}.row .snippet{color:#6c6a63;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:1px;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.row .caption{color:#6c6a63;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:12px;display:block;overflow:hidden}.unread-dot{background:var(--accent);border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:1px;transform:translateY(-50%)}.empty-list,.empty-detail{color:var(--text-tertiary);pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex;position:absolute;inset:0}.empty-list svg,.empty-detail svg{width:32px;height:32px}.empty-list .big,.empty-detail .big{color:var(--text-secondary);font-size:14px;font-weight:400;line-height:1.2}.detail-col{background:var(--pane-bg);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.detail-toolbar{justify-content:space-between;align-items:center;padding:10px 16px 8px;display:flex}.search-box .search-clear{width:18px;height:18px;color:var(--text-secondary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.search-box .search-clear:hover{background:var(--hover);color:var(--text)}.detail-toolbar .group{gap:2px;padding:3px 0;display:flex}.search-box{width:240px;color:var(--text-secondary);background:#ecebe4;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;display:flex}.search-box input{font-family:var(--font);width:100%;color:var(--text);background:0 0;border:none;outline:none;font-size:12.5px}.detail-scroll{flex:1;overflow-y:auto}.msg-head{border-bottom:1px solid var(--separator);padding:8px 28px 0}.msg-head h2{letter-spacing:-.3px;margin:6px 0 12px;font-size:21px;font-weight:700}.msg-from{align-items:center;gap:10px;padding-bottom:14px;display:flex}.msg-from .name{font-weight:600}.msg-from .addr{color:var(--text-secondary);font-size:12.5px}.msg-from .date{color:var(--text-secondary);margin-left:auto;font-size:12.5px}.msg-body-frame{background:#fff;border:none;width:100%;display:block}.overview-pane{max-width:560px;margin:0 auto;padding:34px 28px 60px}.overview-pane h2{letter-spacing:-.3px;margin:0 0 4px;font-size:22px;font-weight:700}.overview-pane .sub{color:var(--text-secondary);margin-bottom:24px;font-size:13px}.budget-chart{flex-direction:column;flex:1;align-items:center;min-height:0;padding:40px 28px;display:flex;overflow-y:auto}.budget-chart .donut-hero{margin-top:auto}.budget-chart .budget-breakdown{margin-bottom:auto}.donut-hero{margin-bottom:32px;position:relative}.donut-center{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex;position:absolute;inset:0}.donut-center .amount{font-variant-numeric:tabular-nums;font-size:23px;font-weight:600}.donut-center .caption{color:var(--text-secondary);font-size:11px}.budget-breakdown{width:300px;max-width:100%}.cat-row{border-radius:7px;align-items:center;gap:9px;padding:7px 8px;font-size:13px;display:flex;position:relative}.cat-row.hovered{background:#0000000f}.cat-row .dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.cat-row .cat{flex:1;min-width:0}.cat-row .pct{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:11px}.cat-row .val{font-variant-numeric:tabular-nums;text-align:right;min-width:78px;font-weight:600}.cat-sep{background:var(--separator);height:1px;margin:0 8px}.cat-pop{z-index:30;pointer-events:none;background:#fdfdfb;border:1px solid #0000000f;border-radius:11px;min-width:190px;max-width:min(280px,100vw - 28px);padding:12px;position:fixed;box-shadow:0 2px 8px #00000014,0 10px 34px #0000002e}.cat-pop:before{content:"";left:-6px;top:calc(50% + var(--arrow-shift,0px));background:#fdfdfb;border-bottom:1px solid #0000000f;border-left:1px solid #0000000f;width:11px;height:11px;position:absolute;transform:translateY(-50%)rotate(45deg)}.cat-pop.pop-left:before{border-top:1px solid #0000000f;border-bottom:none;border-left:none;border-right:1px solid #0000000f;left:auto;right:-6px}.cat-pop .pop-head{color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.cat-pop .pop-head .dot{border-radius:50%;width:7px;height:7px}.cat-pop .pop-row{align-items:baseline;gap:20px;padding:2px 0;font-size:12px;display:flex}.cat-pop .pop-row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.cat-pop .pop-row .amt{font-variant-numeric:tabular-nums;font-weight:500}.card{border:1px solid var(--separator);border-radius:14px;align-items:flex-start;gap:12px;margin-bottom:12px;padding:14px 16px;display:flex}.card .k-icon{width:36px;height:36px;color:var(--accent);background:#c8795a24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.card .c-body{flex:1;min-width:0}.card .c-title{font-size:14px;font-weight:600}.card .c-sub{color:var(--text-secondary);margin-top:2px;font-size:12.5px}.card .c-code{color:var(--text-secondary);font-variant-numeric:tabular-nums;background:#ecebe4;border-radius:6px;flex-shrink:0;padding:3px 7px;font-size:11px;font-weight:600}.trips-map{border:1px solid var(--separator);border-radius:14px;margin-bottom:18px;overflow:hidden}.detail-map{padding:14px 20px 0}.trips-overview{max-width:none;padding-left:20px;padding-right:20px}.trips-overview .overview-inner{max-width:560px;margin:0 auto}.trips-overview .overview-inner:last-child{margin-top:24px}.map-airport-dot{background:#fff;border:2.5px solid #d97757;border-radius:50%;width:10px;height:10px;box-shadow:0 1px 3px #0000004d}.map-setup{border:1px solid var(--separator);background:#fafafa;border-radius:14px;margin-bottom:18px;padding:16px 18px}.map-setup-title{margin-bottom:4px;font-size:13.5px;font-weight:700}.map-setup p{color:var(--text-secondary);margin:0 0 10px;font-size:12.5px;line-height:1.5}.map-setup p code{background:#ecebe4;border-radius:4px;padding:1px 4px;font-size:11px}.map-setup-row{gap:8px;display:flex}.map-setup-row .setup-input{flex:1}.map-setup-save{background:var(--accent);color:#fff;border-radius:9px;padding:0 18px;font-size:13px;font-weight:600}.map-setup-save:disabled{opacity:.4}.map-placeholder{height:190px;color:var(--text-secondary);border:1px solid var(--separator);background:radial-gradient(circle at 30% 40%,#0a7cff2e,#0000 55%),radial-gradient(circle at 75% 60%,#30b0c733,#0000 50%),#eef4fb;border-radius:14px;justify-content:center;align-items:center;margin-bottom:18px;font-size:12.5px;display:flex}.month-head{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.4px;margin:22px 0 8px;font-size:12px;font-weight:700}.agenda-row{border-bottom:1px solid var(--separator);align-items:center;gap:14px;padding:10px 2px;display:flex}.date-block{text-align:center;flex-shrink:0;width:44px}.date-block .d-num{font-size:20px;font-weight:700;line-height:1}.date-block .d-dow{color:var(--red);text-transform:uppercase;font-size:10.5px;font-weight:600}.agenda-row .a-body{flex:1;min-width:0}.agenda-row .a-title{font-size:13.5px;font-weight:600}.agenda-row .a-sub{color:#6c6a63;margin-top:1px;font-size:12px}.row .caption .cap-ico{vertical-align:-1.5px;margin-right:5px;display:inline-block}.coming-up{padding-top:32px}.cu-head{color:#6c6a63;margin-bottom:6px;font-size:11px;font-weight:600}.cu-row{align-items:center;gap:14px;padding:9px 0;display:flex}.cu-date{background:#3c382d0d;border-radius:9px;flex-direction:column;flex-shrink:0;align-items:center;width:46px;padding:6px 0;display:flex}.cu-mon{color:var(--red);letter-spacing:.3px;font-size:10px;font-weight:600}.cu-day{font-variant-numeric:tabular-nums;font-size:21px;font-weight:600;line-height:1.15}.cu-ico{width:26px;height:26px;color:var(--accent);background:#c8795a24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.cu-body{flex:1;min-width:0}.cu-title{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.cu-sub{color:#6c6a63;white-space:nowrap;text-overflow:ellipsis;margin-top:1px;font-size:11px;overflow:hidden}.cu-code{font-family:ui-monospace,SF Mono,Menlo,monospace}.cu-dow{color:#6c6a63;flex-shrink:0;font-size:12px}.cu-sep{background:var(--separator);height:1px}.accept-btn{color:#fff;background:var(--accent);border-radius:999px;flex-shrink:0;padding:5px 14px;font-size:12px;font-weight:600}.accepted-chip{color:var(--green);flex-shrink:0;align-items:center;gap:4px;font-size:12px;font-weight:600;display:flex}.landing{background:var(--sidebar-bg);justify-content:center;align-items:center;height:100%;display:flex}.landing-card{text-align:center;background:#fdfdfb;border-radius:20px;flex-direction:column;gap:10px;width:400px;padding:44px 48px 36px;display:flex;box-shadow:0 20px 60px #00000014}.landing-logo{color:var(--accent)}.landing-card h1{letter-spacing:-.4px;margin:0;font-size:26px;font-weight:700}.landing-card .tagline{color:var(--text-secondary);margin:0 0 10px;font-size:13.5px}.setup{text-align:left;flex-direction:column;gap:10px;display:flex}.setup-note{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.5}.setup-note code{background:#ecebe4;border-radius:4px;padding:1px 4px;font-size:11px}.setup-input{font-family:var(--font);border:1px solid var(--separator);border-radius:9px;outline:none;padding:9px 11px;font-size:12.5px}.setup-input:focus{border-color:var(--accent)}.setup-link{color:var(--accent);align-self:center;font-size:12px}.landing-error{color:var(--red);background:#ff3b3014;border-radius:9px;padding:8px 10px;font-size:12.5px}.google-btn{background:var(--accent);color:#fff;border-radius:11px;margin-top:8px;padding:11px 0;font-size:14px;font-weight:600}.google-btn:disabled{opacity:.4}.demo-btn{background:#ecebe4;border-radius:11px;padding:10px 0;font-size:13.5px;font-weight:500}.account-chip{color:var(--text-secondary);border-radius:8px;align-items:center;gap:8px;margin-top:auto;padding:8px 10px;font-size:12px;display:flex}.account-chip:hover{background:var(--hover)}.account-chip .mini-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:10.5px;font-weight:700;display:flex}.account-chip .email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}img.mini-avatar{object-fit:cover;background:0 0}.toast{color:var(--text);z-index:200;background:#fdfdfb;border:1px solid #3c382d12;border-radius:999px;align-items:center;gap:14px;max-width:520px;padding:10px 18px;font-size:13px;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%);box-shadow:0 3px 10px #00000014,0 14px 44px #00000029}.toast .toast-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toast .toast-undo{color:#fff;background:#2a2925;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;height:26px;padding:0 14px 3px;font-size:12.5px;font-weight:500;line-height:1;display:inline-flex}.toast .toast-undo:hover{background:#3a3934}.list-spinner{color:var(--text-tertiary);justify-content:center;padding:26px 0;display:flex}@keyframes plume-spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite plume-spin}.composer{z-index:120;background:#fdfdfb;border-radius:16px;flex-direction:column;width:480px;max-height:min(560px,100vh - 60px);display:flex;position:fixed;bottom:22px;right:22px;overflow:hidden;box-shadow:0 6px 18px #0000001a,0 24px 70px #00000047}.composer-resize{z-index:6;width:13px;height:13px;position:absolute}.composer-resize.nw{cursor:nwse-resize;top:0;left:0}.composer-resize.se{cursor:nwse-resize;bottom:0;right:0}.composer-resize.ne{cursor:nesw-resize;top:0;right:0}.composer-resize.sw{cursor:nesw-resize;bottom:0;left:0}.composer-head{cursor:grab;-webkit-user-select:none;user-select:none;background:#faf9f5}.composer-head:active{cursor:grabbing}.composer-head{justify-content:space-between;align-items:center;padding:12px 12px 8px 18px;display:flex}.composer-title{font-size:14px;font-weight:700}.composer-field{font-family:var(--font);border:none;border-top:1px solid var(--separator);outline:none;padding:10px 18px;font-size:13px}.composer-field-row{border-top:1px solid var(--separator);align-items:center;display:flex}.composer-field-row .composer-field{border-top:none;flex:1;min-width:0}.cc-toggle{color:var(--text-secondary);border-top:1px solid #0000;margin-left:14px;padding:0;font-size:12.5px}.cc-toggle:last-of-type{margin-right:18px}.cc-toggle:hover{color:var(--text)}.recipient-wrap{position:relative}.recipient-wrap .composer-field{width:100%}.sugg-pop{z-index:60;background:#fdfdfb;border:1px solid #403a2a17;border-radius:10px;min-width:320px;max-width:calc(100% - 24px);padding:4px;position:absolute;top:calc(100% - 2px);left:12px;box-shadow:0 2px 8px #00000014,0 12px 36px #0000002e}.sugg-row{text-align:left;border-radius:7px;align-items:baseline;gap:7px;width:100%;padding:6px 10px;font-size:12.5px;display:flex}.sugg-row.selected{background:var(--row-selected);color:var(--text)}.sugg-row .sugg-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.sugg-row .sugg-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.sugg-row.selected .sugg-email{color:var(--text-secondary)}.composer-body{font-family:var(--font);border:none;border-top:1px solid var(--separator);resize:none;outline:none;flex:1;min-height:220px;padding:12px 18px;font-size:13.5px;line-height:1.5}.composer.with-canvas{width:620px;height:min(760px,100vh - 60px);max-height:min(760px,100vh - 60px)}.canvas-scroll{border-top:1px solid var(--separator);background:#fff;flex:1;overflow-y:auto}.composer-canvas{border:none;width:100%;min-height:100%;display:block}.composer-foot{border-top:1px solid var(--separator);background:#faf9f5;align-items:center;gap:8px;padding:10px 14px 14px;display:flex}.composer-foot .foot-spacer{flex:1}.foot-btn{color:var(--text);background:#ecebe4;border-radius:999px;padding:6px 14px;font-size:12.5px;font-weight:500}.foot-btn:hover{background:#e3e2da}.foot-btn:disabled{opacity:.45;pointer-events:none}.send-btn{background:var(--accent);color:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 16px;font-size:12.5px;font-weight:500;display:inline-flex}.send-btn:disabled{opacity:.4}.col-resizer{cursor:col-resize;z-index:50;flex-shrink:0;width:5px;margin:0 -2.5px}.col-resizer:hover,.col-resizer.dragging{background:var(--accent-soft)}.modal-backdrop{z-index:100;background:#00000040;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{text-align:center;background:#fdfdfb;border-radius:14px;width:340px;padding:22px 22px 16px;box-shadow:0 20px 60px #00000040}.modal h3{margin:0 0 14px;font-size:15px}.modal p{color:#6c6a63;margin:0 0 18px;font-size:12.5px;line-height:1.45}.modal-check{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:9px;margin:12px 0 16px;font-size:13px;display:flex}.modal-check input{accent-color:var(--accent)}.modal .btns{gap:8px;display:flex}.modal .btn{background:#ecebe4;border-radius:9px;flex:1;padding:8px 0;font-size:13px;font-weight:600}.modal .btn.destructive{background:var(--red);color:#fff}.modal .btn.primary{background:var(--accent);color:#fff}