:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--navy:#0f172a;--pastel-blue:#93c5fd;--background:#f8fafc;--white:#fff;--border:#e2e8f0;--secondary-text:#64748b;--surface:#ffffffeb;--surface-soft:#ffffffd1;--surface-strong:#fffffffa;--surface-muted:linear-gradient(180deg, #fffffff2, #f8fafce6);--field-surface:#f8fafceb;--field-border:#e2e8f0f2;--panel-border:#e2e8f0e6;--metric-border:#e2e8f0eb;--track-surface:#e2e8f0f2;--success:#16a34a;--warning:#f59e0b;--error:#dc2626;--info:#3b82f6;--shadow:0 28px 80px #0f172a1a;--shell-gradient:radial-gradient(circle at top left, #93c5fd61, transparent 34%), radial-gradient(circle at right center, #0f172a14, transparent 22%), linear-gradient(180deg, #fff 0%, #f4f8fc 100%);--font-sans:"Avenir Next", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--navy:#e5eefc;--background:#07111f;--white:#fff;--border:#223149;--secondary-text:#93a8c7;--surface:#0c1727e6;--surface-soft:#0a1423d1;--surface-strong:#0f1a2bfa;--surface-muted:linear-gradient(180deg, #0f1a2bf5, #07111feb);--field-surface:#08121feb;--field-border:#223149f2;--panel-border:#223149e0;--metric-border:#223149e6;--track-surface:#223149f2;--shadow:0 28px 80px #00000059;--shell-gradient:radial-gradient(circle at top left, #3b82f629, transparent 32%), radial-gradient(circle at right center, #93c5fd17, transparent 18%), linear-gradient(180deg, #07111f 0%, #0b1628 100%)}*{box-sizing:border-box}html,body{background:var(--background);min-height:100%;color:var(--navy);font-family:var(--font-sans);margin:0}body{flex-direction:column;display:flex;position:relative}body.guest-shell{grid-template-rows:auto minmax(0,1fr) auto;min-height:100dvh;display:grid}a{color:inherit}button,input{font:inherit}.shell-background{z-index:-1;background:var(--shell-gradient);position:fixed;inset:0}.topbar{justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.5rem clamp(1.2rem,4vw,3.25rem);display:flex}.topbar-brand{align-items:center;gap:1rem;display:flex}.topbar-brand-link{text-decoration:none}.topbar-logo{border:1px solid var(--panel-border);background:linear-gradient(#fffffffa,#f1f5f9f0);border-radius:26px;width:clamp(180px,18vw,240px);height:auto;padding:.5rem .65rem;display:block;box-shadow:inset 0 1px #ffffffeb,0 14px 34px #0f172a14}.topbar-logo-mark{border:1px solid var(--panel-border);background:linear-gradient(#fffffffa,#f1f5f9f0);border-radius:22px;width:72px;height:auto;padding:.4rem;display:block;box-shadow:inset 0 1px #ffffffeb,0 12px 30px #0f172a14}.topbar-brand-copy{flex-direction:column;gap:.1rem;display:flex}.topbar-brand-copy strong{font-size:clamp(1.2rem,2vw,1.65rem);line-height:1.05}.topbar-brand-copy span{color:var(--secondary-text);font-size:.92rem;font-weight:600}.topbar-copy{text-align:right;z-index:20;flex-direction:column;align-items:flex-end;gap:.65rem;display:flex;position:relative}.topbar-copy strong{font-size:.96rem}.topbar-eyebrow,.eyebrow{color:var(--secondary-text);letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.8rem}.topbar-timestamp{color:var(--secondary-text);font-size:.96rem;font-weight:600}.guest-shell .topbar{align-items:center;padding:clamp(.5rem,1.2dvh,.7rem) clamp(1rem,3vw,2.2rem) clamp(.15rem,.6dvh,.35rem)}.guest-shell .topbar-logo{border-radius:22px;width:clamp(150px,15vw,196px);padding:.32rem .42rem;box-shadow:inset 0 1px #ffffffeb,0 8px 20px #0f172a0f}.guest-shell .topbar-copy{gap:.2rem}.guest-shell .topbar-timestamp{font-size:.84rem}.app-footer{width:min(1320px,100vw - 2rem);margin:auto auto 1.1rem;padding:0 clamp(.25rem,2vw,1rem)}.guest-shell .app-footer{margin:0 auto clamp(.2rem,.8dvh,.45rem)}.guest-shell .app-footer-inner{gap:clamp(.6rem,1.4vw,.9rem);padding:clamp(.7rem,1.4dvh,.95rem) clamp(.9rem,2vw,1.1rem)}.guest-shell .footer-brand{gap:.55rem;font-size:.82rem}.guest-shell .footer-legal{font-size:.82rem}.guest-shell .footer-controls{gap:.6rem}.guest-shell .footer-control-label{font-size:.78rem}.guest-shell .footer-toggle-button{min-height:1.95rem;padding:.32rem .72rem}.app-footer-inner{border:1px solid var(--panel-border);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:24px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem;padding:1rem 1.2rem;display:grid}.footer-brand{align-items:center;gap:.7rem;min-width:0;font-size:.94rem;font-weight:600;display:flex}.footer-logo-mark{border:1px solid var(--panel-border);background:linear-gradient(#fffffffa,#f1f5f9f0);border-radius:14px;flex:none;width:34px;height:auto;padding:.22rem;display:block;box-shadow:inset 0 1px #ffffffeb,0 8px 18px #0f172a14}.footer-legal{color:var(--secondary-text);text-align:center;margin:0;font-size:.92rem}.footer-controls{justify-content:flex-end;gap:.9rem;display:flex}.footer-control-group{align-items:center;gap:.55rem;display:flex}.footer-control-label{color:var(--secondary-text);font-size:.84rem;font-weight:600}.footer-segmented-control{border:1px solid var(--field-border);background:var(--field-surface);border-radius:999px;align-items:center;padding:.2rem;display:inline-flex}.footer-toggle-button{min-height:2.2rem;color:var(--secondary-text);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.45rem .85rem;transition:background-color .14s,color .14s,transform .14s}.footer-toggle-button:hover{color:var(--navy);transform:translateY(-1px)}.footer-toggle-button.is-active{color:var(--white);background:linear-gradient(135deg,#0f172a 0%,#20334e 100%)}.page,.login-page{flex:1 0 auto}.error-page{flex:1 0 auto;justify-content:center;align-items:center;width:min(760px,100vw - 2rem);min-height:min(620px,100dvh - 210px);margin:0 auto;padding:2rem 0 3rem;display:flex}.guest-shell .error-page{height:100%;min-height:0;padding:1rem 0}.error-card{border:1px solid var(--panel-border);background:var(--surface);width:min(640px,100%);box-shadow:var(--shadow);text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:32px;padding:clamp(1.75rem,5vw,3.25rem)}.error-code{color:#3b82f633;letter-spacing:-.09em;-webkit-user-select:none;user-select:none;margin-bottom:1.2rem;font-size:clamp(5rem,17vw,9rem);font-weight:850;line-height:.76}.error-card h1{max-width:11ch;margin:.45rem auto 0;font-size:clamp(2rem,5vw,3.5rem);line-height:1.02}.error-copy{max-width:38rem;color:var(--secondary-text);margin:1.15rem auto 0;font-size:1.04rem;line-height:1.65}.error-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.8rem;display:flex}.error-actions .primary-button,.error-actions .secondary-button{text-decoration:none}.page,.login-page{width:min(1200px,100vw - 2rem);margin:0 auto;padding-bottom:3rem}.hero-card,.panel,.login-card{border:1px solid var(--panel-border);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px}.hero-card{padding:clamp(1.5rem,3vw,2.2rem)}.hero-card-compact{display:block}.hero-card h1,.panel h2,.login-card h1{margin:.3rem 0 0;font-size:clamp(1.8rem,4vw,3rem);line-height:.96}.panel h2{margin:0}.hero-copy{max-width:50rem;color:var(--secondary-text);margin:1rem 0 0;font-size:1rem;line-height:1.6}.user-menu{z-index:30;width:min(100%,250px);position:relative}.user-menu summary{list-style:none}.user-menu summary::-webkit-details-marker{display:none}.user-menu-trigger{color:var(--white);cursor:pointer;background:linear-gradient(140deg,#0f172afa,#1e293bf2);border-radius:22px;padding:.8rem 1rem;display:flex;box-shadow:0 16px 40px #0f172a2e}.user-menu-trigger-content{align-items:center;gap:.85rem;display:flex}.user-menu-copy{flex-direction:column;gap:.2rem;min-width:0;display:flex}.user-avatar{color:var(--white);background:linear-gradient(135deg,#3b82f62e,#0f172a38);border:1px solid #93c5fd3d;border-radius:999px;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff2e,0 10px 26px #0f172a1f}.user-avatar.is-sm{width:2.4rem;height:2.4rem}.user-avatar.is-md{width:3.25rem;height:3.25rem}.user-avatar.is-lg{width:5.25rem;height:5.25rem}.user-avatar-image{object-fit:cover;width:100%;height:100%}.user-avatar-initials{letter-spacing:.04em;text-transform:uppercase;font-size:.95rem;font-weight:800}.user-avatar.is-lg .user-avatar-initials{font-size:1.35rem}.user-menu-label{color:#ffffffb3;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem}.user-menu-trigger strong{font-size:1rem}.user-menu-email{font-size:.88rem}.user-menu-role{color:#93c5fdf2;font-size:.8rem;font-weight:600}.settings-avatar-form{flex-direction:column;gap:1rem;margin-bottom:1.2rem;display:flex}.settings-avatar-card{background:var(--surface-muted);border:1px solid #e2e8f0eb;border-radius:24px;align-items:center;gap:1rem;padding:1rem 1.05rem;display:flex}.settings-avatar-preview{flex-shrink:0}.settings-avatar-copy{flex-direction:column;gap:.35rem;display:flex}.settings-avatar-copy strong{font-size:1rem}.settings-avatar-copy p{color:var(--secondary-text);margin:0;line-height:1.55}.settings-avatar-controls{flex-wrap:wrap;align-items:flex-end;gap:.85rem;display:flex}.settings-file-field{flex-direction:column;flex:280px;gap:.45rem;display:flex}.settings-file-field>span{font-weight:600}.settings-file-field input[type=file]{width:100%;min-height:3.2rem;color:var(--navy);background:linear-gradient(#fffffffa,#f1f5f9f2);border:1px solid #e2e8f0f2;border-radius:18px;padding:.4rem .45rem;box-shadow:inset 0 1px #ffffffe6,0 12px 30px #0f172a0d}.settings-file-field input[type=file]::file-selector-button{color:var(--navy);font:inherit;cursor:pointer;background:#93c5fd29;border:1px solid #93c5fd73;border-radius:14px;margin-right:.8rem;padding:.7rem .95rem;font-weight:700}.user-menu-popover{border:1px solid var(--field-border);background:var(--surface-strong);min-width:220px;box-shadow:var(--shadow);z-index:999;border-radius:20px;padding:.55rem;position:absolute;top:calc(100% + .55rem);right:0}.user-menu-link,.user-menu-button{width:100%;color:var(--navy);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:14px;padding:.8rem .9rem;text-decoration:none;display:flex}.user-menu-link:hover,.user-menu-button:hover{background:#93c5fd24}.primary-button,.secondary-button{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;min-height:3rem;padding:.8rem 1.25rem;transition:transform .14s,box-shadow .14s,background-color .14s;display:inline-flex}.danger-button{min-height:3rem;color:var(--white);cursor:pointer;background:linear-gradient(135deg,#dc2626f5,#b91c1ceb);border:1px solid #ef444447;border-radius:999px;justify-content:center;align-items:center;padding:.8rem 1.25rem;font-weight:700;transition:transform .14s,box-shadow .14s,background-color .14s;display:inline-flex}.primary-button{color:var(--white);background:linear-gradient(135deg,#0f172a 0%,#20334e 100%);box-shadow:0 16px 40px #0f172a42}.secondary-button{color:var(--navy);background:#93c5fd29;border:1px solid #93c5fd73}.primary-button:hover,.secondary-button:hover,.danger-button:hover{transform:translateY(-1px)}.danger-button:hover{box-shadow:0 16px 34px #b91c1c3d}.danger-button:disabled{opacity:.72;cursor:wait;box-shadow:none;transform:none}.metrics-grid,.director-dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0;display:grid}.dashboard-metric-column{grid-template-rows:auto repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.dashboard-metric-column>h2{margin:0 0 .15rem;font-size:1.15rem}.dashboard-metric-column .metric-card{justify-content:center;min-height:8.6rem}.metric-card-manage{justify-content:center}.metric-card-placeholder{opacity:.86}.metric-card-actions{letter-spacing:.04em;align-items:center;gap:.5rem;display:inline-flex}.metric-card{border:1px solid var(--metric-border);background:var(--surface-soft);border-radius:24px;flex-direction:column;gap:.45rem;padding:1.2rem 1.25rem;display:flex}.metric-card-button{width:100%;color:var(--navy);text-align:left;cursor:pointer;transition:transform .14s,box-shadow .14s,border-color .14s,background-color .14s}.metric-card-button:hover{border-color:#3b82f63d;transform:translateY(-2px);box-shadow:0 18px 44px #0f172a14}.metric-card-button.is-active{background:#93c5fd29;border-color:#3b82f657;box-shadow:inset 0 1px #ffffffe6,0 16px 36px #0f172a14}.metric-card-link{text-decoration:none;transition:transform .14s,box-shadow .14s,border-color .14s}.metric-card-link:hover{border-color:#3b82f63d;transform:translateY(-2px);box-shadow:0 18px 44px #0f172a1a}.metric-card-add{background:linear-gradient(145deg,#0f172afa,#1e293bf2);border-color:#0f172a14;justify-content:center}.metric-card.metric-card-add span{color:var(--white);font-weight:600}.metric-card.metric-card-add strong{color:var(--white)}.metric-card-plus{font-size:clamp(1.8rem,3vw,2.4rem);line-height:1}.metric-card span{color:var(--secondary-text);font-size:.92rem}.metric-card strong{font-size:clamp(1.9rem,4vw,2.7rem);line-height:1}.metric-card-term strong{white-space:nowrap;font-size:clamp(1.3rem,2.4vw,1.95rem);line-height:1}.content-grid{grid-template-columns:minmax(0,1.55fr) minmax(320px,1fr);gap:1rem;display:grid}.dashboard-aside{flex-direction:column;gap:1rem;display:flex}.panel{padding:1.35rem}.panel-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.2rem;display:flex}.panel-heading h2{font-size:1.45rem}.panel-count{min-width:2.4rem;color:var(--navy);text-align:center;background:#93c5fd2e;border-radius:999px;padding:.5rem .75rem;font-weight:700}.project-list,.updates-list{flex-direction:column;gap:.95rem;display:flex}.project-row,.update-card{border:1px solid var(--metric-border);background:var(--surface-muted);border-radius:24px}.project-row{grid-template-columns:minmax(0,1fr) minmax(320px,.9fr);gap:1rem;padding:1rem 1.1rem;display:grid}.project-row-empty{grid-template-columns:1fr}.dashboard-user-row{align-items:center}.dashboard-user-meta{justify-content:center;align-items:flex-end}.dashboard-user-inactive{color:var(--warning);font-size:.88rem;font-weight:700}.project-row-link,.update-card-link{text-decoration:none;transition:transform .14s,box-shadow .14s,border-color .14s}.project-row-link:hover,.update-card-link:hover{border-color:#3b82f638;transform:translateY(-2px);box-shadow:0 18px 44px #0f172a1a}.project-headline{flex-wrap:wrap;align-items:baseline;gap:.65rem;display:flex}.project-headline strong{font-size:1.05rem}.project-headline span,.project-main p,.project-deadline,.update-card p{color:var(--secondary-text)}.project-main p{margin:.45rem 0 0}.project-meta{flex-direction:column;align-items:flex-start;gap:.65rem;display:flex}.project-progress{width:100%}.project-progress div:first-child{justify-content:space-between;gap:1rem;margin-bottom:.35rem;display:flex}.progress-track{background:var(--track-surface);border-radius:999px;width:100%;height:.55rem;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg,#93c5fd 0%,#3b82f6 100%);height:100%}.status-badge,.stage-badge{border-radius:999px;align-items:center;min-height:2rem;padding:.2rem .8rem;font-size:.82rem;font-weight:700;display:inline-flex}.status-badge{border:1px solid #0000}.status-planned{color:#1d4ed8;background:#3b82f61f}.status-active{color:#0f172a;background:#93c5fd2e}.status-blocked{color:var(--error);background:#dc26261f}.status-completed{color:var(--success);background:#16a34a1f}.status-archived{color:var(--secondary-text);background:#64748b1f}.stage-badge{color:var(--navy);background:#0f172a12}.update-card{padding:1rem 1.05rem}.task-alert-card{width:100%;color:inherit;text-align:left;cursor:pointer;transition:transform .14s,box-shadow .14s,border-color .14s}.task-alert-card:hover,.task-alert-card:focus-visible{border-color:#3b82f65c;outline:none;transform:translateY(-2px);box-shadow:0 18px 44px #0f172a1a}.task-alert-action{color:var(--blue);margin-top:.8rem;font-weight:800;display:inline-block}.detail-page{flex-direction:column;gap:1rem;display:flex}.detail-hero-card{flex-direction:column;gap:.65rem;padding:clamp(1.2rem,2.2vw,1.8rem);display:flex}.detail-hero-card h1{flex:1;margin:0;font-size:clamp(2.2rem,4vw,3.8rem)}.detail-hero-heading{justify-content:space-between;align-items:center;gap:1rem;width:100%;display:flex}.detail-hero-actions{flex-direction:column;flex:none;align-items:flex-end;gap:.28rem;display:flex}.detail-hero-link{color:var(--secondary-text);font-size:1.02rem;font-weight:700;line-height:1.2;text-decoration:none}.detail-hero-link:hover{color:var(--navy)}.archive-project-trigger{min-width:auto;min-height:1.9rem;padding:.34rem .72rem;font-size:.68rem;font-weight:700}.form-page{flex-direction:column;gap:1rem;display:flex}.detail-info-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:1rem;display:grid}.detail-subtitle{color:var(--secondary-text);margin:.45rem 0 0;font-size:.92rem}.detail-project-code{margin-top:.85rem}.detail-summary-panel{flex-direction:column;gap:1.2rem;display:flex}.detail-chip-row{flex-wrap:wrap;gap:.65rem;display:flex}.detail-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.detail-meta-list{gap:1rem;margin:0;display:grid}.detail-meta-list div{border-bottom:1px solid #e2e8f0e6;padding-bottom:1rem}.detail-meta-list div:last-child{border-bottom:none;padding-bottom:0}.detail-meta-list dt{color:var(--secondary-text);margin-bottom:.3rem;font-size:.9rem}.detail-meta-list dd{margin:0;font-size:1rem;font-weight:600}.detail-meta-disclosure{flex-direction:column;gap:1rem;display:flex}.detail-meta-disclosure summary{list-style:none}.detail-meta-disclosure summary::-webkit-details-marker{display:none}.detail-meta-summary{width:fit-content;color:var(--secondary-text);cursor:pointer;align-items:center;gap:.55rem;font-weight:700;transition:color .14s,transform .14s;display:inline-flex}.detail-meta-summary:hover{color:var(--navy);transform:translateY(-1px)}.detail-meta-summary svg{width:1rem;height:1rem;transition:transform .14s}.detail-meta-disclosure[open] .detail-meta-summary svg{transform:rotate(180deg)}.detail-meta-summary-label-expanded,.detail-meta-disclosure[open] .detail-meta-summary-label-collapsed{display:none}.detail-meta-disclosure[open] .detail-meta-summary-label-expanded{display:inline}.detail-meta-list-extra{padding-top:.15rem}.detail-archive-control{margin-top:.35rem}.detail-site-manager-form{flex-wrap:wrap;align-items:end;gap:.75rem;margin-top:1rem;display:flex}.detail-site-manager-form label{color:var(--secondary-text);flex-direction:column;flex:260px;gap:.4rem;font-size:.88rem;font-weight:700;display:flex}.detail-site-manager-form select{border:1px solid var(--field-border);background:var(--field-surface);min-height:2.8rem;color:var(--navy);border-radius:14px;padding:0 .85rem}.detail-site-manager-form .secondary-button{min-height:2.8rem}.detail-milestones-divider{background:#94a3b873;height:1px;margin:.35rem 0 0}.detail-sections-stack{flex-direction:column;gap:.85rem;display:flex}.detail-milestones-section{border-top:1px solid #e2e8f0eb;flex-direction:column;gap:1rem;margin-top:1.4rem;padding-top:1.4rem;display:flex}.detail-milestones-section .detail-subsection-heading{margin-bottom:0}.detail-milestones-choice{padding:1rem}.detail-milestone-builder{margin-top:0}.detail-milestone-actions{gap:.55rem;display:flex}.detail-section-disclosure{border:1px solid var(--metric-border);background:var(--surface-muted);border-radius:22px}.detail-section-disclosure summary{list-style:none}.detail-section-disclosure summary::-webkit-details-marker{display:none}.detail-section-summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.05rem;font-weight:700;display:flex}.detail-section-summary-main{align-items:center;gap:1rem;min-width:0;display:flex}.detail-section-summary-value{color:var(--secondary-text);white-space:nowrap;font-size:.95rem;font-weight:700}.detail-section-summary svg{width:1rem;height:1rem;color:var(--secondary-text);transition:transform .14s}.detail-section-disclosure[open] .detail-section-summary svg{transform:rotate(180deg)}.detail-section-body{flex-direction:column;gap:.85rem;padding:0 1.05rem 1rem;display:flex}.detail-section-item-list{flex-direction:column;gap:.7rem;display:flex}.detail-section-item-list-static{gap:.85rem}.detail-section-item{background:#ffffffd1;border:1px solid #e2e8f0eb;border-radius:20px;justify-content:space-between;align-items:center;gap:1rem;min-height:4rem;padding:.85rem .95rem;display:flex}.detail-section-item strong{font-size:1rem}.detail-section-item-static{justify-content:flex-start}.detail-cost-category-button{width:100%;color:var(--navy);text-align:left;background:#ffffffd1;border:1px solid #e2e8f0eb;border-radius:20px;flex-direction:column;align-items:stretch;gap:.75rem;padding:.95rem 1rem;transition:transform .14s,border-color .14s,background-color .14s;display:flex}.detail-cost-category-button:hover{background:#fffffff0;border-color:#3b82f647;transform:translateY(-1px)}html[data-theme=dark] .detail-cost-category-button{background:linear-gradient(#121f32f5,#0b1422f0);border-color:#223149f5;box-shadow:inset 0 1px #94a3b814,0 14px 34px #0000002e}html[data-theme=dark] .detail-cost-category-button:hover{background:linear-gradient(#16253cfa,#0d1828f5);border-color:#60a5fa57}.detail-cost-category-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.detail-cost-category-header-button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.detail-cost-category-heading{align-items:center;gap:.65rem;min-width:0;display:inline-flex}.detail-cost-category-content{border-top:1px solid #e2e8f0eb;flex-direction:column;gap:.85rem;padding-top:.85rem;display:flex}html[data-theme=dark] .detail-cost-category-content{border-top-color:#223149f5}.detail-cost-category-title{font-size:1rem;font-weight:800}.detail-cost-category-add-marker{width:1.55rem;height:1.55rem;color:var(--info);background:#93c5fd29;border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:1rem;font-weight:800;line-height:1;display:inline-flex}html[data-theme=dark] .detail-cost-category-add-marker{color:#bfdbfe;background:#3b82f633}.detail-cost-category-total{color:var(--secondary-text);white-space:nowrap;font-size:.95rem;font-weight:700}.detail-cost-month-group-list,.detail-cost-month-group,.detail-cost-entry-list{flex-direction:column;display:flex}.detail-cost-month-group-list{gap:.85rem}.detail-cost-month-group{gap:.45rem}.detail-cost-month-heading{color:var(--secondary-text);letter-spacing:.02em;font-size:.82rem;font-weight:700}.detail-cost-entry-list{gap:.4rem}.detail-cost-entry{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:baseline;gap:1rem;padding:0;display:flex}.detail-cost-entry-name{color:var(--navy);font-size:.95rem}.detail-cost-entry-amount{white-space:nowrap;font-size:.92rem;font-weight:700}.detail-section-empty{color:var(--secondary-text);margin:0}.detail-section-add-button{width:fit-content;color:var(--navy);cursor:pointer;background:0 0;border:none;align-items:center;gap:.7rem;padding:.35rem 0;font-weight:700;display:inline-flex}.detail-section-add-button:hover{color:var(--info)}.detail-inline-input{width:100%;min-height:3rem;color:var(--navy);background:#f8fafceb;border:1px solid #e2e8f0f2;border-radius:18px;padding:0 .95rem;font-weight:600}.detail-inline-input:focus{border-color:#3b82f67a;outline:2px solid #3b82f63d}.detail-inline-form{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.detail-inline-select-shell{background:linear-gradient(#fffffffa,#f1f5f9f2);border:1px solid #e2e8f0f2;border-radius:18px;align-items:center;min-width:9rem;min-height:3rem;display:flex;position:relative;box-shadow:inset 0 1px #ffffffe6,0 12px 30px #0f172a0d}.detail-inline-select-shell:after{content:"";pointer-events:none;border-bottom:2px solid #3b82f6b8;border-right:2px solid #3b82f6b8;width:.6rem;height:.6rem;position:absolute;right:1rem;transform:translateY(-20%)rotate(45deg)}.detail-inline-select{width:100%;min-height:3rem;color:var(--navy);appearance:none;cursor:pointer;background:0 0;border:none;border-radius:18px;padding:0 2.75rem 0 .95rem;font-size:1rem;font-weight:600}.detail-inline-select:focus{outline:none}.detail-inline-select-shell:focus-within{border-color:#3b82f67a;outline:2px solid #3b82f63d}.detail-inline-button{min-height:3rem}.detail-panel-heading{align-items:center}.panel-heading-stack{flex-direction:column;gap:.7rem;display:flex}.panel-heading-inline{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.panel-toggle-chip{min-height:2.2rem;color:var(--navy);cursor:pointer;background:#93c5fd24;border:1px solid #93c5fd61;border-radius:999px;align-items:center;gap:.45rem;padding:.35rem .8rem;transition:transform .14s,border-color .14s,background-color .14s;display:inline-flex}.panel-toggle-chip:hover:enabled{background:#93c5fd2e;border-color:#3b82f659;transform:translateY(-1px)}.panel-toggle-chip:disabled{cursor:default;opacity:.72}.panel-toggle-icon{width:1rem;height:1rem;transition:transform .14s}.panel-toggle-chip.is-open .panel-toggle-icon{transform:rotate(180deg)}.update-card.is-collapsed{padding-bottom:.9rem}.update-card.is-collapsed p{display:none}.detail-section-divider{background:#e2e8f0eb;height:1px;margin:1.4rem 0 1.2rem}.detail-subsection-heading{flex-direction:column;gap:.4rem;margin-bottom:1rem;display:flex}.detail-subsection-heading h3{margin:0;font-size:1.08rem}.detail-subsection-heading-toggle{flex-direction:row;justify-content:space-between;align-items:center;gap:1rem}.detail-subsection-heading p,.recurring-task-copy span,.modal-static-field span{color:var(--secondary-text);margin:0}.recurring-task-list{flex-direction:column;gap:.85rem;display:flex}.recurring-task-item,.recurring-task-add-button{border:1px solid var(--metric-border);background:var(--surface-muted);border-radius:22px;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.95rem 1rem;display:flex}.recurring-task-copy{flex-direction:column;gap:.3rem;display:flex}.recurring-task-copy strong{font-size:1rem}.task-outcome-history-item .recurring-task-copy span+span{margin-top:.1rem}.task-outcome-history-list{flex-direction:column;gap:1.15rem;display:flex}.task-outcome-history-month{flex-direction:column;gap:.55rem;display:flex}.task-outcome-history-month h4{color:var(--secondary-text);margin:0;font-size:.9rem;font-weight:750}.task-outcome-history-item{color:var(--navy);font:inherit;text-align:left;cursor:pointer;transition:border-color .14s,background-color .14s}.task-outcome-history-item:hover,.task-outcome-history-item:focus-visible,.task-outcome-history-item.is-expanded{background:#93c5fd1a;border-color:#3b82f659;outline:none}.task-outcome-history-chevron{flex:none;width:1rem;height:1rem;transition:transform .14s}.task-outcome-history-item.is-expanded .task-outcome-history-chevron{transform:rotate(180deg)}.task-outcome-history-detail{flex-direction:column;gap:.3rem;margin-top:.45rem;display:flex}.task-outcome-history-title{align-items:center;gap:.65rem;display:flex}.task-outcome-status-dot{border-radius:999px;flex:none;width:.75rem;height:.75rem}.task-outcome-status-dot.is-completed{background:#16a34a}.task-outcome-status-dot.is-failed{background:#dc2626}.task-outcome-status-dot.is-rescheduled{background:#ea580c}.task-outcome-choice-list{gap:.65rem;display:grid}.task-outcome-choice{border:1px solid var(--metric-border);background:var(--surface-muted);width:100%;color:var(--navy);font:inherit;text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:.7rem;padding:.8rem .9rem;font-size:.95rem;font-weight:750;display:flex}.task-outcome-choice span{color:#fff;border-radius:999px;place-items:center;width:1.55rem;height:1.55rem;font-size:1.1rem;font-weight:900;display:inline-grid}.task-outcome-choice.is-completed span{background:#16a34a}.task-outcome-choice.is-failed span{background:#dc2626}.task-outcome-choice.is-rescheduled span{background:#ea580c}.task-outcome-choice.is-selected{border-color:currentColor;box-shadow:inset 0 0 0 1px}.task-outcome-choice.is-completed.is-selected{color:#15803d}.task-outcome-choice.is-failed.is-selected{color:#b91c1c}.task-outcome-choice.is-rescheduled.is-selected{color:#c2410c}.private-reminder-copy p{color:var(--navy);white-space:pre-wrap;margin:0;font-size:1rem;font-weight:700;line-height:1.45}.icon-button{width:2.75rem;height:2.75rem;color:var(--navy);cursor:pointer;background:#93c5fd1f;border:1px solid #93c5fd61;border-radius:16px;justify-content:center;align-items:center;transition:transform .14s,border-color .14s,background-color .14s;display:inline-flex}.icon-button:hover{background:#93c5fd2e;border-color:#3b82f659;transform:translateY(-1px)}.icon-button svg{width:1.15rem;height:1.15rem;display:block}.task-settings-icon{width:1.3rem;height:1.3rem}.icon-button-ghost{background:0 0}.recurring-task-add-button{color:var(--navy);cursor:pointer;justify-content:space-between}.recurring-task-add-button:hover{background:#93c5fd1f;border-color:#3b82f659}.recurring-task-add-icon{width:1.9rem;height:1.9rem;color:var(--info);background:#3b82f61f;border-radius:999px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:inline-flex}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:80;background:#0f172a57;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{border:1px solid var(--panel-border);background:var(--surface-strong);width:min(560px,100%);max-height:min(92vh,820px);box-shadow:var(--shadow);border-radius:28px;padding:1.35rem;overflow-y:auto}.modal-card-compact{width:min(460px,100%)}.modal-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.modal-heading h3{margin:.35rem 0 0;font-size:1.45rem}.modal-form{flex-direction:column;gap:1.25rem;display:flex}.modal-fieldset{border:none;margin:0;padding:0}.modal-form-field,.modal-static-field,.modal-fieldset{flex-direction:column;gap:.7rem;display:flex}.modal-form-field-select{transition:margin-bottom .14s}.modal-form-field-select:has(.modal-select:focus){margin-bottom:7.5rem}.modal-form-field>span,.modal-static-field span,.modal-fieldset legend{color:var(--secondary-text);letter-spacing:.01em;font-size:.95rem;font-weight:700}.modal-fieldset legend{margin-bottom:0}.modal-radio-group{flex-wrap:wrap;gap:.8rem;display:flex}.modal-radio-option span{min-width:8rem}.modal-static-field{background:linear-gradient(#fffffffa,#f1f5f9f2);border:1px solid #e2e8f0eb;border-radius:20px;padding:1.15rem 1.2rem;box-shadow:inset 0 1px #ffffffe6,0 12px 30px #0f172a0d}.modal-static-field strong{font-size:1.05rem}.modal-inline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.modal-select-shell{background:linear-gradient(#fffffffa,#f1f5f9f2);border:1px solid #e2e8f0f2;border-radius:18px;align-items:center;width:100%;min-height:3.25rem;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 12px 30px #0f172a0d}.modal-select-shell:after{content:"";pointer-events:none;border-bottom:2px solid #3b82f6b8;border-right:2px solid #3b82f6b8;width:.65rem;height:.65rem;position:absolute;right:1.15rem;transform:translateY(-20%)rotate(45deg)}.modal-select{width:100%;min-height:3.25rem;color:var(--navy);appearance:none;cursor:pointer;background:0 0;border:none;padding:0 3.4rem 0 1rem;font-size:1rem;font-weight:700}.modal-select:focus,.modal-date-input:focus{outline:none}.modal-textarea{width:100%;min-height:8.5rem;color:var(--navy);font:inherit;resize:vertical;background:linear-gradient(#fffffffa,#f1f5f9f2);border:1px solid #e2e8f0f2;border-radius:18px;padding:.95rem 1rem;font-size:1rem;line-height:1.55;box-shadow:inset 0 1px #ffffffe6,0 12px 30px #0f172a0d}.modal-text-input{width:100%;min-height:3.25rem;color:var(--navy);font:inherit;background:linear-gradient(#fffffffa,#f1f5f9f2);border:1px solid #e2e8f0f2;border-radius:18px;padding:0 1rem;box-shadow:inset 0 1px #ffffffe6,0 12px 30px #0f172a0d}.modal-text-input:focus{border-color:#3b82f67a;outline:2px solid #3b82f63d}.modal-setup-notice{color:#92400e;background:linear-gradient(#fef3c7db,#fffffff0);border:1px solid #f59e0b52;border-radius:18px;margin:0;padding:.9rem 1rem;line-height:1.5}.modal-textarea:focus,.modal-select-shell:focus-within{border-color:#3b82f67a;outline:2px solid #3b82f63d}.modal-date-input{background:linear-gradient(#fffffffa,#f1f5f9f2);width:100%;min-height:3.25rem;padding:0 1rem;font-size:1rem;font-weight:700;box-shadow:inset 0 1px #ffffffe6,0 12px 30px #0f172a0d}.modal-budget-shell{width:100%}.modal-budget-shell input{width:100%;min-height:3.1rem;color:var(--navy);background:0 0;border:none;padding:0 1rem;font-size:1rem;font-weight:700}.modal-budget-shell input:focus{outline:none}.modal-actions{justify-content:flex-end;gap:.75rem;display:flex}.archive-project-reason-group{gap:.7rem}.archive-project-reason-group .modal-radio-option{width:100%}.archive-project-reason-group .modal-radio-option span{justify-content:flex-start;width:100%}.archive-project-note{color:#991b1b;background:linear-gradient(#fef2f2fa,#fee2e2e0);border:1px solid #fecacaeb;border-radius:18px;margin:0;padding:1rem 1.1rem;font-size:.96rem;line-height:1.55}html[data-theme=dark] .danger-button{background:linear-gradient(135deg,#b91c1cf5,#7f1d1df0);border-color:#f8717152;box-shadow:0 16px 34px #0000003d}html[data-theme=dark] .archive-project-note{color:#fecaca;background:linear-gradient(#450a0af0,#7f1d1d5c);border-color:#7f1d1dc7}.project-form{flex-direction:column;gap:1.5rem;display:flex}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-field{flex-direction:column;gap:.45rem;display:flex}.form-field-head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.form-field-full{grid-column:1/-1}.form-field span{font-weight:600}.form-field input,.form-input-shell{min-height:3.1rem;color:var(--navy);background:#f8fafceb;border:1px solid #e2e8f0f2;border-radius:18px}.form-field input{width:100%;padding:0 1rem}.form-field select,.form-field textarea{border:1px solid var(--field-border);background:var(--field-surface);width:100%;color:var(--navy);font:inherit;border-radius:18px}.form-field select{min-height:3.1rem;padding:0 1rem}.form-field textarea{resize:vertical;min-height:6.8rem;padding:.8rem 1rem}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#3b82f67a;outline:2px solid #3b82f63d}.form-field.has-error input,.form-field.has-error select,.form-field.has-error textarea{border-color:#dc26267a;box-shadow:inset 0 1px #ffffffe6,0 0 0 2px #dc26261f}.form-field.has-error input:focus,.form-field.has-error select:focus,.form-field.has-error textarea:focus{border-color:#dc26267a;outline-color:#dc26262e}.form-field small{color:var(--secondary-text);font-size:.82rem;line-height:1.4}.invoice-vat-payer-field{border:1px solid var(--field-border);background:var(--field-surface);cursor:pointer;border-radius:18px;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;display:flex}.invoice-vat-payer-field input{accent-color:#2563eb;width:1.1rem;height:1.1rem;min-height:0;margin:.15rem 0 0}.invoice-vat-payer-field span{flex-direction:column;gap:.18rem;display:flex}.invoice-vat-payer-field small{color:var(--secondary-text);font-weight:500}.invoice-vat-regime-confirmation{cursor:pointer;background:#eff6ffb3;border:1px solid #93c5fd5c;border-radius:16px;align-items:flex-start;gap:.7rem;padding:.85rem .95rem;display:flex}.invoice-vat-regime-confirmation input{accent-color:#2563eb;width:1.1rem;height:1.1rem;margin:.15rem 0 0}.invoice-vat-regime-confirmation span{flex-direction:column;gap:.15rem;display:flex}.invoice-vat-regime-confirmation small{color:var(--secondary-text);line-height:1.4}.invoice-customer-vat-payer{color:var(--secondary-text);cursor:pointer;grid-column:1/-1;align-items:center;gap:.55rem;font-size:.88rem;display:flex}.invoice-customer-vat-payer input{accent-color:#2563eb;width:1rem;height:1rem;margin:0}.invoice-customer-vat-payer small{margin-left:.25rem}.invoice-form{gap:2rem}.invoice-form-section{flex-direction:column;gap:1rem;display:flex}.invoice-form-section-heading h2{margin:0;font-size:1.3rem}.invoice-form-section-heading p{color:var(--secondary-text);margin:.32rem 0 0}.invoice-type-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.invoice-type-option{border:1px solid var(--field-border);background:var(--field-surface);cursor:pointer;border-radius:20px;flex-direction:column;gap:.3rem;padding:1rem 1.1rem;transition:border-color .14s,background-color .14s,transform .14s;display:flex}.invoice-type-option:hover{transform:translateY(-1px)}.invoice-type-option.is-selected{background:#93c5fd29;border-color:#3b82f685}.invoice-type-option input{opacity:0;pointer-events:none;position:absolute}.invoice-type-option span{color:var(--secondary-text);font-size:.9rem;line-height:1.45}.invoice-project-picker{max-width:36rem}.invoice-project-menu{width:100%;position:relative}.invoice-project-trigger{width:100%;min-height:3.1rem;color:var(--navy);cursor:pointer;font:inherit;text-align:left;background:#f8fafceb;border:1px solid #93c5fd61;border-radius:18px;justify-content:space-between;align-items:center;gap:.8rem;padding:.65rem .9rem;font-weight:600;display:flex}.invoice-project-trigger span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.invoice-project-trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none;width:1rem;height:1rem}.invoice-project-trigger:focus-visible{border-color:#3b82f67a;outline:2px solid #3b82f63d}.invoice-project-trigger.has-error{border-color:#dc262699}.invoice-project-options{z-index:20;border:1px solid var(--field-border);background:var(--surface);border-radius:16px;gap:.22rem;max-height:17rem;padding:.38rem;display:grid;position:absolute;top:calc(100% + .45rem);left:0;right:0;overflow-y:auto;box-shadow:0 16px 30px #0f172a29}.invoice-project-options button{min-height:2.7rem;color:var(--navy);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:11px;grid-template-columns:1rem auto minmax(0,1fr);align-items:center;gap:.42rem;padding:.45rem .5rem;display:grid}.invoice-project-options button:hover,.invoice-project-options button:focus-visible,.invoice-project-options button.is-selected{color:#1d4ed8;background:#60a5fa29;outline:none}.invoice-project-options button>span{color:#2563eb;width:1rem;font-size:1rem;line-height:1}.invoice-project-options strong{font-size:.86rem}.invoice-project-options em{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-style:normal;overflow:hidden}.invoice-customer-autocomplete>div{position:relative}.invoice-customer-suggestions{z-index:20;border:1px solid var(--field-border);background:var(--surface);border-radius:16px;gap:.22rem;max-height:18rem;padding:.38rem;display:grid;position:absolute;top:calc(100% + .45rem);left:0;right:0;overflow-y:auto;box-shadow:0 16px 30px #0f172a29}.invoice-customer-suggestions p{color:var(--secondary-text);letter-spacing:.04em;text-transform:uppercase;margin:.25rem .45rem .2rem;font-size:.76rem;font-weight:700}.invoice-customer-suggestions button{color:var(--navy);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:11px;gap:.16rem;padding:.58rem .65rem;display:grid}.invoice-customer-suggestions button:hover,.invoice-customer-suggestions button:focus-visible{color:#1d4ed8;background:#60a5fa29;outline:none}.invoice-customer-suggestions strong{font-size:.92rem}.invoice-customer-suggestions span{color:var(--secondary-text);font-size:.8rem}.invoice-field-label{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.invoice-lookup-button{color:#2563eb;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:.83rem;font-weight:700}.invoice-lookup-button:hover{color:var(--navy)}.invoice-lookup-button:disabled{color:var(--secondary-text);cursor:wait}.invoice-lookup-feedback{grid-column:1/-1;margin:-.35rem 0 0;font-size:.88rem;line-height:1.45}.invoice-lookup-feedback.is-success{color:var(--success)}.invoice-lookup-feedback.is-error{color:var(--error)}.invoice-items-list{flex-direction:column;gap:.75rem;display:flex}.invoice-items-actions{justify-content:flex-start;display:flex}.invoice-items-actions .secondary-button{min-height:2.7rem;padding:.62rem 1rem}.invoice-item{border:1px solid var(--field-border);background:var(--surface-muted);border-radius:20px;grid-template-columns:minmax(180px,2fr) minmax(96px,.55fr) minmax(80px,.45fr) minmax(120px,.8fr) minmax(92px,.55fr) auto;align-items:end;gap:.7rem;padding:.9rem;display:grid}.invoice-item-remove{width:2.75rem;height:3.1rem;color:var(--error);cursor:pointer;background:#fee2e280;border:1px solid #dc262642;border-radius:16px;font-size:1.45rem}.invoice-item-vat-select{border:1px solid var(--field-border);background:var(--field-surface);width:100%;height:3.1rem;min-height:3.1rem;color:var(--navy);font:inherit;border-radius:18px;padding:0 1rem;display:block}.invoice-status-control{flex-direction:column;align-items:flex-end;gap:.35rem;display:flex}.invoice-status-control .secondary-button{white-space:nowrap}.invoice-status-control p{max-width:16rem;color:var(--error);text-align:right;margin:0;font-size:.78rem;line-height:1.35}.invoice-total-preview{border-top:1px solid var(--border);gap:.45rem;width:min(100%,31rem);margin-left:auto;padding-top:.85rem;display:grid}.invoice-total-preview>div{grid-template-columns:minmax(0,1fr) max-content;align-items:baseline;gap:1.25rem;display:grid}.invoice-total-preview span{color:var(--secondary-text);text-align:right}.invoice-total-preview strong{text-align:right;min-width:9.5rem;font-size:1rem}.invoice-total-preview-grand{border-top:1px solid var(--border);margin-top:.2rem;padding-top:.65rem}.invoice-total-preview-grand strong{font-size:1.35rem}.invoice-terms-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:.85rem;display:grid}.invoice-date-card,.invoice-currency-card,.invoice-payment-term-card{border:1px solid var(--field-border);background:var(--surface-muted);border-radius:20px;min-width:0;padding:.72rem;box-shadow:inset 0 1px #ffffffc2}.invoice-date-card>span,.invoice-currency-card>span,.invoice-payment-term-card legend{min-height:1.5rem;color:var(--secondary-text);font-size:.82rem;line-height:1.25}.invoice-payment-term-card{flex-direction:column;gap:.45rem;min-inline-size:0;margin:0;display:flex}.invoice-payment-term-card legend{float:left;width:100%;padding:0}.invoice-payment-term-menu{width:100%;position:relative}.invoice-payment-term-trigger{width:100%;height:3.1rem;color:var(--navy);cursor:pointer;font:inherit;text-align:left;background:#ffffffdb;border:1px solid #93c5fd61;border-radius:16px;justify-content:space-between;align-items:center;gap:.7rem;padding:0 .82rem 0 .9rem;font-size:.92rem;font-weight:700;display:flex}.invoice-payment-term-trigger svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;flex:none;width:1rem;height:1rem}.invoice-payment-term-trigger:focus-visible{border-color:#3b82f67a;outline:2px solid #3b82f63d}.invoice-payment-term-options{z-index:20;border:1px solid var(--field-border);background:var(--surface);border-radius:15px;gap:.22rem;padding:.38rem;display:grid;position:absolute;top:calc(100% + .45rem);left:0;right:0;box-shadow:0 16px 30px #0f172a29}.invoice-payment-term-options button{min-height:2.35rem;color:var(--navy);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:10px;grid-template-columns:1rem minmax(0,1fr);align-items:center;gap:.38rem;padding:.4rem .5rem;font-size:.88rem;font-weight:700;display:grid}.invoice-payment-term-options button:hover,.invoice-payment-term-options button:focus-visible,.invoice-payment-term-options button.is-selected{color:#1d4ed8;background:#60a5fa29;outline:none}.invoice-payment-term-options button span{color:#2563eb;width:1rem;font-size:1rem;line-height:1}.invoice-custom-due-date{flex-direction:column;gap:.4rem;display:flex}.invoice-custom-due-date>span{color:var(--secondary-text);font-size:.78rem;font-weight:600}.invoice-custom-due-date .date-picker-trigger{min-height:3rem;box-shadow:none;background:#ffffffdb;border-color:#93c5fd61}.invoice-date-card .date-picker-trigger{height:3.1rem;min-height:0;box-shadow:none;background:#ffffffdb;border-color:#93c5fd61;padding:0 .8rem}.invoice-date-card .date-picker-value{font-size:.92rem}.invoice-date-card .date-picker-trigger-icon{width:2rem;height:2rem}.invoice-currency-card select{background:#ffffffdb;border-color:#93c5fd61;min-height:3.1rem;font-weight:700}html[data-theme=dark] .invoice-date-card,html[data-theme=dark] .invoice-currency-card,html[data-theme=dark] .invoice-payment-term-card{background:#08121fa3;border-color:#223149f2}html[data-theme=dark] .invoice-date-card .date-picker-trigger,html[data-theme=dark] .invoice-currency-card select,html[data-theme=dark] .invoice-custom-due-date .date-picker-trigger,html[data-theme=dark] .invoice-payment-term-trigger{background:#0f1a2bfa;border-color:#3b82f647}html[data-theme=dark] .invoice-payment-term-options,html[data-theme=dark] .invoice-project-trigger,html[data-theme=dark] .invoice-project-options,html[data-theme=dark] .invoice-customer-suggestions{background:#0f1a2bfc;border-color:#223149f2}@media print{.shell-background,.topbar,.app-footer,.print-hide{display:none!important}.page{width:100%;margin:0}body{background:#fff}}.invoice-print-message{color:var(--secondary-text);text-align:center;margin:0 0 .75rem}.invoice-download-control{justify-items:end;gap:.4rem;display:grid}.invoice-download-control p{max-width:14rem;color:var(--error);text-align:right;margin:0;font-size:.78rem;line-height:1.35}.budget-input-shell{background:#f8fafceb;border:1px solid #e2e8f0f2;border-radius:18px;align-items:center;min-height:3.1rem;display:flex;overflow:hidden}.budget-input-shell input{background:0 0;border:none}.budget-input-shell:focus-within{border-color:#3b82f67a;outline:2px solid #3b82f63d}.budget-currency-symbol{min-width:4.6rem;color:var(--secondary-text);letter-spacing:.04em;background:#93c5fd1f;border-left:1px solid #e2e8f0f2;justify-content:center;align-self:stretch;align-items:center;padding:0 1rem;font-size:.88rem;font-weight:700;display:inline-flex}.budget-currency-picker{flex-shrink:0;align-self:stretch;display:inline-flex}.budget-currency-trigger{min-width:5.6rem;color:var(--secondary-text);letter-spacing:.04em;cursor:pointer;background:#93c5fd1f;border:none;border-left:1px solid #e2e8f0f2;justify-content:center;align-self:stretch;align-items:center;gap:.45rem;padding:0 1rem;font-size:.88rem;font-weight:700;transition:background-color .14s,color .14s;display:inline-flex}.budget-currency-trigger:hover,.budget-currency-trigger.is-open{color:var(--navy);background:#93c5fd38}.budget-currency-trigger:focus-visible{outline-offset:-2px;outline:2px solid #3b82f647}.budget-currency-chevron{color:#3b82f6c7;justify-content:center;align-items:center;width:.85rem;height:.85rem;display:inline-flex}.budget-currency-chevron svg{width:100%;height:100%}.budget-currency-portal{z-index:96;pointer-events:none;position:fixed;inset:0}.budget-currency-menu{z-index:96;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);pointer-events:auto;background:#fffffffa;border:1px solid #e2e8f0f2;border-radius:20px;gap:.35rem;padding:.45rem;display:grid;position:fixed;box-shadow:0 24px 60px #0f172a29}.budget-currency-option{min-height:2.5rem;color:var(--secondary-text);letter-spacing:.04em;cursor:pointer;background:0 0;border:none;border-radius:16px;justify-content:center;align-items:center;padding:.55rem .9rem;font-size:.92rem;font-weight:700;transition:background-color .14s,color .14s,transform .14s;display:inline-flex}.budget-currency-option:hover{color:var(--navy);background:#93c5fd29;transform:translateY(-1px)}.budget-currency-option.is-selected{color:var(--white);background:#0f172af5;box-shadow:0 8px 20px #0f172a2e}.date-picker{position:relative}.date-picker-portal{z-index:96;pointer-events:none;position:fixed;inset:0}.date-picker-trigger{width:100%;min-height:3.1rem;color:var(--navy);cursor:pointer;background:linear-gradient(#fffffffa,#f1f5f9f2);border:1px solid #e2e8f0f2;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1rem;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex;box-shadow:inset 0 1px #ffffffe6,0 12px 30px #0f172a12}.date-picker-trigger:hover{transform:translateY(-1px)}.date-picker-trigger.is-open{border-color:#3b82f67a;box-shadow:inset 0 1px #ffffffe6,0 12px 30px #0f172a12,0 0 0 2px #3b82f629}.date-picker-value,.date-picker-placeholder{letter-spacing:.02em;font-size:1rem;font-weight:700}.date-picker-placeholder{color:var(--secondary-text)}.date-picker-trigger-icon{color:#3b82f6cc;background:#93c5fd24;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:2.3rem;height:2.3rem;display:inline-flex}.date-picker-trigger-icon svg{width:1.1rem;height:1.1rem}.date-picker-popover{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffffa;border:1px solid #e2e8f0f2;border-radius:24px;width:min(320px,100vw - 3rem);padding:1rem;position:absolute;bottom:calc(100% + .6rem);left:0;box-shadow:0 24px 60px #0f172a29}.date-picker-popover.is-portal{pointer-events:auto;z-index:96;position:fixed;bottom:auto}.date-picker-popover.is-below{top:calc(100% + .6rem);bottom:auto}.date-picker-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.9rem;display:flex}.date-picker-header strong{text-transform:capitalize;font-size:1rem}.date-picker-nav{width:2.2rem;height:2.2rem;color:var(--navy);cursor:pointer;background:#93c5fd1f;border:1px solid #93c5fd57;border-radius:14px;justify-content:center;align-items:center;display:inline-flex}.date-picker-weekdays,.date-picker-grid{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.date-picker-weekdays{gap:.35rem;margin-bottom:.45rem}.date-picker-weekdays span{color:var(--secondary-text);text-align:center;font-size:.8rem;font-weight:700}.date-picker-grid{gap:.35rem}.date-picker-day{min-height:2.45rem;color:var(--navy);cursor:pointer;background:0 0;border:none;border-radius:12px;font-weight:600;transition:background-color .14s,color .14s,transform .14s}.date-picker-day:hover{background:#93c5fd29;transform:translateY(-1px)}.date-picker-day.is-selected{color:var(--white);background:#0f172af5;box-shadow:0 10px 24px #0f172a2e}.date-picker-day.is-outside{color:#64748b7a}html[data-theme=dark] .date-picker-trigger{background:linear-gradient(#0f1a2bfa,#08121ff0);border-color:#223149f2;box-shadow:inset 0 1px #94a3b80f,0 12px 30px #0000002e}html[data-theme=dark] .date-picker-trigger.is-open{border-color:#60a5fa6b;box-shadow:inset 0 1px #94a3b80f,0 12px 30px #0000002e,0 0 0 2px #3b82f62e}html[data-theme=dark] .date-picker-trigger-icon{color:#93c5fd;background:#3b82f629}html[data-theme=dark] .date-picker-popover{background:#0f1a2bfc;border-color:#223149f2;box-shadow:0 24px 60px #00000057}html[data-theme=dark] .date-picker-nav{color:#dbeafe;background:#3b82f61f;border-color:#60a5fa47}html[data-theme=dark] .date-picker-weekdays span{color:#93a8c7}html[data-theme=dark] .date-picker-day:hover{background:#3b82f629}html[data-theme=dark] .date-picker-day.is-selected{color:#eff6ff;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);box-shadow:0 12px 26px #2563eb3d}html[data-theme=dark] .date-picker-day.is-outside{color:#93a8c76b}.form-input-shell{background:linear-gradient(#fffffffa,#f1f5f9f2);align-items:center;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffe6,0 12px 30px #0f172a12}.form-input-shell:after{content:"";pointer-events:none;border:2px solid #3b82f68c;border-radius:.25rem;width:.9rem;height:.9rem;position:absolute;right:1rem;box-shadow:inset 0 .22rem #3b82f68c,0 0 0 .18rem #3b82f614}.location-input-shell{border:1px solid #e2e8f0f2;border-radius:18px}.location-input-shell:after{width:.65rem;height:.65rem;box-shadow:none;border:2px solid #3b82f6b8;border-top:none;border-left:none;border-radius:0;transform:translateY(-20%)rotate(45deg)}.location-input-shell input{box-shadow:none;appearance:none;background:0 0;border:none;padding-right:3rem}.location-input-shell input::-webkit-contacts-auto-fill-button{visibility:hidden;pointer-events:none;position:absolute;right:0;display:none!important}.location-input-shell input::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;position:absolute;right:0;display:none!important}.form-field-date input[type=date]{box-shadow:none;letter-spacing:.02em;background:0 0;border:none;padding-right:3rem;font-weight:700}.form-field-date input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;width:auto;height:auto;position:absolute;inset:0}.form-field input:focus{border-color:#3b82f67a;outline:2px solid #3b82f63d}.form-field.has-error input,.form-field.has-error .date-picker-trigger,.form-field.has-error .location-input-shell{border-color:#dc26266b;box-shadow:inset 0 1px #ffffffe6,0 0 0 2px #dc26261f}.form-field.has-error input:focus,.form-field.has-error .date-picker-trigger:focus{border-color:#dc26266b;outline:2px solid #dc262629}.form-input-shell:focus-within{border-color:#3b82f67a;outline:2px solid #3b82f63d}.form-field input:disabled{color:var(--secondary-text);cursor:not-allowed;background:#e2e8f080}.form-grid-address{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(0,1fr))}.form-section{border-top:1px solid #e2e8f0eb;flex-direction:column;gap:1rem;padding-top:1.35rem;display:flex}.form-section-heading h2{margin:0;font-size:1.2rem}.milestone-builder{border-top:1px solid #e2e8f0e6;flex-direction:column;gap:1rem;margin-top:1.1rem;padding-top:1rem;display:flex}.milestone-list{flex-direction:column;gap:.8rem;display:flex}.milestone-item,.milestone-add-button{background:linear-gradient(#fffffff5,#f8fafce6);border:1px solid #e2e8f0eb;border-radius:22px;justify-content:space-between;align-items:center;gap:1rem;width:100%;padding:.95rem 1rem;display:flex}.milestone-item-copy{flex-direction:column;gap:.28rem;display:flex}.milestone-item-copy span,.modal-copy{color:var(--secondary-text);margin:0}.milestone-item-heading{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.milestone-item-heading strong{font-size:1rem}.milestone-kind-label{min-height:1.7rem;color:var(--navy);background:#93c5fd29;border-radius:999px;align-items:center;padding:.12rem .65rem;font-size:.74rem;font-weight:700;display:inline-flex}.milestone-item-custom .milestone-kind-label{background:#0f172a14}.milestone-remove-button{border-radius:14px;width:2.4rem;height:2.4rem}.milestone-add-button{color:var(--navy);cursor:pointer;justify-content:flex-start}.milestone-add-button:hover{background:#93c5fd1f;border-color:#3b82f659}.milestone-add-icon{width:1.9rem;height:1.9rem;color:var(--info);background:#3b82f61f;border-radius:999px;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;display:inline-flex}html[data-theme=dark] .milestone-builder{border-top-color:#223149f2}html[data-theme=dark] .milestone-item,html[data-theme=dark] .milestone-add-button{background:linear-gradient(#0f1a2bfa,#08121ff0);border-color:#223149f2;box-shadow:inset 0 1px #94a3b80f,0 18px 34px #0000002e}html[data-theme=dark] .milestone-item-copy span,html[data-theme=dark] .detail-section-empty{color:#9fb3cf}html[data-theme=dark] .milestone-kind-label{color:#dbeafe;background:#3b82f62e}html[data-theme=dark] .milestone-item-custom .milestone-kind-label{color:#d6e3f5;background:#94a3b824}html[data-theme=dark] .milestone-add-button:hover{background:linear-gradient(#122239fa,#0a1829f0);border-color:#60a5fa6b}html[data-theme=dark] .milestone-add-icon{color:#93c5fd;background:#3b82f633}.question-list{flex-direction:column;gap:1rem;display:flex}.question-card{background:linear-gradient(#fffffff2,#f8fafce6);border:1px solid #e2e8f0eb;border-radius:22px;margin:0;padding:1rem}.question-card legend{margin-bottom:.9rem;padding:0;font-weight:700}.question-options{gap:.8rem;display:flex}.question-option{position:relative}.question-option input{opacity:0;position:absolute;inset:0}.question-option span{cursor:pointer;background:#93c5fd1f;border:1px solid #93c5fd73;border-radius:999px;justify-content:center;align-items:center;min-width:4.5rem;min-height:2.9rem;padding:.7rem 1rem;font-weight:700;transition:background-color .14s,border-color .14s,color .14s;display:inline-flex}.question-option input:checked+span{color:var(--white);background:#0f172af5;border-color:#0f172af5}.question-option input:focus-visible+span{outline-offset:2px;outline:2px solid #3b82f647}.form-actions{justify-content:flex-end;display:flex}.back-link{width:fit-content;color:var(--secondary-text);text-decoration:none}.back-link:hover{color:var(--navy)}.update-card-heading{justify-content:space-between;gap:1rem;display:flex}.update-stage{color:var(--info);margin:.45rem 0 .65rem;font-weight:700;display:inline-block}.login-page{justify-content:flex-start;align-items:center;min-height:calc(100dvh - 200px);padding:clamp(.1rem,1vh,.55rem) 0 .45rem;display:flex}.guest-shell .login-page{height:100%;min-height:0;padding:clamp(0rem,.45dvh,.12rem) 0}.login-card{width:min(540px,100%);margin:0 auto;padding:clamp(1.2rem,4vw,1.75rem)}.guest-shell .login-card{width:min(480px,100%);max-height:100%;padding:clamp(.95rem,2.4dvh,1.25rem)}.login-brand{align-items:flex-start;gap:1rem;margin-bottom:1.4rem;display:flex}.guest-shell .login-brand{margin-bottom:clamp(.45rem,1.2dvh,.75rem)}.login-logo-mark{border:1px solid var(--panel-border);background:linear-gradient(#fffffffa,#f1f5f9f0);border-radius:24px;flex:none;width:84px;height:auto;padding:.5rem;display:block;box-shadow:inset 0 1px #ffffffeb,0 12px 30px #0f172a14}.login-brand p:last-child{color:var(--secondary-text);margin:.75rem 0 0;line-height:1.6}.guest-shell .login-brand p:last-child{margin-top:.35rem;line-height:1.35}.login-form{flex-direction:column;gap:1rem;display:flex}.guest-shell .login-form{gap:clamp(.55rem,1dvh,.7rem)}.login-actions{flex-direction:column;gap:.65rem;display:flex}.guest-shell .login-actions{gap:.35rem}.guest-shell .login-form input{min-height:clamp(2.7rem,4.8dvh,3rem)}.guest-shell .login-logo-mark{width:clamp(70px,8dvh,84px);padding:clamp(.34rem,.9dvh,.5rem)}.login-form label{flex-direction:column;gap:.45rem;display:flex}.login-form span{font-weight:600}.login-form input{border:1px solid var(--field-border);background:var(--field-surface);min-height:3.1rem;color:var(--navy);border-radius:18px;padding:0 1rem}.login-form input:focus{border-color:#3b82f67a;outline:2px solid #3b82f63d}.password-hint{color:var(--secondary-text);font-size:.82rem;font-weight:500;line-height:1.4}.login-form label.has-error input{border-color:#dc26266b;box-shadow:inset 0 1px #ffffffe6,0 0 0 2px #dc26261f}.login-form label.has-error input:focus{border-color:#dc26266b;outline:2px solid #dc262629}.form-error{color:var(--error);background:linear-gradient(#fef2f2fa,#fee2e2f0);border:1px solid #dc262638;border-radius:18px;margin:0;padding:.9rem 1rem;font-weight:700;box-shadow:inset 0 1px #ffffffe6,0 12px 26px #dc262614}.form-success{color:var(--success);background:linear-gradient(#f0fdf4fa,#dcfce7f0);border:1px solid #16a34a3d;border-radius:18px;margin:0;padding:.9rem 1rem;font-weight:700;box-shadow:inset 0 1px #ffffffe6,0 12px 26px #16a34a14}.form-field-error{color:var(--error);background:linear-gradient(#fef2f2fa,#fee2e2f0);border:1px solid #dc26263d;border-radius:16px;margin:0;padding:.75rem .9rem;font-size:.9rem;font-weight:700;line-height:1.45;box-shadow:inset 0 1px #ffffffe6,0 10px 22px #dc262614}html[data-theme=dark] .form-error,html[data-theme=dark] .form-field-error{color:#fecaca;background:linear-gradient(#450a0aeb,#7f1d1dd1);border-color:#f871713d;box-shadow:inset 0 1px #fecaca14,0 14px 28px #7f1d1d38}html[data-theme=dark] .form-success{color:#bbf7d0;background:linear-gradient(#14532deb,#166534d1);border-color:#4ade803d;box-shadow:inset 0 1px #bbf7d014,0 14px 28px #14532d33}html[data-theme=dark] .settings-avatar-card{background:linear-gradient(#0f1a2bf5,#09121ff0);border-color:#223149eb}html[data-theme=dark] .settings-file-field input[type=file]{background:linear-gradient(#0f1a2bfa,#08121ff0);border-color:#223149f2;box-shadow:inset 0 1px #94a3b80f,0 12px 30px #0000002e}html[data-theme=dark] .settings-file-field input[type=file]::file-selector-button{color:var(--navy);background:#3b82f629;border-color:#60a5fa57}html[data-theme=dark] .login-form label.has-error input,html[data-theme=dark] .form-field.has-error input,html[data-theme=dark] .form-field.has-error .date-picker-trigger,html[data-theme=dark] .form-field.has-error .location-input-shell{border-color:#f8717157;box-shadow:inset 0 1px #fecaca0d,0 0 0 2px #f871711f}.text-button{color:var(--secondary-text);cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:0}.text-button:hover{color:var(--navy)}@media (max-height:860px){.guest-shell .topbar-logo{width:clamp(138px,14vw,180px)}.guest-shell .topbar-timestamp{font-size:.78rem}.guest-shell .login-card{width:min(460px,100%);padding:.9rem 1rem 1rem}.guest-shell .login-card h1{font-size:clamp(1.8rem,4vw,2.7rem)}.guest-shell .login-brand{gap:.75rem}.guest-shell .login-brand p:last-child{margin-top:.2rem;line-height:1.25}.guest-shell .app-footer-inner{padding:.62rem .9rem}.guest-shell .footer-brand,.guest-shell .footer-legal{font-size:.76rem}.guest-shell .footer-toggle-button{min-height:1.8rem;padding:.28rem .64rem}}@media (max-width:980px){.hero-card,.content-grid,.detail-info-grid,.project-row,.metrics-grid,.director-dashboard-grid,.form-grid{grid-template-columns:1fr}.form-field-head{flex-direction:column;align-items:flex-start}.form-grid-address{grid-template-columns:1fr}.topbar{flex-direction:column;align-items:flex-start}.topbar-brand{width:100%}.topbar-copy{text-align:left;align-items:flex-start;width:100%}.detail-hero-heading,.detail-panel-heading,.recurring-task-item,.recurring-task-add-button,.modal-actions,.modal-heading{flex-direction:column;align-items:flex-start}.detail-hero-actions{align-items:flex-start;width:100%}.icon-button,.icon-button-ghost{align-self:flex-end}.modal-inline-grid{grid-template-columns:1fr}.app-footer-inner{grid-template-columns:1fr;justify-items:flex-start}.footer-legal{text-align:left}.footer-controls{flex-wrap:wrap;justify-content:flex-start;width:100%}.user-menu{width:min(100%,320px)}.user-menu-popover{left:0;right:auto}.invoice-item,.invoice-terms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-item-description{grid-column:1/-1}}@media (max-width:640px){.page,.login-page{width:min(100vw - 1rem,100%)}.error-page{width:min(100vw - 1rem,100%);min-height:min(520px,100dvh - 170px);padding:1rem 0 2rem}.panel,.hero-card,.login-card,.error-card{border-radius:22px}.app-footer{width:min(100vw - 1rem,100%)}.app-footer-inner{border-radius:22px;padding:.95rem 1rem}.footer-brand,.footer-controls,.footer-control-group{width:100%}.footer-control-group{justify-content:space-between}.project-row,.update-card{border-radius:20px}.recurring-task-item,.recurring-task-add-button,.modal-card{border-radius:22px}.panel-toggle-chip,.modal-radio-option span{justify-content:center;width:100%}.user-menu-trigger-content,.settings-avatar-card,.settings-avatar-controls{flex-direction:column;align-items:flex-start}.modal-actions .secondary-button,.modal-actions .primary-button,.error-actions .secondary-button,.error-actions .primary-button{width:100%}.invoice-type-options,.invoice-item,.invoice-terms-grid{grid-template-columns:1fr}.invoice-items-actions .secondary-button{width:100%}}
