:root{color-scheme:light;--brand: #056dff;--brand-ring: #045ede;--brand-soft: #619eff;--brand-gradient-start: #3c86ff;--accent: #ff5e1f;--accent-deep: #d9470f;--bg: #fafafa;--surface: #ffffff;--control: #ffffff;--tint: #f5f5f5;--contrast: #060606;--check-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23f5f5f5'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E");--text: #171717;--text-body: #313131;--text-subtle: #737373;--text-muted: #595959;--text-inverse: #f5f5f5;--link: #193cb8;--danger: #c10007;--line: rgba(10, 10, 10, .1);--hairline: #e9e9e9;--focus: rgba(11, 11, 11, .5);--canvas: #fbfbfb;--elevated: #f8f8f8;--neutral-50: #fafafa;--neutral-100: #f5f5f5;--neutral-200: #e5e5e5;--interact: #d4d4d4;--placeholder: #a1a1a1;--line-strong: rgba(10, 10, 10, .15);--success: #00a63e;--info: #155dfc;--warning: #f0b100;--danger-text: #9f0712;--danger-tint: rgba(231, 0, 11, .12);--danger-ring: rgba(231, 0, 11, .5);--font-sans: "Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-lg: 16px;--tracking: -.16px;--radius-sm: 4px;--radius: 8px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--brand: #005aeb;--brand-ring: #004bc7;--brand-soft: #4f8cf0;--brand-gradient-start: #2a75f0;--bg: #030303;--surface: #0f0f0f;--control: #18181b;--tint: #262626;--contrast: #fafafa;--check-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23171717'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E");--text: #f5f5f5;--text-body: #e5e5e5;--text-subtle: #a1a1a1;--text-muted: #a1a1a1;--text-inverse: #171717;--link: #51a2ff;--danger: #ff6467;--line: #333333;--hairline: #262626;--focus: rgba(233, 233, 233, .5);--canvas: #0a0a0a;--elevated: #0f0f0f;--neutral-50: #171717;--neutral-100: #000000;--neutral-200: #262626;--interact: #404040;--placeholder: #737373;--line-strong: #404040;--success: #05df72;--info: #51a2ff;--warning: #fcc800;--danger-text: #ffa2a2;--danger-tint: rgba(231, 0, 11, .17);--danger-ring: rgba(255, 100, 103, .5)}}:root[data-theme=dark]{color-scheme:dark;--brand: #005aeb;--brand-ring: #004bc7;--brand-soft: #4f8cf0;--brand-gradient-start: #2a75f0;--bg: #030303;--surface: #0f0f0f;--control: #18181b;--tint: #262626;--contrast: #fafafa;--check-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23171717'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E");--text: #f5f5f5;--text-body: #e5e5e5;--text-subtle: #a1a1a1;--text-muted: #a1a1a1;--text-inverse: #171717;--link: #51a2ff;--danger: #ff6467;--line: #333333;--hairline: #262626;--focus: rgba(233, 233, 233, .5);--canvas: #0a0a0a;--elevated: #0f0f0f;--neutral-50: #171717;--neutral-100: #000000;--neutral-200: #262626;--interact: #404040;--placeholder: #737373;--line-strong: #404040;--success: #05df72;--info: #51a2ff;--warning: #fcc800;--danger-text: #ffa2a2;--danger-tint: rgba(231, 0, 11, .17);--danger-ring: rgba(255, 100, 103, .5)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-lg);line-height:1.5;letter-spacing:var(--tracking);color:var(--text-body);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button,input{font:inherit;letter-spacing:inherit;color:inherit}svg{display:block;flex-shrink:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:1px 16px;border:0;border-radius:var(--radius);font-size:var(--text-base);font-weight:500;line-height:21px;letter-spacing:-.14px;white-space:nowrap;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .12s ease,box-shadow .12s ease}.btn:focus{outline:none}.btn:focus-visible{box-shadow:0 0 0 2px var(--brand)}.btn:disabled{cursor:not-allowed;opacity:.5}.btn--sm{height:36px;padding:1px 12px;gap:6px}.btn--xs{height:32px;padding:1px 12px;gap:6px}.btn--block{width:100%}.btn--secondary{color:var(--text);background:var(--surface);box-shadow:0 0 0 1px var(--line),var(--shadow-xs)}.btn--secondary:hover:not(:disabled){background:var(--tint)}.btn--secondary:focus-visible{box-shadow:0 0 0 2px var(--brand),var(--shadow-xs)}.btn--ghost{color:var(--text);background:transparent}.btn--ghost:hover{background:var(--tint)}.btn--primary{overflow:hidden;color:#fff;background:var(--brand-soft);box-shadow:0 0 0 1px var(--brand-ring),var(--shadow-xs)}.btn--primary:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(to bottom,var(--brand-gradient-start),var(--brand));box-shadow:inset 0 1px 0 0 var(--brand-soft)}.btn--primary:hover:before{background:linear-gradient(to bottom,var(--brand-soft),var(--brand))}.btn--primary:focus-visible{box-shadow:0 0 0 1px var(--brand-ring),0 0 0 3px var(--brand-soft)}.btn--primary>*{position:relative}.field{display:grid;gap:8px}.label{display:block;margin:0;font-size:var(--text-base);font-weight:500;line-height:21px;color:var(--text);-webkit-user-select:none;user-select:none}.input,.input-group{width:100%;height:36px;border:0;border-radius:var(--radius);background:var(--control);color:var(--text);font-size:var(--text-base);line-height:21px;box-shadow:0 0 0 1px var(--line);transition:box-shadow .12s ease}.input{display:block;padding:1px 12px}.input:focus,.input-group:focus-within{outline:none;box-shadow:0 0 0 1.5px var(--focus)}.input[aria-invalid=true],.input-group:has(input[aria-invalid=true]){box-shadow:0 0 0 1.5px var(--danger)}.input-group{display:flex;align-items:center;overflow:hidden;cursor:text}.input-group input{flex:1 1 auto;min-width:0;height:100%;padding:1px 10px 1px 16px;border:0;background:transparent;outline:none}.input-group .btn{height:32px;padding:1px 10px;margin-right:2px}.input-group .btn:focus-visible{box-shadow:0 0 0 1.5px var(--focus)}.field-error{font-size:var(--text-sm);line-height:18px;color:var(--danger)}.field-error:empty{display:none}.checkbox{display:inline-flex;align-items:flex-start;gap:8px;font-size:var(--text-base);line-height:21px;color:var(--text-body);cursor:pointer}.checkbox input{appearance:none;position:relative;flex-shrink:0;width:16px;height:16px;margin:2px 0 0;border-radius:var(--radius-sm);background:var(--surface);box-shadow:0 0 0 1px var(--hairline);cursor:pointer}.checkbox input:checked{background:var(--contrast) center / 12px 12px no-repeat var(--check-icon);box-shadow:0 0 0 1px var(--contrast)}.checkbox input:focus{outline:none}.checkbox input:focus-visible{box-shadow:0 0 0 2px var(--brand)}.link{color:var(--link);font-weight:500;text-decoration:underline;text-underline-offset:2px}.link--plain{text-decoration:none}.link--plain:hover{text-decoration:underline;text-underline-offset:4px}.menu{position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:180px;margin:0;padding:4px;list-style:none;border-radius:var(--radius);background:var(--surface);box-shadow:0 0 0 1px var(--line),0 8px 24px -6px #00000029}.menu[hidden]{display:none}.menu button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:7px 10px;border:0;border-radius:6px;background:transparent;color:var(--text);font-size:var(--text-base);line-height:21px;text-align:start;cursor:pointer}.menu button:hover,.menu button:focus-visible{outline:none;background:var(--tint)}.menu button[aria-checked=true]:after{content:"";width:14px;height:14px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cpath d='M232.49,80.49l-128,128a12,12,0,0,1-17,0l-56-56a12,12,0,1,1,17-17L96,183,215.51,63.51a12,12,0,0,1,17,17Z'/%3E%3C/svg%3E") center / contain no-repeat}.app{--sidebar-w: 248px;--topbar-h: 52px;--page-max: 1200px;--gutter: 16px;--nav-hover: color-mix(in srgb, var(--text) 5%, transparent);--nav-active: color-mix(in srgb, var(--text) 8%, transparent);display:grid;grid-template-columns:minmax(0,1fr);min-height:100vh;background:var(--surface);color:var(--text-body)}.sidebar{position:fixed;inset:0 auto 0 0;z-index:50;display:flex;flex-direction:column;width:min(var(--sidebar-w),85vw);border-right:1px solid var(--line);background:var(--canvas);color:var(--text);transform:translate(-100%);transition:transform .25s cubic-bezier(.3,1,.35,1)}.app.is-nav-open .sidebar{transform:none;box-shadow:0 0 0 100vmax #00000040}.sidebar__top{display:flex;flex-shrink:0;align-items:center;gap:4px;height:var(--topbar-h);padding:0 8px 0 10px;border-bottom:1px solid var(--line)}.sidebar__logo{flex-shrink:0;width:34px;height:34px;color:var(--accent)}.ws-switch{position:relative;flex:1;min-width:0}.ws-switch>button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:5px 8px;border:0;border-radius:6px;background:transparent;color:var(--text);font-size:var(--text-sm);font-weight:500;line-height:17px;text-align:left;cursor:pointer}.ws-switch>button:hover{background:var(--nav-hover)}.ws-switch>button span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ws-switch>button small{font-size:var(--text-xs);font-weight:400;color:var(--text-subtle)}.ws-switch>button svg{flex-shrink:0;width:14px;height:14px;color:var(--text-subtle)}.ws-switch .menu{left:0;right:auto;min-width:230px}.sidebar__search{flex-shrink:0;padding:12px 12px 4px}.quick-search{display:flex;align-items:center;gap:8px;width:100%;height:32px;padding:0 6px 0 10px;border:0;border-radius:8px;background:var(--control);box-shadow:0 0 0 1px var(--line);color:var(--placeholder);font-size:var(--text-sm);cursor:pointer;transition:box-shadow .12s ease}.quick-search:hover{box-shadow:0 0 0 1px var(--line-strong);color:var(--text-subtle)}.quick-search svg{width:14px;height:14px;color:var(--text-subtle)}.quick-search span{flex:1;min-width:0;text-align:left;white-space:nowrap;overflow:hidden}kbd{flex-shrink:0;padding:0 5px;border-radius:4px;background:var(--neutral-50);box-shadow:inset 0 0 0 1px var(--line);color:var(--text-subtle);font-family:var(--font-sans);font-size:11px;font-weight:500;line-height:18px;letter-spacing:0}.sidebar__body{flex:1;min-height:0;overflow-y:auto;padding:8px 12px 16px}.nav-group,.nav-sub{display:flex;flex-direction:column;gap:1px;margin:0;padding:0;list-style:none}.nav-sub{margin:1px 0 6px}.nav-label{margin:18px 10px 6px;font-size:var(--text-xs);font-weight:500;line-height:16px;color:var(--text-subtle)}.nav-item{display:flex;align-items:center;gap:10px;width:100%;height:32px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--text);font-size:var(--text-sm);font-weight:500;text-align:left;text-decoration:none;white-space:nowrap;cursor:pointer}.nav-item span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.nav-item svg{flex-shrink:0;width:16px;height:16px;color:var(--text-subtle)}.nav-item:hover{background:var(--nav-hover)}.nav-item[aria-current=page]{background:var(--nav-active)}.nav-item[aria-current=page] svg,.nav-item.is-active svg{color:var(--text)}.nav-group__toggle>svg:last-child{width:14px;height:14px;transition:transform .15s ease}.nav-group__toggle[aria-expanded=true]>svg:last-child{transform:rotate(90deg)}.nav-group__toggle.is-active[aria-expanded=false]{background:var(--nav-active)}.nav-item--sub{height:30px;padding-left:36px;font-weight:400;color:var(--text-body)}.nav-item--sub[aria-current=page]{font-weight:500;color:var(--text)}.sidebar__bottom{display:flex;flex-shrink:0;align-items:center;height:48px;padding:0 12px;border-top:1px solid var(--line)}.icon-btn{display:grid;flex-shrink:0;place-items:center;width:32px;height:32px;border:0;border-radius:6px;background:transparent;color:var(--text-subtle);cursor:pointer}.icon-btn:hover{background:var(--tint);color:var(--text)}.icon-btn svg{width:18px;height:18px}.icon-btn:focus-visible,.nav-item:focus-visible,.ws-switch>button:focus-visible,.quick-search:focus-visible{outline:none;box-shadow:0 0 0 2px var(--brand)}.main{display:flex;flex-direction:column;min-width:0;background:var(--surface)}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:6px;height:var(--topbar-h);padding:0 12px 0 8px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 90%,transparent);-webkit-backdrop-filter:saturate(1.6) blur(10px);backdrop-filter:saturate(1.6) blur(10px)}.topbar__actions{display:flex;align-items:center;gap:4px;margin-left:auto}.crumbs{min-width:0}.crumbs ol{display:flex;align-items:center;gap:6px;margin:0;padding:0;list-style:none;font-size:var(--text-sm);color:var(--text-subtle)}.crumbs li{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.crumbs li+li:before{content:"/";margin-right:6px;color:var(--interact)}.crumbs a{color:inherit;text-decoration:none}.crumbs a:hover{color:var(--text)}.crumbs [aria-current=page]{font-weight:500;color:var(--text)}.avatar{display:grid;place-items:center;width:30px;height:30px;margin-left:4px;border:0;border-radius:50%;background:#ffedd4;color:#9f2d00;font-size:11px;font-weight:600;cursor:pointer}.avatar:focus-visible{outline:none;box-shadow:0 0 0 2px var(--brand)}.content{display:grid;grid-template-columns:[full-start] minmax(var(--gutter),1fr) [page-start] minmax(0,var(--page-max)) [page-end] minmax(var(--gutter),1fr) [full-end];align-content:start;row-gap:20px;padding-bottom:56px}.content>*{grid-column:page;min-width:0}.content>:first-child:not(.page-band){margin-top:24px}.content>.page-band{grid-column:full;display:grid;grid-template-columns:subgrid;margin-bottom:4px;padding:20px 0 18px;border-bottom:1px solid var(--line)}.page-band>*{grid-column:page;min-width:0}.content>.page-band.has-tabs{padding-bottom:0}.page-band .back-link{display:inline-flex;align-items:center;gap:4px;justify-self:start;margin:0 0 8px -2px;font-size:var(--text-sm);font-weight:500;color:var(--text-subtle);text-decoration:none}.page-band .back-link:hover{color:var(--text)}.page-band .back-link svg{width:16px;height:16px}.page-title{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}.page-title__text{min-width:0}.page-title h1{font-size:20px;font-weight:600;line-height:28px;letter-spacing:-.015em;color:var(--text)}.page-title__text>p{margin-top:2px;font-size:var(--text-base);line-height:20px}.page-title__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.page-tabs{display:flex;gap:20px;margin-top:14px;overflow-x:auto;scrollbar-width:none}.page-tab{position:relative;display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 2px;border:0;background:none;color:var(--text-subtle);font-size:var(--text-base);font-weight:500;white-space:nowrap;cursor:pointer}.page-tab:hover,.page-tab[aria-current=page]{color:var(--text)}.page-tab[aria-current=page]:after{content:"";position:absolute;right:0;bottom:0;left:0;height:2px;border-radius:2px 2px 0 0;background:var(--brand)}.page-tab:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--brand);border-radius:6px}.page-tab .tab__count{min-width:20px;padding:0 6px;border-radius:9999px;background:var(--neutral-100);font-size:11px;line-height:18px;text-align:center;color:var(--text-subtle)}.page-tab .tab__count:empty{display:none}.search{display:flex;align-items:center;max-width:480px;height:36px;border-radius:8px;background:var(--control);box-shadow:0 0 0 1px var(--line);cursor:text}.search:focus-within{box-shadow:0 0 0 1.5px var(--focus)}.search svg{flex-shrink:0;width:16px;height:16px;margin-left:12px;color:var(--text-subtle)}.search input{flex:1;min-width:0;height:100%;padding:1px 12px 1px 8px;border:0;background:transparent;color:var(--text);font-size:var(--text-base);outline:none}.search input::placeholder{color:var(--placeholder)}.layout{display:grid;gap:24px;align-items:start}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:14px;height:100%;padding:16px;border-radius:10px;background:var(--surface);box-shadow:0 0 0 1px var(--line);color:var(--text);font-size:var(--text-base);font-weight:500;line-height:20px;text-decoration:none;transition:box-shadow .12s ease,transform .2s cubic-bezier(.3,1,.35,1)}.tile:hover{box-shadow:0 0 0 1px var(--line-strong),0 8px 20px -12px #0000002e;transform:translateY(-1px)}.tile:focus-visible{outline:none;box-shadow:0 0 0 2px var(--brand)}.tile__icon{display:grid;flex-shrink:0;place-items:center;width:38px;height:38px;border-radius:9px;background:color-mix(in srgb,currentColor 10%,transparent)}.tile__icon svg{width:20px;height:20px}.badge{position:absolute;top:14px;right:14px;min-width:22px;padding:0 7px;border-radius:9999px;background:var(--badge, var(--accent));color:#fff;font-size:12px;font-weight:600;line-height:22px;text-align:center;font-variant-numeric:tabular-nums}.empty{padding:36px 16px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line);text-align:center;color:var(--text-subtle);font-size:var(--text-sm)}.panel{border-radius:10px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}.panel h2{padding:14px 16px 6px;font-size:var(--text-base);font-weight:600;color:var(--text)}.panel__note{padding:2px 16px 16px;font-size:var(--text-sm)}.todo{margin:0;padding:2px 6px 6px;list-style:none}.todo a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--text);font-size:var(--text-sm);font-weight:500;text-decoration:none}.todo a:hover{background:var(--tint)}.todo .tile__icon{width:30px;height:30px;border-radius:8px}.todo .tile__icon svg{width:16px;height:16px}.todo span:not(.tile__icon){flex:1;min-width:0}.todo a>svg:last-child{flex-shrink:0;width:14px;height:14px;color:var(--placeholder)}.tone-green{color:var(--success)}.tone-blue{color:var(--info)}.tone-yellow{color:#d08700}.tone-purple{color:#9810fa}.tone-orange{color:#f54900}.tone-teal{color:#009689}.tone-pink{color:#e60076}.tone-slate{color:#62748e}.palette-backdrop{position:fixed;inset:0;z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:12vh 16px 16px;background:#00000052;animation:palette-in .12s ease-out}.palette{width:100%;max-width:560px;overflow:hidden;border-radius:12px;background:var(--surface);box-shadow:0 0 0 1px var(--line),0 24px 60px -12px #00000059}.palette__input{display:flex;align-items:center;gap:10px;height:50px;padding:0 14px;border-bottom:1px solid var(--line)}.palette__input>svg{width:18px;height:18px;color:var(--text-subtle)}.palette__input input{flex:1;min-width:0;height:100%;border:0;background:transparent;color:var(--text);font-size:15px;outline:none}.palette__input input::placeholder{color:var(--placeholder)}.palette__list{max-height:min(360px,60vh);margin:0;padding:6px;overflow-y:auto;list-style:none}.palette__list [role=option]{display:flex;align-items:center;gap:10px;height:38px;padding:0 10px;border-radius:8px;color:var(--text);font-size:var(--text-base);cursor:pointer}.palette__list [role=option][aria-selected=true]{background:var(--tint)}.palette__list [role=option] svg{width:16px;height:16px;color:var(--text-subtle)}.palette__label{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.palette__hint{font-size:var(--text-xs);color:var(--text-subtle)}.palette__empty{padding:20px 10px;text-align:center;color:var(--text-subtle);font-size:var(--text-sm)}@keyframes palette-in{0%{opacity:0}}@media(max-width:1023px){.sidebar__bottom,.quick-search kbd{display:none}}@media(max-width:639px){.crumbs li:not(:last-child){display:none}.crumbs li+li:before{content:none}.page-title__actions{width:100%}}@media(min-width:640px){.app{--gutter: 24px}.content>.page-band{padding:24px 0 20px}.page-title h1{font-size:22px;line-height:30px}.tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}}@media(min-width:1024px){.app{--gutter: 32px;grid-template-columns:var(--sidebar-w) minmax(0,1fr)}.sidebar{position:sticky;top:0;width:var(--sidebar-w);height:100vh;transform:none;transition:none}.app.is-nav-open .sidebar{box-shadow:none}.menu-btn,.topbar__search{display:none}.topbar{padding:0 16px 0 var(--gutter)}.content{row-gap:24px;padding-bottom:72px}.content>:first-child:not(.page-band){margin-top:32px}.content>.page-band{padding:28px 0 24px}.layout{gap:32px}.app.is-collapsed{--sidebar-w: 60px}.app.is-collapsed .ws-switch,.app.is-collapsed .nav-item span,.app.is-collapsed .quick-search span,.app.is-collapsed .quick-search kbd{display:none}.app.is-collapsed .nav-label{height:1px;margin:10px 6px;overflow:hidden;background:var(--line);font-size:0}.app.is-collapsed .sidebar__top{justify-content:center;padding:0}.app.is-collapsed .sidebar__search{padding:12px 10px 4px}.app.is-collapsed .quick-search{justify-content:center;padding:0}.app.is-collapsed .sidebar__body{padding:8px 10px 16px}.app.is-collapsed .nav-item,.app.is-collapsed .sidebar__bottom{justify-content:center;padding:0}.app.is-collapsed [data-collapse] svg{transform:scaleX(-1)}}@media(min-width:1280px){.layout{grid-template-columns:minmax(0,1fr) 300px}.tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.panel{position:sticky;top:calc(var(--topbar-h) + 24px)}}@media(prefers-reduced-motion:reduce){.sidebar,.tile,.palette-backdrop{transition:none;animation:none}}.nav-item.is-soon{color:var(--placeholder);cursor:default}.nav-item.is-soon:hover{background:none}.muted{color:var(--text-subtle)}.note{margin-top:12px;font-size:var(--text-sm)}.as-of{display:flex;align-items:center;gap:8px}.as-of>span{font-size:var(--text-sm);color:var(--text-subtle);white-space:nowrap}.as-of .input{width:auto;padding:1px 10px}.roots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.root{padding:12px 16px 14px;border-radius:10px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}.root dt{font-size:var(--text-sm);line-height:18px;color:var(--text-subtle)}.root dd{margin:6px 0 0;font-size:20px;font-weight:600;line-height:26px;letter-spacing:-.01em;color:var(--text);font-variant-numeric:tabular-nums}.root dd.is-negative{color:var(--danger)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px}.toolbar .search{flex:1 1 280px;max-width:none}.toolbar__actions{display:flex;gap:8px}.table-wrap{overflow-x:auto;border-radius:10px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}.tree{width:100%;border-collapse:collapse;font-size:var(--text-base)}.tree th{height:40px;padding:0 16px;border-bottom:1px solid var(--line);font-size:var(--text-sm);font-weight:500;color:var(--text-subtle);text-align:left;white-space:nowrap}.tree td{height:40px;padding:0 16px;border-bottom:1px solid var(--neutral-200);color:var(--text)}.tree tbody tr:last-child td{border-bottom:0}.tree tbody tr:hover td{background:var(--neutral-50)}.tree tr.is-group td{font-weight:600}.tree tr.is-disabled td{color:var(--text-subtle)}.tree tr[hidden]{display:none}.tree .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.tree .side{font-size:var(--text-xs);font-weight:500;color:var(--text-subtle)}.cell-account{display:flex;align-items:center;gap:8px;padding-left:calc(var(--depth) * 22px);min-width:0}.twisty{display:grid;flex-shrink:0;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--text-subtle);cursor:pointer}button.twisty:hover{background:var(--tint);color:var(--text)}button.twisty:focus-visible{outline:none;box-shadow:0 0 0 2px var(--brand)}.twisty svg{width:14px;height:14px;transform:rotate(90deg);transition:transform .15s ease}.twisty[aria-expanded=false] svg{transform:none}.acct-no{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-subtle);font-weight:500}.acct-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tag{padding:1px 6px;border-radius:9999px;background:var(--neutral-100);font-size:11px;font-weight:500;color:var(--text-subtle)}.type{display:inline-block;padding:2px 8px;border-radius:9999px;box-shadow:inset 0 0 0 1px var(--neutral-200);font-size:var(--text-xs);font-weight:500;color:var(--text-subtle);white-space:nowrap}@media(max-width:639px){.roots{gap:8px}.root{padding:10px 12px}.root dd{margin-top:2px;font-size:16px;line-height:22px}.col-type{display:none}.tree td,.tree th{padding:0 12px}.cell-account{padding-left:calc(var(--depth) * 14px)}}@media(min-width:1024px){.roots{grid-template-columns:repeat(5,minmax(0,1fr))}}.mono,.acct-no{font-family:var(--font-mono)}.nowrap{white-space:nowrap}.truncate{max-width:360px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.spacer{flex:1}.link-plain{color:inherit;text-decoration:none}.link-plain:hover{text-decoration:underline;text-underline-offset:3px}.sub{display:block;margin-top:2px;font-size:var(--text-xs);color:var(--text-subtle)}.page-title__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.page-title__actions form{display:flex;align-items:center;gap:8px}.page-title__actions .input{width:auto;height:36px;padding:1px 10px}.mono-title{display:flex;flex-wrap:wrap;align-items:center;gap:12px;font-family:var(--font-mono);font-size:.95em}.btn--danger{color:var(--danger);background:var(--surface);box-shadow:0 0 0 1px var(--line),var(--shadow-xs)}.btn--danger:hover{background:var(--danger-tint)}.btn svg{width:14px;height:14px}.flash{display:flex;flex-direction:column;gap:8px}.flash__item{padding:10px 14px;border-radius:8px;font-size:var(--text-sm);background:var(--surface);box-shadow:0 0 0 1px var(--line)}.flash__item--success{box-shadow:inset 3px 0 0 var(--success),0 0 0 1px var(--line)}.flash__item--error{color:var(--danger-text);background:var(--danger-tint);box-shadow:0 0 0 1px var(--danger-ring)}.alert{margin-bottom:16px;padding:10px 14px;border-radius:8px;color:var(--danger-text);background:var(--danger-tint);box-shadow:0 0 0 1px var(--danger-ring);font-size:var(--text-sm)}.card{border-radius:10px;background:var(--surface);box-shadow:0 0 0 1px var(--line)}.form-card{padding:20px}.form-grid{display:grid;gap:18px 20px}.form-field{display:grid;gap:8px;align-content:start;min-width:0}.form-field--check{align-content:center}.help{font-size:var(--text-xs);line-height:16px;color:var(--text-subtle)}.textarea{height:auto;min-height:40px;padding:8px 12px;resize:vertical}.select{width:100%;height:36px;padding:1px 32px 1px 12px;border:0;border-radius:var(--radius);appearance:none;background:var(--control) right 10px center / 14px 14px no-repeat var(--select-caret);box-shadow:0 0 0 1px var(--line);color:var(--text);font-size:var(--text-base);cursor:pointer}:root{--select-caret: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 9 4-4 4 4M8 15l4 4 4-4'/%3E%3C/svg%3E")}.select:focus{outline:none;box-shadow:0 0 0 1.5px var(--focus)}.form-stack{display:flex;flex-direction:column;gap:16px}.form-stack>.form-actions{margin-top:0}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:24px}.sticky-actions{position:sticky;bottom:0;z-index:5;margin:0 -4px;padding:12px 4px;background:linear-gradient(to top,var(--surface) 70%,transparent)}.tab__count{font-variant-numeric:tabular-nums}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-base)}.data-table th{height:40px;padding:0 16px;border-bottom:1px solid var(--line);font-size:var(--text-sm);font-weight:500;color:var(--text-subtle);text-align:left;white-space:nowrap}.data-table td{padding:10px 16px;border-bottom:1px solid var(--neutral-200);color:var(--text);vertical-align:top}.data-table tbody tr:last-child td{border-bottom:0}.data-table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.data-table tbody tr:hover td{background:var(--neutral-50)}.data-table tfoot td{border-top:1px solid var(--line)}.data-table .totals td{font-weight:600;background:var(--neutral-50)}.data-table .subtotal td{font-weight:500;color:var(--text-subtle);background:var(--neutral-50)}.data-table .section-row th{height:36px;padding-top:12px;color:var(--text);background:var(--surface);font-size:var(--text-sm);font-weight:600}.data-table tr.is-cancelled td{color:var(--text-subtle);text-decoration:line-through;text-decoration-color:var(--placeholder)}.data-table tr.is-cancelled td .tag{text-decoration:none}.row-link{color:var(--text);font-weight:500;text-decoration:none}.is-clickable{position:relative}.is-clickable .row-link:after{content:"";position:absolute;inset:0}.row-link:focus-visible{outline:none}.is-clickable:focus-within td{background:var(--neutral-50)}.amount-link{color:inherit;text-decoration:none}.amount-link:hover{text-decoration:underline;text-underline-offset:3px}.tree .acct-name{color:inherit;text-decoration:none}.tree .acct-name:hover{text-decoration:underline;text-underline-offset:3px}.row-add{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;color:var(--text-subtle);opacity:0}.tree tr:hover .row-add,.row-add:focus-visible{opacity:1}.row-add:hover{background:var(--tint);color:var(--text)}.row-add svg{width:14px;height:14px}.status{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:9999px;box-shadow:inset 0 0 0 1px var(--neutral-200);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:500;line-height:16px;color:var(--text);white-space:nowrap}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--status, var(--text-subtle))}.status--draft{--status: var(--warning)}.status--submitted{--status: var(--success)}.status--cancelled{--status: var(--danger)}.difference{font-size:var(--text-xs);font-weight:500;color:var(--success)}.difference.is-off{color:var(--danger)}.pager{display:flex;align-items:center;justify-content:center;gap:12px;font-size:var(--text-sm)}.section{display:flex;flex-direction:column;gap:10px}.section__title{font-size:15px;font-weight:600;line-height:22px;color:var(--text)}.remark{max-width:70ch;color:var(--text-body)}.filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:end;padding:16px}.filters .form-field:first-child{grid-column:1 / -1}.filters__check{align-self:center}.filters__actions{display:flex;justify-content:flex-end;gap:8px}.lines{overflow-x:auto}.lines-table{min-width:860px}.lines-table td{padding:8px;vertical-align:top}.lines-table th{padding:0 8px}.lines-table .input,.lines-table .select{height:36px}.lines-table input[inputmode=decimal]{text-align:right;font-variant-numeric:tabular-nums}.col-account{width:34%}.col-amount{width:13%}.col-cc{width:16%}.col-del{width:44px;text-align:center}.lines-table .totals td{padding:12px 8px;vertical-align:middle}.lines-table .totals .num{padding-right:20px}@media(max-width:639px){.col-hide-sm{display:none}.data-table th,.data-table td{padding-left:12px;padding-right:12px}.filters{grid-template-columns:1fr}}@media(min-width:640px){.form-card{padding:24px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid--3{grid-template-columns:180px minmax(0,1fr) auto}.form-field--wide{grid-column:span 2}.form-grid--3 .form-field--wide{grid-column:auto}}@media(min-width:1024px){.filters{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr)) auto auto}.filters .form-field:first-child{grid-column:auto}}@media(max-width:639px){.stack-sm,.stack-sm tbody,.stack-sm tfoot{display:block}.stack-sm thead{display:none}.stack-sm tr{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-auto-flow:row dense;align-items:baseline;gap:2px 16px;padding:12px;border-top:1px solid var(--neutral-200)}.stack-sm tbody tr:first-child{border-top:0}.stack-sm td{display:block;grid-column:1;min-width:0;padding:0!important;border:0!important;background:none!important}.stack-sm td.s-side{grid-column:2;text-align:right}.stack-sm td.num:not(.s-side){text-align:left}.stack-sm .s-first{order:-1}.stack-sm .s-zero{display:none}.stack-sm .s-show{display:block}.stack-sm .s-muted{color:var(--text-subtle);font-size:var(--text-sm)}.stack-sm td[data-label]:before{content:attr(data-label) " ";color:var(--text-subtle);font-size:var(--text-xs);font-weight:400}.stack-sm tr.totals,.stack-sm tr.subtotal{background:var(--neutral-50)}.stack-sm tfoot tr{border-top:1px solid var(--line)}.stack-sm tr.is-cancelled{opacity:.7}.lines-table{min-width:0}.lines-table,.lines-table tbody,.lines-table tfoot{display:block}.lines-table thead{display:none}.lines-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px;gap:8px;padding:12px;border-bottom:1px solid var(--neutral-200)}.lines-table tbody td{display:block;min-width:0;padding:0;border:0}.lines-table tbody td:nth-child(1){grid-column:1 / 3;grid-row:1}.lines-table tbody td:nth-child(2){grid-column:1;grid-row:2}.lines-table tbody td:nth-child(3){grid-column:2 / 4;grid-row:2}.lines-table tbody td:nth-child(4){grid-column:1;grid-row:3}.lines-table tbody td:nth-child(5){grid-column:2 / 4;grid-row:3}.lines-table tbody td.col-del{grid-column:3;grid-row:1;align-self:center;width:auto}.lines-table td[data-label]:before{content:attr(data-label);display:block;margin-bottom:4px;color:var(--text-subtle);font-size:var(--text-xs)}.lines-table tfoot tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding:12px}.lines-table tfoot td{display:block;padding:0!important;border:0;background:none}.lines-table tfoot td:first-child,.lines-table tfoot td:last-child{grid-column:1 / -1}.lines-table tfoot td.num{text-align:left}.lines-table tfoot tr.totals{background:var(--neutral-50)}}body{background:var(--canvas);font-size:var(--text-base)}a{color:inherit}.full-page{display:grid;place-items:center;align-content:center;gap:12px;min-height:100vh}.loading{display:flex;align-items:center;gap:10px;padding:24px 0;color:var(--text-subtle);font-size:var(--text-sm)}.spinner{display:inline-block;flex-shrink:0;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toasts{position:fixed;bottom:20px;left:50%;z-index:100;display:flex;flex-direction:column;gap:8px;transform:translate(-50%);pointer-events:none}.toast-item{max-width:min(520px,calc(100vw - 32px));padding:10px 16px;border-radius:10px;background:var(--text);color:var(--canvas);font-size:var(--text-sm);box-shadow:0 10px 30px -10px #0006}.toast-item--error{background:var(--danger);color:#fff}.nav-item.active{background:var(--tint)}.menu__two-line{display:flex;flex-direction:column;text-align:left}.menu__two-line small{font-size:var(--text-xs);color:var(--text-subtle)}.menu__icon{display:inline-flex;align-items:center;gap:8px}.ws-switch .menu{max-height:60vh;overflow:auto}.user-menu{position:relative}.user-menu__panel{right:0;left:auto;min-width:220px}.user-menu__who{display:flex;flex-direction:column;gap:2px;padding:8px 10px 10px;border-bottom:1px solid var(--neutral-200);margin-bottom:4px}.user-menu__who strong{font-size:var(--text-sm);color:var(--text)}.user-menu__who span{font-size:var(--text-xs);color:var(--text-subtle)}.field-error{margin:0;font-size:var(--text-xs);line-height:16px;color:var(--danger)}.input[aria-invalid=true],.select[aria-invalid=true]{box-shadow:0 0 0 1.5px var(--danger)}.lines-table td .field-error{margin-top:4px}.tile.is-soon{cursor:default;color:var(--text-subtle)}.tile.is-soon:hover{transform:none;box-shadow:0 0 0 1px var(--line)}.tile .soon{position:absolute;top:14px;right:14px;padding:2px 8px;border-radius:9999px;background:var(--neutral-100);font-size:11px;font-weight:500;color:var(--text-subtle)}@media(max-width:639px){.tree .acct-name{white-space:normal;overflow:visible}.tree .row-add{display:none}.tree td.num{padding-left:6px}}.menu__heading{margin:0;padding:6px 10px 2px;font-size:11px;font-weight:500;letter-spacing:.04em;color:var(--text-subtle);text-transform:uppercase}.menu__divider{height:1px;margin:4px 0;background:var(--neutral-200)}.notice-page{display:grid;place-items:center;align-content:center;gap:12px;min-height:100vh;padding:24px 16px;text-align:center}.notice-page h1{font-size:22px;font-weight:600;line-height:28px;color:var(--text)}.notice-page p{max-width:420px;font-size:var(--text-sm)}.notice-page__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px}.notice-page svg{color:var(--accent)}.page-title .link{font-size:var(--text-sm)}.ws-switch>button .menu__two-line{min-width:0}.ws-switch>button .menu__two-line>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-switch>button svg{flex-shrink:0}