: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}.admin-announcement-banner{color:#172554;z-index:10;background:linear-gradient(135deg,#dbeafefa,#eff6fff5);border:1px solid #2563eb4d;border-radius:0;justify-content:space-between;align-items:flex-start;gap:1rem;width:100%;margin:0;padding:.9rem clamp(1.2rem,4vw,3.25rem);display:flex;position:relative;box-shadow:0 14px 34px #2563eb1a}.admin-announcement-banner div{min-width:0}.admin-announcement-banner strong{margin-bottom:.2rem;display:block}.admin-announcement-banner p{margin:0;line-height:1.5}.admin-announcement-close{color:currentColor;cursor:pointer;background:0 0;border:none;border-radius:999px;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;padding:0;font-size:1.6rem;line-height:1;display:inline-flex}.admin-announcement-close:hover{background:#1e40af1a}.admin-announcement-backdrop{z-index:1000;background:#0f172a8a;place-items:center;padding:1.2rem;display:grid;position:fixed;inset:0}.admin-announcement-popup{background:var(--surface-strong);border:1px solid #93c5fdb8;border-radius:28px;width:min(100%,520px);padding:clamp(1.6rem,4vw,2.25rem);position:relative;box-shadow:0 32px 90px #0f172a59}.admin-announcement-popup h2{margin:.4rem 2rem .7rem 0;font-size:clamp(1.35rem,3vw,1.8rem)}.admin-announcement-popup>p:last-child{color:var(--secondary-text);white-space:pre-wrap;margin:0;line-height:1.65}.admin-announcement-confirm{margin-top:1.4rem}.admin-announcement-confirmation{background:linear-gradient(135deg,#eff6ffeb,#ffffffdb);border:1px solid #bfdbfec7;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.4rem;padding:.9rem 1rem;display:flex}.admin-announcement-confirmation label{color:var(--primary-text);cursor:pointer;flex:auto;align-items:center;gap:.6rem;font-weight:600;display:flex}.admin-announcement-confirmation input{accent-color:#2563eb;flex:none;width:1.1rem;height:1.1rem}.admin-announcement-confirmation .admin-announcement-confirm{flex:none;min-width:6.75rem;min-height:3rem;margin:0}.admin-announcement-confirm:disabled{color:#fff;cursor:not-allowed;opacity:.55;background:#94a3b8;border-color:#0000}html[data-theme=dark] .admin-announcement-confirmation{background:linear-gradient(135deg,#1e40af47,#0f1a2be0);border-color:#3b82f661}.admin-announcement-popup-close{position:absolute;top:1rem;right:1rem}html[data-theme=dark] .admin-announcement-banner{color:#dbeafe;background:linear-gradient(135deg,#1e3a8af2,#1e40afd1);border-color:#60a5fa57}html[data-theme=dark] .admin-announcement-close:hover{background:#dbeafe21}.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-insights{grid-template-rows:auto repeat(3,minmax(0,1fr))}.dashboard-metric-column .metric-card{justify-content:center;min-height:8.6rem}.dashboard-metric-column-insights .metric-card{min-height:5.8rem;padding:.9rem 1rem}.metric-card-manage{justify-content:center}.metric-card-placeholder{opacity:.86}.metric-card-insight-placeholder{color:var(--navy);background:var(--surface-muted);box-shadow:none}.metric-card-insight-placeholder span,.metric-card-insight-placeholder small{color:var(--secondary-text)}.metric-card-insight{color:#eff6ff;text-align:left;background:radial-gradient(circle at 88% 12%,#60a5fa52,#0000 32%),linear-gradient(135deg,#17243c 0%,#334155 100%);align-items:flex-start;position:relative;overflow:hidden;box-shadow:0 18px 38px #0f172a29}.metric-card.metric-card-insight span{color:#526581}.metric-card.metric-card-insight strong{color:var(--navy)}.metric-card-insight:hover,.metric-card-insight:focus-visible,.metric-card-insight.is-active{border-color:#93c5fdeb;box-shadow:0 22px 44px #1e40af47}.company-insights-dashboard{background:radial-gradient(circle at 96% 4%,#bfdbfe75,#0000 30%),linear-gradient(160deg,#fffffffa,#eff6ffc7);border:1px solid #93c5fd94;border-radius:28px;margin:1.25rem 0 1.5rem;padding:1.3rem;box-shadow:0 24px 56px #0f172a1a}.modal-card.company-insights-modal{width:min(1520px,100vw - 3rem);max-height:calc(100dvh - 3rem);padding:clamp(1.25rem,2vw,2rem);overflow:hidden}.company-insight-modal-content{max-height:calc(100dvh - 10rem);padding:1.35rem .2rem .2rem 0;overflow:auto}.company-insights-heading,.insight-section-heading,.insight-summary-row,.gantt-header,.gantt-row,.invoice-timeline-list a{justify-content:space-between;align-items:center;gap:1rem;display:flex}.company-insights-heading{border-bottom:1px solid #bfdbfeb3;align-items:flex-start;padding-bottom:1.1rem}.company-insights-heading h2,.company-insights-heading p,.insight-section-heading h3,.insight-section-heading p{margin:0}.company-insights-heading h2{margin-top:.18rem;font-size:1.4rem}.company-insights-heading>div>p:last-child{max-width:45rem;color:var(--secondary-text);margin-top:.35rem}.company-insight-content{gap:1.15rem;padding-top:1.15rem;display:grid}.insight-summary-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.insight-summary-row>div{background:#ffffffb3;border:1px solid #bfdbfeb8;border-radius:18px;flex-direction:column;gap:.18rem;padding:.85rem .95rem;display:flex}.insight-summary-row strong{color:var(--navy);font-size:1.25rem}.insight-summary-row span{color:var(--secondary-text);font-size:.78rem;font-weight:650}.insight-calendar-panel,.gantt-panel,.invoice-timeline-panel{background:#ffffffbd;border:1px solid #cbd5e1c7;border-radius:22px;padding:1.05rem}.company-insights-modal .gantt-panel{background:0 0;border:0;border-radius:0;padding:.35rem}.insight-section-heading{align-items:flex-end;margin-bottom:.95rem}.insight-section-heading h3{margin-top:.12rem;font-size:1.05rem}.insight-section-heading>span{color:var(--secondary-text);text-align:right;font-size:.8rem;font-weight:650}.insight-legend{align-items:center;gap:.4rem;display:inline-flex}.insight-legend i,.insight-calendar-marker{background:#2563eb;border-radius:999px;width:.48rem;height:.48rem;display:inline-block;box-shadow:0 0 0 3px #93c5fd3d}.insight-calendar-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;display:grid}.insight-calendar{background:#f8fafcb8;border:1px solid #e2e8f0eb;border-radius:16px;min-width:0;padding:.7rem}.insight-calendar h4{color:var(--navy);text-transform:capitalize;margin:0 0 .55rem;font-size:.86rem}.insight-calendar-weekdays,.insight-calendar-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:.14rem;display:grid}.insight-calendar-weekdays span{color:#94a3b8;text-align:center;font-size:.64rem;font-weight:750}.insight-calendar-day{color:#475569;place-items:center;min-height:1.65rem;font-size:.7rem;display:grid;position:relative}.insight-calendar-day.is-empty{opacity:0}.insight-calendar-marker{width:.28rem;height:.28rem;box-shadow:none;position:absolute;bottom:.06rem}.gantt-scroll,.invoice-chart-scroll{padding-bottom:.25rem;overflow-x:auto}.gantt-chart{display:grid}.gantt-header,.gantt-row{grid-template-columns:12.5rem minmax(0,1fr);gap:.85rem;display:grid}.gantt-header{color:var(--secondary-text);align-items:end;padding:0 0 .55rem;font-size:.72rem;font-weight:750}.gantt-months{grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid}.gantt-months span{text-transform:capitalize;border-left:1px solid #cbd5e1c2;padding-left:.35rem}.gantt-row{min-height:3.55rem;color:inherit;align-items:center;text-decoration:none}.gantt-row:hover .gantt-project-name strong{color:#2563eb}.gantt-project-name{flex-direction:column;min-width:0;display:flex}.gantt-project-name strong,.gantt-project-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gantt-project-name strong{color:var(--navy);font-size:.85rem}.gantt-project-name small{color:var(--secondary-text);margin-top:.15rem;font-size:.7rem}.gantt-track{background-image:repeating-linear-gradient(90deg,#cbd5e199 0 1px,#0000 1px 16.6667%);border-radius:999px;height:1.2rem;position:relative;overflow:hidden}.gantt-bar{border-radius:inherit;min-width:.85rem;position:absolute;top:.16rem;bottom:.16rem;overflow:hidden;box-shadow:0 4px 10px #0f172a2e}.gantt-bar i{background:#ffffff6b;height:100%;display:block}.insight-unscheduled,.insight-empty{color:var(--secondary-text);border:1px dashed #94a3b8b8;border-radius:16px;margin:0;padding:.8rem .95rem;font-size:.88rem}.invoice-insight-summary{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.invoice-chart{grid-auto-columns:minmax(5rem,1fr);grid-auto-flow:column;align-items:end;gap:.55rem;height:15rem;padding:.4rem 0 0;display:grid}.invoice-chart-column{text-align:center;grid-template-rows:1.8rem 1fr auto;gap:.4rem;height:100%;display:grid}.invoice-chart-amount{color:var(--secondary-text);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:700;overflow:hidden}.invoice-chart-bar-wrap{background:repeating-linear-gradient(0deg,#cbd5e194 0 1px,#0000 1px 25%);border-radius:12px 12px 4px 4px;align-items:end;display:flex;position:relative;overflow:hidden}.invoice-chart-bar-wrap i{background:linear-gradient(#60a5fa,#2563eb);border-radius:10px 10px 2px 2px;width:100%;min-height:.2rem;display:block;box-shadow:0 7px 15px #2563eb2e}.invoice-chart-label{color:var(--secondary-text);text-transform:capitalize;font-size:.7rem;font-weight:700}.invoice-timeline-list{gap:.5rem;margin-top:1rem;display:grid}.invoice-timeline-list a{color:var(--navy);border:1px solid #e2e8f0e6;border-radius:14px;padding:.7rem .75rem;text-decoration:none}.invoice-timeline-list a:hover{background:#dbeafe6b;border-color:#60a5fa99}.invoice-timeline-list a>span{flex-direction:column;gap:.12rem;display:flex}.invoice-timeline-list small{color:var(--secondary-text)}.billing-project-list{gap:1rem;display:grid}.billing-project-card{background:#ffffffc2;border:1px solid #cbd5e1db;border-radius:22px;padding:1rem}.billing-project-heading{border-bottom:1px solid #cbd5e1ad;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.85rem;display:flex}.billing-project-heading>div{flex-direction:column;gap:.16rem;display:flex}.billing-project-heading>div:first-child>span,.billing-project-heading>div:last-child>span,.billing-project-heading>div:last-child>strong{color:var(--secondary-text);font-size:.78rem;font-weight:700}.billing-project-heading>div:last-child{text-align:right;align-items:flex-end}.billing-project-heading>div:last-child>strong{color:#2563eb}.billing-project-heading h3,.billing-ledger-section h4{color:var(--navy);margin:0}.billing-project-heading h3{font-size:1.08rem}.billing-ledger-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding-top:.85rem;display:grid}.billing-ledger-section h4{margin-bottom:.55rem;font-size:.88rem}.billing-ledger-section>p{color:var(--secondary-text);margin:0;font-size:.84rem}.billing-ledger-list{gap:.45rem;display:grid}.billing-ledger-list>a,.billing-ledger-list>div{color:var(--navy);border-radius:12px;justify-content:space-between;align-items:center;gap:.65rem;padding:.58rem .65rem;display:flex}.billing-ledger-list>a{background:#dbeafe6b;text-decoration:none}.billing-ledger-list>a:hover{background:#bfdbfeb8}.billing-ledger-list>div{background:#f8fafcd6}.billing-ledger-list>a>span,.billing-ledger-list>div>span{flex-direction:column;gap:.1rem;min-width:0;display:flex}.billing-ledger-list small{color:var(--secondary-text);text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.cashflow-list{gap:1rem;display:grid}.cashflow-period-navigation{justify-content:center;align-items:center;gap:.85rem;display:flex}.cashflow-period-navigation>strong{min-width:15rem;color:var(--navy);text-align:center;text-transform:capitalize;font-size:.88rem}.cashflow-period-button{min-height:2.5rem;color:var(--navy);font:inherit;cursor:pointer;background:#eff6ffbd;border:1px solid #93c5fdb8;border-radius:999px;justify-content:center;align-items:center;gap:.38rem;padding:.48rem .78rem;font-size:.78rem;font-weight:800;transition:border-color .14s,background .14s,transform .14s;display:inline-flex}.cashflow-period-button:hover:not(:disabled),.cashflow-period-button:focus-visible:not(:disabled){background:#dbeafe;border-color:#60a5fa;outline:none;transform:translateY(-1px)}.cashflow-period-button:disabled{opacity:.42;cursor:not-allowed}.cashflow-panel{background:radial-gradient(circle at 92% 0,#dbeafead,#0000 28%),#ffffffc2;border:1px solid #93c5fda6;border-radius:24px;padding:clamp(1rem,1.7vw,1.5rem)}.cashflow-heading,.cashflow-legend,.cashflow-summary,.cashflow-bars{display:flex}.cashflow-heading{border-bottom:1px solid #cbd5e1bf;justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem}.cashflow-heading h3,.cashflow-heading p{margin:0}.cashflow-heading h3{color:var(--navy);margin-top:.18rem;font-size:1.2rem}.cashflow-legend{color:var(--secondary-text);flex-wrap:wrap;justify-content:flex-end;gap:.75rem 1rem;font-size:.8rem;font-weight:700}.cashflow-legend span{align-items:center;gap:.38rem;display:inline-flex}.cashflow-legend i{border-radius:50%;width:.68rem;height:.68rem}.cashflow-income-dot,.cashflow-income{background:linear-gradient(#60a5fa,#2563eb)}.cashflow-expense-dot,.cashflow-expense{background:linear-gradient(#fda4af,#e11d48)}.cashflow-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding:1rem 0;display:grid}.cashflow-summary>div{background:#ffffffbd;border:1px solid #cbd5e1bf;border-radius:16px;flex-direction:column;gap:.18rem;padding:.8rem .9rem;display:flex}.cashflow-summary span,.cashflow-month dt,.cashflow-month p{color:var(--secondary-text);font-size:.76rem;font-weight:700}.cashflow-summary strong{color:var(--navy);font-size:1.05rem}.cashflow-summary .is-negative strong,.cashflow-month .is-negative dd,.cashflow-month .is-negative strong{color:#dc2626}.cashflow-scroll{padding:.15rem 0 .35rem;overflow-x:auto}.cashflow-chart{gap:.75rem;width:max-content;min-width:100%;display:grid}.cashflow-month{background:#f8fafcbd;border:1px solid #cbd5e1cc;border-radius:18px;padding:.9rem}.cashflow-month h4{color:var(--navy);text-align:center;text-transform:capitalize;margin:0 0 .8rem;font-size:.9rem}.cashflow-bars{background:repeating-linear-gradient(0deg,#cbd5e185 0 1px,#0000 1px 25%);border-bottom:2px solid #94a3b89e;justify-content:center;align-items:flex-end;gap:.7rem;height:10rem;padding:.65rem .8rem 0}.cashflow-bar-trigger{align-items:flex-end;width:min(2.25rem,35%);height:100%;display:flex;position:relative}.cashflow-bar{border-radius:.65rem .65rem .15rem .15rem;width:100%;min-height:0;transition:filter .14s,transform .14s;box-shadow:0 7px 14px #0f172a26}.cashflow-bar-trigger:hover .cashflow-bar,.cashflow-bar:focus-visible{filter:saturate(1.15);outline:none;transform:translateY(-2px)}.cashflow-bar-tooltip{z-index:8;color:#fff;opacity:0;pointer-events:none;visibility:hidden;background:#0f172af5;border:1px solid #bfdbfee6;border-radius:12px;gap:.42rem;width:max-content;max-width:min(20rem,68vw);padding:.7rem;transition:opacity .14s,transform .14s;display:grid;position:absolute;bottom:calc(100% + .6rem);left:50%;transform:translate(-50%,.35rem);box-shadow:0 12px 24px #0f172a40}.cashflow-bar-tooltip>strong{border-bottom:1px solid #bfdbfe4d;padding-bottom:.34rem;font-size:.75rem}.cashflow-bar-tooltip>span{gap:.08rem;display:grid}.cashflow-bar-tooltip b,.cashflow-bar-tooltip small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cashflow-bar-tooltip b{font-size:.72rem}.cashflow-bar-tooltip small{color:#cbd5e1;font-size:.68rem}.cashflow-bar-trigger:hover .cashflow-bar-tooltip,.cashflow-bar:focus-visible+.cashflow-bar-tooltip{opacity:1;visibility:visible;transform:translate(-50%)}.cashflow-month dl{gap:.42rem;margin:.85rem 0 0;display:grid}.cashflow-month dl>div{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.cashflow-month dt,.cashflow-month dd,.cashflow-month p{margin:0}.cashflow-month dd{color:var(--navy);text-align:right;font-size:.78rem;font-weight:800}.cashflow-month p{border-top:1px solid #cbd5e1bf;margin-top:.85rem;padding-top:.7rem}.cashflow-month p strong{color:var(--navy);margin-top:.1rem;font-size:.86rem;display:block}html[data-theme=dark] .company-insights-dashboard{background:radial-gradient(circle at 96% 4%,#1e40af61,#0000 30%),linear-gradient(160deg,#0f1a2bfa,#08121ff0);border-color:#3b82f66b}html[data-theme=dark] .company-insights-heading{border-color:#3b82f652}html[data-theme=dark] .insight-summary-row>div,html[data-theme=dark] .insight-calendar-panel,html[data-theme=dark] .gantt-panel,html[data-theme=dark] .invoice-timeline-panel,html[data-theme=dark] .billing-project-card{background:#08121fad;border-color:#223149f2}html[data-theme=dark] .insight-calendar{background:#0f1a2bcc;border-color:#223149e6}html[data-theme=dark] .insight-calendar h4,html[data-theme=dark] .gantt-project-name strong,html[data-theme=dark] .invoice-timeline-list a,html[data-theme=dark] .insight-summary-row strong{color:#e5efff}html[data-theme=dark] .insight-calendar-day,html[data-theme=dark] .invoice-timeline-list small{color:#9fb3cf}html[data-theme=dark] .invoice-timeline-list a{border-color:#223149e6}html[data-theme=dark] .invoice-timeline-list a:hover{background:#1e40af38;border-color:#60a5fa9e}html[data-theme=dark] .billing-ledger-list>a{background:#1e40af38}html[data-theme=dark] .billing-ledger-list>a:hover{background:#1e40af61}html[data-theme=dark] .billing-ledger-list>div{background:#0f1a2bc7}html[data-theme=dark] .billing-project-heading h3,html[data-theme=dark] .billing-ledger-section h4,html[data-theme=dark] .billing-ledger-list>a,html[data-theme=dark] .billing-ledger-list>div{color:#e5efff}html[data-theme=dark] .cashflow-panel{background:radial-gradient(circle at 92% 0,#1e40af4d,#0000 28%),#08121fb3;border-color:#223149f2}html[data-theme=dark] .cashflow-heading,html[data-theme=dark] .cashflow-month p{border-color:#223149f2}html[data-theme=dark] .cashflow-heading h3,html[data-theme=dark] .cashflow-summary strong,html[data-theme=dark] .cashflow-month h4,html[data-theme=dark] .cashflow-month dd,html[data-theme=dark] .cashflow-month p strong{color:#e5efff}html[data-theme=dark] .cashflow-summary>div,html[data-theme=dark] .cashflow-month{background:#0f1a2bc2;border-color:#223149e6}@media (max-width:780px){.company-insights-dashboard{border-radius:22px;padding:1rem}.modal-card.company-insights-modal{width:min(100%,100vw - 1rem);max-height:calc(100dvh - 1rem);padding:1rem}.company-insight-modal-content{max-height:calc(100dvh - 8.25rem);padding-top:1rem}.insight-summary-row,.insight-calendar-list,.cashflow-summary{grid-template-columns:1fr}.insight-calendar-list .insight-calendar:not(:first-child){display:none}.company-insights-heading,.insight-section-heading,.cashflow-heading{flex-direction:column;align-items:flex-start}.cashflow-legend{justify-content:flex-start}.insight-section-heading>span{text-align:left}.gantt-header,.gantt-row{grid-template-columns:9rem minmax(0,1fr)}.invoice-timeline-list a{flex-direction:column;align-items:flex-start;gap:.3rem}.billing-project-heading,.billing-ledger-list>a,.billing-ledger-list>div{flex-direction:column;align-items:flex-start}.billing-project-heading>div:last-child{text-align:left;align-items:flex-start}.billing-ledger-grid{grid-template-columns:1fr}}.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}.milestone-summary-trigger{cursor:pointer;font:inherit;text-align:left;border:0;transition:transform .16s,box-shadow .16s}.milestone-summary-trigger:hover{transform:translateY(-1px);box-shadow:0 7px 16px #0f172a1a}.milestone-summary-trigger:focus-visible{outline-offset:3px;outline:3px solid #3b82f661}.stage-badge-due-soon{color:#92400e;background:#fbbf2442}.stage-badge-overdue{color:#b91c1c;background:#f8717138}.stage-badge-completed{color:#166534;background:#4ade8038}.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,.detail-project-status{flex-direction:column;gap:1.2rem;display:flex}.detail-content-disclosure{display:block}.detail-content-disclosure>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;list-style:none;display:flex}.detail-content-disclosure>summary::-webkit-details-marker{display:none}.detail-content-summary-main{flex-wrap:wrap;flex:auto;align-items:center;gap:.7rem 1rem;min-width:0;display:flex}.detail-content-summary h3{margin:0;font-size:1.08rem}.detail-content-summary>svg{width:1rem;height:1rem;color:var(--secondary-text);flex:none;transition:transform .14s}.detail-content-disclosure[open]>.detail-content-summary>svg{transform:rotate(180deg)}.detail-content-summary:focus-visible{outline-offset:4px;border-radius:.5rem;outline:3px solid #3b82f657}.detail-content-body{flex-direction:column;gap:1.2rem;margin-top:1.2rem;display:flex}.detail-reminders-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.detail-reminders-heading h3{color:var(--navy);margin:0;font-size:1.08rem}.detail-notifications-control{justify-content:flex-end;display:flex}.detail-chip-row{flex-wrap:wrap;gap:.65rem;display:flex}.project-update-disclosure{position:relative}.project-update-disclosure summary{cursor:pointer;align-items:center;gap:.15rem;list-style:none;display:inline-flex}.project-update-disclosure summary::-webkit-details-marker{display:none}.project-update-disclosure summary:focus-visible{outline-offset:3px;border-radius:999px;outline:3px solid #3b82f657}.project-update-disclosure-icon{width:1.8rem;height:1.8rem;color:var(--error);place-items:center;transition:transform .16s;display:grid}.project-update-disclosure-icon svg{width:1rem;height:1rem}.project-update-disclosure[open] .project-update-disclosure-icon{transform:rotate(180deg)}.project-update-disclosure-content{z-index:4;background:var(--surface);border:1px solid #fca5a5bf;border-radius:1rem;width:min(24rem,100vw - 4rem);padding:.9rem;position:absolute;top:calc(100% + .65rem);left:0;box-shadow:0 18px 42px #0f172a29}.project-update-disclosure-content>p{color:var(--secondary-text);margin:0 0 .7rem;font-size:.88rem}.project-update-disclosure-content ul{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.project-update-disclosure-content li a{color:inherit;background:#fef2f2cc;border-radius:.75rem;justify-content:space-between;align-items:center;gap:.8rem;padding:.75rem;text-decoration:none;display:flex}.project-update-disclosure-content li a:hover{background:#fee2e2eb}.project-update-disclosure-content li a>span:first-child{gap:.14rem;min-width:0;display:grid}.project-update-disclosure-content li strong,.project-update-disclosure-content li small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-update-disclosure-content li small{color:var(--secondary-text);font-size:.78rem}.project-update-disclosure-content li a>span:last-child{color:#b91c1c;flex:none;font-size:.8rem;font-weight:800}.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-milestones-control{justify-content:flex-end;display:flex}.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-select-menu{position:relative}.detail-select-native{opacity:0;pointer-events:none;width:0;height:0;position:absolute;inset:0}.detail-select-trigger{border:1px solid var(--field-border);background:var(--field-surface);width:100%;min-height:2.8rem;color:var(--navy);font:inherit;text-align:left;cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:.8rem;padding:.75rem .9rem;font-weight:600;transition:border-color .14s,background-color .14s,box-shadow .14s;display:flex}.detail-select-trigger svg{color:#3b82f6cc;flex-shrink:0;width:1rem;height:1rem;transition:transform .14s}.detail-select-trigger.is-open svg{transform:rotate(180deg)}.detail-select-trigger.is-placeholder{color:#94a3b8}.detail-select-trigger:focus-visible{outline-offset:2px;outline:2px solid #3b82f66b}.detail-select-options{z-index:24;background:var(--surface-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid #e2e8f0f2;border-radius:18px;gap:.35rem;padding:.45rem;display:grid;position:absolute;top:calc(100% + .45rem);left:0;right:0;box-shadow:0 20px 44px #0f172a29}.detail-select-option{width:100%;min-height:2.7rem;color:var(--navy);font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:14px;align-items:center;padding:.6rem .8rem;font-weight:600;transition:background-color .14s,color .14s,transform .14s;display:flex}.detail-select-option:hover,.detail-select-option:focus-visible,.detail-select-option.is-selected{color:var(--navy);background:#93c5fd29}.detail-select-option:hover,.detail-select-option:focus-visible{transform:translateY(-1px)}.detail-site-manager-form .secondary-button{min-height:2.8rem}.detail-site-manager-form .secondary-button:disabled{cursor:not-allowed;opacity:.6}html[data-theme=dark] .detail-select-trigger{background:linear-gradient(#0f1a2bfa,#08121ff0);border-color:#223149f2;box-shadow:inset 0 1px #94a3b80f}html[data-theme=dark] .detail-select-trigger.is-placeholder{color:#93a8c7}html[data-theme=dark] .detail-select-trigger svg{color:#93c5fd}html[data-theme=dark] .detail-select-options{background:#0f1a2bfc;border-color:#223149f2;box-shadow:0 22px 46px #00000047}html[data-theme=dark] .detail-select-option:hover,html[data-theme=dark] .detail-select-option:focus-visible,html[data-theme=dark] .detail-select-option.is-selected{color:#dbeafe;background:#3b82f62e}.detail-milestones-divider{background:#94a3b873;height:1px;margin:.35rem 0 0}.detail-sections-stack{flex-direction:column;gap:.85rem;display:flex}.detail-milestones-section,.detail-invoices-section{border-top:1px solid #e2e8f0eb;flex-direction:column;gap:1rem;margin-top:1.4rem;padding-top:1.4rem;display:flex}.detail-invoice-progress{color:var(--secondary-text);margin:0;font-size:.9rem;font-weight:700}.detail-invoice-percent{color:var(--secondary-text);white-space:nowrap;font-size:.9rem;font-weight:700}.detail-invoice-month-list,.detail-invoice-month-group,.detail-invoice-entry-list{flex-direction:column;display:flex}.detail-invoice-month-list{gap:.85rem}.detail-invoice-month-group{gap:.45rem}.detail-invoice-entry-list{gap:.5rem}.detail-invoice-entry{width:100%;color:var(--navy);text-align:left;background:#ffffffbd;border:1px solid #e2e8f0eb;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem .8rem;display:flex}.detail-invoice-entry>span:first-child{flex-direction:column;gap:.18rem;min-width:0;display:flex}.detail-invoice-entry>span:first-child>span{color:var(--secondary-text);text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.detail-invoice-entry.is-editable{cursor:pointer}.detail-invoice-entry.is-editable:hover{background:#eff6ffb8;border-color:#3b82f659}.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-percent{color:var(--secondary-text);white-space:nowrap;font-size:.82rem;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-overhead-rate-row{border:1px solid var(--metric-border);width:100%;min-height:4.4rem;color:var(--navy);background:var(--surface-muted);font:inherit;text-align:left;border-radius:22px;grid-template-columns:max-content minmax(0,1fr) max-content;align-items:center;gap:1rem;padding:1rem 1.05rem;display:grid}.detail-overhead-rate-row>strong{font-size:1rem}.detail-overhead-rate-budget{color:var(--secondary-text);white-space:nowrap;font-size:.88rem}.detail-overhead-rate-amount{color:var(--secondary-text);white-space:nowrap;font-size:.95rem;font-weight:800}.detail-overhead-rate-row:not(:disabled){cursor:pointer}.detail-overhead-rate-row:not(:disabled):hover{background:#eff6ffc7;border-color:#3b82f659}.detail-overhead-rate-row:focus-visible{outline-offset:3px;outline:3px solid #3b82f65c}.detail-overhead-rate-row:disabled{opacity:1}.detail-subcontractor-card{background:#ffffffc7;border:1px solid #e2e8f0eb;border-radius:18px;flex-direction:column;gap:.65rem;padding:.9rem;display:flex}.detail-subcontractors-warning,.detail-subcontractor-warning{border-color:#f59e0b80}.detail-subcontractors-warning>.detail-section-summary,.detail-subcontractor-warning{background:linear-gradient(#fffbebfa,#fef3c7a6)}.detail-subcontractors-overrun,.detail-subcontractor-overrun{border-color:#ef44448a}.detail-subcontractors-overrun>.detail-section-summary,.detail-subcontractor-overrun{background:linear-gradient(#fef2f2fa,#fee2e2b8)}.detail-subcontractor-heading,.detail-subcontractor-billing-entry{justify-content:space-between;align-items:center;gap:1rem;display:flex}.detail-subcontractor-copy{flex-direction:column;gap:.45rem;min-width:0;display:flex}.detail-subcontractor-copy>strong{color:var(--navy);font-size:1rem}.detail-subcontractor-amount-row,.detail-subcontractor-summary{color:var(--secondary-text);grid-template-columns:8.6rem max-content minmax(0,1fr);align-items:baseline;gap:.65rem;font-size:.88rem;display:grid}.detail-subcontractor-amount-row>strong,.detail-subcontractor-summary>strong{color:var(--navy);white-space:nowrap;font-size:.95rem}.detail-subcontractor-percent{color:var(--secondary-text);white-space:nowrap;justify-self:end;font-weight:700}.detail-subcontractor-billing-entry{width:100%;color:var(--navy);text-align:left;background:#f8fafccc;border:1px solid #e2e8f0e0;border-radius:12px;padding:.65rem .75rem}.detail-subcontractor-billing-entry:not(:disabled){cursor:pointer}.detail-subcontractor-billing-entry:not(:disabled):hover{border-color:#3b82f657}.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-invoice-month-heading{color:var(--secondary-text);letter-spacing:.02em;justify-content:space-between;align-items:baseline;gap:1rem;font-size:.82rem;font-weight:700;display:flex}.detail-invoice-month-heading strong{color:var(--navy);letter-spacing:0;white-space:nowrap;font-size:.88rem}.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-costs-heading{flex-flow:wrap;align-items:center;gap:.7rem 1rem}.detail-costs-heading>span{color:var(--secondary-text);font-size:.9rem;font-weight:700}.detail-costs-heading>strong{color:var(--secondary-text);font-size:1rem}.detail-milestones-heading>span,.detail-invoices-heading>span,.detail-invoices-heading>strong{color:var(--secondary-text);white-space:nowrap;font-size:.9rem;font-weight:700}.detail-invoices-heading>strong{font-size:1rem}.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}.location-autocomplete{position:relative}.location-autocomplete>.form-input-shell{width:100%}.location-suggestion-menu{z-index:12;background:var(--surface-strong);border:1px solid #93c5fdb8;border-radius:16px;max-height:15.5rem;padding:.35rem;display:grid;position:absolute;top:calc(100% + .45rem);left:0;right:0;overflow-y:auto;box-shadow:0 18px 40px #0f172a29}.location-suggestion-menu button{width:100%;color:var(--navy);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;padding:.7rem .8rem;font-weight:650}.location-suggestion-menu button:hover,.location-suggestion-menu button:focus-visible{color:#1d4ed8;background:#dbeafeb8;outline:none}.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-rescheduled-label{color:#1d4ed8;background:#3b82f61f;border-radius:999px;align-items:center;min-height:1.7rem;padding:.12rem .65rem;font-size:.74rem;font-weight:700;display:inline-flex}.milestone-item-due-soon{background:linear-gradient(#fffbebfa,#fef3c7ad);border-color:#f59e0b7a}.milestone-item-overdue{background:linear-gradient(#fef2f2fa,#fee2e2bd);border-color:#ef444480}.milestone-item-completed{background:linear-gradient(#f0fdf4fa,#dcfce7b8);border-color:#22c55e85}.milestone-item-completed .milestone-kind-label{color:#166534;background:#22c55e29}.milestone-item-actionable{cursor:pointer}.milestone-item-actionable:hover{box-shadow:0 12px 28px #0f172a1a}.milestone-item-actionable:focus-visible{outline-offset:3px;outline:3px solid #3b82f66b}.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-rescheduled-label{color:#bfdbfe;background:#3b82f638}html[data-theme=dark] .milestone-item-due-soon{background:linear-gradient(#78531094,#71490c80);border-color:#fbbf246b}html[data-theme=dark] .milestone-item-overdue{background:linear-gradient(#7f1d1da8,#450a0a85);border-color:#f8717175}html[data-theme=dark] .milestone-item-completed{background:linear-gradient(#14532d9e,#062f198a);border-color:#4ade8075}html[data-theme=dark] .milestone-item-completed .milestone-kind-label{color:#bbf7d0;background:#4ade8033}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:transform .14s,box-shadow .14s,background-color .14s,border-color .14s,color .14s;display:inline-flex}.question-option:hover span{background:#bfdbfe80;border-color:#3b82f6a3;transform:translateY(-2px);box-shadow:0 10px 20px #2563eb24}.question-option:active span{box-shadow:none;transform:translateY(0)}.question-option input:checked+span{color:var(--white);background:#0f172af5;border-color:#0f172af5}.question-option:hover input:checked+span{background:#1e293bf5;border-color:#1e293bf5;box-shadow:0 12px 22px #0f172a33}.question-option input:focus-visible+span{outline-offset:2px;outline:2px solid #3b82f647}html[data-theme=dark] .project-form .form-section{border-top-color:#223149f2}html[data-theme=dark] .project-form .form-field input,html[data-theme=dark] .project-form .form-field select,html[data-theme=dark] .project-form .form-field textarea,html[data-theme=dark] .project-form .form-input-shell{color:#e5efff;background:linear-gradient(#0f1a2bfa,#08121ff0);border-color:#223149f2;box-shadow:inset 0 1px #94a3b80f,0 12px 30px #0000002e}html[data-theme=dark] .project-form .form-field input::placeholder,html[data-theme=dark] .project-form .form-field textarea::placeholder{color:#7f93ae;opacity:1}html[data-theme=dark] .project-form .location-input-shell input,html[data-theme=dark] .project-form .form-field-date input[type=date]{box-shadow:none;background:0 0}html[data-theme=dark] .question-card{background:linear-gradient(#0f1a2bfa,#08121ff0);border-color:#223149f5;box-shadow:inset 0 1px #94a3b80f,0 18px 38px #00000029}html[data-theme=dark] .question-card legend{color:#e5efff}html[data-theme=dark] .question-option span{color:#dbeafe;background:#3b82f624;border-color:#60a5fa61}html[data-theme=dark] .question-option:hover span{background:#3b82f63d;border-color:#60a5fab3;box-shadow:0 10px 20px #0003}html[data-theme=dark] .question-option input:checked+span,html[data-theme=dark] .question-option:hover input:checked+span{color:#eff6ff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;box-shadow:0 12px 24px #2563eb3d}.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%}.admin-announcement-confirmation{flex-direction:column;align-items:stretch}.admin-announcement-confirmation .admin-announcement-confirm{width:100%}.detail-overhead-rate-row{grid-template-columns:minmax(0,1fr) max-content;gap:.35rem .8rem}.detail-overhead-rate-budget{grid-column:1/-1}}