:root,html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--lavender:#e9d5ff;--lavender-deep:#c4b5fd;--peach:#fbcfe8;--mint:#bbf7d0;--mint-soft:#a7f3d0;--plum:#5b3d7a;--plum-soft:#7c5cbf;--ink:#3d2f4f;--ink-muted:#6b5d7a;--ink-faint:#8b7a9e;--bg:#f7f2fb;--bg-wash:linear-gradient(155deg, #f3e8ff 0%, #faf4f8 32%, #f4faf8 68%, #fff8f0 100%);--surface:#ffffffeb;--surface-solid:#fff;--surface-muted:#f3ecf8;--surface-glass:#ffffffb8;--border:#e9dff5;--border-strong:#ddd0ec;--text:var(--ink);--text-muted:var(--ink-muted);--text-faint:var(--ink-faint);--accent:var(--plum-soft);--accent-hover:var(--plum);--accent-soft:#efe6f8;--accent-gradient:linear-gradient(135deg, #e9d5ff 0%, #fbcfe8 48%, #bbf7d0 100%);--nav-active-bg:linear-gradient(90deg, #efe6f8 0%, #fce7f3 55%, #e8f8f5 100%);--nav-active-ring:#c4b5fd73;--nav-shadow:4px 0 24px #785a960a;--warn:#9a5b00;--warn-soft:#fff3df;--danger:#9d174d;--danger-soft:#fce7f3;--ok:#0f766e;--ok-soft:#d1fae5;--client-wait:#5b4b8a;--client-wait-soft:#ede9fe;--radius:12px;--shadow:0 1px 2px #5b46780d, 0 8px 24px #785a9612;--shadow-brand:0 2px 8px #a78bfa47;--btn-primary-shadow:0 3px 12px #a78bfa38;--btn-primary-shadow-hover:0 4px 14px #a78bfa4d;--modal-scrim:#3d2f4f61;--auth-wash:linear-gradient(145deg, #f3e8ff 0%, #fde8f0 38%, #e8f8f5 72%, #fff5e6 100%);--auth-blob-a:#d8b4fe;--auth-blob-b:#fbcfe8;--auth-blob-c:#a7f3d0;--auth-panel-bg:#ffffffc7;--auth-panel-border:#ffffffe6;--auth-panel-shadow:0 1px 2px #5b46780f, 0 18px 48px #785a961f;--auth-input-bg:#ffffffeb;--auth-footer-border:#efe6f8;--placeholder:#b0a3bf;--focus-ring:#e9d5ff;--skeleton-mid:#f5f4f0;--font:"Segoe UI", system-ui, -apple-system, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--nav-w:220px;--max-w:1100px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--page-pad-x:1.75rem;--page-pad-y:1.5rem;--touch-min:44px;--topbar-h:3rem;--transition-theme:background-color .2s ease, color .2s ease, border-color .2s ease, box-shadow .2s ease}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--lavender:#4c3a6e;--lavender-deep:#8b6fd4;--peach:#6b3d5c;--mint:#2d5a48;--mint-soft:#3d7a62;--plum:#e4d4f5;--plum-soft:#c4a8ef;--ink:#f3ecfa;--ink-muted:#b8a9c9;--ink-faint:#8f7fa3;--bg:#14101c;--bg-wash:linear-gradient(155deg, #1a1228 0%, #16101f 32%, #12181a 68%, #1a1410 100%);--surface:#1c1626f0;--surface-solid:#1c1626;--surface-muted:#261f33;--surface-glass:#16111ed1;--border:#3a2f4d;--border-strong:#4d3f63;--text:var(--ink);--text-muted:var(--ink-muted);--text-faint:var(--ink-faint);--accent:#c4a8ef;--accent-hover:#e4d4f5;--accent-soft:#2a2238;--accent-gradient:linear-gradient(135deg, #4c3a6e 0%, #6b3d5c 48%, #2d5a48 100%);--nav-active-bg:linear-gradient(90deg, #2a2238 0%, #332030 55%, #1e2a28 100%);--nav-active-ring:#8b6fd473;--nav-shadow:4px 0 24px #00000047;--warn:#f0c674;--warn-soft:#3a2e14;--danger:#f9a8d4;--danger-soft:#3d1a2c;--ok:#6ee7b7;--ok-soft:#14352c;--client-wait:#c4b5fd;--client-wait-soft:#2a2440;--shadow:0 1px 2px #00000059, 0 8px 28px #00000052;--shadow-brand:0 2px 10px #0006;--btn-primary-shadow:0 3px 14px #00000059;--btn-primary-shadow-hover:0 4px 18px #0000006b;--modal-scrim:#0000009e;--auth-wash:linear-gradient(145deg, #1a1228 0%, #22101c 38%, #0f1a18 72%, #1a1410 100%);--auth-blob-a:#3d2a5c;--auth-blob-b:#4a2840;--auth-blob-c:#1a3d32;--auth-panel-bg:#1c1626e0;--auth-panel-border:#4a3f63d9;--auth-panel-shadow:0 1px 2px #00000059, 0 18px 48px #00000073;--auth-input-bg:#14101ceb;--auth-footer-border:#3a2f4d;--placeholder:#6b5d7a;--focus-ring:#6b4f9a;--skeleton-mid:#2a2233}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{min-height:100dvh}body{font-family:var(--font);color:var(--text);background-color:var(--bg);background-image:var(--bg-wash);-webkit-font-smoothing:antialiased;transition:var(--transition-theme);background-attachment:fixed;margin:0;font-size:15px;line-height:1.5;overflow-x:clip}img,svg,video,canvas{max-width:100%;height:auto}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}h1,h2,h3{margin:0 0 .5rem;font-weight:650;line-height:1.25}h1{font-size:1.65rem}h2{font-size:1.15rem}p{margin:0 0 .75rem}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:var(--nav-w) 1fr;width:100%;max-width:100vw;min-height:100dvh;display:grid}.app-content{flex-direction:column;min-width:0;min-height:100dvh;display:flex}.app-topbar{z-index:15;min-height:var(--topbar-h);padding:.45rem var(--page-pad-x);padding-top:calc(.45rem + var(--safe-top));padding-right:calc(var(--page-pad-x) + var(--safe-right));background:var(--surface-glass);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);transition:var(--transition-theme);justify-content:flex-end;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.app-topbar-hint{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;margin:0 auto 0 0;font-size:.78rem;font-weight:500;overflow:hidden}.app-nav{height:100dvh;padding:1.25rem 1rem;padding-top:calc(1.25rem + var(--safe-top));padding-left:calc(1rem + var(--safe-left));padding-bottom:calc(1.25rem + var(--safe-bottom));background:var(--surface-glass);border-right:1px solid var(--border);-webkit-backdrop-filter:blur(12px);box-shadow:var(--nav-shadow);z-index:20;transition:var(--transition-theme);flex-direction:column;align-self:start;gap:1.5rem;display:flex;position:sticky;top:0}.app-nav-top{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.app-nav-top .app-brand{flex:1;min-width:0}.app-nav-theme{flex-shrink:0;margin-top:.15rem;display:none}.app-brand{align-items:center;gap:.6rem;padding:0 .35rem;display:flex}.app-brand-mark{background:var(--accent-gradient);width:2.1rem;height:2.1rem;color:var(--plum);box-shadow:var(--shadow-brand);border-radius:10px;flex-shrink:0;place-items:center;font-size:.9rem;display:grid}.app-brand-text{min-width:0}.app-brand strong{letter-spacing:-.02em;color:var(--ink);font-size:.95rem;display:block}.app-brand span{color:var(--text-faint);font-size:.72rem;font-weight:500;display:block}.app-nav ul{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.app-nav a{min-height:var(--touch-min);color:var(--text-muted);-webkit-tap-highlight-color:transparent;border-radius:10px;align-items:center;padding:.55rem .65rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex}.app-nav a:hover{background:var(--surface-muted);color:var(--text);text-decoration:none}.app-nav a.active{background:var(--nav-active-bg);color:var(--plum);box-shadow:inset 0 0 0 1px var(--nav-active-ring);font-weight:600}.app-main{min-width:0;padding:var(--page-pad-y) var(--page-pad-x) 3rem;padding-right:calc(var(--page-pad-x) + var(--safe-right));padding-bottom:calc(3rem + var(--safe-bottom));flex:1}.app-main-inner{width:100%;max-width:var(--max-w);min-width:0;margin:0 auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.page-header p.lede{color:var(--text-muted);max-width:42rem;margin:.25rem 0 0}.card{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.15rem}.card+.card{margin-top:.85rem}.section{margin-bottom:1.75rem}.section-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.65rem;display:flex}.section-head h2{margin:0}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.empty-state{border:1px dashed var(--border);border-radius:var(--radius);color:var(--text-muted);background:0 0;padding:1rem 1.15rem}.btn{min-height:var(--touch-min);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.9rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{text-decoration:none}.btn-primary{background:var(--accent-gradient);color:var(--ink);box-shadow:var(--btn-primary-shadow);border-color:#0000;font-weight:650}.btn-primary:hover{filter:brightness(1.03);box-shadow:var(--btn-primary-shadow-hover)}html[data-theme=dark] .btn-primary,html[data-theme=dark] .btn-auth{color:#f8f4fc;filter:brightness(1.08)}html[data-theme=dark] .btn-primary:hover,html[data-theme=dark] .btn-auth:hover:not(:disabled){filter:brightness(1.14)}.btn-secondary{background:var(--surface-solid);border-color:var(--border);color:var(--text)}.btn-secondary:hover{background:var(--surface-muted);border-color:var(--lavender-deep)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{background:var(--surface-muted);color:var(--text)}.badge{letter-spacing:.02em;text-transform:uppercase;background:var(--surface-muted);color:var(--text-muted);border-radius:999px;align-items:center;padding:.15rem .5rem;font-size:.72rem;font-weight:650;display:inline-flex}.badge-warn{background:var(--warn-soft);color:var(--warn)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.badge-ok{background:var(--ok-soft);color:var(--ok)}.badge-client{background:var(--client-wait-soft);color:var(--client-wait)}.form-grid{gap:1rem;display:grid}.form-grid.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.field label{color:var(--text-muted);margin-bottom:.3rem;font-size:.8rem;font-weight:600;display:block}.field input,.field select,.field textarea{border:1px solid var(--border);background:var(--surface-solid);width:100%;color:var(--text);border-radius:10px;padding:.5rem .65rem}.field input::placeholder,.field textarea::placeholder{color:var(--placeholder)}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--focus-ring);border-color:var(--lavender-deep)}.field textarea{resize:vertical;min-height:100px}.form-actions{flex-wrap:wrap;gap:.6rem;margin-top:.5rem;display:flex}.row-list{flex-direction:column;gap:.5rem;display:flex}.row-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:1fr auto;align-items:start;gap:.75rem 1rem;padding:.85rem 1rem;display:grid}.row-item:hover{border-color:#c9c4b8}.row-meta{color:var(--text-muted);flex-wrap:wrap;gap:.45rem .75rem;margin-top:.35rem;font-size:.85rem;display:flex}.stack-sm{flex-direction:column;gap:.35rem;display:flex}.auth-shell{place-items:center;min-height:100vh;padding:1.5rem;display:grid;position:relative}.auth-topbar{z-index:30;padding:calc(.75rem + var(--safe-top)) calc(.85rem + var(--safe-right)) .5rem .85rem;pointer-events:none;justify-content:flex-end;display:flex;position:fixed;top:0;right:0}.auth-topbar .theme-toggle{pointer-events:auto}.auth-shell--pastel{background:var(--auth-wash);transition:var(--transition-theme);overflow:hidden}.auth-bg{pointer-events:none;position:absolute;inset:0;overflow:hidden}.auth-blob{filter:blur(48px);opacity:.72;border-radius:50%;position:absolute}html[data-theme=dark] .auth-blob{opacity:.55}.auth-blob--a{background:var(--auth-blob-a);width:min(52vw,420px);height:min(52vw,420px);top:-12%;left:-8%}.auth-blob--b{background:var(--auth-blob-b);width:min(48vw,380px);height:min(48vw,380px);bottom:-10%;right:-6%}.auth-blob--c{background:var(--auth-blob-c);width:min(36vw,280px);height:min(36vw,280px);top:42%;left:48%}.auth-panel{z-index:1;background:var(--auth-panel-bg);border:1px solid var(--auth-panel-border);width:min(100%,420px);box-shadow:var(--auth-panel-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:var(--transition-theme);border-radius:20px;padding:1.75rem 1.65rem 1.4rem;position:relative}.auth-panel-header{margin-bottom:1.35rem}.auth-logo{color:inherit;align-items:center;gap:.65rem;margin-bottom:1.15rem;text-decoration:none;display:inline-flex}.auth-logo:hover{text-decoration:none}.auth-logo-mark{background:var(--accent-gradient);width:2.35rem;height:2.35rem;color:var(--plum);box-shadow:var(--shadow-brand);border-radius:12px;place-items:center;font-size:1rem;display:grid}.auth-logo strong{letter-spacing:-.02em;color:var(--text);font-size:.95rem;display:block}.auth-logo-tag{color:var(--text-faint);font-size:.72rem;font-weight:500;display:block}.auth-panel-header h1{color:var(--text);letter-spacing:-.02em;margin:0 0 .35rem;font-size:1.55rem}.auth-subtitle{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.45}.auth-panel-body{margin-bottom:.25rem}.auth-form{gap:.95rem;display:grid}.auth-shell--pastel .field label{color:var(--text-muted)}.auth-shell--pastel .field input{border-color:var(--border);background:var(--auth-input-bg);color:var(--text)}.auth-shell--pastel .field input::placeholder{color:var(--placeholder)}.auth-shell--pastel .field input:focus{outline:2px solid var(--focus-ring);border-color:var(--lavender-deep)}.btn-auth{width:100%;color:var(--ink);background:var(--accent-gradient);box-shadow:var(--btn-primary-shadow);border:none;border-radius:12px;margin-top:.35rem;padding:.7rem 1rem;font-size:.95rem;font-weight:650;transition:transform .12s,filter .12s,box-shadow .12s}.btn-auth:hover:not(:disabled){filter:brightness(1.03);box-shadow:var(--btn-primary-shadow-hover);transform:translateY(-1px)}.btn-auth:disabled{opacity:.65;cursor:not-allowed}.auth-panel-footer{border-top:1px solid var(--auth-footer-border);text-align:center;color:var(--text-muted);margin-top:1.15rem;padding-top:1rem;font-size:.88rem}.auth-panel-footer p{margin:0}.auth-panel-footer a{color:var(--accent);font-weight:650}.auth-panel-footer a:hover{color:var(--accent-hover)}.auth-shell--pastel .error-banner{background:var(--danger-soft);color:var(--danger);border:1px solid var(--peach)}.auth-loading{z-index:1;background:var(--auth-panel-bg);color:var(--text-muted);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:.65rem;padding:.85rem 1.15rem;font-size:.92rem;font-weight:550;display:inline-flex;position:relative}.auth-loading-dot{background:var(--lavender-deep);border-radius:50%;width:.55rem;height:.55rem;animation:1s ease-in-out infinite auth-pulse}@keyframes auth-pulse{0%,to{opacity:.45;transform:scale(.9)}50%{opacity:1;transform:scale(1.1)}}.app-nav-footer{flex-direction:column;gap:.5rem;margin-top:auto;display:flex}.app-nav-user{background:var(--surface-muted);border-radius:8px;margin:0;padding:.45rem .55rem}.app-nav-user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:650;display:block;overflow:hidden}.app-nav-user-email{color:var(--text-faint);white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;display:block;overflow:hidden}.app-nav-logout{width:100%;font-size:.85rem}.settings-dl{gap:.85rem;margin:0;display:grid}.settings-dl div{gap:.15rem;display:grid}.settings-dl dt{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem;font-weight:650}.settings-dl dd{margin:0;font-size:.95rem}.settings-list{gap:.55rem;margin:0;padding:0;list-style:none;display:grid}.error-banner{background:var(--danger-soft);color:var(--danger);border-radius:8px;margin-bottom:1rem;padding:.65rem .85rem;font-size:.9rem}.scaffold-note{color:var(--text-faint);border-left:3px solid var(--border);margin-top:1rem;padding:.65rem .85rem;font-size:.8rem}.btn-sm{border-radius:7px;padding:.35rem .65rem;font-size:.8rem}.field-hint{color:var(--text-faint);margin:.35rem 0 0;font-size:.78rem}.modal-root{z-index:1000;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-backdrop{background:var(--modal-scrim);cursor:pointer;border:none;margin:0;padding:0;position:absolute;inset:0}.modal-panel{z-index:1;background:var(--surface-solid);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:min(100%,480px);max-height:min(92vh,720px);display:flex;position:relative;box-shadow:0 16px 48px #5b3d7a29}.modal-panel--sm{width:min(100%,380px)}.modal-panel--lg{width:min(100%,640px)}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem 1.15rem .65rem;display:flex}.modal-header h2{margin:0;font-size:1.15rem}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.1rem .35rem;font-size:1.45rem;line-height:1}.modal-close:hover{background:var(--surface-muted);color:var(--text)}.modal-body{padding:1rem 1.15rem;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:var(--surface-solid);flex-wrap:wrap;justify-content:flex-end;gap:.55rem;padding:.75rem 1.15rem 1rem;display:flex}.client-form-footer{margin:1rem -1.15rem -1rem;padding:.75rem 1.15rem 0}.clients-page-header{align-items:flex-end}.clients-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.clients-toolbar-left{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.clients-count{font-size:.85rem}.clients-mock-pill{letter-spacing:.04em;text-transform:uppercase;background:var(--lavender);color:var(--plum);border-radius:999px;padding:.2rem .5rem;font-size:.68rem;font-weight:650}.clients-toggle{color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;font-size:.88rem;font-weight:550;display:inline-flex}.clients-toggle input{width:1rem;height:1rem;accent-color:var(--accent)}.clients-banner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;display:flex}.clients-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:.85rem;display:grid}.client-card{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:.85rem;min-height:9.5rem;padding:1rem 1.05rem;display:flex}.client-card--archived{opacity:.88;background:#faf6fc}.client-card-main{flex:1;min-width:0}.client-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.45rem .65rem;margin-bottom:.45rem;display:flex}.client-card-name{letter-spacing:-.015em;word-break:break-word;margin:0;font-size:1.02rem;font-weight:650;line-height:1.3}.client-card-badges{flex-wrap:wrap;flex-shrink:0;gap:.35rem;display:flex}.client-card-notes{color:var(--text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.86rem;line-height:1.45;display:-webkit-box;overflow:hidden}.client-card-notes--empty{color:var(--text-faint);font-style:italic}.client-card-actions{border-top:1px solid var(--border);flex-wrap:wrap;gap:.45rem;margin-top:auto;padding-top:.15rem;display:flex}.client-type-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.15rem .5rem;font-size:.68rem;font-weight:700;display:inline-flex}.client-type-badge--brand{color:#5b4b8a;background:#ede9fe}.client-type-badge--agency{color:#9d174d;background:#fce7f3}.client-type-badge--other{color:#0f766e;background:#e8f8f5}.clients-empty{text-align:center;max-width:28rem;margin:.5rem auto 0;padding:2.25rem 1.5rem}.clients-empty-icon{color:var(--text-faint);margin-bottom:.65rem;font-size:1.75rem}.clients-empty h2{margin-bottom:.45rem;font-size:1.15rem}.clients-empty p{margin-bottom:1.15rem}.clients-loading{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:.85rem;display:grid}.clients-skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--surface-muted) 25%, var(--skeleton-mid) 50%, var(--surface-muted) 75%);border:1px solid var(--border);background-size:200% 100%;height:9.5rem;animation:1.2s ease-in-out infinite clients-shimmer}@keyframes clients-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (width<=1180px) and (width>=769px){:root{--nav-w:200px;--page-pad-x:1.35rem;--max-w:100%}.app-main{padding-top:1.35rem}.form-grid.two{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (width<=1024px) and (width>=769px){:root{--nav-w:188px;--page-pad-x:1.15rem;--page-pad-y:1.2rem}.app-brand span{display:none}.app-nav{gap:1rem;padding-inline:.75rem}.page-header h1{font-size:1.45rem}.clients-grid,.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}}@media (width<=768px){:root{--page-pad-x:1rem;--page-pad-y:1rem;--max-w:100%}.app-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.app-topbar{display:none}.app-nav-theme{margin-top:0;display:inline-flex}.app-nav{border-right:none;border-bottom:1px solid var(--border);height:auto;max-height:none;padding:.7rem .85rem;padding-top:calc(.7rem + var(--safe-top));padding-left:calc(.85rem + var(--safe-left));padding-right:calc(.85rem + var(--safe-right));box-shadow:var(--nav-shadow);flex-flow:wrap;align-items:center;gap:.65rem .85rem;padding-bottom:.7rem;position:sticky;top:0}.app-nav-top{flex:auto;align-items:center;width:100%;min-width:0}.app-brand{flex:auto;min-width:0}.app-brand span{display:none}.app-nav ul{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-flow:row;gap:.2rem;width:100%;padding-bottom:.1rem;overflow-x:auto}.app-nav ul::-webkit-scrollbar{display:none}.app-nav li{flex:none}.app-nav a{white-space:nowrap;min-height:2.5rem;padding:.45rem .75rem;font-size:.9rem}.app-nav-footer{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.45rem .65rem;width:100%;margin-top:0;padding-top:.35rem;display:flex}.app-nav-user{flex:auto;min-width:0;margin:0}.app-nav-user-email{display:none}.app-nav-logout{flex:none}.app-main{padding:var(--page-pad-y) var(--page-pad-x);padding-left:calc(var(--page-pad-x) + var(--safe-left));padding-right:calc(var(--page-pad-x) + var(--safe-right));padding-bottom:calc(2rem + var(--safe-bottom))}.page-header{flex-direction:column;align-items:stretch;gap:.75rem}.page-header h1{word-break:break-word;font-size:1.4rem}.clients-page-header,.projects-page-header{align-items:stretch}.clients-page-header .btn-primary,.projects-page-header .btn-primary{width:100%}.client-card-actions,.project-card-actions{flex-direction:column}.client-card-actions .btn,.project-card-actions .btn,.project-card-status-select select{width:100%}.modal-panel{width:min(100%,100vw - 1.5rem);max-height:min(92dvh,92vh);margin:.5rem}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}.form-grid.two{grid-template-columns:1fr}.project-detail-header{align-items:stretch}.project-detail-actions{width:100%}.project-detail-actions .btn,.project-detail-actions .btn-sm,.project-detail-actions a.btn{text-align:center;flex:auto;justify-content:center}.project-detail-grid{grid-template-columns:1fr}.project-detail-status-bar{flex-direction:column;align-items:stretch}.project-detail-status-bar label{flex-wrap:wrap;width:100%}.project-detail-status-bar select{flex:1;min-width:0}.project-detail-status-actions{width:100%}.project-detail-status-actions .btn{flex:1}.post-row{flex-direction:column;align-items:stretch}.post-row-actions{justify-content:stretch;width:100%}.post-row-stage{flex:1}.post-row-stage select{width:100%;max-width:none}.post-row-actions .btn{flex:none}.post-row-facts{grid-template-columns:1fr 1fr}.post-row-fact--wide{grid-column:1/-1}.section-head{flex-wrap:wrap;gap:.45rem}}@media (width<=480px){:root{--page-pad-x:.85rem;--page-pad-y:.85rem;--radius:10px}body{font-size:14.5px}h1{font-size:1.35rem}h2{font-size:1.05rem}.app-nav{gap:.5rem;padding-inline:.65rem}.app-brand strong{font-size:.88rem}.app-nav a{padding-inline:.6rem;font-size:.86rem}.card{padding:.85rem .9rem}.project-detail-actions{flex-direction:column}.project-detail-actions .btn,.project-detail-actions .btn-sm,.project-detail-actions a.btn{flex:unset;width:100%}.clients-grid,.projects-grid{grid-template-columns:1fr}.clients-toolbar,.projects-toolbar{flex-direction:column;align-items:stretch}.clients-toolbar input,.projects-toolbar input,.clients-toolbar select,.projects-toolbar select{width:100%;min-height:var(--touch-min)}input,select,textarea{font-size:16px}.btn-sm{min-height:var(--touch-min);padding-inline:.75rem}}@media (width<=360px){.app-nav ul{gap:.1rem}.app-nav a{padding-inline:.5rem;font-size:.82rem}}@media (hover:none) and (pointer:coarse){.btn,.app-nav a{min-height:var(--touch-min)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (height<=480px) and (orientation:landscape){.app-nav{position:static}.app-main{padding-bottom:calc(1.25rem + var(--safe-bottom))}}.page-header-main{flex:1;min-width:0}.page-header-eyebrow{text-transform:uppercase;letter-spacing:.04em;margin:0 0 .15rem;font-size:.82rem}.page-header-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.page-crumbs{color:var(--text-faint);flex-wrap:wrap;align-items:center;gap:.2rem .35rem;margin:0 0 .35rem;font-size:.82rem;display:flex}.page-crumb-sep{opacity:.65;margin-inline:.15rem}.page-crumb-link{color:var(--plum-soft);text-decoration:none}.page-crumb-link:hover{text-decoration:underline}.page-crumb-current{color:var(--text-muted);font-weight:550}.empty-state{border-radius:var(--radius);border:1px dashed var(--border);background:color-mix(in srgb, var(--surface-solid) 88%, var(--plum-soft));flex-direction:column;align-items:flex-start;gap:.35rem;padding:1rem 1.1rem;display:flex}.empty-state.card{box-shadow:none}.empty-state-title{color:var(--ink);margin:0;font-size:1rem;font-weight:650}.empty-state-body{color:var(--text-muted);margin:0;font-size:.92rem;line-height:1.5}.empty-state-action{margin:.35rem 0 0}.empty-state--success{border-color:color-mix(in srgb, var(--ok) 35%, var(--border));background:color-mix(in srgb, #ecfdf5 55%, var(--surface-solid))}.empty-state--waiting{border-color:color-mix(in srgb, #8b5cf6 30%, var(--border));background:color-mix(in srgb, #f5f3ff 60%, var(--surface-solid))}.empty-state--proof{border-color:color-mix(in srgb, #ea580c 30%, var(--border));background:color-mix(in srgb, #ffedd5 55%, var(--surface-solid))}.empty-state--overdue{border-color:color-mix(in srgb, #dc2626 28%, var(--border));background:color-mix(in srgb, #fef2f2 55%, var(--surface-solid))}.loading-state{color:var(--text-muted);align-items:center;gap:.65rem;padding:1.25rem 1rem;font-size:.92rem;display:flex}.loading-state--compact{padding:.65rem 0}.loading-state-spinner{border:2px solid var(--border);border-top-color:var(--plum-soft);border-radius:50%;width:1.1rem;height:1.1rem;animation:.7s linear infinite loading-spin}@keyframes loading-spin{to{transform:rotate(360deg)}}.error-banner-message{flex:1;min-width:0}.error-banner-actions{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.attention-badge{letter-spacing:.01em;border:1px solid var(--border);white-space:nowrap;border-radius:999px;align-items:center;max-width:100%;padding:.12rem .5rem;font-size:.7rem;font-weight:650;display:inline-flex}.attention-badge--waiting_on_client{color:#5b21b6;background:color-mix(in srgb, #ede9fe 80%, var(--surface-solid));border-color:#c4b5fd}.attention-badge--needs_you{color:#92400e;background:color-mix(in srgb, #fef3c7 80%, var(--surface-solid));border-color:#fcd34d}.attention-badge--needs_proof{color:#9a3412;background:color-mix(in srgb, #ffedd5 85%, var(--surface-solid));border-color:#fdba74}.attention-badge--done{color:#065f46;background:color-mix(in srgb, #d1fae5 80%, var(--surface-solid));border-color:#6ee7b7}.attention-badge--cancelled{color:#7f1d1d;background:color-mix(in srgb, #fee2e2 80%, var(--surface-solid));border-color:#fca5a5}.post-stage-badge-wrap{flex-wrap:wrap;align-items:center;gap:.35rem;display:inline-flex}.post-stage-badge--idle{opacity:.85}.post-stage-badge--waiting-client{box-shadow:inset 0 0 0 1px #8b5cf666}.post-stage-badge--needs-proof{box-shadow:inset 0 0 0 1px #ea580c73}.post-stage-badge--proof-done{box-shadow:inset 0 0 0 1px #10b98166}.overview-page{flex-direction:column;gap:.25rem;display:flex}.overview-quick-links{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;margin-bottom:.5rem;padding:.7rem .95rem;display:flex}.overview-quick-links-label{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.78rem}.overview-quick-links-row{flex-wrap:wrap;gap:.4rem;display:flex}.overview-sections{flex-direction:column;gap:.15rem;display:flex}.overview-section .section-head{align-items:center;gap:.5rem}.overview-section--overdue .section-head h2{color:color-mix(in srgb, #b91c1c 70%, var(--ink))}.overview-section--needs_proof .section-head h2{color:color-mix(in srgb, #c2410c 65%, var(--ink))}.overview-section--waiting_on_client .section-head h2{color:color-mix(in srgb, #6d28d9 60%, var(--ink))}.project-status-badge-wrap{flex-wrap:wrap;align-items:center;gap:.35rem;display:inline-flex}.project-status-badge--active{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--ok) 35%, transparent)}.project-status-badge--on-hold{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--warn) 40%, transparent)}.project-status-badge--completed{color:#065f46;background:color-mix(in srgb, #d1fae5 75%, var(--surface-solid));border-color:#6ee7b7}.project-status-badge--cancelled{box-shadow:inset 0 0 0 1px #dc262659}.project-status-badge--archived{color:var(--text-muted);background:color-mix(in srgb, var(--surface-solid) 70%, #e5e7eb);border-style:dashed}.projects-grid,.clients-grid{gap:.85rem}.project-card,.client-card{transition:border-color .12s,box-shadow .12s}.project-card:hover,.client-card:hover{border-color:color-mix(in srgb, var(--plum-soft) 35%, var(--border));box-shadow:var(--shadow), 0 0 0 1px color-mix(in srgb, var(--plum-soft) 12%, transparent)}.section-head h2{letter-spacing:-.01em}.scaffold-note{color:var(--text-faint);margin-top:1.25rem;font-size:.8rem;line-height:1.45}@media (width<=720px){.page-header-actions{width:100%}.page-header-actions .btn{flex:auto;justify-content:center}.overview-quick-links{flex-direction:column;align-items:stretch}.overview-quick-links-row .btn{flex:auto;justify-content:center}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.projects-page-header{align-items:flex-end}.projects-toolbar{flex-direction:column;gap:.85rem;margin-bottom:1rem;padding:.85rem 1rem;display:flex}.projects-search{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.projects-search input[type=search]{flex:1;min-width:12rem}.projects-filters{margin:0}.projects-toolbar-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;display:flex}.projects-count{font-size:.85rem}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:.85rem;display:grid}.project-card{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:0;min-height:10.5rem;display:flex;overflow:hidden}.project-card--archived{opacity:.88;background:#faf6fc}.project-card-link:hover .project-card-title{color:var(--plum-soft)}.project-card-link{color:inherit;flex:1;min-width:0;padding:1rem 1.05rem .75rem;text-decoration:none;display:block}.project-card-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.45rem .65rem;margin-bottom:.4rem;display:flex}.project-card-title{letter-spacing:-.015em;word-break:break-word;margin:0;font-size:1.02rem;font-weight:650;line-height:1.3;transition:color .12s}.project-card-badges{flex-wrap:wrap;flex-shrink:0;gap:.35rem;display:flex}.project-card-meta{color:var(--text-muted);margin:0 0 .45rem;font-size:.86rem;line-height:1.4}.project-card-stats{color:var(--text-muted);flex-direction:column;gap:.2rem;font-size:.82rem;display:flex}.project-card-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:auto;padding:.65rem 1.05rem .85rem;display:flex}.project-card-status-select select{border:1px solid var(--border);background:var(--surface-solid);color:var(--text);border-radius:6px;max-width:9rem;padding:.28rem .45rem;font-size:.78rem}.projects-empty{text-align:center;max-width:28rem;margin:.5rem auto 0;padding:2.25rem 1.5rem}.projects-empty h2{margin-bottom:.45rem;font-size:1.15rem}.projects-empty p{margin-bottom:1.15rem}.projects-loading{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:.85rem;display:grid}.projects-skeleton{border-radius:var(--radius);background:linear-gradient(90deg, var(--surface-muted) 25%, var(--skeleton-mid) 50%, var(--surface-muted) 75%);border:1px solid var(--border);background-size:200% 100%;height:10.5rem;animation:1.2s ease-in-out infinite clients-shimmer}.projects-skeleton--form{grid-column:1/-1;height:18rem}.project-detail-page{flex-direction:column;gap:.15rem;display:flex}.project-detail-eyebrow{margin:0;font-size:.85rem}.project-detail-header{align-items:flex-start}.project-detail-actions{flex-wrap:wrap;gap:.5rem;display:flex}.project-detail-summary{margin-bottom:.35rem}.project-detail-grid{grid-template-columns:repeat(auto-fill,minmax(10.5rem,1fr));gap:.65rem 1rem;margin:0;display:grid}.project-detail-field{min-width:0}.project-detail-field dt{letter-spacing:.02em;text-transform:uppercase;color:var(--text-faint);margin:0 0 .15rem;font-size:.72rem;font-weight:600}.project-detail-field dd{color:var(--ink);word-break:break-word;margin:0;font-size:.92rem;font-weight:550}.project-detail-progress{flex-direction:column;gap:.35rem;display:flex}.project-detail-progress-track{background:color-mix(in srgb, var(--border) 80%, transparent);border-radius:999px;height:.55rem;position:relative;overflow:hidden}.project-detail-progress-fill{border-radius:999px;transition:width .2s;position:absolute;top:0;bottom:0;left:0}.project-detail-progress-fill--created{background:color-mix(in srgb, var(--plum-soft) 55%, #c4b5fd);opacity:.55}.project-detail-progress-fill--proof{background:#6ee7b7}.project-detail-progress-legend{flex-wrap:wrap;gap:.65rem 1rem;margin:0;font-size:.78rem;display:flex}.project-detail-progress-legend span{align-items:center;gap:.3rem;display:inline-flex}.project-detail-swatch{border-radius:2px;width:.55rem;height:.55rem;display:inline-block}.project-detail-swatch--created{background:color-mix(in srgb, var(--plum-soft) 55%, #c4b5fd)}.project-detail-swatch--proof{background:#6ee7b7}.project-detail-status-bar{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.65rem;padding-top:.65rem;display:flex}.project-detail-status-bar label{color:var(--text-muted);align-items:center;gap:.45rem;font-size:.86rem;font-weight:550;display:inline-flex}.project-detail-status-bar select{border:1px solid var(--border);background:var(--surface-solid);border-radius:6px;padding:.3rem .5rem;font-size:.86rem}.project-detail-status-actions{flex-wrap:wrap;gap:.35rem;display:flex}.project-detail-summary--terminal{border-color:color-mix(in srgb, var(--border) 70%, var(--plum-soft))}.project-detail-stage-pills{flex-wrap:wrap;gap:.4rem;display:flex}.project-detail-stage-pill{color:var(--text-muted);background:color-mix(in srgb, var(--surface-solid) 80%, var(--plum-soft));border:1px solid var(--border);border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .55rem;font-size:.78rem;display:inline-flex}.project-detail-stage-pill-count{color:var(--ink);font-weight:700}.project-detail-lifecycle-note{border-top:1px solid var(--border);padding-top:.5rem;font-size:.86rem}.project-detail-empty-block{flex-direction:column;align-items:flex-start;gap:.65rem;display:flex}.project-detail-error{align-items:flex-start}.project-detail-section .section-head{gap:.5rem}.section-head-count{font-size:.9rem;font-weight:500}.project-detail-loading{flex-direction:column;gap:.75rem;display:flex}.project-detail-skel-title{border-radius:8px;max-width:16rem;height:2rem}.project-detail-skel-summary{flex-direction:column;gap:.55rem;padding:1rem;display:flex}.project-detail-skel-line{border-radius:6px;height:.85rem}.project-detail-skel-line--short{max-width:55%}.project-detail-skel-bar{border-radius:999px;height:.55rem;margin-top:.25rem}.project-detail-skel-block{border-radius:var(--radius);height:4.5rem}.project-detail-skel-block--tall{height:8rem}.project-prose{white-space:pre-wrap;font-size:.95rem;line-height:1.55}.project-form .field-hint{color:var(--text-faint);margin:.25rem 0 0;font-size:.8rem}.posts-list{flex-direction:column;gap:.55rem;display:flex}.post-row{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem 1rem;padding:.85rem 1rem;display:flex}.post-row--cancelled{opacity:.72}.post-row--done{border-color:#a7f3d0}.post-row--busy{opacity:.85}.post-row-main{flex:1;min-width:12rem}.post-row-top{flex-wrap:wrap;align-items:center;gap:.45rem .65rem;margin-bottom:.45rem;display:flex}.post-row-title{color:var(--ink);font-weight:650;text-decoration:none}.post-row-title:hover{color:var(--plum-soft);text-decoration:none}.post-row-facts{grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:.4rem .85rem;margin:0;display:grid}.post-row-fact{min-width:0}.post-row-fact dt{letter-spacing:.02em;text-transform:uppercase;color:var(--text-faint);margin:0;font-size:.68rem;font-weight:600}.post-row-fact dd{color:var(--ink);word-break:break-word;margin:.1rem 0 0;font-size:.82rem;font-weight:500}.post-row-proof-text--done{color:var(--ok)}.post-row-proof-text--warn{color:var(--warn)}.post-row-proof-text--partial{color:var(--text-muted)}.post-row-proof-text--none{color:var(--text-faint);font-weight:450}.post-row-live-link{color:var(--plum-soft);word-break:break-all;font-weight:550;text-decoration:none}.post-row-live-link:hover{text-decoration:underline}.post-row-ad-code{background:color-mix(in srgb, var(--surface-solid) 70%, #e9d5ff);border:1px solid var(--border);border-radius:4px;padding:.05rem .3rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.78rem}.post-row-actions{flex-wrap:wrap;flex-shrink:0;align-items:flex-end;gap:.45rem;display:flex}.post-row-stage{color:var(--text-faint);text-transform:uppercase;letter-spacing:.02em;flex-direction:column;gap:.15rem;font-size:.72rem;font-weight:600;display:flex}.post-row-stage-label{line-height:1.1}.post-row-stage select{text-transform:none;letter-spacing:normal;border:1px solid var(--border);background:var(--surface-solid);color:var(--text);border-radius:6px;min-width:9.5rem;max-width:14rem;padding:.32rem .45rem;font-size:.8rem;font-weight:500}.post-row-stage-readonly{align-self:center;font-size:.78rem}.post-form-status{flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.5rem;display:flex}.post-form-hint{text-transform:none;letter-spacing:0;font-weight:550}.post-form-actions{gap:.5rem}.settings-page{flex-direction:column;gap:.15rem;display:flex}.settings-role-pill{align-self:flex-start;margin:0}.helpers-banner{margin-bottom:.75rem;font-size:.9rem;line-height:1.45}.helpers-section .helpers-panel{flex-direction:column;gap:.75rem;display:flex}.helpers-lede{margin:0 0 .15rem;font-size:.9rem;line-height:1.45}.helpers-workspace-list li{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.45rem .75rem;padding:.45rem 0;display:flex}.helpers-workspace-list li:last-child{border-bottom:none;padding-bottom:0}.helpers-workspace-list li.is-primary strong{color:var(--plum)}.helpers-member-list{flex-direction:column;gap:.45rem;margin:0;padding:0;list-style:none;display:flex}.helpers-member-row{background:var(--surface-solid);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.55rem .85rem;padding:.7rem .85rem;display:flex}.helpers-member-main{flex:1;min-width:10rem}.helpers-member-top{flex-wrap:wrap;align-items:center;gap:.4rem .55rem;display:flex}.helpers-member-name{color:var(--ink);font-weight:650}.helpers-you{color:var(--text-muted);font-weight:500}.helpers-member-email{word-break:break-all;margin:.15rem 0 0;font-size:.82rem}.helpers-member-actions{flex-shrink:0}.helpers-add{flex-direction:column;gap:.55rem;display:flex}.helpers-add-title{margin:0;font-size:1rem}.helpers-add-hint{margin:0;font-size:.86rem}.helpers-add-form{flex-wrap:wrap;align-items:flex-end;gap:.55rem .65rem;display:flex}.helpers-email-field{flex:14rem;min-width:0;margin:0}.helpers-email-field input{width:100%}.helpers-ok{color:var(--ok);background:var(--ok-soft);border-radius:var(--radius);border:1px solid #a7f3d0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.45rem;padding:.55rem .75rem;font-size:.88rem;display:flex}.helpers-empty{flex-direction:column;align-items:flex-start;gap:.55rem;display:flex}.helpers-loading{flex-direction:column;gap:.45rem;display:flex}.helpers-skel-line{border-radius:6px;height:.85rem}.helpers-skel-line--short{max-width:50%}.helpers-skel-row{border-radius:var(--radius);height:3rem}.owner-only-notice{color:var(--text-muted);background:var(--surface-muted);border:1px dashed var(--border-strong);border-radius:var(--radius);margin:0 0 .65rem;padding:.55rem .75rem;font-size:.86rem;line-height:1.4}.owner-only-notice--compact{margin-bottom:.55rem;font-size:.82rem}@media (width<=768px){.helpers-add-form{flex-direction:column;align-items:stretch}.helpers-add-form .btn{width:100%}.helpers-member-row{flex-direction:column;align-items:stretch}.helpers-member-actions .btn{width:100%}}@media (width<=480px){.helpers-member-email{font-size:.78rem}.helpers-email-field input{font-size:16px}}.post-form-page{flex-direction:column;gap:.65rem;display:flex}.post-form-crumb{margin:0;font-size:.85rem}.post-form-posted-warn{font-size:.78rem}.workflow-banner{border-left:4px solid var(--border-strong);margin:0}.workflow-banner--waiting_on_client{background:color-mix(in srgb, var(--client-wait-soft) 70%, var(--surface-solid));border-left-color:#8b5cf6}.workflow-banner--needs_you{background:color-mix(in srgb, var(--warn-soft) 55%, var(--surface-solid));border-left-color:#f59e0b}.workflow-banner--needs_proof{background:color-mix(in srgb, #ffedd5 70%, var(--surface-solid));border-left-color:#ea580c}.workflow-banner--done{background:color-mix(in srgb, var(--ok-soft) 60%, var(--surface-solid));border-left-color:#10b981}.workflow-banner--cancelled{border-left-color:var(--danger);opacity:.95}.workflow-banner-title{margin-bottom:.2rem;font-size:.95rem;display:block}.workflow-banner-body{margin:0 0 .25rem;font-size:.88rem}.workflow-banner-tip{color:var(--text-muted);margin:.25rem 0 0;font-size:.82rem}.workflow-actions{border-top:1px dashed var(--border);border-bottom:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:.45rem .65rem;padding:.55rem 0;display:flex}.workflow-actions-label{text-transform:uppercase;letter-spacing:.04em;width:100%;font-size:.72rem;font-weight:650}.workflow-actions-btns .projects-filter-chips{flex-wrap:wrap;gap:.4rem;margin-bottom:.35rem;display:flex}.workflow-actions-btns .projects-filter-chip{appearance:none;border:1px solid var(--border);background:var(--surface-solid);color:var(--text-muted);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:999px;min-height:2.25rem;padding:.4rem .7rem;font-size:.82rem;font-weight:550}.workflow-actions-btns .projects-filter-chip.is-selected{color:var(--plum);background:linear-gradient(90deg,#efe6f8 0%,#fce7f3 55%,#e8f8f5 100%);border-color:#c4b5fd;font-weight:650}.workflow-actions-btns .projects-filter-chip--completed.is-selected{border-color:#a7f3d0}.workflow-actions-btns .projects-filter-chip--cancelled.is-selected{color:var(--danger);border-color:#f9a8d4}.workflow-actions-btns .projects-filter-chip--on_hold.is-selected{border-color:#fde68a}.workflow-actions-btns .projects-filter-hint{margin:0 0 .65rem;font-size:.8rem}.workflow-actions-btns .projects-sort-field{margin:0}.workflow-actions-btns .projects-sort-field select{min-height:2.25rem;font-size:.86rem}.workflow-actions-btns .project-status-badge-wrap{flex-wrap:wrap;align-items:center;gap:.3rem;display:inline-flex}.workflow-actions-btns .project-status-badge--completed{color:var(--ok);background:var(--ok-soft);border:1px solid #a7f3d0}.workflow-actions-btns .project-status-badge--on-hold{box-shadow:inset 0 0 0 1px #fde68a}.workflow-actions-btns .project-status-badge--cancelled{box-shadow:inset 0 0 0 1px #f9a8d4}.workflow-actions-btns .project-status-badge--archived{opacity:.9;font-weight:500}.workflow-actions-btns .project-card--status-completed{background:color-mix(in srgb, var(--ok-soft) 35%, var(--surface-solid));border-color:#a7f3d0}.workflow-actions-btns .project-card--status-cancelled{opacity:.92;border-color:#f9a8d4}.workflow-actions-btns .project-card--status-on_hold{border-color:#fde68a}.workflow-actions-btns .project-card--busy{opacity:.88}.workflow-actions-btns .project-card-status-hint{margin:.35rem 0 0;font-size:.75rem;line-height:1.35}.workflow-actions-btns .project-card-finish{flex-wrap:wrap;gap:.3rem;width:100%;display:flex}.workflow-actions-btns .project-card-cancel-btn{color:var(--danger)}.workflow-actions-btns .project-card-busy-label{width:100%;font-size:.78rem}.workflow-actions-btns .project-detail-summary--completed{border-color:#a7f3d0}.workflow-actions-btns .project-detail-summary--cancelled{border-color:#f9a8d4}.workflow-actions-btns .project-detail-summary--on_hold{border-color:#fde68a}.workflow-actions-btns .project-detail-status-hint{font-size:.82rem}.workflow-actions-btns .project-detail-finish-bar{border-top:1px solid var(--border);flex-direction:column;gap:.5rem;padding-top:.55rem;display:flex}.workflow-actions-btns .project-detail-finish-label{text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:650}.workflow-actions-btns .project-detail-finish-actions .theme-toggle{--toggle-w:3.15rem;--toggle-h:1.85rem;--thumb:1.35rem;min-width:var(--touch-min);min-height:var(--touch-min);color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:.35rem;display:inline-flex;position:relative}.workflow-actions-btns .project-detail-finish-actions .theme-toggle:focus-visible{outline:2px solid var(--lavender-deep);outline-offset:2px}.workflow-actions-btns .project-detail-finish-actions .theme-toggle-track{width:var(--toggle-w);height:var(--toggle-h);background:var(--surface-muted);border:1px solid var(--border-strong);border-radius:999px;transition:background .22s,border-color .22s,box-shadow .22s;display:block;position:relative;box-shadow:inset 0 1px 2px #0000000f}.workflow-actions-btns .project-detail-finish-actions .theme-toggle-thumb{width:var(--thumb);height:var(--thumb);background:var(--surface-solid);border:1px solid var(--border);border-radius:50%;place-items:center;transition:transform .22s cubic-bezier(.34,1.2,.64,1),background .2s,border-color .2s,box-shadow .2s;display:grid;position:absolute;top:50%;left:.2rem;overflow:hidden;transform:translateY(-50%);box-shadow:0 1px 4px #5b46782e}.workflow-actions-btns .project-detail-finish-actions .theme-toggle[data-theme-active=dark] .theme-toggle-track{background:color-mix(in srgb, var(--lavender-deep) 28%, var(--surface-muted));border-color:color-mix(in srgb, var(--lavender-deep) 45%, var(--border));box-shadow:inset 0 1px 3px #00000040}.workflow-actions-btns .project-detail-finish-actions .theme-toggle[data-theme-active=dark] .theme-toggle-thumb{transform:translate(calc(var(--toggle-w) - var(--thumb) - .42rem), -50%);color:#e9d5ff;background:#2a2238;border-color:#4d3f63;box-shadow:0 1px 6px #0006}.workflow-actions-btns .project-detail-finish-actions .theme-toggle[data-theme-active=light] .theme-toggle-thumb{color:#b45309}.workflow-actions-btns .project-detail-finish-actions .theme-toggle-icon{place-items:center;transition:opacity .18s,transform .22s;display:grid;position:absolute;inset:0}.workflow-actions-btns .project-detail-finish-actions .theme-toggle-icon--sun{opacity:1;transform:scale(1)rotate(0)}.workflow-actions-btns .project-detail-finish-actions .theme-toggle-icon--moon{opacity:0;transform:scale(.5)rotate(-40deg)}.workflow-actions-btns .project-detail-finish-actions .theme-toggle[data-theme-active=dark] .theme-toggle-icon--sun{opacity:0;transform:scale(.5)rotate(40deg)}.workflow-actions-btns .project-detail-finish-actions .theme-toggle[data-theme-active=dark] .theme-toggle-icon--moon{opacity:1;transform:scale(1)rotate(0)}.workflow-actions-btns .project-detail-finish-actions .theme-toggle:hover .theme-toggle-track{border-color:var(--lavender-deep)}.workflow-actions-btns .project-detail-finish-actions .theme-toggle:active .theme-toggle-thumb{transform:translateY(-50%)scale(.94)}.workflow-actions-btns .project-detail-finish-actions .theme-toggle[data-theme-active=dark]:active .theme-toggle-thumb{transform:translate(calc(var(--toggle-w) - var(--thumb) - .42rem), -50%) scale(.94)}.workflow-actions-btns .project-detail-finish-actions .theme-toggle-sr{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.workflow-actions-btns .project-detail-finish-actions .theme-toggle--topbar,.workflow-actions-btns .project-detail-finish-actions .theme-toggle--auth{background:var(--surface-solid);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:999px;padding-inline:.4rem}.workflow-actions-btns .project-detail-finish-actions .theme-toggle--topbar:hover,.workflow-actions-btns .project-detail-finish-actions .theme-toggle--auth:hover{border-color:var(--lavender-deep);background:var(--surface-muted)}.workflow-actions-btns .project-detail-finish-actions .theme-toggle--nav{min-width:2.5rem;min-height:2.5rem;padding:.2rem}.workflow-actions-btns .project-detail-finish-actions html[data-theme=dark] .theme-toggle--topbar,.workflow-actions-btns .project-detail-finish-actions html[data-theme=dark] .theme-toggle--auth{background:var(--surface-solid);border-color:var(--border-strong)}@media (prefers-reduced-motion:reduce){.workflow-actions-btns .project-detail-finish-actions .theme-toggle-track,.workflow-actions-btns .project-detail-finish-actions .theme-toggle-thumb,.workflow-actions-btns .project-detail-finish-actions .theme-toggle-icon{transition:none}}