@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/devflow/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/devflow/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/devflow/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/devflow/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/devflow/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/devflow/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/devflow/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:"Inter Variable", Inter, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--tracking-tight:-.035em;--leading-normal:1.5;--leading-relaxed:1.65;--radius-sm:.375rem;--radius-md:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-background:#090b0f;--color-surface:#11141a;--color-border:#232730;--color-text:#f5f7fa;--color-secondary:#9ca3af;--color-accent:#3b82f6;--color-sidebar:#0d1015;--color-hover:#191d25;--color-overlay:#000000a6;--color-error:#fca5a5;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--font-weight-brand:650;--shadow-subtle:0 1px 2px #0000001f}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-sans);color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}html{scrollbar-gutter:stable}body{margin:0}dialog{overscroll-behavior:contain;overflow-wrap:anywhere}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{cursor:pointer}:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}html:has(dialog[open]){overflow:hidden}}@layer components{.auth-page{min-height:100svh;padding:var(--spacing-6);flex-direction:column;display:flex}.auth-brand{width:100%;max-width:var(--content-width);margin-inline:auto}.auth-main{width:100%;max-width:24rem;padding-block:var(--spacing-12);margin:auto}.auth-heading{margin-bottom:var(--spacing-8)}.auth-heading .navigation-label{margin-bottom:var(--spacing-4);padding:0}.auth-heading h1{margin-bottom:var(--spacing-3);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);line-height:1.2}.auth-heading>p:last-child{color:var(--color-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.auth-form{gap:var(--spacing-5);display:grid}.form-field{gap:var(--spacing-2);font-size:var(--text-sm);display:grid}.form-field label{font-weight:var(--font-weight-medium)}.form-field input{width:100%;min-height:var(--target-size);padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--text-base)}.form-field input[aria-invalid=true]{border-color:var(--color-error)}.field-hint{color:var(--color-secondary);font-size:var(--text-xs)}.field-error,.form-error,.logout-error{color:var(--color-error);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.auth-submit{min-height:var(--target-size);padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-accent);color:var(--color-background);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);transition:background-color var(--motion-fast);place-items:center;display:grid}.auth-submit:hover:not(:disabled){background:#5895f7}@supports (color:color-mix(in lab, red, red)){.auth-submit:hover:not(:disabled){background:color-mix(in srgb, var(--color-accent) 85%, white)}}.auth-submit:disabled,.icon-button:disabled{opacity:.6;cursor:wait}.auth-footer{margin-top:var(--spacing-8);padding-top:var(--spacing-6);border-top:1px solid var(--color-border);text-align:center;color:var(--color-secondary);font-size:var(--text-sm)}.auth-footer a{min-height:var(--target-size);color:var(--color-text);text-underline-offset:4px;align-items:center;text-decoration:underline;display:inline-flex}.auth-footer a:hover{color:var(--color-accent)}.auth-caption{text-align:center;color:var(--color-secondary);font-size:var(--text-xs)}.session-status{justify-content:center;align-items:center;gap:var(--spacing-5);min-height:100svh;padding:var(--spacing-6);color:var(--color-secondary);text-align:center;flex-direction:column;display:flex}.sidebar-user{min-width:0}.sidebar-user p,.sidebar-user>span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.topbar-actions{align-items:center;gap:var(--spacing-4);display:flex}.logout-error{padding:0 var(--page-gutter) var(--spacing-3);text-align:right}.clients-heading-row{justify-content:space-between;align-items:start;gap:var(--spacing-5);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.clients-heading-row .page-header{margin-bottom:0}.primary-button,.secondary-button,.danger-button,.text-action,.danger-link{min-height:var(--target-size);justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-sm);font:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-medium);transition:background-color var(--motion-fast), border-color var(--motion-fast), color var(--motion-fast);display:inline-flex}.primary-button{border:1px solid var(--color-accent);color:var(--color-background);background:var(--color-accent)}.primary-button:hover:not(:disabled){background:#5895f7}@supports (color:color-mix(in lab, red, red)){.primary-button:hover:not(:disabled){background:color-mix(in srgb, var(--color-accent) 85%, white)}}.secondary-button{border:1px solid var(--color-border);color:var(--color-text);background:0 0}.secondary-button:hover:not(:disabled){background:var(--color-hover)}.danger-button{border:1px solid #856065}@supports (color:color-mix(in lab, red, red)){.danger-button{border:1px solid color-mix(in srgb, var(--color-error) 45%, var(--color-border))}}.danger-button{color:var(--color-background);background:var(--color-error)}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.55;cursor:wait}.clients-panel,.detail-section,.danger-section,.client-not-found{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-subtle)}.clients-toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.clients-toolbar h2,.detail-section-heading h2,.danger-section h2,.dialog-heading h2,.confirmation-dialog h2{font-size:var(--text-base);font-weight:var(--font-weight-medium)}.clients-toolbar p,.detail-section-heading p,.dialog-heading p,.danger-section p,.confirmation-dialog>p{margin-top:var(--spacing-1);color:var(--color-secondary);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.status-switch{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px;display:inline-flex}.status-switch button{min-height:2.25rem;padding:var(--spacing-2) var(--spacing-3);border-radius:calc(var(--radius-sm) - 2px);color:var(--color-secondary);font:inherit;font-size:var(--text-xs);font-weight:var(--font-weight-medium)}.status-switch button[aria-pressed=true]{color:var(--color-text);background:var(--color-hover)}.clients-search{margin:var(--spacing-4);align-items:center;display:flex;position:relative}.clients-search svg{left:var(--spacing-3);color:var(--color-secondary);pointer-events:none;position:absolute}.clients-search input{width:100%;min-height:var(--target-size);padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) 2.6rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-background);font:inherit;font-size:var(--text-sm)}.clients-search input::placeholder,.form-field input::placeholder{color:#9ca3afbf}@supports (color:color-mix(in lab, red, red)){.clients-search input::placeholder,.form-field input::placeholder{color:color-mix(in srgb, var(--color-secondary) 75%, transparent)}}.clients-table-wrap{border-top:1px solid var(--color-border);display:none;overflow-x:auto}.clients-table{border-collapse:collapse;width:100%;min-width:54rem;font-size:var(--text-sm)}.clients-table th{padding:var(--spacing-3) var(--spacing-4);color:var(--color-secondary);font-size:.6875rem;font-weight:var(--font-weight-medium);letter-spacing:.04em;text-align:left;text-transform:uppercase}.clients-table td{padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-border);color:var(--color-secondary);vertical-align:middle}.clients-table tbody tr:hover{background:#191d2599}@supports (color:color-mix(in lab, red, red)){.clients-table tbody tr:hover{background:color-mix(in srgb, var(--color-hover) 60%, transparent)}}.client-identity,.client-mobile-heading,.client-detail-identity{align-items:center;gap:var(--spacing-3);min-width:0;display:flex}.client-avatar{border:1px solid #283958;flex-shrink:0;place-items:center;width:2.25rem;height:2.25rem;display:grid}@supports (color:color-mix(in lab, red, red)){.client-avatar{border:1px solid color-mix(in srgb, var(--color-border) 80%, var(--color-accent))}}.client-avatar{border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-background);font-size:.6875rem;font-weight:var(--font-weight-semibold)}.client-avatar.is-large{width:var(--spacing-12);height:var(--spacing-12);font-size:var(--text-sm)}.client-identity>div,.client-mobile-heading>div{min-width:0}.client-identity a,.client-mobile-heading strong{color:var(--color-text);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.client-identity a:hover{color:var(--color-accent)}.client-identity span,.client-mobile-heading span{max-width:18rem;color:var(--color-secondary);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;display:block;overflow:hidden}.status-badge{align-items:center;gap:var(--spacing-2);color:var(--color-text);font-size:var(--text-xs);display:inline-flex}.status-badge:before{background:var(--color-accent);content:"";border-radius:999px;width:.375rem;height:.375rem}.status-badge.is-archived{color:var(--color-secondary)}.status-badge.is-archived:before{background:var(--color-secondary)}.muted-value{color:#9ca3af8c}@supports (color:color-mix(in lab, red, red)){.muted-value{color:color-mix(in srgb, var(--color-secondary) 55%, transparent)}}.row-action{border-radius:var(--radius-sm);width:2.25rem;height:2.25rem;color:var(--color-secondary);place-items:center;margin-left:auto;display:grid}.row-action:hover{color:var(--color-text);background:var(--color-hover)}.clients-mobile-list{border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr);display:grid}.clients-mobile-list li+li{border-top:1px solid var(--color-border)}.client-mobile-card{padding:var(--spacing-4);border-radius:var(--radius-sm);display:block}.client-mobile-card:hover{background:var(--color-hover)}.client-mobile-heading>div{flex:1}.client-mobile-heading>svg{color:var(--color-secondary);flex-shrink:0}.client-mobile-card dl{gap:var(--spacing-4);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.client-mobile-card dt{color:var(--color-secondary);text-transform:uppercase;font-size:.6875rem}.client-mobile-card dd{margin-top:var(--spacing-1);color:var(--color-text);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clients-loading,.detail-loading,.clients-message{min-height:17rem;padding:var(--spacing-8);color:var(--color-secondary);font-size:var(--text-sm);text-align:center;place-items:center;display:grid}.clients-message{align-content:center;gap:var(--spacing-2)}.clients-message h3{color:var(--color-text);font-weight:var(--font-weight-medium)}.clients-message .secondary-button{margin-top:var(--spacing-3)}.text-action{margin-top:var(--spacing-4);color:var(--color-accent);text-underline-offset:4px;text-decoration:underline}.operation-notice,.archive-notice{margin-bottom:var(--spacing-5);padding:var(--spacing-3) var(--spacing-4);border:1px solid #293e62}@supports (color:color-mix(in lab, red, red)){.operation-notice,.archive-notice{border:1px solid color-mix(in srgb, var(--color-accent) 25%, var(--color-border))}}.operation-notice,.archive-notice{border-radius:var(--radius-sm);color:var(--color-secondary);background:#131a25}@supports (color:color-mix(in lab, red, red)){.operation-notice,.archive-notice{background:color-mix(in srgb, var(--color-accent) 5%, var(--color-surface))}}.operation-notice,.archive-notice{font-size:var(--text-xs);line-height:var(--leading-relaxed)}.client-dialog,.confirmation-dialog{border:1px solid var(--color-border);border-radius:var(--radius-md);width:min(100vw - 2rem,36rem);max-width:none;max-height:calc(100dvh - 2rem);color:var(--color-text);background:var(--color-surface);margin:auto;padding:0;overflow:auto;box-shadow:0 1rem 3rem #00000059}.client-dialog::backdrop,.confirmation-dialog::backdrop{background:var(--color-overlay)}.dialog-heading{justify-content:space-between;align-items:start;gap:var(--spacing-5);padding:var(--spacing-5);border-bottom:1px solid var(--color-border);display:flex}.dialog-heading .navigation-label,.confirmation-dialog .navigation-label{margin:0 0 var(--spacing-2);padding:0}.client-form{padding:var(--spacing-5)}.client-form-fields{gap:var(--spacing-5);grid-template-columns:minmax(0,1fr);display:grid}.dialog-actions,.detail-form-actions{justify-content:flex-end;gap:var(--spacing-3);margin-top:var(--spacing-6);padding-top:var(--spacing-5);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.client-form>.form-error,.client-detail-form>.form-error{margin-top:var(--spacing-4)}.back-link{min-height:var(--target-size);align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-5);border-radius:var(--radius-sm);color:var(--color-secondary);font-size:var(--text-sm);display:inline-flex}.back-link:hover{color:var(--color-text)}.client-detail-header{justify-content:space-between;align-items:center;gap:var(--spacing-5);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.client-detail-identity>div{min-width:0}.client-title-line{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.client-title-line h1{border-radius:var(--radius-sm);max-width:100%;font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);overflow-wrap:anywhere;line-height:1.25}.client-detail-identity p{margin-top:var(--spacing-1);overflow-wrap:anywhere;color:var(--color-secondary);font-size:var(--text-sm)}.client-detail-grid{align-items:start;gap:var(--spacing-5);display:grid}.detail-section-heading{justify-content:space-between;align-items:start;gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.detail-section-heading>span{color:var(--color-secondary);font-size:var(--text-xs)}.client-detail-form{padding:var(--spacing-5)}.danger-section{padding:var(--spacing-4)}.danger-link{margin-top:var(--spacing-4);color:var(--color-error);padding-inline:0}.danger-link:hover{text-underline-offset:4px;text-decoration:underline}.confirmation-dialog{width:min(100vw - 2rem,30rem);padding:var(--spacing-6)}.confirmation-dialog .dialog-actions{margin-top:var(--spacing-5)}.confirmation-dialog>.form-error{margin-top:var(--spacing-4)}@media (width>=40rem){.client-form-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=48rem){.clients-table-wrap{display:block}.clients-mobile-list{display:none}.clients-search{max-width:30rem}}@media (width>=72rem){.client-detail-grid{grid-template-columns:minmax(0,2fr) minmax(16rem,.75fr)}}.projects-heading-row,.project-detail-header{justify-content:space-between;align-items:start;gap:var(--spacing-5);margin-bottom:var(--spacing-6);flex-wrap:wrap;display:flex}.projects-heading-row .page-header{margin-bottom:0}.projects-panel,.project-overview,.project-not-found{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-subtle)}.projects-toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.projects-toolbar h2{font-size:var(--text-base);font-weight:var(--font-weight-medium)}.projects-toolbar p{margin-top:var(--spacing-1);color:var(--color-secondary);font-size:var(--text-xs)}.projects-filters{gap:var(--spacing-3);padding:var(--spacing-4);grid-template-columns:minmax(0,1fr);display:grid}.projects-search{align-items:center;display:flex;position:relative}.projects-search svg{left:var(--spacing-3);color:var(--color-secondary);pointer-events:none;position:absolute}.projects-search input,.projects-filters select,.project-form-fields select,.project-form-fields textarea{width:100%;min-height:var(--target-size);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-background);font:inherit;font-size:var(--text-sm)}.project-progress-mode{border:0;min-width:0}.project-progress-mode legend{margin-bottom:var(--spacing-2)}.project-progress-mode>div{gap:var(--spacing-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-progress-mode label{min-height:var(--target-size);align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-secondary);background:var(--color-background);font-size:var(--text-sm);display:flex}.project-progress-mode label:has(input:checked){border-color:var(--color-accent);color:var(--color-text)}.project-progress-mode input{accent-color:var(--color-accent)}.projects-search input{padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) 2.6rem}.projects-filters select,.project-form-fields select{padding:var(--spacing-2) 2.25rem var(--spacing-2) var(--spacing-3)}.project-form-fields textarea{min-height:7rem;padding:var(--spacing-3);resize:vertical}.projects-table-wrap{border-top:1px solid var(--color-border);display:none;overflow-x:auto}.projects-table{border-collapse:collapse;width:100%;min-width:66rem;font-size:var(--text-sm)}.projects-table th{padding:var(--spacing-3) var(--spacing-4);color:var(--color-secondary);font-size:.6875rem;font-weight:var(--font-weight-medium);letter-spacing:.04em;text-align:left;text-transform:uppercase}.projects-table td{padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-border);color:var(--color-secondary);vertical-align:middle}.projects-table tbody tr:hover{background:#191d2599}@supports (color:color-mix(in lab, red, red)){.projects-table tbody tr:hover{background:color-mix(in srgb, var(--color-hover) 60%, transparent)}}.project-name-link,.project-client-name{max-width:16rem;color:var(--color-text);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.project-name-link:hover{color:var(--color-accent)}.client-archived-label{color:var(--color-secondary);margin-top:2px;font-size:.6875rem;display:block}.project-status{align-items:center;gap:var(--spacing-2);color:var(--color-secondary);font-size:var(--text-xs);white-space:nowrap;display:inline-flex}.project-status:before{background:var(--color-secondary);content:"";border-radius:999px;width:.375rem;height:.375rem}.project-status[data-status=IN_PROGRESS],.project-status[data-status=PLANNING]{color:var(--color-text)}.project-status[data-status=IN_PROGRESS]:before,.project-status[data-status=PLANNING]:before{background:var(--color-accent)}.project-status[data-status=COMPLETED]:before{background:#6ee7b7}.project-status[data-status=CANCELLED]:before{background:var(--color-error)}.project-progress{align-items:center;gap:var(--spacing-2);min-width:7rem;color:var(--color-secondary);font-size:var(--text-xs);display:flex}.project-progress-track{background:var(--color-hover);border-radius:999px;width:4.5rem;height:.25rem;display:block;overflow:hidden}.project-progress-track>span{border-radius:inherit;background:var(--color-accent);height:100%;display:block}.projects-mobile-list{border-top:1px solid var(--color-border);display:grid}.projects-mobile-list li+li{border-top:1px solid var(--color-border)}.project-mobile-card{padding:var(--spacing-4);border-radius:var(--radius-sm);display:block}.project-mobile-card:hover{background:var(--color-hover)}.project-mobile-heading,.project-mobile-status-line{justify-content:space-between;align-items:center;gap:var(--spacing-3);display:flex}.project-mobile-heading>div{min-width:0}.project-mobile-heading strong,.project-mobile-heading span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.project-mobile-heading strong{color:var(--color-text);font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.project-mobile-heading span{color:var(--color-secondary);font-size:var(--text-xs);margin-top:2px}.project-mobile-status-line,.project-mobile-card .project-progress{margin-top:var(--spacing-4)}.project-mobile-card .project-progress-track{width:100%}.project-mobile-card dl{gap:var(--spacing-4);margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-mobile-card dt{color:var(--color-secondary);text-transform:uppercase;font-size:.6875rem}.project-mobile-card dd{margin-top:var(--spacing-1);color:var(--color-text);font-size:var(--text-xs)}.projects-loading,.projects-message{min-height:17rem;padding:var(--spacing-8);color:var(--color-secondary);font-size:var(--text-sm);text-align:center;place-items:center;display:grid}.projects-message{align-content:center;gap:var(--spacing-2)}.projects-message h3{color:var(--color-text);font-weight:var(--font-weight-medium)}.project-prerequisite{margin-bottom:var(--spacing-5);padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-secondary);background:var(--color-surface);font-size:var(--text-xs)}.project-prerequisite a,.project-prerequisite button,.project-form-unavailable button{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline}.project-dialog{border:1px solid var(--color-border);border-radius:var(--radius-md);width:min(100vw - 2rem,48rem);max-width:none;max-height:calc(100dvh - 2rem);color:var(--color-text);background:var(--color-surface);margin:auto;padding:0;overflow:auto;box-shadow:0 1rem 3rem #00000059}.project-dialog::backdrop{background:var(--color-overlay)}.project-form,.project-detail-form{padding:var(--spacing-5)}.project-form-fields{gap:var(--spacing-5);grid-template-columns:minmax(0,1fr);display:grid}.project-form>.form-error,.project-detail-form>.form-error{margin-top:var(--spacing-4)}.project-detail-header>div{min-width:0}.project-title-line{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.project-title-line h1{border-radius:var(--radius-sm);max-width:100%;font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);overflow-wrap:anywhere;line-height:1.25}.project-detail-header p{margin-top:var(--spacing-1);color:var(--color-secondary);font-size:var(--text-sm)}.project-overview{gap:var(--spacing-5);margin-bottom:var(--spacing-5);padding:var(--spacing-4);display:grid}.project-overview>div>span:first-child,.project-overview dt{color:var(--color-secondary);letter-spacing:.04em;text-transform:uppercase;font-size:.6875rem}.project-overview strong{margin-top:var(--spacing-1);font-size:var(--text-lg);display:block}.project-progress-track.is-large{width:100%;height:.375rem;margin-top:var(--spacing-3)}.project-overview dl{gap:var(--spacing-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-overview dd{margin-top:var(--spacing-1);color:var(--color-text);font-size:var(--text-sm)}.project-detail-grid{align-items:start;gap:var(--spacing-5);display:grid}.project-form-unavailable{gap:var(--spacing-3);padding:var(--spacing-6);color:var(--color-secondary);font-size:var(--text-sm);display:grid}@media (width>=40rem){.projects-filters{grid-template-columns:minmax(16rem,1fr) minmax(10rem,.45fr) minmax(10rem,.45fr)}.project-form-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.project-description-field{grid-column:1/-1}.project-overview{grid-template-columns:minmax(12rem,.8fr) minmax(0,2fr)}.project-overview dl{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=48rem){.projects-table-wrap{display:block}.projects-mobile-list{display:none}}@media (width>=72rem){.project-detail-grid{grid-template-columns:minmax(0,2fr) minmax(16rem,.75fr)}}.project-tasks,.tasks-panel{min-width:0;margin-bottom:var(--spacing-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-subtle);overflow:hidden}.project-tasks-heading,.tasks-toolbar{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.project-tasks-heading h2,.tasks-toolbar h2{font-size:var(--text-base);font-weight:var(--font-weight-medium)}.project-tasks-heading>div>p:last-child,.tasks-toolbar p{margin-top:var(--spacing-1);color:var(--color-secondary);font-size:var(--text-xs)}.task-readonly-notice{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);color:var(--color-secondary);font-size:var(--text-xs)}.kanban-board{gap:var(--spacing-3);width:100%;min-width:0;max-width:100%;padding:var(--spacing-4);overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;grid-auto-columns:minmax(17rem,82vw);grid-auto-flow:column;display:grid;position:relative;overflow-x:auto}.kanban-column{min-width:0;min-height:12rem;padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);scroll-snap-align:start}.kanban-column[data-over=true]{border-color:var(--color-accent)}.kanban-column>header{margin-bottom:var(--spacing-3);justify-content:space-between;align-items:center;display:flex}.kanban-column>header h3{color:var(--color-secondary);font-size:.6875rem;font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.kanban-column>header span{min-width:1.5rem;padding:.125rem var(--spacing-2);color:var(--color-secondary);background:var(--color-hover);text-align:center;border-radius:999px;font-size:.6875rem}.kanban-column-list{align-content:start;gap:var(--spacing-2);min-height:8rem;display:grid}.kanban-empty{border:1px dashed var(--color-border);border-radius:var(--radius-sm);min-height:7rem;color:var(--color-secondary);font-size:var(--text-xs);place-items:center;display:grid}.task-card{padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);box-shadow:var(--shadow-subtle)}.task-card[data-dragging=true]{z-index:2;opacity:.55}.task-card-heading{align-items:start;gap:var(--spacing-2);display:flex}.task-card-heading strong{min-width:0;font-size:var(--text-sm);font-weight:var(--font-weight-medium);overflow-wrap:anywhere;flex:1}.task-drag-handle,.task-card-actions button,.task-accessible-controls button,.task-row-action{border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--color-secondary);flex:none;place-items:center;display:inline-grid}.task-drag-handle{cursor:grab;touch-action:none;margin:-.375rem 0 -.375rem -.5rem}.task-drag-handle:active{cursor:grabbing}.task-card-actions{margin:-.375rem -.375rem 0 0;display:flex}.task-card-actions button:hover,.task-accessible-controls button:hover:not(:disabled),.task-row-action:hover:not(:disabled){color:var(--color-text);background:var(--color-hover)}.task-card>p{margin:var(--spacing-2) 0 0 1.5rem;color:var(--color-secondary);font-size:var(--text-xs);line-height:var(--leading-normal);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.task-card-meta,.task-mobile-meta{align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-3);color:var(--color-secondary);flex-wrap:wrap;font-size:.6875rem;display:flex}.task-card-meta span,.task-priority,.task-mobile-meta span{padding:.125rem var(--spacing-2);border:1px solid var(--color-border);border-radius:999px}[data-priority=HIGH],[data-priority=URGENT]{color:#fda4af}.task-accessible-controls{gap:var(--spacing-2);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto auto auto;display:grid}.task-accessible-controls select,.tasks-filters select,.tasks-table select,.task-form select,.task-form textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-height:2rem;color:var(--color-text);background:var(--color-background);font:inherit;font-size:var(--text-xs)}.task-accessible-controls select,.tasks-filters select,.tasks-table select,.task-form select{padding:var(--spacing-2) 2rem var(--spacing-2) var(--spacing-2)}.task-dialog{border:1px solid var(--color-border);border-radius:var(--radius-md);width:min(100vw - 2rem,38rem);max-width:none;max-height:calc(100dvh - 2rem);color:var(--color-text);background:var(--color-surface);margin:auto;padding:0;overflow:auto;box-shadow:0 1rem 3rem #00000059}.task-dialog::backdrop{background:var(--color-overlay)}.task-form{gap:var(--spacing-4);padding:var(--spacing-5);display:grid}.task-form-row{gap:var(--spacing-4);display:grid}.task-form textarea{min-height:7rem;padding:var(--spacing-3);resize:vertical}.task-visibility{align-items:start;gap:var(--spacing-3);padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-sm);display:flex}.task-visibility input{width:1rem;height:1rem;accent-color:var(--color-accent);margin-top:.15rem}.task-visibility strong,.task-visibility small{display:block}.task-visibility strong{font-weight:var(--font-weight-medium)}.task-visibility small{margin-top:var(--spacing-1);color:var(--color-secondary);font-size:var(--text-xs)}.tasks-filters{gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--color-border);display:grid}.tasks-search{align-items:center;display:flex;position:relative}.tasks-search svg{left:var(--spacing-3);color:var(--color-secondary);position:absolute}.tasks-search input{width:100%;min-height:var(--target-size);padding:var(--spacing-3) var(--spacing-3) var(--spacing-3) 2.6rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-background);font:inherit;font-size:var(--text-sm)}.tasks-filters select{min-height:var(--target-size);font-size:var(--text-sm)}.tasks-loading,.tasks-message{align-content:center;place-items:center;gap:var(--spacing-3);min-height:12rem;padding:var(--spacing-6);color:var(--color-secondary);font-size:var(--text-sm);text-align:center;display:grid}.tasks-table-wrap{display:none;overflow-x:auto}.tasks-table{border-collapse:collapse;width:100%;min-width:56rem;font-size:var(--text-sm)}.tasks-table th,.tasks-table td{padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-border);color:var(--color-secondary);text-align:left;vertical-align:middle}.tasks-table th{font-size:.6875rem;font-weight:var(--font-weight-medium);letter-spacing:.04em;text-transform:uppercase;border-top:0}.tasks-table td strong,.tasks-table td small,.tasks-table td a{display:block}.tasks-table td strong,.tasks-table td a{color:var(--color-text)}.tasks-table td small{margin-top:2px;font-size:.6875rem}.tasks-mobile-list{display:grid}.tasks-mobile-list li{gap:var(--spacing-3);padding:var(--spacing-4);border-top:1px solid var(--color-border);display:grid}.tasks-mobile-list strong,.tasks-mobile-list a{display:block}.tasks-mobile-list strong{font-size:var(--text-sm)}.tasks-mobile-list a{margin-top:var(--spacing-1);color:var(--color-secondary);font-size:var(--text-xs)}.project-overview small{margin-top:var(--spacing-2);color:var(--color-secondary);font-size:.6875rem;display:block}@media (width>=40rem){.task-form-row,.tasks-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.tasks-search{grid-column:1/-1}}@media (width>=48rem){.tasks-table-wrap{display:block}.tasks-mobile-list{display:none}}@media (width>=64rem){.kanban-board{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:initial;overflow:visible}}@media (width>=80rem){.tasks-filters{grid-template-columns:minmax(17rem,1.5fr) repeat(4,minmax(9rem,.7fr))}.tasks-search{grid-column:auto}}.hours-heading-row,.project-time-heading{justify-content:space-between;align-items:start;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.hours-heading-row{margin-bottom:var(--spacing-6)}.hours-heading-row .page-header{margin-bottom:0}.hours-summary{margin-bottom:var(--spacing-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-border);box-shadow:var(--shadow-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.hours-summary>div{min-width:0;padding:var(--spacing-4);background:var(--color-surface)}.hours-summary span,.hours-summary small{color:var(--color-secondary);font-size:var(--text-xs);display:block}.hours-summary strong{margin-block:var(--spacing-2) var(--spacing-1);font-size:clamp(1.25rem, 4vw, var(--text-2xl));font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hours-panel,.project-time-section{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-subtle);overflow:hidden}.hours-toolbar,.project-time-heading{padding:var(--spacing-4);border-bottom:1px solid var(--color-border)}.hours-toolbar h2,.project-time-heading h2{font-size:var(--text-base);font-weight:var(--font-weight-medium)}.hours-toolbar p,.project-time-heading p:not(.navigation-label){margin-top:var(--spacing-1);color:var(--color-secondary);font-size:var(--text-xs)}.project-time-heading .navigation-label{padding:0 0 var(--spacing-2)}.hours-filters{gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--color-border);display:grid}.hours-filters label{gap:var(--spacing-2);min-width:0;color:var(--color-secondary);font-size:.6875rem;font-weight:var(--font-weight-medium);display:grid}.hours-filters input,.hours-filters select,.time-entry-form select,.time-entry-form textarea{width:100%;min-height:var(--target-size);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-background);font:inherit;font-size:var(--text-sm)}.hours-filters input,.time-entry-form textarea{padding:var(--spacing-3)}.hours-filters select,.time-entry-form select{padding:var(--spacing-2) 2rem var(--spacing-2) var(--spacing-3)}.hours-search{align-items:end;display:flex;position:relative}.hours-search svg{bottom:.8rem;left:var(--spacing-3);color:var(--color-secondary);pointer-events:none;position:absolute}.hours-search input{padding-left:2.6rem}.hours-message,.time-section-message{align-content:center;place-items:center;gap:var(--spacing-2);min-height:11rem;padding:var(--spacing-6);color:var(--color-secondary);font-size:var(--text-sm);text-align:center;display:grid}.hours-message h3,.time-section-message strong{color:var(--color-text);font-weight:var(--font-weight-medium)}.time-section-message button{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline}.hours-table-wrap{display:none;overflow-x:auto}.hours-table{border-collapse:collapse;width:100%;min-width:58rem;font-size:var(--text-sm)}.hours-table th,.hours-table td{padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-border);color:var(--color-secondary);text-align:left;vertical-align:middle}.hours-table th{font-size:.6875rem;font-weight:var(--font-weight-medium);letter-spacing:.04em;text-transform:uppercase;border-top:0}.hours-table td:nth-child(2){max-width:18rem;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hours-table td a,.hours-table td strong{color:var(--color-text)}.hours-table td a,.hours-table td small{display:block}.hours-table td small{margin-top:2px;font-size:.6875rem}.time-row-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-1);display:flex}.time-row-actions button{justify-content:center;align-items:center;gap:var(--spacing-2);border-radius:var(--radius-sm);min-width:2rem;min-height:2rem;color:var(--color-secondary);font-size:var(--text-xs);display:inline-flex}.time-row-actions button:hover:not(:disabled){color:var(--color-text);background:var(--color-hover)}.time-row-actions button:disabled{cursor:not-allowed;opacity:.4}.hours-mobile-list{display:grid}.hours-mobile-list li{gap:var(--spacing-2);min-width:0;padding:var(--spacing-4);border-top:1px solid var(--color-border);display:grid}.hours-mobile-heading{justify-content:space-between;align-items:center;gap:var(--spacing-3);font-size:var(--text-sm);display:flex}.hours-mobile-heading time,.hours-mobile-list>li>span{color:var(--color-secondary);font-size:var(--text-xs)}.hours-mobile-list p{overflow-wrap:anywhere;font-size:var(--text-sm)}.hours-mobile-list a{color:var(--color-accent);font-size:var(--text-xs)}.hours-mobile-list .time-row-actions{margin-top:var(--spacing-2);justify-content:flex-start}.time-entry-dialog{border:1px solid var(--color-border);border-radius:var(--radius-md);width:min(100vw - 2rem,38rem);max-width:none;max-height:calc(100dvh - 2rem);color:var(--color-text);background:var(--color-surface);margin:auto;padding:0;overflow:auto;box-shadow:0 1rem 3rem #00000059}.time-entry-dialog::backdrop{background:var(--color-overlay)}.time-entry-form{gap:var(--spacing-4);padding:var(--spacing-5);display:grid}.time-entry-form textarea{resize:vertical;min-height:6rem}.time-entry-fixed-project{gap:var(--spacing-1);padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);display:grid}.time-entry-fixed-project span{color:var(--color-secondary);font-size:var(--text-xs)}.time-entry-fixed-project strong{font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.duration-fields{gap:var(--spacing-3);border:0;grid-template-columns:repeat(2,minmax(0,1fr));min-width:0;display:grid}.duration-fields legend{margin-bottom:var(--spacing-2);font-size:var(--text-sm);grid-column:1/-1}.project-time-section{margin-bottom:var(--spacing-5)}.time-read-only{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);color:var(--color-secondary);background:#191d258c}@supports (color:color-mix(in lab, red, red)){.time-read-only{background:color-mix(in srgb, var(--color-hover) 55%, transparent)}}.time-read-only{font-size:var(--text-xs)}.project-time-total{align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--color-border);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.project-time-total>svg{color:var(--color-accent)}.project-time-total span,.project-time-total small{color:var(--color-secondary);font-size:var(--text-xs);display:block}.project-time-total strong{font-size:var(--text-lg);margin-top:2px;display:block}.project-time-list{display:grid}.project-time-list li{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);font-size:var(--text-sm);grid-template-columns:minmax(5.5rem,auto) minmax(0,1fr) auto auto;display:grid}.project-time-list time,.project-time-list span{color:var(--color-secondary);font-size:var(--text-xs)}.project-time-list strong,.project-time-list span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.project-time-list b{font-weight:var(--font-weight-medium)}.project-time-all{min-height:var(--target-size);color:var(--color-accent);font-size:var(--text-xs);justify-content:center;align-items:center;display:flex}@media (width<=39.99rem){.project-time-list li{grid-template-columns:minmax(0,1fr) auto}.project-time-list li>div:first-of-type{grid-area:2/1/auto/-1}.project-time-list .time-row-actions{grid-column:1/-1;justify-content:flex-start}}@media (width>=40rem){.hours-summary>div{padding:var(--spacing-5)}.hours-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.hours-search{grid-column:1/-1}}@media (width>=48rem){.hours-table-wrap{display:block}.hours-mobile-list{display:none}}@media (width>=72rem){.hours-filters{grid-template-columns:minmax(16rem,1.4fr) repeat(4,minmax(8rem,.75fr));align-items:end}.hours-search{grid-column:auto}}.finance-heading-row,.project-finance-heading{justify-content:space-between;align-items:start;gap:var(--spacing-4);flex-wrap:wrap;display:flex}.finance-heading-row{margin-bottom:var(--spacing-6)}.finance-heading-row .page-header{margin-bottom:0}.finance-summary,.project-finance-summary{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-border);box-shadow:var(--shadow-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.finance-summary{margin-bottom:var(--spacing-5)}.finance-summary>div,.project-finance-summary>div{min-width:0;padding:var(--spacing-4);background:var(--color-surface)}.finance-summary span,.finance-summary small,.project-finance-summary span{color:var(--color-secondary);font-size:var(--text-xs);display:block}.finance-summary strong,.project-finance-summary strong{margin-block:var(--spacing-2) var(--spacing-1);font-size:clamp(1.05rem, 4vw, var(--text-xl));font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.finance-summary [data-finance-total=overdue] strong,.project-finance-summary>div:last-child strong{color:var(--color-danger)}.finance-panel,.project-finance-section{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-subtle);overflow:hidden}.project-finance-section{margin-top:var(--spacing-6)}.finance-toolbar,.project-finance-heading{padding:var(--spacing-4);border-bottom:1px solid var(--color-border)}.finance-toolbar h2,.project-finance-heading h2{font-size:var(--text-base);font-weight:var(--font-weight-medium)}.finance-toolbar p,.project-finance-heading p:not(.navigation-label){margin-top:var(--spacing-1);color:var(--color-secondary);font-size:var(--text-xs)}.project-finance-heading .navigation-label{padding:0 0 var(--spacing-2)}.finance-filters{gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--color-border);display:grid}.finance-filters label{gap:var(--spacing-2);min-width:0;color:var(--color-secondary);font-size:.6875rem;font-weight:var(--font-weight-medium);display:grid}.finance-filters input,.finance-filters select,.payment-form select{width:100%;min-height:var(--target-size);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-background);font:inherit;font-size:var(--text-sm)}.finance-filters input{padding:var(--spacing-3)}.finance-filters select,.payment-form select{padding:var(--spacing-2) 2rem var(--spacing-2) var(--spacing-3)}.finance-search{align-items:end;display:flex;position:relative}.finance-search svg{bottom:.8rem;left:var(--spacing-3);color:var(--color-secondary);pointer-events:none;position:absolute}.finance-search input{padding-left:2.6rem}.finance-message{align-content:center;place-items:center;gap:var(--spacing-2);min-height:10rem;padding:var(--spacing-6);color:var(--color-secondary);font-size:var(--text-sm);text-align:center;display:grid}.finance-message h3,.finance-message strong{color:var(--color-text);font-weight:var(--font-weight-medium)}.finance-message button{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline}.finance-table-wrap{display:none;overflow-x:auto}.finance-table{border-collapse:collapse;width:100%;min-width:68rem;font-size:var(--text-sm)}.finance-table th,.finance-table td{padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-border);color:var(--color-secondary);text-align:left;vertical-align:middle}.finance-table th{font-size:.6875rem;font-weight:var(--font-weight-medium);letter-spacing:.04em;text-transform:uppercase;border-top:0}.finance-table td:first-child{max-width:16rem;color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.finance-table td a,.finance-table td strong{color:var(--color-text)}.finance-table td a,.finance-table td small{display:block}.finance-table td small{margin-top:2px;font-size:.6875rem}.payment-status{width:fit-content;min-height:1.65rem;padding-inline:var(--spacing-2);border:1px solid var(--color-border);color:var(--color-secondary);font-size:.6875rem;font-weight:var(--font-weight-medium);border-radius:999px;align-items:center;display:inline-flex}.payment-status[data-status=PAID]{border-color:#2f564a}@supports (color:color-mix(in lab, red, red)){.payment-status[data-status=PAID]{border-color:color-mix(in srgb, #48b982 32%, var(--color-border))}}.payment-status[data-status=PAID]{color:#7ed9aa;background:#48b98214}.payment-status[data-status=OVERDUE]{border-color:var(--color-danger)}@supports (color:color-mix(in lab, red, red)){.payment-status[data-status=OVERDUE]{border-color:color-mix(in srgb, var(--color-danger) 38%, var(--color-border))}}.payment-status[data-status=OVERDUE]{color:var(--color-danger);background:var(--color-danger)}@supports (color:color-mix(in lab, red, red)){.payment-status[data-status=OVERDUE]{background:color-mix(in srgb, var(--color-danger) 8%, transparent)}}.payment-row-actions{justify-content:flex-end;align-items:center;gap:var(--spacing-1);flex-wrap:wrap;display:flex}.payment-row-actions button{justify-content:center;align-items:center;gap:var(--spacing-2);border-radius:var(--radius-sm);min-width:2rem;min-height:2rem;color:var(--color-secondary);font-size:var(--text-xs);display:inline-flex}.payment-row-actions button:hover:not(:disabled){color:var(--color-text);background:var(--color-hover)}.payment-row-actions button:disabled{cursor:not-allowed;opacity:.4}.finance-mobile-list{display:grid}.finance-mobile-list li{gap:var(--spacing-3);min-width:0;padding:var(--spacing-4);border-top:1px solid var(--color-border);display:grid}.finance-mobile-heading{justify-content:space-between;align-items:start;gap:var(--spacing-3);display:flex}.finance-mobile-heading strong{overflow-wrap:anywhere;min-width:0;font-size:var(--text-sm)}.finance-mobile-heading b{font-size:var(--text-sm);flex-shrink:0}.finance-mobile-meta{align-items:center;gap:var(--spacing-2) var(--spacing-3);color:var(--color-secondary);font-size:var(--text-xs);flex-wrap:wrap;display:flex}.finance-mobile-meta a{color:var(--color-accent)}.finance-mobile-list .payment-row-actions{justify-content:flex-start}.payment-dialog{border:1px solid var(--color-border);border-radius:var(--radius-md);width:min(100vw - 2rem,38rem);max-width:none;max-height:calc(100dvh - 2rem);color:var(--color-text);background:var(--color-surface);margin:auto;padding:0;overflow:auto;box-shadow:0 1rem 3rem #00000059}.payment-dialog::backdrop{background:var(--color-overlay)}.payment-form{gap:var(--spacing-4);padding:var(--spacing-5);display:grid}.payment-fixed-project{gap:var(--spacing-1);padding:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-background);display:grid}.payment-fixed-project span{color:var(--color-secondary);font-size:var(--text-xs)}.payment-fixed-project strong{font-size:var(--text-sm);font-weight:var(--font-weight-medium)}.finance-read-only{padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);color:var(--color-secondary);background:var(--color-background);font-size:var(--text-xs)}.project-finance-summary{margin:var(--spacing-4)}.project-payment-list{border-top:1px solid var(--color-border)}.project-payment-list li{align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;display:grid}.project-payment-list li>div:first-child{gap:2px;min-width:0;display:grid}.project-payment-list li>div:first-child strong{font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-payment-list time{color:var(--color-secondary);font-size:var(--text-xs)}.project-payment-list b{font-size:var(--text-sm)}.project-payment-list .payment-status{grid-column:1}.project-payment-list .payment-row-actions{grid-area:2/2}.project-finance-all{min-height:var(--target-size);padding:var(--spacing-3) var(--spacing-4);color:var(--color-accent);font-size:var(--text-xs);text-align:center;display:block}@media (width>=40rem){.finance-filters{grid-template-columns:minmax(13rem,2fr) repeat(2,minmax(9rem,1fr))}.finance-summary,.project-finance-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.project-payment-list li{grid-template-columns:minmax(0,1fr) auto auto auto}.project-payment-list .payment-status{grid-column:auto}.project-payment-list .payment-row-actions{grid-area:auto}}@media (width>=64rem){.finance-filters{grid-template-columns:minmax(14rem,2fr) repeat(5,minmax(8rem,1fr))}.finance-table-wrap{display:block}.finance-mobile-list{display:none}}.route-loading,.dashboard-loading,.dashboard-error{align-content:center;place-items:center;gap:var(--spacing-3);min-height:18rem;color:var(--color-secondary);font-size:var(--text-sm);text-align:center;display:grid}.dashboard-error h1{color:var(--color-text);font-size:var(--text-lg)}.dashboard-heading-row{justify-content:space-between;align-items:start;gap:var(--spacing-4);margin-bottom:var(--spacing-5);flex-wrap:wrap;display:flex}.dashboard-heading-row .page-header{margin-bottom:0}.dashboard-period{gap:var(--spacing-2);width:min(100%,12rem);color:var(--color-secondary);font-size:var(--text-xs);display:grid}.dashboard-period select{width:100%;min-height:var(--target-size);padding:var(--spacing-2) 2rem var(--spacing-2) var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface);font:inherit;font-size:var(--text-sm)}.dashboard-shortcuts{align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-2);scrollbar-width:thin;display:flex;overflow-x:auto}.dashboard-shortcuts>span{margin-right:var(--spacing-1);color:var(--color-secondary);font-size:var(--text-xs);flex-shrink:0}.dashboard-shortcuts a{align-items:center;gap:var(--spacing-2);min-height:2.25rem;padding-inline:var(--spacing-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-secondary);background:var(--color-surface);font-size:var(--text-xs);flex-shrink:0;display:inline-flex}.dashboard-shortcuts a:hover{color:var(--color-text);border-color:#2b4775}@supports (color:color-mix(in lab, red, red)){.dashboard-shortcuts a:hover{border-color:color-mix(in srgb, var(--color-border) 65%, var(--color-accent))}}.dashboard-onboarding{justify-content:space-between;align-items:center;gap:var(--spacing-5);margin-bottom:var(--spacing-5);padding:var(--spacing-5);border:1px solid #293e62;flex-wrap:wrap;display:flex}@supports (color:color-mix(in lab, red, red)){.dashboard-onboarding{border:1px solid color-mix(in srgb, var(--color-border) 75%, var(--color-accent))}}.dashboard-onboarding{border-radius:var(--radius-md);background:var(--color-surface)}.dashboard-onboarding>div{max-width:42rem}.dashboard-onboarding span{color:var(--color-accent);font-size:.6875rem;font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.dashboard-onboarding h2{margin-top:var(--spacing-2);font-size:var(--text-lg)}.dashboard-onboarding p{margin-top:var(--spacing-2);color:var(--color-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.dashboard-metrics{margin-bottom:var(--spacing-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-border);box-shadow:var(--shadow-subtle);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}.dashboard-metrics>div{min-width:0;padding:var(--spacing-4);background:var(--color-surface)}.dashboard-metrics span,.dashboard-metrics small{color:var(--color-secondary);font-size:var(--text-xs);display:block}.dashboard-metrics strong{margin-block:var(--spacing-2) var(--spacing-1);font-size:clamp(1.15rem, 4vw, var(--text-2xl));font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dashboard-metrics .is-danger strong{color:var(--color-danger)}.dashboard-primary-grid,.dashboard-secondary-grid{gap:var(--spacing-5);margin-bottom:var(--spacing-5);display:grid}.dashboard-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);min-width:0;box-shadow:var(--shadow-subtle);overflow:hidden}.dashboard-panel-heading{justify-content:space-between;align-items:center;gap:var(--spacing-3);min-height:4.75rem;padding:var(--spacing-4);border-bottom:1px solid var(--color-border);display:flex}.dashboard-panel-heading span{color:var(--color-secondary);font-size:.6875rem;font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.dashboard-panel-heading h2{margin-top:var(--spacing-1);font-size:var(--text-base);font-weight:var(--font-weight-medium)}.dashboard-panel-heading>a{align-items:center;gap:var(--spacing-1);min-height:2.25rem;color:var(--color-accent);font-size:var(--text-xs);flex-shrink:0;display:inline-flex}.dashboard-panel-empty{min-height:9rem;padding:var(--spacing-5);color:var(--color-secondary);font-size:var(--text-sm);text-align:center;place-items:center;display:grid}.dashboard-project-list li+li,.dashboard-task-list li+li{border-top:1px solid var(--color-border)}.dashboard-project-list a{gap:var(--spacing-2) var(--spacing-4);padding:var(--spacing-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.dashboard-project-list a:hover,.dashboard-task-list a:hover,.dashboard-activity a:hover{background:var(--color-hover)}.dashboard-project-list a>div:first-child,.dashboard-task-list a>div:first-child{min-width:0}.dashboard-project-list strong,.dashboard-task-list strong{font-size:var(--text-sm);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.dashboard-project-list div span,.dashboard-task-list div span,.dashboard-project-list small{color:var(--color-secondary);font-size:var(--text-xs)}.dashboard-project-meta{align-items:center;gap:var(--spacing-3);color:var(--color-secondary);font-size:var(--text-xs);display:flex}.dashboard-project-meta b{color:var(--color-text);font-weight:var(--font-weight-medium)}.dashboard-progress{background:var(--color-border);border-radius:999px;grid-column:1/-1;height:3px;overflow:hidden}.dashboard-progress>span{border-radius:inherit;background:var(--color-accent);height:100%;display:block}.dashboard-project-list small{grid-column:1/-1}.dashboard-task-counts{border-bottom:1px solid var(--color-border);background:var(--color-border);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.dashboard-task-counts span{padding:var(--spacing-3);color:var(--color-secondary);background:var(--color-background);text-align:center;font-size:.6875rem}.dashboard-task-counts b{color:var(--color-text);font-size:var(--text-base);font-weight:var(--font-weight-semibold);margin-bottom:2px;display:block}.dashboard-task-list a{align-items:center;gap:var(--spacing-2) var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.dashboard-priority{width:fit-content;padding:2px var(--spacing-2);border:1px solid var(--color-border);color:var(--color-secondary);border-radius:999px;font-size:.6875rem}.dashboard-priority[data-priority=URGENT],.dashboard-priority[data-priority=HIGH]{color:#f7b783;border-color:#635249}@supports (color:color-mix(in lab, red, red)){.dashboard-priority[data-priority=URGENT],.dashboard-priority[data-priority=HIGH]{border-color:color-mix(in srgb, #f7b783 30%, var(--color-border))}}.dashboard-task-status,.dashboard-task-list time{color:var(--color-secondary);font-size:var(--text-xs)}.dashboard-task-list time{justify-self:end}.dashboard-task-list time.is-overdue{color:var(--color-danger)}.dashboard-panel-total{padding:var(--spacing-4);border-bottom:1px solid var(--color-border);font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight)}.dashboard-panel-total span{color:var(--color-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-normal);letter-spacing:normal}.dashboard-hours-list{gap:var(--spacing-4);padding:var(--spacing-4);display:grid}.dashboard-hours-list li>div{justify-content:space-between;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2);font-size:var(--text-sm);display:flex}.dashboard-hours-list a{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.dashboard-hours-list div span{color:var(--color-secondary);font-size:var(--text-xs);flex-shrink:0}.dashboard-hours-bar{background:var(--color-border);border-radius:999px;height:4px;display:block;overflow:hidden}.dashboard-hours-bar span{border-radius:inherit;background:var(--color-accent);height:100%;display:block}.dashboard-finance-list{display:grid}.dashboard-finance-list div{justify-content:space-between;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4);border-bottom:1px solid var(--color-border);display:flex}.dashboard-finance-list dt{color:var(--color-secondary);font-size:var(--text-sm)}.dashboard-finance-list dd{font-size:var(--text-base);font-weight:var(--font-weight-medium)}.dashboard-finance-list dd.is-overdue{color:var(--color-danger)}.dashboard-finance-note{padding:var(--spacing-4);color:var(--color-secondary);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.dashboard-activity ul{display:grid}.dashboard-activity li+li{border-top:1px solid var(--color-border)}.dashboard-activity a{align-items:center;gap:var(--spacing-3);min-height:var(--target-size);padding:var(--spacing-3) var(--spacing-4);grid-template-columns:auto minmax(0,1fr) auto auto;display:grid}.dashboard-activity-icon{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:2rem;height:2rem;color:var(--color-accent);background:var(--color-background);place-items:center;display:grid}.dashboard-activity strong{font-size:var(--text-sm);font-weight:var(--font-weight-normal);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-activity time{color:var(--color-secondary);font-size:var(--text-xs);white-space:nowrap}.dashboard-activity a>svg{color:var(--color-secondary)}@media (width>=40rem){.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.dashboard-period{width:12rem}.dashboard-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-primary-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}.dashboard-secondary-grid{grid-template-columns:minmax(0,1fr) minmax(20rem,.65fr)}}@media (width<=30rem){.dashboard-onboarding .primary-button{justify-content:center;width:100%}.dashboard-task-counts{grid-template-columns:1fr}.dashboard-task-list a{grid-template-columns:minmax(0,1fr) auto}.dashboard-task-list time{justify-self:start}.dashboard-activity a{grid-template-columns:auto minmax(0,1fr) auto}.dashboard-activity time{grid-column:2}.dashboard-activity a>svg{grid-area:1/3/span 2}}.clients-table-wrap,.projects-table-wrap,.tasks-table-wrap,.hours-table-wrap,.finance-table-wrap{position:relative}.app-shell{min-height:100svh}.app-body{min-width:0}.desktop-sidebar{display:none}.sidebar-content{min-height:100%;color:var(--color-text);background:var(--color-sidebar);flex-direction:column;display:flex}.sidebar-brand-row{justify-content:space-between;align-items:center;gap:var(--spacing-2);min-height:var(--topbar-height);padding-inline:var(--spacing-5);display:flex}.brand{align-items:center;gap:var(--spacing-3);min-height:var(--target-size);border-radius:var(--radius-sm);font-size:var(--text-lg);font-weight:var(--font-weight-brand);letter-spacing:-.04em;display:inline-flex}.brand-mark{width:var(--spacing-8);height:var(--spacing-8);border:1px solid #293d60;place-items:center;display:grid}@supports (color:color-mix(in lab, red, red)){.brand-mark{border:1px solid color-mix(in srgb, var(--color-border) 76%, var(--color-accent))}}.brand-mark{border-bottom-color:var(--color-accent);border-radius:var(--radius-md);background:var(--color-surface)}.sidebar-navigation{padding:var(--spacing-6) var(--spacing-3) var(--spacing-4);flex-direction:column;flex:1;display:flex}.navigation-label{padding:0 var(--spacing-3) var(--spacing-3);color:var(--color-secondary);font-size:.6875rem;font-weight:var(--font-weight-medium);letter-spacing:.06em;text-transform:uppercase}.navigation-list{gap:var(--spacing-1);display:grid}.navigation-link{align-items:center;gap:var(--spacing-3);min-height:var(--target-size);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);color:var(--color-secondary);font-size:var(--text-sm);font-weight:var(--font-weight-medium);transition:background-color var(--motion-fast), color var(--motion-fast);border:1px solid #0000;display:flex;position:relative}.navigation-link svg{flex-shrink:0}.navigation-link:hover{color:var(--color-text);background:var(--color-hover)}.navigation-link.is-active{border-color:#3b82f638}@supports (color:color-mix(in lab, red, red)){.navigation-link.is-active{border-color:color-mix(in srgb, var(--color-accent) 22%, transparent)}}.navigation-link.is-active{color:var(--color-text);background:#3b82f624}@supports (color:color-mix(in lab, red, red)){.navigation-link.is-active{background:color-mix(in srgb, var(--color-accent) 14%, transparent)}}.navigation-link.is-active svg{color:var(--color-accent)}.navigation-link.is-active:before{width:2px;height:var(--spacing-4);border-radius:var(--radius-sm);background:var(--color-accent);content:"";position:absolute;left:-1px}.navigation-settings{padding-top:var(--spacing-10);margin-top:auto}.sidebar-footer{align-items:center;gap:var(--spacing-3);padding:var(--spacing-5);border-top:1px solid var(--color-border);font-size:var(--text-xs);display:flex}.workspace-symbol{width:var(--spacing-8);height:var(--spacing-8);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-secondary);font-weight:var(--font-weight-medium);flex-shrink:0;place-items:center;display:grid}.sidebar-footer p{margin-bottom:var(--spacing-1);font-weight:var(--font-weight-medium)}.sidebar-footer div>span{color:var(--color-secondary);font-size:.6875rem}.workspace-arrow{color:var(--color-secondary);margin-left:auto}.topbar{min-height:var(--topbar-height);padding:var(--spacing-2) var(--page-gutter);border-bottom:1px solid var(--color-border)}.topbar-inner{width:100%;max-width:var(--content-width);min-height:calc(var(--topbar-height) - var(--spacing-4));justify-content:space-between;align-items:center;gap:var(--spacing-3);margin-inline:auto;display:flex}.topbar-leading{align-items:center;gap:var(--spacing-3);min-width:0;display:flex}.breadcrumb{min-width:0;font-size:var(--text-xs)}.breadcrumb ol{align-items:center;gap:var(--spacing-3);flex-wrap:wrap;display:flex}.breadcrumb li{overflow-wrap:anywhere}.breadcrumb-parent{align-items:center;gap:var(--spacing-3);color:var(--color-secondary);display:none}.badge{padding:var(--spacing-1) var(--spacing-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-secondary);font-size:var(--text-xs);font-weight:var(--font-weight-medium);line-height:var(--leading-normal);flex-shrink:0;align-items:center;display:inline-flex}.icon-button{width:var(--target-size);height:var(--target-size);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-secondary);transition:background-color var(--motion-fast), color var(--motion-fast);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{color:var(--color-text);background:var(--color-hover)}.main-content{padding:var(--spacing-8) var(--page-gutter)}.page-container{width:100%;max-width:var(--content-width);margin-inline:auto}.page-header{max-width:44rem;margin-bottom:var(--spacing-6);gap:.375rem;display:grid}.page-header h1{border-radius:var(--radius-sm);width:fit-content;max-width:100%;font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);overflow-wrap:anywhere;line-height:1.25}.page-header p{color:var(--color-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.content-placeholder{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-subtle)}.placeholder-heading{justify-content:space-between;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border);font-size:var(--text-xs);font-weight:var(--font-weight-medium);flex-wrap:wrap;display:flex}.placeholder-status{color:var(--color-secondary);font-weight:var(--font-weight-normal)}.empty-state{min-height:19rem;padding:var(--spacing-8) var(--spacing-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{width:var(--spacing-12);height:var(--spacing-12);margin-bottom:var(--spacing-5);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-secondary);place-items:center;display:grid}.empty-state :is(h1,h2){font-size:var(--text-base);font-weight:var(--font-weight-medium);line-height:var(--leading-normal)}.empty-state p{max-width:23rem;margin-top:var(--spacing-2);color:var(--color-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.empty-state-note{max-width:22rem;margin-top:var(--spacing-5);color:var(--color-secondary);font-size:var(--text-xs);line-height:var(--leading-relaxed)}.page-note{margin-top:var(--spacing-5);color:var(--color-secondary);font-size:var(--text-xs)}.text-link{min-height:var(--target-size);justify-content:center;align-items:center;gap:var(--spacing-2);margin-top:var(--spacing-5);border-radius:var(--radius-sm);color:var(--color-accent);font-size:var(--text-sm);text-underline-offset:4px;text-decoration:underline;display:inline-flex}.mobile-navigation{overscroll-behavior:contain;border:0;border-right:1px solid var(--color-border);background:var(--color-sidebar);width:min(20rem,100vw - 2.5rem);max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0 auto 0 0;overflow-y:auto}.mobile-navigation::backdrop{background:var(--color-overlay)}.mobile-navigation .sidebar-footer{padding-bottom:max(var(--spacing-5), env(safe-area-inset-bottom))}.skip-link{z-index:10;top:var(--spacing-3);left:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);background:var(--color-surface);font-size:var(--text-sm);position:fixed;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.settings-details{gap:var(--spacing-6);padding:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));display:grid}.settings-details dt{color:var(--color-secondary);font-size:var(--text-xs);margin-bottom:var(--spacing-2)}.settings-details dd{font-size:var(--text-sm);overflow-wrap:anywhere}.settings-note{color:var(--color-secondary);font-size:var(--text-sm);line-height:var(--leading-relaxed);padding:0 var(--spacing-6) var(--spacing-6)}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.static{position:static}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--sidebar-width:15rem;--topbar-height:4rem;--content-width:86rem;--page-gutter:clamp(1.25rem, 2.5vw, 2.5rem);--target-size:2.75rem;--focus-width:2px;--focus-offset:3px;--focus-color:var(--color-accent);--motion-fast:.12s}.portal-admin,.portal-stages-admin{overflow-wrap:anywhere;margin-block:1.5rem}.portal-admin>:not(.detail-section-heading):not(dialog),.portal-stages-admin>:not(.detail-section-heading):not(dialog){margin-inline:1rem}.portal-admin h2{align-items:center;gap:.6rem;display:flex}.portal-state{border:1px solid var(--color-border);color:var(--color-secondary);border-radius:2rem;padding:.35rem .7rem;font-size:.75rem}.portal-state[data-active=true]{color:#a7d9c1;border-color:#355047}.portal-sharing-note{color:var(--color-secondary);gap:.65rem;max-width:65rem;font-size:.85rem;line-height:1.7;display:flex}.portal-sharing-note svg{flex-shrink:0;margin-top:.2rem}.portal-expiry,.portal-help,.portal-empty{color:var(--color-secondary);margin-block:1rem;font-size:.85rem;line-height:1.7}.portal-admin-actions{flex-wrap:wrap;align-items:end;gap:.75rem;margin-top:1rem;display:flex}.portal-admin-actions .form-field{min-width:10rem}.portal-admin-actions select{width:100%;min-height:var(--target-size);color:var(--color-text);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:.4rem;padding:.5rem .75rem}.portal-admin-actions label{font-size:var(--text-xs);color:var(--color-secondary)}.portal-generated{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-block:1rem;padding:1rem}.portal-generated label{margin-bottom:.6rem;font-size:.8rem;display:block}.portal-generated>div{gap:.75rem;display:flex}.portal-generated input{background:var(--color-background);border:1px solid var(--color-border);width:100%;min-width:0;color:var(--color-text);border-radius:var(--radius-sm);flex:1;padding:.75rem;font-size:.8rem}.stage-admin-list{margin:1rem 0 0;padding:0;list-style:none}.stage-admin-list>li{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:1rem;padding-block:1rem;display:flex}.stage-number{color:var(--color-secondary);font-variant-numeric:tabular-nums;font-size:.8rem}.stage-admin-copy{overflow-wrap:anywhere;flex:10rem;min-width:0}.stage-admin-copy h3{font-size:.9rem;font-weight:500}.stage-admin-copy p{color:var(--color-secondary);margin-top:.25rem;font-size:.75rem}.stage-controls{gap:.2rem;display:flex}.stage-delete-confirm{flex-wrap:wrap;align-items:center;gap:.75rem;width:100%;font-size:.85rem;display:flex}.client-portal{background:var(--color-background);min-height:100svh;color:var(--color-text);overflow-wrap:anywhere;padding-inline:clamp(1rem,5vw,5rem);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.client-portal main,.portal-masthead,.portal-footer{max-width:68rem;margin-inline:auto}.portal-masthead{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:1rem;min-height:6rem;display:flex}.portal-brand{flex-wrap:wrap;align-items:center;gap:.7rem;font-size:.85rem;font-weight:500;display:flex}.portal-brand-divider{background:var(--color-border);width:1px;height:1rem;margin-inline:.25rem}.portal-readonly{color:var(--color-secondary);white-space:nowrap;align-items:center;gap:.4rem;font-size:.7rem;display:flex}.portal-hero{grid-template-columns:minmax(0,1fr) 15rem;align-items:center;gap:4rem;padding-block:clamp(2.5rem,6vw,5rem);display:grid}.portal-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--color-secondary);margin-bottom:1rem;font-size:.7rem}.portal-hero h1{letter-spacing:-.045em;margin-bottom:1.2rem;font-size:clamp(2rem,4.5vw,3.8rem);font-weight:500;line-height:1.12}.portal-description{white-space:pre-wrap;color:var(--color-secondary);margin-top:1.5rem;font-size:.95rem;line-height:1.8}.portal-dates{flex-wrap:wrap;gap:2rem;margin-top:2rem;display:flex}.portal-dates dt{color:var(--color-secondary);margin-bottom:.4rem;font-size:.75rem}.portal-dates dd{font-variant-numeric:tabular-nums;font-size:.9rem}.portal-progress{border-left:1px solid var(--color-border);padding-left:2rem}.portal-progress>span,.portal-progress p{color:var(--color-secondary);font-size:.75rem}.portal-progress strong{letter-spacing:-.06em;font-size:5rem;font-weight:400;line-height:1.4;display:block}.portal-progress small{color:var(--color-secondary);margin-left:.2rem;font-size:2rem}.portal-progress progress{appearance:none;background:var(--color-border);border:0;width:100%;height:4px;margin-bottom:1.2rem;display:block}.portal-progress progress::-webkit-progress-bar{background:var(--color-border)}.portal-progress progress::-webkit-progress-value{background:var(--color-accent)}.portal-progress progress::-moz-progress-bar{background:var(--color-accent)}.portal-timeline,.portal-tasks{border-top:1px solid var(--color-border);grid-template-columns:15rem minmax(0,1fr);gap:3rem;padding-block:2.5rem;display:grid}.portal-section-heading h2{letter-spacing:-.02em;font-size:1.2rem;font-weight:500}.portal-section-heading .portal-eyebrow{margin-bottom:.6rem}.portal-timeline ol,.portal-tasks ul{margin:0;padding:0;list-style:none}.portal-timeline li{gap:1.2rem;padding-bottom:2rem;display:flex;position:relative}.portal-timeline li:last-child{padding-bottom:0}.portal-timeline li:not(:last-child):before{content:"";background:var(--color-border);width:1px;position:absolute;top:2rem;bottom:0;left:1rem}.portal-milestone{border:1px solid var(--color-border);height:2rem;color:var(--color-secondary);border-radius:50%;flex:0 0 2rem;place-items:center;font-size:.7rem;display:grid}.portal-timeline [data-status=COMPLETED] .portal-milestone{color:#a7d9c1;border-color:#355047}.portal-timeline [data-status=IN_PROGRESS] .portal-milestone{color:#92baff;border-color:var(--color-accent)}.portal-timeline h3,.portal-tasks h3{font-size:.95rem;font-weight:500;line-height:1.6}.portal-timeline li p{color:var(--color-secondary);margin-top:.2rem;font-size:.75rem}.portal-tasks li{border-bottom:1px solid var(--color-border);padding-block:1.3rem}.portal-tasks li:first-child{padding-top:0}.portal-tasks li:last-child{border:0;padding-bottom:0}.portal-task-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:.5rem 1rem;display:flex}.portal-task-status{color:var(--color-secondary);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.2rem .5rem;font-size:.7rem}.portal-task-status[data-status=DONE]{color:#a7d9c1}.portal-task-description{white-space:pre-wrap;color:var(--color-secondary);margin-top:.65rem;font-size:.85rem;line-height:1.7}.portal-task-meta{color:var(--color-secondary);flex-wrap:wrap;gap:.6rem 1.2rem;margin-top:.9rem;font-size:.7rem;display:flex}.portal-refresh{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.5rem 3rem;display:flex}.portal-refresh>span{color:var(--color-secondary);font-size:.75rem}.portal-footer{border-top:1px solid var(--color-border);color:var(--color-secondary);flex-wrap:wrap;justify-content:space-between;gap:.5rem;padding-block:1.5rem;font-size:.75rem;display:flex}.portal-message{flex-direction:column;justify-content:center;align-items:start;gap:1.2rem;max-width:36rem;min-height:65svh;margin-inline:auto;padding-block:3rem;display:flex}.portal-message h1{letter-spacing:-.035em;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.2}.portal-message p{color:var(--color-secondary);line-height:1.7}.portal-message .portal-eyebrow{margin:0}.portal-skip{z-index:10;background:var(--color-surface);padding:1rem;position:fixed;top:-5rem;left:1rem}.portal-skip:focus{top:1rem}@media (width<=700px){.portal-masthead{flex-direction:column;justify-content:center;align-items:start;gap:.5rem;padding-block:1rem}.portal-hero{grid-template-columns:minmax(0,1fr);gap:2rem}.portal-progress{border-left:0;border-top:1px solid var(--color-border);padding:1.5rem 0 0}.portal-progress strong{font-size:3.8rem}.portal-timeline,.portal-tasks{grid-template-columns:minmax(0,1fr);gap:1.5rem}.portal-generated>div{flex-direction:column}.portal-admin .detail-section-heading,.portal-stages-admin .detail-section-heading{flex-wrap:wrap;gap:1rem}.stage-controls{margin-left:auto}}@media (width>=48rem){.breadcrumb-parent{display:flex}.main-content{padding-top:var(--spacing-8)}.empty-state{min-height:21rem}}@media (width>=64rem){.app-body{margin-left:var(--sidebar-width)}.desktop-sidebar{width:var(--sidebar-width);border-right:1px solid var(--color-border);display:block;position:fixed;inset:0 auto 0 0;overflow-y:auto}.mobile-menu-trigger{display:none}}@media (prefers-reduced-motion:reduce){:root{--motion-fast:0s}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}