.sidebar[data-v-8c25bd58]{background:var(--bg-sidebar);border-right:1px solid var(--border);flex-direction:column;width:260px;height:100%;padding:14px 10px 10px;display:flex;overflow-y:auto}.brand[data-v-8c25bd58],.nav[data-v-8c25bd58],.foot[data-v-8c25bd58]{flex-shrink:0}.brand[data-v-8c25bd58]{align-items:center;gap:10px;padding:6px 10px 18px;display:flex}.brand-name[data-v-8c25bd58]{font-family:var(--font-serif);letter-spacing:.02em;font-size:21px;font-weight:500}.nav[data-v-8c25bd58]{flex-direction:column;gap:2px;display:flex}.nav-item[data-v-8c25bd58]{height:36px;color:var(--text-2);border-radius:8px;align-items:center;gap:10px;padding:0 10px;font-size:14px;display:flex}.nav-item svg[data-v-8c25bd58]{width:17px;height:17px;color:var(--text-3)}.nav-item[data-v-8c25bd58]:hover{background:var(--surface-hover);color:var(--text)}.nav-item.active[data-v-8c25bd58]{background:var(--surface-hover);color:var(--text);font-weight:500}.nav-item.active svg[data-v-8c25bd58]{color:var(--accent)}.nav-count[data-v-8c25bd58]{color:var(--text-4);font-size:12px}.recents[data-v-8c25bd58]{flex:1;min-height:0;margin-top:22px;overflow-y:auto}.recents-title[data-v-8c25bd58]{color:var(--text-4);padding:0 10px 6px;font-size:12px}.recent[data-v-8c25bd58]{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:6px 10px;font-size:13.5px;display:block;overflow:hidden}.recent[data-v-8c25bd58]:hover,.recent.active[data-v-8c25bd58]{background:var(--surface-hover);color:var(--text)}.account-name[data-v-8c25bd58]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.foot[data-v-8c25bd58]{border-top:1px solid var(--border);margin-top:auto;padding-top:10px}.foot-row[data-v-8c25bd58]{justify-content:space-between;align-items:center;gap:6px;padding:8px 4px 0 10px;display:flex}.sync[data-v-8c25bd58]{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;min-width:0;font-size:12px;display:inline-flex;overflow:hidden}.sync svg[data-v-8c25bd58]{flex-shrink:0;width:14px;height:14px}.sync.warn[data-v-8c25bd58]{color:var(--amber)}.sync.err[data-v-8c25bd58]{color:var(--red)}.sync.spin svg[data-v-8c25bd58]{animation:1s linear infinite spin-8c25bd58}@keyframes spin-8c25bd58{to{transform:rotate(360deg)}}.theme[data-v-8c25bd58]{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;flex-shrink:0;gap:1px;padding:2px;display:flex}.theme button[data-v-8c25bd58]{color:var(--text-4);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:24px;height:22px;display:grid}.theme button svg[data-v-8c25bd58]{width:13px;height:13px}.theme button.on[data-v-8c25bd58]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}@media (width>=701px) and (width<=1100px){.sidebar[data-v-8c25bd58]{align-items:center;width:72px;padding:12px 7px}.brand[data-v-8c25bd58]{justify-content:center;padding:7px 0 16px}.brand-name[data-v-8c25bd58],.nav-item .grow[data-v-8c25bd58],.nav-count[data-v-8c25bd58],.recents[data-v-8c25bd58],.sync[data-v-8c25bd58]{display:none}.nav[data-v-8c25bd58]{align-items:center;gap:5px;width:100%}.nav-item[data-v-8c25bd58]{border-radius:10px;justify-content:center;width:48px;height:48px;padding:0}.nav-item svg[data-v-8c25bd58]{width:21px;height:21px}.foot[data-v-8c25bd58]{flex-direction:column;align-items:center;width:100%;display:flex}.foot>.nav-item[data-v-8c25bd58]{width:48px}.foot-row[data-v-8c25bd58]{justify-content:center;padding:9px 0 0}.theme[data-v-8c25bd58]{flex-direction:column}.theme button[data-v-8c25bd58]{width:34px;height:32px}}@media (width<=700px){.sidebar[data-v-8c25bd58]{width:min(300px,88vw);padding-top:calc(14px + env(safe-area-inset-top));padding-bottom:calc(12px + env(safe-area-inset-bottom));overflow-y:auto}.brand[data-v-8c25bd58]{padding-right:50px}.nav-item[data-v-8c25bd58]{flex-shrink:0;min-height:46px}.nav-item svg[data-v-8c25bd58]{width:20px;height:20px}.recent[data-v-8c25bd58]{min-height:44px;padding-block:10px}.recents[data-v-8c25bd58]{min-height:44px}.theme button[data-v-8c25bd58]{width:34px;height:36px}.foot-row[data-v-8c25bd58]{flex-wrap:wrap}}.toasts[data-v-489d20de]{z-index:100;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast[data-v-489d20de]{pointer-events:auto;background:var(--text);min-width:280px;max-width:520px;color:var(--bg);box-shadow:var(--shadow-lg);border-radius:12px;align-items:center;gap:8px;padding:8px 8px 8px 16px;font-size:13.5px;display:flex}.toast .btn-ghost[data-v-489d20de]{color:inherit;opacity:.75}.toast .btn-ghost[data-v-489d20de]:hover{opacity:1;background:#ffffff1f}.toast.success[data-v-489d20de]:before,.toast.danger[data-v-489d20de]:before{content:"";border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-right:2px}.toast.success[data-v-489d20de]:before{background:#8fb87e}.toast.danger[data-v-489d20de]:before{background:#e2826f}.toast-action[data-v-489d20de]{font-weight:600;opacity:1!important}.toast-enter-from[data-v-489d20de],.toast-leave-to[data-v-489d20de]{opacity:0;transform:translateY(8px)}.toast-enter-active[data-v-489d20de],.toast-leave-active[data-v-489d20de]{transition:all .2s}.overlay[data-v-489d20de]{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14141359;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog[data-v-489d20de]{width:100%;max-width:440px;box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);padding:24px}.dialog-msg[data-v-489d20de]{color:var(--text-2);white-space:pre-wrap;margin-top:10px}.check[data-v-489d20de]{background:var(--surface-2);cursor:pointer;border-radius:8px;align-items:center;gap:8px;margin-top:16px;padding:10px 12px;font-size:13.5px;display:flex}.check input[data-v-489d20de]{accent-color:var(--accent);width:15px;height:15px}.dialog-actions[data-v-489d20de]{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.btn-danger-solid[data-v-489d20de]{background:var(--red);border-color:var(--red);color:#fff}.btn-danger-solid[data-v-489d20de]:hover{background:var(--red);opacity:.9}.fade-enter-from[data-v-489d20de],.fade-leave-to[data-v-489d20de]{opacity:0}.fade-enter-active[data-v-489d20de],.fade-leave-active[data-v-489d20de]{transition:opacity .15s}@media (width<=700px){.toasts[data-v-489d20de]{bottom:calc(90px + env(safe-area-inset-bottom));width:calc(100% - 24px)}.toast[data-v-489d20de]{overflow-wrap:anywhere;width:100%;min-width:0;max-width:none}.overlay[data-v-489d20de]{padding:12px 12px calc(12px + env(safe-area-inset-bottom));align-items:end}.dialog[data-v-489d20de]{max-width:none;max-height:85dvh;padding:22px 20px;overflow-y:auto}.dialog-actions .btn[data-v-489d20de]{flex:1}.check[data-v-489d20de]{min-height:48px}}.browser-host[data-v-c2af1d96]{z-index:70;width:min(920px,100vw - 36px);height:min(78vh,760px);min-height:360px;box-shadow:var(--shadow-lg);flex-direction:column;transition:transform .18s,opacity .18s;display:flex;position:fixed;bottom:18px;right:18px;overflow:hidden}.browser-host.closed[data-v-c2af1d96]{opacity:0;pointer-events:none;transform:translateY(calc(100% + 28px))}.browser-header[data-v-c2af1d96]{border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;gap:8px;min-height:48px;padding:7px 9px;display:flex}.browser-tabs[data-v-c2af1d96]{gap:2px;min-width:0;display:flex;overflow-x:auto}.browser-tabs .tab[data-v-c2af1d96]{white-space:nowrap}.browser-actions[data-v-c2af1d96]{flex-shrink:0;align-items:center;gap:4px;display:flex}.frame-area[data-v-c2af1d96]{background:var(--surface-2);flex:1;min-height:0;position:relative}.browser-frame[data-v-c2af1d96]{background:#fff;border:0;width:100%;height:100%}.privacy-note[data-v-c2af1d96]{z-index:1;border:1px solid var(--border);background:var(--surface);max-width:calc(100% - 20px);box-shadow:var(--shadow-sm);color:var(--text-3);pointer-events:none;white-space:nowrap;border-radius:6px;align-items:center;gap:6px;padding:5px 9px;font-size:11px;display:flex;position:absolute;top:9px;left:50%;transform:translate(-50%)}.loading[data-v-c2af1d96]{color:var(--text-3);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}@media (width<=600px){.browser-host[data-v-c2af1d96]{width:calc(100vw - 16px);height:72vh;min-height:300px;bottom:8px;right:8px}.browser-header[data-v-c2af1d96]{align-items:flex-start}.browser-actions[data-v-c2af1d96]{gap:2px}.browser-actions .btn[data-v-c2af1d96]:not(.icon-btn){padding:0 7px}.privacy-note[data-v-c2af1d96]{white-space:normal;text-align:center;font-size:10px}}@media (width<=700px){.browser-host[data-v-c2af1d96]{border-radius:0;width:100%;height:100dvh;min-height:0;inset:0}.browser-header[data-v-c2af1d96]{padding-top:calc(8px + env(safe-area-inset-top));flex-wrap:wrap}.browser-tabs[data-v-c2af1d96]{order:2;width:100%}.browser-actions[data-v-c2af1d96]{justify-content:flex-end;width:100%}.frame-area[data-v-c2af1d96]{padding-bottom:env(safe-area-inset-bottom)}.privacy-note[data-v-c2af1d96]{white-space:normal;max-width:none;box-shadow:none;border-radius:0;font-size:12px;position:static;transform:none}.frame-area[data-v-c2af1d96]{flex-direction:column;display:flex}.browser-frame[data-v-c2af1d96]{flex:1;min-height:0}}.sync-notice[data-v-48e8a776]{background:var(--amber-soft);border:1px solid var(--amber);border-radius:var(--radius);margin:20px 24px 0;padding:16px;font-size:13px}p[data-v-48e8a776]{color:var(--text-2);margin:5px 0 12px}@media (width<=700px){.sync-notice[data-v-48e8a776]{margin:16px 16px 0}}.workspace[data-v-4af802d8]{background:var(--bg);flex-direction:column;min-width:0;height:100%;min-height:0;display:flex}.workspace-bar[data-v-4af802d8]{border-bottom:1px solid var(--border);background:var(--surface);flex:none;align-items:stretch;min-width:0;height:44px;display:flex}.tab-strip[data-v-4af802d8]{flex:1;align-items:stretch;gap:2px;min-width:0;padding:4px 8px 0;display:flex;overflow-x:auto}.workspace-tab[data-v-4af802d8]{min-width:112px;max-width:240px;color:var(--text-3);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:6px 6px 0 0;align-items:center;gap:8px;padding:0 9px;display:flex;position:relative}.workspace-tab.active[data-v-4af802d8]{background:var(--bg);border-color:var(--border);color:var(--text)}.workspace-tab.active[data-v-4af802d8]:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:-1px;left:0;right:0}.tab-label[data-v-4af802d8]{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.tab-module[data-v-4af802d8]{color:var(--text-4);flex:none;font-size:11px}.tab-close[data-v-4af802d8]{width:22px;height:22px;color:var(--text-4);border-radius:4px;flex:none;place-items:center;display:grid}.tab-close[data-v-4af802d8]:hover{color:var(--text);background:var(--surface-2)}.workspace-tools[data-v-4af802d8]{flex:none;align-items:center;gap:5px;padding:0 8px;display:flex}.pane-select[data-v-4af802d8]{min-width:120px;max-width:220px;height:30px;font-size:12px}.workspace-tools .active[data-v-4af802d8]{color:var(--accent-text);background:var(--accent-soft)}.panes[data-v-4af802d8]{flex:1;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;display:grid}.panes.split[data-v-4af802d8]{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pane[data-v-4af802d8]{min-width:0;min-height:0;overflow:auto}.panes.split .pane.secondary[data-v-4af802d8]{border-left:1px solid var(--border)}.external-placeholder[data-v-4af802d8]{height:100%;color:var(--text-3);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.external-placeholder p[data-v-4af802d8]{color:var(--text-2);font-size:15px}@media (width<=1100px){.workspace-tab[data-v-4af802d8]{gap:5px;min-width:92px;padding-inline:7px}.tab-module[data-v-4af802d8]{display:none}.pane-select[data-v-4af802d8]{min-width:100px;max-width:160px}}.shell[data-v-4abdfe56],.workspace-shell[data-v-4abdfe56]{height:100%;display:flex}.workspace-side[data-v-4abdfe56]{flex-shrink:0;height:100%}.workspace-shell>.workspace[data-v-4abdfe56]{flex:1;min-width:0}.side[data-v-4abdfe56]{flex-shrink:0;height:100%}.main[data-v-4abdfe56]{flex:1;min-width:0;height:100%;overflow-y:auto}.mobile-bar[data-v-4abdfe56],.mobile-nav[data-v-4abdfe56],.drawer-close[data-v-4abdfe56]{display:none}.boot[data-v-4abdfe56]{place-items:center;height:70%;display:grid}.pulse[data-v-4abdfe56]{animation:1.4s ease-in-out infinite pulse-4abdfe56}@keyframes pulse-4abdfe56{50%{opacity:.35;transform:rotate(30deg)}}.page-enter-from[data-v-4abdfe56]{opacity:0;transform:translateY(4px)}.page-enter-active[data-v-4abdfe56]{transition:all .18s ease-out}.page-leave-to[data-v-4abdfe56]{opacity:0}.page-leave-active[data-v-4abdfe56]{transition:opacity 80ms}.scrim[data-v-4abdfe56]{display:none}@media (width>=701px) and (width<=1100px){.side[data-v-4abdfe56]{width:72px}}@media (width<=700px){.shell[data-v-4abdfe56]{height:100dvh}.side[data-v-4abdfe56]{z-index:60;visibility:hidden;height:100dvh;box-shadow:var(--shadow-lg);transition:transform .2s,visibility .2s;position:fixed;top:0;left:0;transform:translate(-100%)}.side[data-v-4abdfe56]:not(.open){pointer-events:none}.side.open[data-v-4abdfe56]{visibility:visible}.drawer-close[data-v-4abdfe56]{right:10px;top:calc(8px + env(safe-area-inset-top));z-index:1;display:inline-flex;position:absolute}.mobile-sync[data-v-4abdfe56]{font:12px var(--font-sans);color:var(--text-3);align-items:center;gap:5px;margin-left:auto;display:inline-flex}.mobile-nav[data-v-4abdfe56]{z-index:25;padding:5px 8px calc(5px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a[data-v-4abdfe56],.mobile-nav button[data-v-4abdfe56]{min-height:50px;color:var(--text-3);font:11px var(--font-sans);cursor:pointer;background:0 0;border:0;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.mobile-nav svg[data-v-4abdfe56]{width:21px;height:21px}.mobile-nav .active[data-v-4abdfe56]{color:var(--accent-text);background:var(--accent-soft)}.side.open[data-v-4abdfe56]{transform:none}.scrim[data-v-4abdfe56]{z-index:50;background:#0000004d;display:block;position:fixed;inset:0}.mobile-bar[data-v-4abdfe56]{padding:calc(6px + env(safe-area-inset-top)) 12px 6px;border-bottom:1px solid var(--border);background:var(--bg);z-index:10;align-items:center;gap:8px;font-size:17px;display:flex;position:sticky;top:0}}:root{--bg:#faf9f5;--bg-sidebar:#f3f1ea;--surface:#fff;--surface-2:#f5f4ee;--surface-hover:#efede5;--border:#e6e3d9;--border-strong:#d4d0c3;--text:#1f1e1d;--text-2:#3d3c39;--text-3:#73716b;--text-4:#a3a098;--accent:#c96442;--accent-hover:#b4583a;--accent-soft:#f6e8e0;--accent-text:#a8502f;--green:#4f7a43;--green-soft:#e6eedf;--red:#b4483a;--red-soft:#f7e2dc;--amber:#9a6b16;--amber-soft:#f4ead2;--blue:#45698c;--blue-soft:#e2e9f1;--gray-soft:#eceae3;--shadow-sm:0 1px 2px #1f1e1d0a;--shadow:0 1px 3px #1f1e1d0d, 0 4px 16px #1f1e1d0a;--shadow-lg:0 8px 40px #1f1e1d24;--radius-sm:8px;--radius:12px;--radius-lg:18px;--font-serif:"Tiempos Headline", "Copernicus", ui-serif, Georgia, "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", serif;--font-sans:"Styrene B", ui-sans-serif, system-ui, -apple-system, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--bg:#262624;--bg-sidebar:#1f1e1d;--surface:#30302e;--surface-2:#2b2b29;--surface-hover:#3a3a37;--border:#3d3c39;--border-strong:#4d4c48;--text:#f4f2ec;--text-2:#d6d3ca;--text-3:#a09d94;--text-4:#75736c;--accent:#d97757;--accent-hover:#e48a6b;--accent-soft:#46312a;--accent-text:#eb9b7f;--green:#8fb87e;--green-soft:#2f3a2a;--red:#e2826f;--red-soft:#45302b;--amber:#d9b062;--amber-soft:#403725;--blue:#8fb0d3;--blue-soft:#2b3540;--gray-soft:#3a3a37;--shadow-sm:none;--shadow:0 1px 3px #00000040;--shadow-lg:0 10px 40px #00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}#app{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;height:100%}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-serif);color:var(--text);letter-spacing:-.01em;margin:0;font-weight:500}h1{font-size:28px;line-height:1.25}h2{font-size:19px;line-height:1.35}h3{font-size:16px;line-height:1.4}p{margin:0}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.serif{font-family:var(--font-serif)}.mono{font-family:var(--font-mono);font-size:.92em}.muted{color:var(--text-3)}.faint{color:var(--text-4)}.nowrap{white-space:nowrap}.pre{white-space:pre-wrap}.grow{flex:1;min-width:0}.row{align-items:center;gap:8px;display:flex}.row-wrap{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stack{flex-direction:column;gap:16px;display:flex}.tabular{font-variant-numeric:tabular-nums}.danger-text{color:var(--red)}.success-text{color:var(--green)}.page{max-width:1080px;margin:0 auto;padding:36px 40px 80px}.page-narrow{max-width:820px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;display:flex}.page-header .eyebrow{color:var(--text-3);align-items:center;gap:6px;margin-bottom:6px;font-size:13px;display:flex}.page-header .eyebrow a:hover{color:var(--text)}.page-header .subtitle{color:var(--text-3);max-width:640px;margin-top:6px}.section{margin-top:36px}.section-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.section-head .hint{color:var(--text-3);font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-pad{padding:20px 22px}.card-link{cursor:pointer;transition:border-color .15s,box-shadow .15s,transform .15s;display:block}.card-link:hover{border-color:var(--border-strong);box-shadow:var(--shadow)}.card-title{font-family:var(--font-serif);font-size:16px;font-weight:500}.card-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;display:grid}.divider{background:var(--border);border:0;height:1px;margin:16px 0}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);height:34px;color:var(--text);font:inherit;cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover{background:var(--surface-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{flex-shrink:0;width:16px;height:16px}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-dark{background:var(--text);border-color:var(--text);color:var(--bg)}.btn-dark:hover{opacity:.88;background:var(--text)}.btn-ghost{color:var(--text-2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-hover);color:var(--text)}.btn-danger{color:var(--red)}.btn-danger:hover{background:var(--red-soft);border-color:var(--red-soft)}.btn-sm{height:28px;padding:0 10px;font-size:12.5px}.btn-lg{height:40px;padding:0 18px;font-size:14.5px}.icon-btn{width:32px;padding:0}.btn-sm.icon-btn{width:28px}.pill{white-space:nowrap;background:var(--gray-soft);height:22px;color:var(--text-2);border-radius:999px;align-items:center;gap:5px;padding:0 9px;font-size:12px;font-weight:500;display:inline-flex}.pill .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.pill-green{background:var(--green-soft);color:var(--green)}.pill-red{background:var(--red-soft);color:var(--red)}.pill-amber{background:var(--amber-soft);color:var(--amber)}.pill-blue{background:var(--blue-soft);color:var(--blue)}.pill-accent{background:var(--accent-soft);color:var(--accent-text)}.pill-muted{border:1px solid var(--border);color:var(--text-3);background:0 0}.code-tag{font-family:var(--font-mono);color:var(--text-3);background:var(--surface-2);border:1px solid var(--border);border-radius:5px;padding:0 6px;font-size:12px;line-height:20px}.tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.tab{height:30px;color:var(--text-3);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:0 14px;font-size:13.5px;display:inline-flex}.tab:hover{color:var(--text)}.tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm), 0 0 0 1px var(--border);font-weight:500}.tab .count{color:var(--text-4);font-size:11.5px}.form-section{padding:24px 26px}.form-section+.form-section{border-top:1px solid var(--border)}.form-section-title{font-family:var(--font-serif);margin-bottom:4px;font-size:16px}.form-section-desc{color:var(--text-3);margin-bottom:18px;font-size:13px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;display:grid}.form-grid .full{grid-column:1/-1}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field-label{color:var(--text-2);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.field-label .req{color:var(--accent)}.field-help{color:var(--text-4);font-size:12px}.field-error{color:var(--red);font-size:12px}.input,.select,.textarea{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:14px;transition:border-color .15s,box-shadow .15s}.input,.select{height:38px;padding:0 12px}.textarea{resize:vertical;min-height:84px;padding:10px 12px;line-height:1.6}.input:hover,.select:hover,.textarea:hover{border-color:var(--text-4)}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.input.invalid{border-color:var(--red)}.input::placeholder,.textarea::placeholder{color:var(--text-4)}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2373716b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 11px center;background-repeat:no-repeat;padding-right:32px}.input-affix{align-items:center;display:flex;position:relative}.input-affix .affix{color:var(--text-3);pointer-events:none;position:absolute;left:12px}.input-affix .input{padding-left:28px}.form-actions{border-top:1px solid var(--border);background:var(--surface-2);border-radius:0 0 var(--radius) var(--radius);justify-content:flex-end;gap:10px;padding:18px 26px;display:flex}.choice-group{flex-wrap:wrap;gap:6px;display:flex}.choice{border:1px solid var(--border-strong);background:var(--surface);height:32px;color:var(--text-2);font:inherit;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 13px;font-size:13px;display:inline-flex}.choice:hover{border-color:var(--text-4)}.choice.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-text);font-weight:500}.toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.search{flex:1;min-width:220px;max-width:360px;position:relative}.search svg{width:16px;height:16px;color:var(--text-4);position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search .input{background:var(--surface);height:36px;padding-left:34px}.toolbar .select{width:auto;height:36px;font-size:13.5px}.kv{grid-template-columns:108px 1fr;gap:10px 16px;font-size:14px;display:grid}.kv dt{color:var(--text-3)}.kv dd{color:var(--text);word-break:break-word;min-width:0;margin:0}.bar{background:var(--gray-soft);border-radius:999px;height:6px;overflow:hidden}.bar>span{border-radius:inherit;background:var(--accent);height:100%;transition:width .3s;display:block}.bar.green>span{background:var(--green)}.bar.red>span{background:var(--red)}.empty{text-align:center;color:var(--text-3);padding:56px 20px}.empty h3{margin-bottom:6px}.empty .btn{margin-top:18px}.list{flex-direction:column;display:flex}.list-item{border-top:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.list-item:first-child{border-top:0}a.list-item:hover,.list-item.clickable:hover{background:var(--surface-2);cursor:pointer}@media (width>=701px) and (width<=1100px){.page{max-width:100%;padding:28px 28px 96px}.page-narrow{max-width:940px}.page-header{margin-bottom:24px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px}.form-section{padding:26px 30px}.form-actions{padding:16px 30px}.input,.select{height:44px}.textarea{min-height:100px}.btn{height:42px;padding-inline:16px}.btn-sm{height:36px}.kv{grid-template-columns:100px 1fr}}@media (width<=700px){:root{--mobile-bottom:calc(72px + env(safe-area-inset-bottom))}.is-form{--mobile-bottom:calc(82px + env(safe-area-inset-bottom))}body{overscroll-behavior-y:none}button,a,summary,select{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.page{padding:20px 16px calc(100px + env(safe-area-inset-bottom));overflow-wrap:anywhere}.card-grid{grid-template-columns:minmax(0,1fr)}.btn,.btn-sm,.btn-lg{height:auto;min-height:44px;padding:10px 13px}.icon-btn,.btn-sm.icon-btn{flex-shrink:0;width:44px;height:44px;padding:0}.input,.select,.textarea{max-width:100%;font-size:16px}.input,.select{min-height:46px}.textarea{min-height:104px}.choice{height:auto;min-height:44px}.tabs{max-width:100%;overflow-x:auto}.tab{flex-shrink:0;height:auto;min-height:42px;padding-inline:12px}.toolbar{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.toolbar .search,.toolbar>.input,.toolbar>.tabs{grid-column:1/-1;width:100%;min-width:0;max-width:none}.toolbar .select{width:100%;min-width:0;height:46px;font-size:16px}.search .input{height:46px}.section-head{flex-wrap:wrap}.page-header>div{min-width:0;max-width:100%}.page-header>.row{flex-wrap:wrap;width:100%}.page-header>.btn-primary{width:100%}.page-header .eyebrow{flex-wrap:wrap}.page-header h1{overflow-wrap:anywhere}.card-pad{padding:18px}.kv{gap:10px 12px}.form-actions .btn-primary{flex:1}.mobile-form-dock{z-index:30;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border-strong);border-radius:0;align-items:center;display:flex;position:fixed;inset:auto 0 0}.mobile-form-dock .continue{display:none}.mobile-form-dock .save-hint{color:var(--text-3);margin-right:auto;font-size:12px}.mobile-form-dock .btn-primary{flex:0 auto;min-width:110px}.page-header{align-items:flex-start;margin-bottom:22px}.page-header h1{font-size:25px}.form-grid{grid-template-columns:1fr}.form-section{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-sm);margin:10px;padding:18px 16px}form.card:has(>.form-section){box-shadow:none;background:0 0;border:0;gap:2px;display:grid}.form-section+.form-section{border-top:0}.form-section-title{margin-bottom:6px;font-size:16px}.form-section-desc{margin-bottom:16px}.form-actions{flex-wrap:wrap;padding:14px 18px}form.card:has(>.form-section)>.form-actions{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);margin:8px 10px 0}.kv{grid-template-columns:90px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
