:root{--ink:#15171a;--muted:#6b6f76;--paper:#fff;--bg:#f4f4f2;--border:#e3e3df;--header-gray:#dbdbdb;--accent:#0b7a5b;--accent-ink:#075940;--user:#15171a;--danger:#b4402a;--info:#245b86;--radius:12px;--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}html.app-page,html.app-page body{overflow:hidden;overscroll-behavior:none}.app-page #root{overflow:hidden;height:100dvh}.shell{display:grid;grid-template-rows:auto 1fr;overflow:hidden;height:100dvh;min-height:0}.topbar{display:flex;background:var(--paper);border-bottom:1px solid var(--border);align-items: center;gap:12px;padding:12px 18px}.brand{display:flex;cursor:pointer;align-items:baseline;gap:8px}.brand:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.brand .mark{letter-spacing:-.02em;font-size:19px;font-weight:700}.brand .mark span{color:var(--accent)}.brand .sub{color:var(--muted);font-size:12.5px}.about-overlay{position:fixed;z-index:60;display:flex;background:#15171a52;justify-content:center;align-items: center;padding:20px;inset:0}.about-modal{position:relative;background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:360px;padding:28px 26px;box-shadow:0 12px 40px #0000002e}.about-close{position:absolute;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px 8px;font-size:24px;line-height:1;top:8px;right:10px}.about-close:hover{color:var(--ink);background:var(--bg)}.about-title{letter-spacing:-.02em;color:var(--ink);font-size:24px;font-weight:700}.about-title span{color:var(--accent)}.about-sub{color:var(--muted);margin-top:2px;font-size:13px}.about-meta{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:20px 0 0}.about-meta dt{color:var(--muted);font-size:12px}.about-meta dd{color:var(--ink);margin:0;font-size:13.5px}.about-mono{color:var(--accent-ink);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px}a.about-mono{text-decoration:underline}.topbar .spacer{flex:1}.topactions{display:flex;gap:8px}.topbtn{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 12px;font-size:13px}.topbtn:hover{background:#ececea;border-color:#d4d4cf}.topbtn:disabled,.drawer-new:disabled{opacity:.5;cursor:wait}.mobiletabs{display:none;gap:6px}.mobiletabs button{font:inherit;border:1px solid var(--border);background:var(--bg);color:var(--muted);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px}.mobiletabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.pwa-update-card{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:80;color:var(--ink);border:1px solid #cdd8d2;border-left:4px solid var(--accent);animation:pwa-update-in .18s ease-out both;background:#fffffff7;border-radius:12px;width:min(360px,100vw - 28px);padding:15px 16px 14px;box-shadow:0 14px 42px #15171a2e}.pwa-update-heading{display:grid;grid-template-columns:auto 1fr auto;align-items: center;gap:10px}.pwa-update-icon{display:grid;color:#fff;background:var(--accent);border-radius:9px;place-items: center;width:30px;height:30px;font-size:17px;font-weight:700}.pwa-update-eyebrow{color:var(--accent-ink);letter-spacing:.08em;text-transform:uppercase;font-size:10.5px;font-weight:700}.pwa-update-title{margin-top:1px;font-size:15px;font-weight:700}.pwa-update-percent{color:var(--accent-ink);font-variant-numeric:tabular-nums;font-size:15px}.pwa-update-track{position:relative;overflow:hidden;background:#e4ebe7;border-radius:999px;height:7px;margin:13px 0 8px}.pwa-update-track>span{display:block;background:linear-gradient(90deg,var(--accent-ink),#18a778);border-radius:inherit;height:100%;transition:width .18s ease-out}.pwa-update-track.indeterminate>span{animation:pwa-update-scan 1.2s ease-in-out infinite;width:38%!important}.pwa-update-detail{display:flex;color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;font-size:11.5px}.pwa-update-detail span:last-child{text-align:right}.pwa-update-card p{color:var(--muted);margin:10px 0 0;font-size:12.5px;line-height:1.4}.pwa-update-ready{border-color:#b7d6c8;border-left-color:var(--accent)}.pwa-update-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.pwa-update-actions button{font:inherit;cursor:pointer;border-radius:8px;min-height:36px;padding:0 14px;font-size:12.5px;font-weight:700}.pwa-update-actions button:disabled{opacity:.55;cursor:wait}.pwa-update-later{color:var(--muted);border:1px solid var(--border);background:0 0}.pwa-update-later:hover{color:var(--ink);border-color:#c8c8c2}.pwa-update-reload{color:#fff;background:var(--accent);border:1px solid var(--accent)}.pwa-update-reload:hover{background:var(--accent-ink);border-color:var(--accent-ink)}@keyframes pwa-update-in{0%{opacity:0;transform:translateY(10px)}}@keyframes pwa-update-scan{0%{transform:translate(-110%)}to{transform:translate(280%)}}.drawer-backdrop{position:fixed;z-index:40;background:#15171a52;inset:0}.drawer{position:fixed;background:var(--paper);border-right:1px solid var(--border);z-index:41;display:flex;flex-direction:column;width:min(320px,84vw);top:0;bottom:0;left:0;box-shadow:2px 0 18px #0000001f}.drawer-head{display:grid;grid-template-columns:1fr auto auto;border-bottom:1px solid var(--border);align-items: center;gap:8px;padding:14px 12px 14px 16px}.drawer-title{font-size:15px;font-weight:700}.drawer-new{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.drawer-new:hover{background:var(--accent-ink);border-color:var(--accent-ink)}.drawer-close{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;width:32px;height:32px;font-size:21px}.drawer-close:hover{color:var(--ink);background:var(--bg)}.drawer-list{overflow-y:auto;flex:1;padding:8px}.drawer-empty{color:var(--muted);text-align:center;padding:16px;font-size:13.5px;line-height:1.5}.drawer-state{display:flex;color:var(--info);background:#edf5fb;border:1px solid #cddfeb;border-radius:8px;align-items: center;gap:8px;margin-bottom:8px;padding:9px 10px;font-size:12.5px}.drawer-error{display:grid;color:var(--danger);background:#fbeae6;border:1px solid #f1c9bf;border-radius:8px;gap:8px;margin-bottom:8px;padding:10px;font-size:12.5px;line-height:1.4}.drawer-error button,.preview-notice button{background:var(--paper);color:inherit;font:inherit;cursor:pointer;border:1px solid;border-radius:6px;justify-self:start;padding:4px 8px;font-size:12px;font-weight:600}.drawer-item{display:flex;border-radius:8px;align-items:stretch;gap:4px}.drawer-item:hover{background:var(--bg)}.drawer-item.active{background:#e7f4ee}.drawer-item.pending{box-shadow:inset 3px 0 var(--info);background:#edf5fb}.drawer-item-main{display:flex;text-align:left;font:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;gap:2px;min-width:0;padding:9px 10px}.drawer-item-title{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}.drawer-item-meta{color:var(--muted);font-size:11.5px}.drawer-item-meta .spinner{margin-right:3px}.drawer-item-del{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;width:30px;font-size:18px;line-height:1}.drawer-item-del:hover{color:var(--danger);background:#fbeae6}.drawer-item-main:disabled,.drawer-item-del:disabled{cursor:wait;opacity:.62}.panes{display:grid;grid-template-columns:minmax(0,var(--chat-col,49%))10px minmax(0,1fr);min-height:0}.chat,.preview{display:flex;flex-direction:column;min-width:0;min-height:0}.preview{background:var(--paper)}.divider{position:relative;cursor:col-resize;touch-action:none;user-select:none;-webkit-user-select:none;background:0 0}.divider:before{content:"";position:absolute;background:var(--border);width:1px;transition:width .12s,background .12s;top:0;bottom:0;left:50%;transform:translate(-50%)}.divider:hover:before,.divider.dragging:before{background:var(--accent);width:3px}.divider:focus-visible:before{background:var(--accent);width:3px}.divider:focus-visible{outline:none}.panes.resizing{cursor:col-resize;user-select:none}.panes.resizing .pdf{pointer-events:none}.messages{overflow-y:auto;overscroll-behavior-y:contain;display:flex;flex-direction:column;flex:1;gap:12px;min-height:0;padding:20px clamp(14px,4vw,40px)}.empty{text-align:center;color:var(--muted);max-width:380px;margin:auto}.empty h2{color:var(--ink);margin:0 0 6px;font-size:18px}.empty p{margin:4px 0;font-size:14px;line-height:1.5}.msg{border-radius:var(--radius);white-space:pre-wrap;word-wrap:break-word;max-width:76%;padding:10px 14px;font-size:14.5px;line-height:1.5}.msg.user{background:var(--user);color:#fff;border-bottom-right-radius:4px;align-self: flex-end}.msg.agent{background:var(--paper);border:1px solid var(--border);border-bottom-left-radius:4px;align-self: flex-start}.msg.error{color:var(--danger);background:#fbeae6;border:1px solid #f1c9bf;align-self: flex-start}.tools{display:flex;flex-wrap:wrap;align-self: flex-start;gap:6px;max-width:76%}.chip{color:var(--accent-ink);background:#e7f4ee;border:1px solid #cbe7da;border-radius:999px;padding:3px 9px;font-size:12px}.thinking{color:var(--muted);display:flex;align-self: flex-start;align-items: center;gap:8px;font-size:13px}.dot{background:var(--accent);animation:pulse 1s infinite ease-in-out;border-radius:50%;width:7px;height:7px}.spinner{display:inline-block;animation:spin .8s linear infinite;vertical-align:-2px;border:2px solid;border-right-color:#0000;border-radius:50%;flex:none;width:12px;height:12px}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.msg.agent{white-space:normal;max-width:86%}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md p{margin:0 0 8px;line-height:1.5}.md strong{font-weight:700}.md em{font-style:italic}.md ul,.md ol{margin:6px 0 8px;padding-left:20px}.md li{margin:2px 0}.md li>p{margin:0}.md h1,.md h2,.md h3,.md h4{margin:12px 0 6px;font-weight:700;line-height:1.3}.md h1{font-size:17px}.md h2{font-size:15.5px}.md h3,.md h4{font-size:14.5px}.md a{color:var(--accent-ink);text-decoration:underline}.md hr{border:none;border-top:1px solid var(--border);margin:12px 0}.md code{background:var(--bg);border:1px solid var(--border);border-radius:5px;padding:.5px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.md pre{background:var(--bg);border:1px solid var(--border);overflow-x:auto;border-radius:8px;margin:8px 0;padding:10px 12px}.md pre code{background:0 0;border:none;padding:0;font-size:12.5px}.md blockquote{border-left:3px solid var(--border);color:var(--muted);margin:8px 0;padding-left:12px}.md-table-wrap{overflow-x:auto;margin:8px 0}.md table{border-collapse:collapse;width:100%;font-size:13.5px}.md th,.md td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:6px 10px}.md th{background:var(--bg);font-weight:700}.md tbody tr:nth-child(2n){background:#fafaf9}.md td:last-child,.md th:last-child{font-variant-numeric:tabular-nums}.composer{border-top:1px solid var(--border);background:var(--paper);padding:12px clamp(14px,4vw,40px)}.composer.drag{outline:2px dashed var(--accent);outline-offset:-8px;background:#f0f9f5}.composer form{display:flex;align-items: flex-end;gap:8px}.composer textarea{resize:none;font:inherit;border:1px solid var(--border);background:var(--bg);border-radius:10px;flex:1;height:44px;min-height:44px;max-height:140px;padding:10px 12px;font-size:14.5px;line-height:1.4}.composer textarea:focus{outline:none;border-color:var(--accent);background:#fff}.iconbtn{border:1px solid var(--border);background:var(--bg);cursor:pointer;color:var(--muted);border-radius:10px;flex:none;width:44px;height:44px;font-size:18px}.iconbtn:hover{background:#ececea}.iconbtn:disabled{opacity:.45;cursor:default}.micbtn.listening{color:var(--danger);animation:micpulse 1.2s infinite ease-in-out;background:#fbeae6;border-color:#e7a496}@keyframes micpulse{0%,to{box-shadow:0 0 #b4402a59}50%{box-shadow:0 0 0 5px #b4402a00}}.sendbtn{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:10px;flex:none;height:44px;padding:0 18px;font-weight:600}.sendbtn:disabled{opacity:.45;cursor:default}.composer-error{color:var(--danger);margin-top:6px;font-size:12px}.attach-tray{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.attach-chip{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:10px;align-items: center;gap:8px;max-width:220px;padding:6px 8px 6px 6px}.attach-thumb{object-fit:cover;background:var(--paper);border-radius:6px;flex:none;width:32px;height:32px}.attach-icon{display:flex;flex:none;justify-content:center;align-items: center;width:32px;height:32px;font-size:18px}.attach-name{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.attach-remove{background:var(--border);color:var(--ink);cursor:pointer;border:none;border-radius:50%;flex:none;width:20px;height:20px;padding:0;font-size:15px;line-height:1}.attach-remove:hover{background:var(--danger);color:#fff}.attach-remove:disabled{opacity:.5;cursor:wait}.preview-head{border-bottom:1px solid var(--border);color:var(--muted);display:flex;align-items: center;gap:8px;padding:12px 16px;font-size:13px;font-weight:600}.preview-body{display:flex;flex-direction:column;flex:1;min-height:0}.pdf-wrap{position:relative;display:flex;flex:1;min-height:0}.pdf{background:#525659;border:none;flex:1;width:100%}.preview-loading{position:absolute;display:flex;color:var(--info);background:#f4f4f2f0;justify-content:center;align-items: center;gap:8px;font-size:13px;font-weight:600;inset:0}.preview-loading.error{color:var(--danger);text-align:center;padding:20px}.preview-notice{display:flex;color:var(--info);background:#edf5fb;border-bottom:1px solid #cddfeb;justify-content:space-between;align-items: center;gap:10px;padding:8px 12px;font-size:12.5px}.preview-notice.error{color:var(--danger);background:#fbeae6;border-color:#f1c9bf}.pdf-empty{display:flex;color:var(--muted);text-align:center;flex:1;justify-content:center;align-items: center;padding:20px;font-size:14px}.invlist{border-top:1px solid var(--border);overflow-y:auto;background:var(--paper);max-height:38%}.invrow{display:grid;grid-template-columns:auto 1fr auto;border-bottom:1px solid var(--border);cursor:pointer;align-items: center;gap:10px;padding:9px 16px;font-size:13px}.invrow:hover{background:var(--bg)}.invrow:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.invrow[aria-selected=true]{background:#e7f4ee}.invrow .num{font-variant-numeric:tabular-nums;font-weight:700}.invrow .addr{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.invrow .amt{font-variant-numeric:tabular-nums;font-weight:600}.invrow .badge{text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--danger);border-radius:5px;padding:2px 6px;font-size:10px;font-weight:700}.invrow .badge.void{background:var(--muted);margin-left:6px}.invrow.test{background:#fdf3f0}.invrow.test[aria-selected=true]{background:#fbe3dc}.invrow.void .num{color:var(--muted)}.invrow.void .addr{text-decoration:line-through}.preview-head .test-tag{color:var(--danger);font-weight:700}.preview-head .void-tag{color:var(--muted);font-weight:700}.login-wrap{display:flex;background:var(--bg);justify-content:center;align-items: center;min-height:100dvh;padding:24px}.login-card{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:380px;padding:32px 28px;box-shadow:0 8px 30px #00000012}.login-brand{display:flex;justify-content:center;align-items:baseline;gap:8px;margin-bottom:4px}.login-brand .mark{letter-spacing:-.02em;font-size:24px;font-weight:700}.login-brand .mark span{color:var(--accent)}.login-sub{text-align:center;color:var(--muted);margin:0 0 22px;font-size:13px}.login-card form{display:flex;flex-direction:column;gap:12px}.login-card label{color:var(--muted);font-size:12.5px;font-weight:600}.login-card input[type=password]{font:inherit;border:1px solid var(--border);background:var(--bg);border-radius:10px;width:100%;padding:11px 12px;font-size:15px}.login-card input[type=password]:focus{outline:none;border-color:var(--accent);background:#fff}.login-btn{background:var(--accent);color:#fff;font:inherit;cursor:pointer;border:none;border-radius:10px;height:46px;margin-top:4px;font-size:15px;font-weight:600}.login-btn:hover{background:var(--accent-ink)}.login-btn:disabled{opacity:.55;cursor:default}.login-error{color:var(--danger);background:#fbeae6;border:1px solid #f1c9bf;border-radius:8px;padding:9px 12px;font-size:13px;line-height:1.4}@media (max-width:880px){.pwa-update-card{right:14px;bottom:calc(14px + env(safe-area-inset-bottom,0px))}.pwa-update-detail{flex-direction:column;align-items: flex-end;gap:2px}.panes{grid-template-columns:1fr}.divider{display:none}.preview{border-left:none}.mobiletabs{display:flex}.topbar{gap:8px;padding:10px 12px}.brand .sub,.topbtn-label{display:none}.topbtn{padding:6px 9px;font-size:15px}.panes.tab-chat .preview,.panes.tab-preview .chat{display:none}.msg,.tools{max-width:88%}.msg.agent{max-width:92%}.invlist{max-height:30%}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}