:root{color-scheme:light;--zb-font-display: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--zb-font-sans: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;--zb-font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--zb-font: var(--zb-font-sans);--zb-bg: #f8fafc;--zb-surface: #ffffff;--zb-surface-2: #f0f6ff;--zb-border: #e2e8f0;--zb-border-strong: #c1c6d7;--zb-text: #0f172a;--zb-text-soft: #414754;--zb-text-muted: #717786;--zb-accent: #0080ff;--zb-accent-hover: #006ed6;--zb-accent-soft: #abc7ff;--zb-accent-2: #00c2ff;--zb-accent-contrast: #ffffff;--zb-success: #10b981;--zb-warning: #f59e0b;--zb-danger: #e5484d;--zb-radius-sm: .25rem;--zb-radius-base: .5rem;--zb-radius-md: .75rem;--zb-radius-lg: 1rem;--zb-radius-xl: 1.5rem;--zb-radius-full: 9999px;--zb-radius: var(--zb-radius-base);--zb-shadow-card: 0 1px 3px rgb(15 23 42 / .04), 0 8px 24px -4px rgb(15 23 42 / .03);--zb-shadow-hover: 0 12px 32px -6px rgb(0 128 255 / .12), 0 4px 12px rgb(15 23 42 / .06);--zb-headline-sm-size: 18px;--zb-headline-sm-line: 26px;--zb-headline-sm-tracking: -.01em;--zb-headline-sm-weight: 600;--zb-body-md-size: 15px;--zb-body-md-line: 24px;--zb-body-sm-size: 13px;--zb-body-sm-line: 20px;--zb-label-md-size: 14px;--zb-label-md-line: 20px;--zb-label-md-tracking: .01em;--zb-label-md-weight: 600;--zb-label-sm-size: 12px;--zb-label-sm-line: 16px;--zb-label-sm-tracking: .03em;--zb-label-sm-weight: 600;--zb-space-1: .25rem;--zb-space-2: .5rem;--zb-space-3: .75rem;--zb-space-4: 1rem;--zb-space-5: 1.5rem;--zb-space-6: 2rem;--zb-topbar-height: 52px;--zb-sidebar-width: 272px;--zb-overlay: rgb(15 23 42 / .42);--zb-focus-ring: 0 0 0 2px var(--zb-accent);--zb-transition: .2s cubic-bezier(.4, 0, .2, 1)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--zb-bg: #09131d;--zb-surface: #0d1926;--zb-surface-2: #142433;--zb-border: #1e3346;--zb-border-strong: #2a4559;--zb-text: #f0f6ff;--zb-text-soft: #b6c2d4;--zb-text-muted: #8b96a8;--zb-accent: #4ea4ff;--zb-accent-hover: #6cb4ff;--zb-accent-soft: #1d3a57;--zb-accent-contrast: #06121d;--zb-shadow-card: 0 1px 3px rgb(0 0 0 / .4), 0 8px 24px -4px rgb(0 0 0 / .3);--zb-shadow-hover: 0 12px 32px -6px rgb(0 128 255 / .25), 0 4px 12px rgb(0 0 0 / .4);--zb-overlay: rgb(3 8 14 / .62)}}:root[data-theme=dark]{color-scheme:dark;--zb-bg: #09131d;--zb-surface: #0d1926;--zb-surface-2: #142433;--zb-border: #1e3346;--zb-border-strong: #2a4559;--zb-text: #f0f6ff;--zb-text-soft: #b6c2d4;--zb-text-muted: #8b96a8;--zb-accent: #4ea4ff;--zb-accent-hover: #6cb4ff;--zb-accent-soft: #1d3a57;--zb-accent-contrast: #06121d;--zb-shadow-card: 0 1px 3px rgb(0 0 0 / .4), 0 8px 24px -4px rgb(0 0 0 / .3);--zb-shadow-hover: 0 12px 32px -6px rgb(0 128 255 / .25), 0 4px 12px rgb(0 0 0 / .4);--zb-overlay: rgb(3 8 14 / .62)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--zb-bg);color:var(--zb-text);font-family:var(--zb-font-sans);font-size:var(--zb-body-md-size);line-height:var(--zb-body-md-line);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3{margin:0;font-family:var(--zb-font-display);font-weight:var(--zb-headline-sm-weight);letter-spacing:var(--zb-headline-sm-tracking)}button{font:inherit;color:inherit;cursor:pointer}input,textarea,select{font:inherit;color:inherit}code,kbd,samp{font-family:var(--zb-font-mono)}:focus-visible{outline:none;box-shadow:var(--zb-focus-ring)}img{max-width:100%}[hidden]{display:none!important}.zb-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--zb-space-2);padding:var(--zb-space-2) var(--zb-space-3);border:1px solid var(--zb-border);border-radius:var(--zb-radius-base);background:var(--zb-surface);color:var(--zb-text);font-family:var(--zb-font-display);font-size:var(--zb-label-md-size);line-height:var(--zb-label-md-line);font-weight:var(--zb-label-md-weight);letter-spacing:var(--zb-label-md-tracking);transition:background var(--zb-transition),border-color var(--zb-transition),color var(--zb-transition),box-shadow var(--zb-transition)}.zb-button:hover:not(:disabled){background:var(--zb-surface-2);border-color:var(--zb-border-strong)}.zb-button:disabled{opacity:.55;cursor:default}.zb-button--primary{background:var(--zb-accent);border-color:var(--zb-accent);color:var(--zb-accent-contrast)}.zb-button--primary:hover:not(:disabled){background:var(--zb-accent-hover);border-color:var(--zb-accent-hover);color:var(--zb-accent-contrast);box-shadow:var(--zb-shadow-hover)}.zb-button--pill{border-radius:var(--zb-radius-full);padding-left:var(--zb-space-4);padding-right:var(--zb-space-4)}.zb-button--danger{background:var(--zb-danger);border-color:var(--zb-danger);color:var(--zb-accent-contrast)}.zb-button--danger:hover:not(:disabled){filter:brightness(.92)}.zb-button--ghost{background:transparent;border-color:transparent;color:var(--zb-text-soft)}.zb-button--ghost:hover:not(:disabled){background:var(--zb-surface-2);border-color:transparent;color:var(--zb-text)}.zb-input{width:100%;padding:var(--zb-space-2) var(--zb-space-3);border:1px solid var(--zb-border);border-radius:var(--zb-radius-base);background:var(--zb-surface);color:var(--zb-text);font-size:var(--zb-body-md-size);line-height:var(--zb-body-md-line)}.zb-input::placeholder{color:var(--zb-text-muted)}.zb-input:focus-visible{border-color:var(--zb-accent);box-shadow:var(--zb-focus-ring)}.zb-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.zb-logo{display:inline-flex;align-items:center;gap:.625rem;-webkit-user-select:none;user-select:none}.zb-mark{flex:none;overflow:visible}.zb-mark-hour,.zb-mark-minute{transform-origin:12px 12px}.zb-mark--animated .zb-mark-hour{animation:zb-clock-spin 4s linear infinite}.zb-mark--animated .zb-mark-minute{animation:zb-clock-spin 1s linear infinite}@keyframes zb-clock-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.zb-mark--animated .zb-mark-hour,.zb-mark--animated .zb-mark-minute{animation:none}}.zb-wordmark{font-family:var(--zb-font-display);font-weight:800;font-size:var(--zb-headline-sm-size);line-height:var(--zb-headline-sm-line);letter-spacing:-.025em;color:var(--zb-text);white-space:nowrap}.zb-wordmark-zero{color:var(--zb-accent)}.zb-logo--welcome{gap:var(--zb-space-3)}.zb-logo--welcome .zb-wordmark{font-size:26px;line-height:1.1}.zb-login{display:grid;place-items:center;min-height:100%;padding:var(--zb-space-5) var(--zb-space-4);background:var(--zb-bg)}.zb-login__card{display:flex;flex-direction:column;gap:var(--zb-space-4);width:100%;max-width:360px;padding:var(--zb-space-6);border:1px solid var(--zb-border);border-radius:var(--zb-radius-lg);background:var(--zb-surface);box-shadow:var(--zb-shadow-card)}.zb-login__intro{display:flex;flex-direction:column;gap:var(--zb-space-1)}.zb-login__title{font-family:var(--zb-font-display);font-size:var(--zb-headline-sm-size);line-height:var(--zb-headline-sm-line);font-weight:var(--zb-headline-sm-weight);letter-spacing:var(--zb-headline-sm-tracking);color:var(--zb-text)}.zb-login__subtitle{margin:0;font-size:var(--zb-body-sm-size);line-height:var(--zb-body-sm-line);color:var(--zb-text-muted)}.zb-login__field{display:flex;flex-direction:column;gap:var(--zb-space-2)}.zb-login__label{font-family:var(--zb-font-display);font-size:var(--zb-label-sm-size);line-height:var(--zb-label-sm-line);font-weight:var(--zb-label-sm-weight);letter-spacing:var(--zb-label-sm-tracking);text-transform:uppercase;color:var(--zb-text-muted)}.zb-login__error{margin:0;padding:var(--zb-space-2) var(--zb-space-3);border:1px solid var(--zb-danger);border-radius:var(--zb-radius-base);background:var(--zb-surface-2);color:var(--zb-danger);font-size:var(--zb-body-sm-size);line-height:var(--zb-body-sm-line)}.zb-login__submit{width:100%;padding:var(--zb-space-3)}.zb-avatar{display:inline-grid;place-items:center;flex:none;border-radius:50%;object-fit:cover;background:var(--zb-surface-2)}.zb-avatar--initials{background:var(--zb-accent-soft);color:var(--zb-text);font-family:var(--zb-font-display);font-weight:700;letter-spacing:.02em}.zb-avatar--empty{background:transparent;border:1px dashed var(--zb-border-strong);color:var(--zb-text-muted)}.zb-modal-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:var(--zb-space-4)}.zb-modal{position:relative;display:flex;flex-direction:column;gap:var(--zb-space-4);width:100%;max-width:420px;padding:var(--zb-space-5);border:1px solid var(--zb-border);border-radius:var(--zb-radius-lg);background:var(--zb-surface);box-shadow:var(--zb-shadow-hover)}.zb-modal__head{display:flex;align-items:center;justify-content:space-between}.zb-modal__head h2{font-size:var(--zb-headline-sm-size);line-height:var(--zb-headline-sm-line)}.zb-modal__row,.zb-modal__actions,.zb-swatches{display:flex;flex-wrap:wrap;gap:var(--zb-space-2)}.zb-swatch{width:28px;height:28px;padding:0;border:2px solid transparent;border-radius:50%;box-shadow:inset 0 0 0 2px var(--zb-surface)}.zb-swatch.is-on{border-color:var(--zb-text)}.zb-member-select{position:relative}.zb-member-select__trigger{display:flex;align-items:center;gap:var(--zb-space-2);text-align:left;cursor:pointer}.zb-member-select__placeholder{color:var(--zb-text-muted)}.zb-member-select__title{margin-left:auto;color:var(--zb-text-muted);font-size:var(--zb-body-sm-size);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zb-member-select__pop{position:absolute;z-index:30;top:calc(100% + 4px);left:0;right:0;padding:var(--zb-space-2);border:1px solid var(--zb-border);border-radius:var(--zb-radius-md);background:var(--zb-surface);box-shadow:var(--zb-shadow-hover)}.zb-member-select__list{max-height:260px;margin:var(--zb-space-2) 0 0;padding:0;overflow-y:auto;list-style:none}.zb-member-select__option{display:flex;align-items:center;gap:var(--zb-space-2);padding:6px var(--zb-space-2);border-radius:var(--zb-radius-base);cursor:pointer}.zb-member-select__option.is-active{background:var(--zb-surface-2)}.zb-member-select__option[aria-selected=true] .zb-member-select__name{color:var(--zb-accent);font-weight:600}.zb-member-select__handle{margin-left:auto;color:var(--zb-text-muted);font-size:var(--zb-body-sm-size)}.zb-member-select__none,.zb-member-select__empty{margin:0;padding:var(--zb-space-2);color:var(--zb-text-muted);font-size:var(--zb-body-sm-size)}.zb-member-select__you{color:var(--zb-text-muted);font-weight:500}.zb-member-select__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zb-drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;justify-content:flex-end}.zb-drawer-scrim{position:absolute;top:0;right:0;bottom:0;left:0;border:0;padding:0;background:var(--zb-overlay);cursor:default}.zb-drawer{position:relative;display:flex;flex-direction:column;width:min(560px,100vw);height:100%;background:var(--zb-surface);border-left:1px solid var(--zb-border);box-shadow:var(--zb-shadow-hover);animation:zb-drawer-in .2s ease-out}@keyframes zb-drawer-in{0%{transform:translate(24px);opacity:0}}@media(prefers-reduced-motion:reduce){.zb-drawer{animation:none}}.zb-drawer__head{display:flex;align-items:center;gap:var(--zb-space-2);padding:var(--zb-space-3) var(--zb-space-4);border-bottom:1px solid var(--zb-border)}.zb-drawer__kicker{color:var(--zb-text-muted);font-family:var(--zb-font-display);font-size:var(--zb-label-sm-size);font-weight:700;letter-spacing:var(--zb-label-sm-tracking);text-transform:uppercase}.zb-drawer__slack{display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:var(--zb-radius-full);background:color-mix(in srgb,var(--zb-success) 16%,transparent);color:var(--zb-text-soft);font-size:var(--zb-label-sm-size);font-weight:600}.zb-drawer__close{margin-left:auto}.zb-drawer__loading{padding:var(--zb-space-5);color:var(--zb-text-muted)}.zb-drawer__body{display:flex;flex-direction:column;gap:var(--zb-space-4);flex:1;padding:var(--zb-space-4) var(--zb-space-4) var(--zb-space-6);overflow-y:auto}.zb-drawer__body>*{flex-shrink:0}.zb-drawer__title{width:100%;min-height:46px;padding:var(--zb-space-2) var(--zb-space-3);border:1px solid var(--zb-border);border-radius:var(--zb-radius-base);background:var(--zb-surface);color:var(--zb-text);font-family:var(--zb-font-display);font-size:20px;line-height:28px;font-weight:700;letter-spacing:-.01em;resize:none;field-sizing:content}.zb-drawer__title::placeholder{color:var(--zb-text-muted)}.zb-drawer__title:hover{border-color:var(--zb-border-strong)}.zb-drawer__title:focus-visible{border-color:var(--zb-accent);box-shadow:var(--zb-focus-ring)}.zb-drawer__title.is-done{color:var(--zb-text-muted);text-decoration:line-through}.zb-drawer__desc{resize:vertical;min-height:120px;font-size:var(--zb-body-sm-size);line-height:var(--zb-body-sm-line)}.zb-drawer__error{margin:0;color:var(--zb-danger);font-size:var(--zb-body-sm-size)}.zb-drawer__actions{display:flex;flex-wrap:wrap;gap:var(--zb-space-2)}.zb-drawer__delete{margin-left:auto;color:var(--zb-danger)}.zb-field{display:flex;flex-direction:column;gap:6px;min-width:0}.zb-field__label{color:var(--zb-text-soft);font-family:var(--zb-font-display);font-size:var(--zb-label-sm-size);line-height:var(--zb-label-sm-line);font-weight:700;letter-spacing:var(--zb-label-sm-tracking);text-transform:uppercase}.zb-field__hint{margin-left:4px;padding:0 5px;border-radius:var(--zb-radius-sm);background:var(--zb-surface-2);color:var(--zb-accent)}.zb-field__note{margin:0;color:var(--zb-text-muted);font-size:var(--zb-body-sm-size)}.zb-field__note.is-late{color:var(--zb-danger)}.zb-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--zb-space-3)}.zb-due-row{display:flex;gap:var(--zb-space-2)}.zb-chips{display:flex;flex-wrap:wrap;gap:6px}.zb-chip{padding:2px 10px;border:1px solid var(--zb-border);border-radius:var(--zb-radius-full);background:var(--zb-surface);color:var(--zb-text-soft);font-size:var(--zb-label-sm-size);font-weight:600}.zb-chip:hover{border-color:var(--zb-accent);color:var(--zb-accent)}select.zb-input{cursor:pointer}.zb-segment{display:grid;grid-template-columns:repeat(4,1fr);padding:3px;border:1px solid var(--zb-border);border-radius:var(--zb-radius-base);background:var(--zb-bg)}.zb-segment__item{padding:6px 4px;border:0;border-radius:calc(var(--zb-radius-base) - 2px);background:none;color:var(--zb-text-soft);font-family:var(--zb-font-display);font-size:var(--zb-label-sm-size);font-weight:600;white-space:nowrap}.zb-segment__item:hover{color:var(--zb-text)}.zb-segment__item.is-on{background:var(--zb-surface);color:var(--zb-text);box-shadow:var(--zb-shadow-card)}.zb-segment__item--in_progress.is-on{color:var(--zb-accent)}.zb-segment__item--done.is-on{color:var(--zb-success)}.zb-sources{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.zb-sources__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr) auto;gap:6px;align-items:center}.zb-sources__row .zb-input{padding-top:5px;padding-bottom:5px;font-size:var(--zb-body-sm-size)}.zb-sources__add{align-self:flex-start;padding-left:0}.zb-activity{display:flex;flex-direction:column;gap:var(--zb-space-3);padding-top:var(--zb-space-4);border-top:1px solid var(--zb-border)}.zb-activity__title{font-size:var(--zb-label-md-size)}.zb-activity__list{display:flex;flex-direction:column;gap:var(--zb-space-2);margin:0;padding:0;list-style:none}.zb-activity__item{display:flex;gap:var(--zb-space-2);padding-left:30px;color:var(--zb-text-muted);font-size:var(--zb-body-sm-size);line-height:var(--zb-body-sm-line)}.zb-activity__item.is-talk{padding-left:0;color:var(--zb-text)}.zb-activity__content{min-width:0;flex:1}.zb-activity__line{margin:0}.zb-activity__line strong{color:var(--zb-text-soft);font-weight:600}.zb-activity__time{margin-left:6px;color:var(--zb-text-muted);font-size:var(--zb-label-sm-size)}.zb-activity__body{margin:4px 0 0;padding:var(--zb-space-2) var(--zb-space-3);border-radius:var(--zb-radius-base);background:var(--zb-surface-2);color:var(--zb-text);white-space:pre-wrap;overflow-wrap:anywhere}.zb-activity__link{display:inline-block;margin-top:4px;color:var(--zb-accent);overflow-wrap:anywhere}.zb-activity__form{display:flex;flex-direction:column;align-items:flex-end;gap:var(--zb-space-2)}.zb-activity__form textarea{resize:vertical;font-size:var(--zb-body-sm-size)}@media(max-width:560px){.zb-field-grid{grid-template-columns:1fr}.zb-sources__row{grid-template-columns:minmax(0,1fr) auto}.zb-sources__label{grid-column:1 / -1}}.zb-field__label-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--zb-space-2)}.zb-link-button{padding:0;border:0;background:none;color:var(--zb-accent);font-size:var(--zb-label-sm-size);font-weight:600}.zb-link-button:hover{text-decoration:underline}.zb-topbar{flex:none;display:flex;flex-direction:column;background:var(--zb-surface);border-bottom:1px solid var(--zb-border)}.zb-topbar__row{display:flex;align-items:center;gap:var(--zb-space-3);min-height:var(--zb-topbar-height);padding:0 var(--zb-space-4)}.zb-topbar__row--filters{min-height:44px;padding-bottom:var(--zb-space-2);flex-wrap:wrap;row-gap:var(--zb-space-2)}.zb-topbar__product{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border:1px solid color-mix(in srgb,var(--zb-accent) 20%,transparent);border-radius:var(--zb-radius-full);background:var(--zb-surface-2);color:var(--zb-accent);font-family:var(--zb-font-display);font-size:var(--zb-label-sm-size);line-height:var(--zb-label-sm-line);font-weight:var(--zb-label-sm-weight);letter-spacing:var(--zb-label-sm-tracking);text-transform:uppercase}.zb-topbar__product:before{content:"";width:6px;height:6px;border-radius:var(--zb-radius-full);background:var(--zb-accent-2)}.zb-topbar__search{display:flex;align-items:center;gap:var(--zb-space-2);flex:1;max-width:360px;min-width:0;margin-left:var(--zb-space-3);padding:0 var(--zb-space-3);height:34px;border:1px solid var(--zb-border);border-radius:var(--zb-radius-base);background:var(--zb-bg);color:var(--zb-text-muted)}.zb-topbar__search:focus-within{border-color:var(--zb-accent);box-shadow:var(--zb-focus-ring)}.zb-topbar__search-input{flex:1;min-width:0;border:0;background:none;color:var(--zb-text);font-size:var(--zb-body-sm-size)}.zb-topbar__search-input:focus-visible{box-shadow:none}.zb-topbar__right{display:flex;align-items:center;gap:var(--zb-space-2);margin-left:auto}.zb-topbar__slack{display:inline-flex;align-items:center;gap:6px;padding:3px var(--zb-space-2);border-radius:var(--zb-radius-full);background:color-mix(in srgb,var(--zb-warning) 16%,transparent);color:var(--zb-text-soft);font-size:var(--zb-label-sm-size);font-weight:600}.zb-topbar__slack.is-on{background:color-mix(in srgb,var(--zb-success) 16%,transparent)}.zb-topbar__filters{display:flex;align-items:center;gap:var(--zb-space-3);margin-left:auto}.zb-topbar__select{width:auto;min-width:150px;padding-top:4px;padding-bottom:4px;font-size:var(--zb-body-sm-size)}.zb-stats{display:flex;align-items:center;gap:var(--zb-space-2);flex-wrap:wrap}.zb-stat{display:inline-flex;align-items:baseline;gap:5px;padding:3px var(--zb-space-3);border:1px solid var(--zb-border);border-radius:var(--zb-radius-full);background:var(--zb-surface);color:var(--zb-text-soft);font-size:var(--zb-body-sm-size)}.zb-stat strong{color:var(--zb-text);font-family:var(--zb-font-display)}button.zb-stat:hover{border-color:var(--zb-border-strong)}.zb-stat--overdue strong{color:var(--zb-danger)}.zb-stat--soon strong{color:var(--zb-warning)}.zb-stat.is-on{border-color:var(--zb-accent);background:var(--zb-surface-2);color:var(--zb-text)}@media(max-width:760px){.zb-topbar__row{padding:0 var(--zb-space-3);gap:var(--zb-space-2)}.zb-topbar__product,.zb-topbar__slack-label,.zb-topbar__logout,.zb-topbar__new span{display:none}.zb-topbar__search{margin-left:var(--zb-space-1)}.zb-topbar__filters{margin-left:0;width:100%}.zb-topbar__select{flex:1;min-width:0}}@media(max-width:420px){.zb-wordmark{display:none}}.zb-app{display:flex;flex-direction:column;height:100%;min-height:0}.zb-main{flex:1;min-height:0;overflow:hidden}.zb-loading{display:grid;place-items:center;align-content:center;gap:var(--zb-space-3);height:100%;color:var(--zb-text-muted)}.zb-banner{margin:0;padding:var(--zb-space-2) var(--zb-space-4);background:var(--zb-surface-2);border-bottom:1px solid var(--zb-border);color:var(--zb-text-soft);font-size:var(--zb-body-sm-size)}.zb-banner--warn{background:color-mix(in srgb,var(--zb-warning) 14%,var(--zb-surface))}.zb-empty{display:grid;justify-items:center;gap:var(--zb-space-3);max-width:380px;margin:12vh auto 0;padding:0 var(--zb-space-4);text-align:center;color:var(--zb-text-soft)}.zb-empty p{margin:0}.zb-toast{position:fixed;left:50%;bottom:var(--zb-space-5);z-index:60;transform:translate(-50%);padding:var(--zb-space-2) var(--zb-space-4);border-radius:var(--zb-radius-base);background:var(--zb-text);color:var(--zb-bg);font-size:var(--zb-body-sm-size);box-shadow:var(--zb-shadow-hover)}.zb-icon-button{display:inline-grid;place-items:center;width:30px;height:30px;flex:none;padding:0;border:0;border-radius:var(--zb-radius-base);background:none;color:var(--zb-text-soft);transition:background var(--zb-transition),color var(--zb-transition)}.zb-icon-button:hover:not(:disabled){background:var(--zb-surface-2);color:var(--zb-text)}.zb-icon-button:disabled{opacity:.5}.zb-toggle{display:inline-flex;align-items:center;gap:6px;color:var(--zb-text-soft);font-size:var(--zb-body-sm-size);white-space:nowrap;cursor:pointer}.zb-toggle input{accent-color:var(--zb-accent)}.zb-board{display:flex;align-items:flex-start;gap:var(--zb-space-4);height:100%;padding:var(--zb-space-4);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity}.zb-column{--zb-project: var(--zb-accent);display:flex;flex-direction:column;flex:none;width:312px;max-height:100%;border:1px solid var(--zb-border);border-top:3px solid var(--zb-project);border-radius:var(--zb-radius-md);background:var(--zb-surface);box-shadow:var(--zb-shadow-card);scroll-snap-align:start;transition:border-color var(--zb-transition),box-shadow var(--zb-transition)}.zb-column--over{box-shadow:var(--zb-shadow-hover)}.zb-column__head{display:flex;align-items:center;gap:var(--zb-space-2);padding:var(--zb-space-3) var(--zb-space-2) var(--zb-space-2) var(--zb-space-3)}.zb-column__swatch{width:10px;height:10px;flex:none;border-radius:3px;background:var(--zb-project)}.zb-column__titles{display:flex;flex-direction:column;flex:1;min-width:0}.zb-column__client{color:var(--zb-text-muted);font-size:var(--zb-label-sm-size);line-height:var(--zb-label-sm-line);font-weight:600;letter-spacing:var(--zb-label-sm-tracking);text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zb-column__name{font-size:var(--zb-label-md-size);line-height:var(--zb-label-md-line);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zb-column__counts{display:flex;gap:6px;color:var(--zb-text-muted);font-size:var(--zb-label-sm-size);font-weight:600}.zb-column__overdue{color:var(--zb-danger)}.zb-column__body{flex:1;min-height:60px;padding:0 var(--zb-space-2) var(--zb-space-3);overflow-y:auto}.zb-column__list{display:flex;flex-direction:column;gap:var(--zb-space-2);margin:0;padding:0;list-style:none}.zb-column__empty{margin:var(--zb-space-2);color:var(--zb-text-muted);font-size:var(--zb-body-sm-size)}.zb-column__done{margin-top:var(--zb-space-3);padding-top:var(--zb-space-2);border-top:1px dashed var(--zb-border)}.zb-column__done-toggle{display:block;width:100%;margin-bottom:var(--zb-space-2);padding:4px;border:0;border-radius:var(--zb-radius-sm);background:none;color:var(--zb-text-muted);font-size:var(--zb-label-sm-size);font-weight:600}.zb-column__done-toggle:hover{background:var(--zb-surface-2);color:var(--zb-text)}.zb-quick-add{display:flex;align-items:center;gap:var(--zb-space-2);margin-top:var(--zb-space-2);padding:6px var(--zb-space-2);border-radius:var(--zb-radius-base);color:var(--zb-text-muted)}.zb-quick-add:focus-within{background:var(--zb-surface-2);color:var(--zb-text)}.zb-quick-add__input{flex:1;min-width:0;border:0;background:none;font-size:var(--zb-body-sm-size)}.zb-quick-add__input:focus-visible{box-shadow:none}.zb-card-slot{touch-action:manipulation}.zb-card-slot--dragging{opacity:.35}.zb-card{display:flex;flex-direction:column;gap:var(--zb-space-2);width:100%;padding:var(--zb-space-3);border:1px solid var(--zb-border);border-left:3px solid transparent;border-radius:var(--zb-radius-base);background:var(--zb-surface);text-align:left;transition:border-color var(--zb-transition),box-shadow var(--zb-transition),opacity var(--zb-transition)}.zb-card:hover{border-color:color-mix(in srgb,var(--zb-accent) 30%,transparent);box-shadow:var(--zb-shadow-hover)}.zb-card--due-overdue,.zb-card--due-overdue:hover{border-left-color:var(--zb-danger)}.zb-card--due-soon,.zb-card--due-soon:hover{border-left-color:var(--zb-warning)}.zb-card--in_review{background:color-mix(in srgb,var(--zb-warning) 6%,var(--zb-surface))}.zb-card--overlay{box-shadow:var(--zb-shadow-hover);transform:rotate(1.5deg);cursor:grabbing}.zb-card__title{color:var(--zb-text);font-size:var(--zb-body-sm-size);line-height:var(--zb-body-sm-line);font-weight:500;overflow-wrap:anywhere}.zb-card--done{background:var(--zb-bg);opacity:.62}.zb-card--done .zb-card__title{color:var(--zb-text-muted);text-decoration:line-through}.zb-card--done:hover{opacity:.9}.zb-card__meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:var(--zb-label-sm-size);line-height:var(--zb-label-sm-line)}.zb-card__spacer{flex:1}.zb-card__count{display:inline-flex;align-items:center;gap:3px;color:var(--zb-text-muted)}.zb-card__assignee{display:inline-flex;align-items:center;gap:5px;color:var(--zb-text-soft);font-weight:600}.zb-card__assignee-name{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zb-status{padding:1px 7px;border-radius:var(--zb-radius-full);font-weight:600;white-space:nowrap}.zb-status--todo{background:var(--zb-surface-2);color:var(--zb-text-soft)}.zb-status--in_progress{background:color-mix(in srgb,var(--zb-accent) 15%,transparent);color:var(--zb-accent)}.zb-status--in_review{background:color-mix(in srgb,var(--zb-warning) 20%,transparent);color:var(--zb-text)}.zb-due{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:var(--zb-radius-sm);color:var(--zb-text-soft);font-weight:600;white-space:nowrap}.zb-due--soon{background:color-mix(in srgb,var(--zb-warning) 18%,transparent);color:var(--zb-text)}.zb-due--overdue{background:color-mix(in srgb,var(--zb-danger) 14%,transparent);color:var(--zb-danger)}@media(max-width:640px){.zb-board{gap:var(--zb-space-3);padding:var(--zb-space-3) var(--zb-space-4);scroll-snap-type:x mandatory}.zb-column{width:calc(100vw - 2 * var(--zb-space-4) - 24px)}}