app-meet-team-public-directory-page{display:block}app-meet-team-public-directory-page .public-meet-shell{min-height:100dvh;display:flex;flex-direction:column;color:var(--color-text, #16171b);background:radial-gradient(circle at 10% 5%,color-mix(in srgb,var(--color-secondary) 24%,transparent),transparent 30rem),var(--color-bg, #f2f7f9)}app-meet-team-public-directory-page .directory-content{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:clamp(2.5rem,6vh,4.5rem) 0 4rem;flex:1}app-meet-team-public-directory-page .directory-hero{max-width:820px;margin:0 auto 3rem;padding:0;text-align:center}app-meet-team-public-directory-page .eyebrow{margin:0 0 .65rem;color:var(--color-brand-strong, #0d3b2e);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}app-meet-team-public-directory-page h1{max-width:820px;margin:0 auto;font-size:clamp(2.8rem,6vw,5rem);line-height:.98;letter-spacing:-.055em}app-meet-team-public-directory-page .headline-dot{color:#dae691}app-meet-team-public-directory-page .hero-copy{max-width:650px;margin:1.2rem auto 1.8rem;color:#06261fad;font-size:clamp(1rem,2vw,1.15rem);line-height:1.65}app-meet-team-public-directory-page .search-field{max-width:560px;margin:0 auto;display:grid;gap:.45rem;text-align:center;font-size:.78rem;font-weight:700}app-meet-team-public-directory-page .search-field input{width:100%;min-height:3rem;border:1px solid var(--color-border, #d9dce4);border-radius:999px;padding:.75rem 1rem;color:inherit;background:var(--color-surface, #ffffff);box-shadow:0 12px 32px #1418230f;text-align:left}app-meet-team-public-directory-page .member-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,280px));justify-content:center;align-content:start;gap:1.25rem}app-meet-team-public-directory-page .member-card{display:grid;grid-template-rows:auto 1fr;overflow:hidden;min-height:390px;color:inherit;text-decoration:none;border:1px solid var(--color-border, #d9dce4);border-radius:1.2rem;background:var(--color-surface, #ffffff);box-shadow:0 18px 50px #14182314;transition:transform .16s ease,box-shadow .16s ease}app-meet-team-public-directory-page .member-card:hover,app-meet-team-public-directory-page .member-card:focus-visible{transform:translateY(-4px);box-shadow:0 24px 58px #14182324}app-meet-team-public-directory-page .member-photo{aspect-ratio:4 / 3;display:grid;place-items:center;overflow:hidden;background:var(--color-chip-bg, #ececf4);font-size:2.2rem;font-weight:800}app-meet-team-public-directory-page .member-photo img{width:100%;height:100%;display:block;object-fit:cover}app-meet-team-public-directory-page .member-copy{display:flex;flex-direction:column;padding:1.15rem}app-meet-team-public-directory-page .member-copy h2{margin:0;font-size:1.05rem}app-meet-team-public-directory-page .member-copy p{margin:.35rem 0 1.3rem;color:var(--color-text-muted, #666b76);font-size:.88rem}app-meet-team-public-directory-page .member-action{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.6rem;color:var(--color-brand-strong, #0d3b2e);font-size:.82rem;font-weight:800}app-meet-team-public-directory-page .state-panel{padding:2rem;text-align:center;border:1px solid var(--color-border, #d9dce4);border-radius:1rem;background:var(--color-surface, #ffffff)}app-meet-team-public-directory-page .state-panel h2,app-meet-team-public-directory-page .state-panel p{margin:0}app-meet-team-public-directory-page .state-panel p{margin-top:.45rem;color:var(--color-text-muted, #666b76)}app-meet-team-public-directory-page .state-error{display:grid;justify-items:center;gap:.8rem}app-meet-team-public-directory-page .public-button{min-height:2.7rem;border:0;border-radius:999px;padding:.65rem 1.2rem;font:inherit;font-weight:800;cursor:pointer}app-meet-team-public-directory-page .secondary-button{color:inherit;border:1px solid var(--color-border, #d9dce4);background:var(--color-chip-bg, #ececf4)}app-meet-team-public-directory-page .public-footer{padding:1.5rem 1rem 2rem;text-align:center;color:var(--color-text-muted, #666b76);font-size:.75rem}@media(min-width:641px){app-meet-team-public-directory-page .member-card{width:100%;height:425px;grid-template-rows:280px 145px}app-meet-team-public-directory-page .member-photo{position:relative;z-index:0;width:100%;height:280px;display:grid;place-items:center;overflow:hidden;aspect-ratio:auto;background:transparent}app-meet-team-public-directory-page .member-photo img{width:100%;height:100%;display:block;object-fit:contain;object-position:center bottom;background:transparent}app-meet-team-public-directory-page .member-copy{position:relative;z-index:1;width:100%;height:145px;box-sizing:border-box;display:flex;flex-direction:column;margin:0;padding:1.15rem;border-top:0;background:var(--color-surface, #ffffff)}}@media(max-width:900px){app-meet-team-public-directory-page .directory-content{grid-template-columns:1fr;gap:2rem}app-meet-team-public-directory-page .directory-hero{max-width:720px;padding-top:0}}@media(max-width:640px){app-meet-team-public-directory-page .directory-content{padding-top:2rem}app-meet-team-public-directory-page .member-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;align-items:stretch}app-meet-team-public-directory-page .member-card{min-width:0;min-height:0;border-radius:.9rem}app-meet-team-public-directory-page .member-photo{aspect-ratio:1 / 1;font-size:1.55rem}app-meet-team-public-directory-page .member-copy{min-width:0;padding:.8rem}app-meet-team-public-directory-page .member-copy h2{font-size:.88rem;line-height:1.2;overflow-wrap:anywhere}app-meet-team-public-directory-page .member-copy p{margin:.3rem 0 .9rem;font-size:.75rem;line-height:1.35;overflow-wrap:anywhere}app-meet-team-public-directory-page .member-action{gap:.3rem;font-size:.7rem}}app-meet-team-public-member-page{display:block}app-meet-team-public-member-page .public-member-shell{min-height:100dvh;position:relative;overflow:hidden;box-sizing:border-box;padding-bottom:0;color:var(--color-text, #16171b);background:radial-gradient(circle at 90% 5%,color-mix(in srgb,var(--color-secondary) 24%,transparent),transparent 30rem),var(--color-bg, #f2f7f9)}app-meet-team-public-member-page .member-profile{position:relative;z-index:1;width:min(980px,calc(100% - 2rem));margin:clamp(2.5rem,7vh,5rem) auto 2rem;display:grid;grid-template-columns:minmax(300px,410px) minmax(0,1fr);overflow:hidden;border:1px solid rgba(6,38,31,.14);border-radius:1.75rem;background:#fff;box-shadow:0 24px 65px #06261f24}app-meet-team-public-member-page .member-photo{width:100%;min-height:520px;display:grid;place-items:center;overflow:hidden;color:#06261f;background:#89c9c9;font-size:clamp(3rem,10vw,6rem);font-weight:800}app-meet-team-public-member-page .member-photo img{width:100%;height:100%;display:block;object-fit:cover}app-meet-team-public-member-page .member-copy{min-height:520px;display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,6vw,4.5rem);color:#f2f7f9;background:#06261f}app-meet-team-public-member-page .eyebrow{margin:0 0 .7rem;color:var(--color-brand-strong, #0d3b2e);font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}app-meet-team-public-member-page .mobile-member-eyebrow{display:none}app-meet-team-public-member-page .member-copy h1,app-meet-team-public-member-page .member-state h1{margin:0;font-size:clamp(2.6rem,6vw,5.2rem);line-height:.98;letter-spacing:-.055em}app-meet-team-public-member-page .member-title{margin:1rem 0 2rem;color:#f2f7f9c2;font-size:clamp(1rem,2vw,1.25rem)}app-meet-team-public-member-page .primary-action{min-height:3rem;display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;border:0;border-radius:999px;padding:.75rem 1.4rem;color:#06261f;background:#dae691;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}app-meet-team-public-member-page .unavailable-action{min-height:3rem;display:inline-flex;align-items:center;align-self:flex-start;border:1px solid rgba(242,247,249,.28);border-radius:999px;padding:.75rem 1.4rem;color:#f2f7f9;background:#f2f7f914;font-weight:800}app-meet-team-public-member-page .meeting-error{margin:.8rem 0 0;color:var(--feedback-critical-text, #b42318);font-size:.82rem}app-meet-team-public-member-page .download-apps{position:relative;z-index:1;width:min(720px,calc(100% - 2rem));margin:0 auto clamp(8rem,12vw,11rem);text-align:center;color:#06261f}app-meet-team-public-member-page .download-apps p{margin:0 0 1rem;color:#06261fb8;font-size:.95rem}app-meet-team-public-member-page .store-badges{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem}app-meet-team-public-member-page .store-badge{display:inline-flex;border-radius:.55rem;transition:transform .16s ease,opacity .16s ease}app-meet-team-public-member-page .store-badge:hover,app-meet-team-public-member-page .store-badge:focus-visible{transform:translateY(-2px);opacity:.86}app-meet-team-public-member-page .store-badge img{width:auto;height:46px;display:block}app-meet-team-public-member-page .member-state{width:min(720px,calc(100% - 2rem));margin:0 auto;padding:8rem 0;text-align:center}app-meet-team-public-member-page .member-state p:not(.eyebrow){margin:1rem auto 1.6rem;color:var(--color-text-muted, #666b76)}app-meet-team-public-member-page .page-statement{position:absolute;left:50%;bottom:-.27em;z-index:0;transform:translate(-50%);color:#89c9c980;font-size:clamp(10rem,23vw,21rem);font-weight:800;line-height:.72;letter-spacing:.005em;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:760px){app-meet-team-public-member-page .public-member-shell{min-height:100svh;display:flex;flex-direction:column;padding-bottom:1rem}app-meet-team-public-member-page .page-statement{display:none}app-meet-team-public-member-page .member-profile{width:min(430px,calc(100% - 1.25rem));flex:0 0 auto;grid-template-columns:1fr;gap:0;margin:.75rem auto 1.25rem;overflow:hidden;border-radius:1.25rem}app-meet-team-public-member-page .member-photo{min-height:0;aspect-ratio:auto;background:transparent}app-meet-team-public-member-page .member-photo img{display:block;width:100%;height:auto;object-fit:contain;object-position:center top}app-meet-team-public-member-page .member-copy{min-height:0;align-items:center;justify-content:center;padding:1.6rem 1rem 1.75rem;text-align:center;margin-top:0}app-meet-team-public-member-page .mobile-member-eyebrow{display:block;margin:0 0 .7rem;color:#dae691;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}app-meet-team-public-member-page .member-copy h1{font-size:clamp(2.1rem,10vw,3rem);line-height:1.04;letter-spacing:0}app-meet-team-public-member-page .member-title{margin:.65rem 0 1.35rem;font-size:1rem}app-meet-team-public-member-page .primary-action,app-meet-team-public-member-page .unavailable-action{width:100%;min-height:3.25rem;align-self:stretch}app-meet-team-public-member-page .download-apps{width:min(430px,calc(100% - 1.25rem));min-height:12rem;flex:1 0 auto;margin:0 auto;padding:1.5rem .75rem max(1.5rem,env(safe-area-inset-bottom));box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}app-meet-team-public-member-page .download-apps p{width:100%;margin:0 0 1rem;text-align:center}app-meet-team-public-member-page .store-badges{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;margin:0 auto}app-meet-team-public-member-page .store-badge img{height:38px}}:root[data-theme=dark] app-meet-team-public-directory-page .hero-copy{color:var(--color-text-muted)}:root[data-theme=dark] app-meet-team-public-directory-page .member-action{color:var(--color-accent-text)}:root[data-theme=dark] app-meet-team-public-directory-page .search-field input::placeholder{color:var(--color-text-disabled)}:root[data-theme=dark] app-meet-team-public-directory-page .state-panel{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text)}:root[data-theme=dark] app-meet-team-public-member-page .download-apps,:root[data-theme=dark] app-meet-team-public-member-page .download-apps p{color:var(--color-text-muted)}:root[data-theme=dark] app-meet-team-public-member-page .member-copy{background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 44%,var(--color-surface-elevated)),color-mix(in srgb,var(--color-primary) 30%,var(--color-surface)))}app-camera-man-calendar-page{display:block;min-height:100%}app-camera-man-calendar-page .camera-calendar-page{display:grid;gap:.75rem;align-content:start;padding-bottom:1rem}app-camera-man-calendar-page .calendar-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;padding:.9rem 1rem}app-camera-man-calendar-page .header-copy{min-width:0}app-camera-man-calendar-page .page-subtitle{margin:.25rem 0 0;color:var(--color-text-muted);font-size:.78rem}app-camera-man-calendar-page .header-controls{display:grid;grid-template-columns:auto minmax(13rem,14rem) auto auto;align-items:end;justify-content:end;gap:.5rem}app-camera-man-calendar-page .month-controls{display:inline-grid;grid-template-columns:2rem minmax(9rem,auto) 2rem;align-items:stretch;gap:.28rem;height:2.2rem}app-camera-man-calendar-page .control-button,app-camera-man-calendar-page .month-button,app-camera-man-calendar-page .refresh-button{height:2.2rem;min-height:2.2rem;box-sizing:border-box;border:1px solid var(--color-border);border-radius:.52rem;background:var(--color-surface-elevated);color:var(--color-text);font:inherit;font-size:.75rem;font-weight:700;cursor:pointer}app-camera-man-calendar-page .control-button{width:2rem;font-size:1.05rem}app-camera-man-calendar-page .month-button{padding:.35rem .65rem}app-camera-man-calendar-page .refresh-button{padding:.35rem .75rem;background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary, white)}app-camera-man-calendar-page .refresh-button:disabled{cursor:wait;opacity:.62}app-camera-man-calendar-page .camera-filter{display:grid;align-self:end;min-width:13rem}app-camera-man-calendar-page .camera-filter app-filter-dropdown{width:100%}app-camera-man-calendar-page .camera-filter app-filter-dropdown .filter-dropdown{min-width:13rem;gap:.18rem}app-camera-man-calendar-page .camera-filter app-filter-dropdown .filter-label{font-size:.64rem;font-weight:700}app-camera-man-calendar-page .camera-filter app-filter-dropdown .filter-trigger{height:2.2rem;min-height:2.2rem;box-sizing:border-box;border-radius:.52rem;padding:.3rem .5rem;font-size:.75rem}app-camera-man-calendar-page .status-message{padding:.7rem .85rem;font-size:.76rem;font-weight:700}app-camera-man-calendar-page .status-message.error{border-color:color-mix(in srgb,var(--color-danger, #a72f3d) 55%,var(--color-border));color:var(--color-danger, #8c2330)}app-camera-man-calendar-page .summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}app-camera-man-calendar-page .summary-card{display:grid;gap:.25rem;padding:.7rem .8rem;border-left:3px solid var(--color-accent)}app-camera-man-calendar-page .summary-card span{color:var(--color-text-muted);font-size:.69rem;font-weight:700}app-camera-man-calendar-page .summary-card strong{color:var(--color-primary);font-size:1.15rem}app-camera-man-calendar-page .calendar-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(19rem,1fr);gap:.75rem;align-items:start}app-camera-man-calendar-page .schedule-panel,app-camera-man-calendar-page .unavailability-panel{padding:.8rem;min-width:0}app-camera-man-calendar-page .panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding-bottom:.62rem;border-bottom:1px solid var(--color-border)}app-camera-man-calendar-page .panel-header h2{margin:0;font-size:.92rem}app-camera-man-calendar-page .panel-header p{margin:.18rem 0 0;color:var(--color-text-muted);font-size:.7rem}app-camera-man-calendar-page .count-pill,app-camera-man-calendar-page .status-pill,app-camera-man-calendar-page .unavailable-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:999px;font-size:.62rem;font-weight:800;white-space:nowrap}app-camera-man-calendar-page .count-pill{min-width:1.6rem;height:1.6rem;background:color-mix(in srgb,var(--color-secondary) 24%,transparent)}app-camera-man-calendar-page .record-list,app-camera-man-calendar-page .unavailability-list{display:grid;gap:.5rem;margin-top:.62rem}app-camera-man-calendar-page .booking-record{display:grid;grid-template-columns:3.2rem minmax(0,1fr);gap:.65rem;padding:.65rem;border:1px solid var(--color-border);border-radius:.72rem;background:color-mix(in srgb,var(--color-surface-elevated) 94%,var(--color-secondary) 6%)}app-camera-man-calendar-page .booking-record.is-cancelled{opacity:.68}app-camera-man-calendar-page .record-date{display:grid;place-content:center;justify-items:center;align-self:start;min-height:3.2rem;border-radius:.62rem;background:color-mix(in srgb,var(--color-secondary) 34%,transparent)}app-camera-man-calendar-page .record-date strong{font-size:1.05rem;line-height:1}app-camera-man-calendar-page .record-date span{margin-top:.15rem;color:var(--color-text-muted);font-size:.62rem;font-weight:800;text-transform:uppercase}app-camera-man-calendar-page .record-content{min-width:0}app-camera-man-calendar-page .record-content>header,app-camera-man-calendar-page .unavailability-content>header{display:flex;align-items:flex-start;justify-content:space-between;gap:.55rem}app-camera-man-calendar-page .record-content h3,app-camera-man-calendar-page .unavailability-content h3{margin:0;font-size:.82rem}app-camera-man-calendar-page .record-content header p{margin:.12rem 0 0;color:var(--color-text-muted);font-size:.67rem}app-camera-man-calendar-page .status-pill,app-camera-man-calendar-page .unavailable-pill{padding:.12rem .42rem}app-camera-man-calendar-page .status-pill.scheduled,app-camera-man-calendar-page .unavailable-pill{background:#dafc92ad;color:#255b26}app-camera-man-calendar-page .status-pill.cancelled{background:#fde1e1d1;color:#8d2d36}app-camera-man-calendar-page .record-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem .7rem;margin:.55rem 0 0}app-camera-man-calendar-page .record-details div{min-width:0}app-camera-man-calendar-page .record-details dt{color:var(--color-text-muted);font-size:.59rem;font-weight:800;text-transform:uppercase}app-camera-man-calendar-page .record-details dd{margin:.1rem 0 0;font-size:.7rem;font-weight:650;overflow-wrap:anywhere}app-camera-man-calendar-page .record-notes,app-camera-man-calendar-page .cancelled-meta{margin:.48rem 0 0;padding-top:.42rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.68rem;line-height:1.45}app-camera-man-calendar-page .cancelled-meta{color:#8d2d36}app-camera-man-calendar-page .unavailability-record{display:grid;grid-template-columns:2.3rem minmax(0,1fr);gap:.55rem;padding:.6rem;border:1px solid var(--color-border);border-radius:.68rem;background:color-mix(in srgb,var(--color-surface-elevated) 94%,var(--color-accent) 6%)}app-camera-man-calendar-page .avatar{display:grid;place-items:center;width:2.3rem;height:2.3rem;overflow:hidden;border:1px solid var(--color-border);border-radius:999px;background:color-mix(in srgb,var(--color-secondary) 32%,transparent);color:var(--color-primary);font-size:.66rem;font-weight:800}app-camera-man-calendar-page .avatar img{display:block;width:100%;height:100%;object-fit:cover}app-camera-man-calendar-page .unavailability-content{min-width:0}app-camera-man-calendar-page .unavailability-range{margin:.3rem 0 0;color:var(--color-text);font-size:.69rem;font-weight:650;line-height:1.45}app-camera-man-calendar-page .empty-state{display:grid;justify-items:center;gap:.2rem;margin-top:.62rem;padding:1.4rem .8rem;border:1px dashed var(--color-border);border-radius:.72rem;color:var(--color-text-muted);text-align:center}app-camera-man-calendar-page .empty-state strong{color:var(--color-text);font-size:.78rem}app-camera-man-calendar-page .empty-state span{font-size:.7rem}app-camera-man-calendar-page .panel-actions,app-camera-man-calendar-page .record-actions,app-camera-man-calendar-page .confirm-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.4rem}app-camera-man-calendar-page .record-actions{margin-top:.5rem;padding-top:.45rem;border-top:1px solid var(--color-border)}app-camera-man-calendar-page .action-button{min-height:2rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-surface-elevated);color:var(--color-text);padding:.3rem .62rem;font:inherit;font-size:.7rem;font-weight:750;cursor:pointer}app-camera-man-calendar-page .action-button:hover:not(:disabled){border-color:var(--color-accent)}app-camera-man-calendar-page .action-button:disabled{cursor:wait;opacity:.58}app-camera-man-calendar-page .action-button.primary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary, white)}app-camera-man-calendar-page .action-button.danger{border-color:color-mix(in srgb,var(--color-danger, #a72f3d) 48%,var(--color-border));color:var(--color-danger, #8c2330)}app-camera-man-calendar-page .action-button.danger.solid{background:var(--color-danger, #a72f3d);color:#fff}app-camera-man-calendar-page .confirm-overlay{position:fixed;inset:0;z-index:180;display:grid;place-items:center;padding:1rem;overflow-y:auto;background:#02261e7a;backdrop-filter:blur(2px)}app-camera-man-calendar-page .confirm-modal{width:min(34rem,100%);display:grid;gap:.85rem;padding:1rem;border-radius:var(--radius-lg);box-shadow:0 24px 64px #02261e47}app-camera-man-calendar-page .booking-modal,app-camera-man-calendar-page .unavailability-modal{width:min(42rem,100%)}app-camera-man-calendar-page .reference-status{margin:0;border:1px solid var(--color-border);border-radius:.52rem;background:#89c9c91a;padding:.55rem .65rem;color:var(--color-text-muted);font-size:.72rem;font-weight:700}app-camera-man-calendar-page .modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}app-camera-man-calendar-page .modal-header h3,app-camera-man-calendar-page .confirm-modal h3,app-camera-man-calendar-page .modal-header p,app-camera-man-calendar-page .confirm-modal p{margin:0}app-camera-man-calendar-page .modal-header h3,app-camera-man-calendar-page .confirm-modal h3{margin-top:.15rem;font-size:1rem}app-camera-man-calendar-page .modal-header p,app-camera-man-calendar-page .confirm-modal p{margin-top:.2rem;color:var(--color-text-muted);font-size:.76rem;line-height:1.5}app-camera-man-calendar-page .modal-eyebrow{color:var(--color-success);font-size:.64rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}app-camera-man-calendar-page .modal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}app-camera-man-calendar-page .modal-field{display:grid;gap:.25rem}app-camera-man-calendar-page .modal-field>span{color:var(--color-text-muted);font-size:.68rem;font-weight:750}app-camera-man-calendar-page .modal-field input,app-camera-man-calendar-page .modal-field select,app-camera-man-calendar-page .modal-field textarea{width:100%;min-height:2.3rem;border:1px solid var(--color-border);border-radius:.52rem;background:var(--color-surface-elevated);color:var(--color-text);padding:.45rem .55rem;font:inherit;font-size:.76rem;box-sizing:border-box}app-camera-man-calendar-page .modal-field textarea{resize:vertical}app-camera-man-calendar-page .full-field{grid-column:1 / -1}app-camera-man-calendar-page .form-error{margin:0;border:1px solid color-mix(in srgb,var(--color-danger, #a72f3d) 48%,var(--color-border));border-radius:.52rem;background:#fde1e173;color:var(--color-danger, #8c2330);padding:.55rem .65rem;font-size:.72rem;font-weight:700}app-camera-man-calendar-page .confirm-warning{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#89c9c914;padding:.7rem;color:var(--color-text);font-size:.74rem;font-weight:650;line-height:1.5}app-camera-man-calendar-page .view-toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));align-self:end;height:2.2rem;box-sizing:border-box;padding:.14rem;border:1px solid var(--color-border);border-radius:.65rem;background:color-mix(in srgb,var(--color-surface-elevated) 88%,transparent)}app-camera-man-calendar-page .view-toggle-button{height:100%;min-height:0;padding:.25rem .72rem;border:0;border-radius:.48rem;background:transparent;color:var(--color-text-muted);font:inherit;font-size:.74rem;font-weight:750;cursor:pointer}app-camera-man-calendar-page .view-toggle-button.is-active{background:var(--color-primary);color:var(--color-on-primary, #ffffff)}app-camera-man-calendar-page .schedule-calendar{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;padding:.8rem}app-camera-man-calendar-page .monthly-calendar-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding-bottom:.7rem;border-bottom:1px solid var(--color-border)}app-camera-man-calendar-page .monthly-calendar-header h2{margin:0;font-size:1rem}app-camera-man-calendar-page .monthly-calendar-header p{margin:.2rem 0 0;color:var(--color-text-muted);font-size:.75rem;line-height:1.45}app-camera-man-calendar-page .monthly-calendar-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}app-camera-man-calendar-page .calendar-legend{display:flex;flex-wrap:wrap;gap:.7rem;padding:.65rem 0}app-camera-man-calendar-page .legend-item{display:inline-flex;align-items:center;gap:.32rem;color:var(--color-text-muted);font-size:.7rem;font-weight:700}app-camera-man-calendar-page .legend-dot{width:.55rem;height:.55rem;border-radius:999px;background:var(--color-primary)}app-camera-man-calendar-page .legend-dot.cancelled{background:var(--color-danger, #b42318)}app-camera-man-calendar-page .legend-dot.unavailable{background:var(--color-secondary)}app-camera-man-calendar-page .legend-dot.free{border:1px solid var(--color-border);background:transparent}app-camera-man-calendar-page .monthly-calendar-scroll{min-height:0;overflow:auto;padding-bottom:0;overscroll-behavior:contain}app-camera-man-calendar-page .weekday-row,app-camera-man-calendar-page .month-grid{min-width:56rem;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}app-camera-man-calendar-page .weekday-row{border:1px solid var(--color-border);border-bottom:0;border-radius:.7rem .7rem 0 0;overflow:hidden}app-camera-man-calendar-page .weekday-row span{padding:.48rem;border-right:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-elevated) 92%,var(--color-secondary) 8%);color:var(--color-text-muted);text-align:center;font-size:.7rem;font-weight:800}app-camera-man-calendar-page .weekday-row span:last-child{border-right:0}app-camera-man-calendar-page .month-grid{grid-auto-rows:7rem;border-top:1px solid var(--color-border);border-left:1px solid var(--color-border)}app-camera-man-calendar-page .month-day{display:flex;flex-direction:column;min-width:0;min-height:0;padding:.3rem;overflow:hidden;box-sizing:border-box;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-surface)}app-camera-man-calendar-page .month-day.is-outside-month{background:color-mix(in srgb,var(--color-surface) 82%,var(--color-border) 18%);opacity:.68}app-camera-man-calendar-page .month-day.is-today{box-shadow:inset 0 0 0 2px var(--color-primary)}app-camera-man-calendar-page .week-calendar-scroll{flex:1 1 auto;min-height:0;max-height:none;overflow:auto;border:1px solid var(--color-border);border-radius:.7rem;background:var(--color-surface);overscroll-behavior:contain}app-camera-man-calendar-page .week-calendar{min-width:64rem;min-height:100%}app-camera-man-calendar-page .week-header-grid,app-camera-man-calendar-page .week-timeline-grid{display:grid;grid-template-columns:4.25rem repeat(7,minmax(7.5rem,1fr))}app-camera-man-calendar-page .week-header-grid{position:sticky;top:0;z-index:8;min-height:3.8rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-elevated);box-shadow:0 2px 4px #02261e0f}app-camera-man-calendar-page .week-time-heading{display:grid;place-items:end center;padding:.45rem .25rem;border-right:1px solid var(--color-border);color:var(--color-text-muted);font-size:.58rem;font-weight:750}app-camera-man-calendar-page .week-day-heading{display:grid;grid-template-columns:auto auto;align-content:center;justify-content:center;align-items:center;gap:.1rem .35rem;min-width:0;padding:.38rem .25rem;border-right:1px solid var(--color-border);text-align:center}app-camera-man-calendar-page .week-day-heading:last-child{border-right:0}app-camera-man-calendar-page .week-day-heading span{color:var(--color-text-muted);font-size:.62rem;font-weight:800;text-transform:uppercase}app-camera-man-calendar-page .week-day-heading strong{display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:999px;font-size:.8rem}app-camera-man-calendar-page .week-day-heading small{grid-column:1 / -1;color:var(--color-text-muted);font-size:.56rem;font-weight:750}app-camera-man-calendar-page .week-day-heading.is-today strong{background:var(--color-primary);color:var( --color-on-primary, #ffffff )}app-camera-man-calendar-page .week-timeline-grid{position:relative;min-height:60rem}app-camera-man-calendar-page .week-time-column{display:grid;grid-template-rows:repeat(24,2.5rem);min-height:60rem;border-right:1px solid var(--color-border);background:var(--color-surface-elevated)}app-camera-man-calendar-page .week-hour-label{display:block;height:2.5rem;box-sizing:border-box;padding:0 .4rem 0 .15rem;color:var(--color-text-muted);text-align:right;font-size:.56rem;font-weight:700;transform:translateY(-.38rem)}app-camera-man-calendar-page .week-day-column{position:relative;height:60rem;min-width:0;border-right:1px solid var(--color-border);background-color:var(--color-surface);background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(2.5rem - 1px),var(--color-border) calc(2.5rem - 1px),var(--color-border) 2.5rem)}app-camera-man-calendar-page .week-day-column:last-child{border-right:0}app-camera-man-calendar-page .week-day-column.is-today{background-color:color-mix(in srgb,var(--color-secondary) 8%,var(--color-surface))}app-camera-man-calendar-page .week-calendar-event{position:absolute;left:.18rem;right:.18rem;z-index:2;width:auto;min-height:1.5rem;box-sizing:border-box;padding:.24rem .3rem;box-shadow:0 1px 3px #02261e1a}app-camera-man-calendar-page .week-calendar-event strong{font-size:.61rem}app-camera-man-calendar-page .week-calendar-event>span:not(.calendar-event-status){font-size:.56rem}app-camera-man-calendar-page .month-day-header{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:.25rem;min-height:1.3rem;margin-bottom:.18rem}app-camera-man-calendar-page .month-day-header span{display:inline-grid;place-items:center;min-width:1.45rem;min-height:1.45rem;border-radius:999px;font-size:.72rem;font-weight:800}app-camera-man-calendar-page .month-day.is-today .month-day-header span{background:var(--color-primary);color:var(--color-on-primary, #ffffff)}app-camera-man-calendar-page .month-day-header small{color:var(--color-primary);font-size:.62rem;font-weight:800}app-camera-man-calendar-page .day-events{display:grid;flex:1 1 auto;align-content:start;gap:.18rem;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:.08rem;overscroll-behavior:contain;scrollbar-width:thin}app-camera-man-calendar-page .month-day .calendar-event{gap:.05rem;padding:.22rem .28rem}app-camera-man-calendar-page .month-day .calendar-event-status{font-size:.51rem}app-camera-man-calendar-page .month-day .calendar-event strong{font-size:.61rem}app-camera-man-calendar-page .month-day .calendar-event>span:not(.calendar-event-status){font-size:.55rem}app-camera-man-calendar-page .calendar-event{width:100%;display:grid;gap:.12rem;appearance:none;color:inherit;font:inherit;text-align:left;cursor:pointer;padding:.38rem;border:1px solid color-mix(in srgb,var(--color-primary) 30%,var(--color-border));border-radius:.48rem;background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface-elevated));overflow:hidden}app-camera-man-calendar-page .calendar-event.unavailability-event{border-color:color-mix(in srgb,var(--color-secondary) 45%,var(--color-border));background:color-mix(in srgb,var(--color-secondary) 14%,var(--color-surface-elevated))}app-camera-man-calendar-page .calendar-event.is-cancelled{border-color:color-mix(in srgb,var(--color-danger, #b42318) 40%,var(--color-border));background:color-mix(in srgb,var(--color-danger, #b42318) 8%,var(--color-surface-elevated));opacity:.72}app-camera-man-calendar-page .calendar-event-status{color:var(--color-text-muted);font-size:.58rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}app-camera-man-calendar-page .calendar-event strong,app-camera-man-calendar-page .calendar-event span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-camera-man-calendar-page .calendar-event strong{font-size:.68rem;line-height:1.3}app-camera-man-calendar-page .calendar-event>span:not(.calendar-event-status){color:var(--color-text-muted);font-size:.62rem}app-camera-man-calendar-page .free-state{display:inline-flex;justify-content:center;padding:.36rem;border:1px dashed var(--color-border);border-radius:.45rem;color:var(--color-text-muted);font-size:.65rem;font-weight:750}app-camera-man-calendar-page .calendar-event:hover{transform:translateY(-1px)}app-camera-man-calendar-page .calendar-event:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}app-camera-man-calendar-page .event-detail-modal{width:min(42rem,calc(100vw - 2rem))}app-camera-man-calendar-page .event-detail-heading{display:flex;align-items:flex-start;gap:.65rem;margin-top:.75rem}app-camera-man-calendar-page .event-detail-heading h4{margin:0;font-size:1rem}app-camera-man-calendar-page .event-detail-heading p{margin:.18rem 0 0;color:var(--color-text-muted);font-size:.75rem}app-camera-man-calendar-page .status-pill.unavailable{background:color-mix(in srgb,var(--color-secondary) 22%,transparent);color:var(--color-text)}app-camera-man-calendar-page .event-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:.75rem 0 0}app-camera-man-calendar-page .event-detail-grid>div{min-width:0;padding:.65rem;border:1px solid var(--color-border);border-radius:.62rem;background:color-mix(in srgb,var(--color-surface-elevated) 92%,transparent)}app-camera-man-calendar-page .event-detail-grid dt{color:var(--color-text-muted);font-size:.65rem;font-weight:800;text-transform:uppercase}app-camera-man-calendar-page .event-detail-grid dd{margin:.25rem 0 0;overflow-wrap:anywhere;font-size:.77rem;font-weight:650;line-height:1.45}@media(min-width:761px){app-camera-man-calendar-page{height:100%;min-height:0}app-camera-man-calendar-page .camera-calendar-page{height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr);align-content:stretch;padding-bottom:0}app-camera-man-calendar-page .schedule-calendar{height:100%}app-camera-man-calendar-page .monthly-calendar-scroll{display:grid;grid-template-rows:auto minmax(0,1fr);flex:1 1 auto}app-camera-man-calendar-page .month-grid{height:100%;min-height:0;grid-template-rows:repeat(6,minmax(0,1fr));grid-auto-rows:unset}app-camera-man-calendar-page .week-calendar-scroll{flex:1 1 auto}}@media(min-width:761px)and (max-width:1100px){app-camera-man-calendar-page .monthly-calendar-scroll{overflow:hidden}app-camera-man-calendar-page .weekday-row,app-camera-man-calendar-page .month-grid{width:100%;min-width:0;grid-template-columns:repeat(7,minmax(0,1fr))}app-camera-man-calendar-page .weekday-row span{min-width:0;padding:.38rem .08rem;font-size:.56rem}app-camera-man-calendar-page .month-day{padding:.2rem}app-camera-man-calendar-page .month-day-header span{min-width:1.15rem;min-height:1.15rem;font-size:.58rem}app-camera-man-calendar-page .month-day .calendar-event{min-width:0;padding:.14rem .18rem}app-camera-man-calendar-page .month-day .calendar-event strong,app-camera-man-calendar-page .month-day .calendar-event-project{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:1100px){app-camera-man-calendar-page .calendar-header{grid-template-columns:1fr}app-camera-man-calendar-page .header-controls{width:100%;grid-template-columns:auto minmax(13rem,1fr) auto auto;justify-content:stretch}app-camera-man-calendar-page .calendar-grid{grid-template-columns:1fr}}@media(max-width:760px){app-camera-man-calendar-page{height:100%;min-height:0}app-camera-man-calendar-page .camera-calendar-page{height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:.55rem;padding-bottom:0}app-camera-man-calendar-page .calendar-header{grid-template-columns:1fr;align-items:stretch;gap:.6rem;padding:.68rem}app-camera-man-calendar-page .header-copy{display:grid;gap:0}app-camera-man-calendar-page .header-copy h1{margin:0;font-size:clamp(1.15rem,5.6vw,1.4rem);line-height:1.1;white-space:nowrap}app-camera-man-calendar-page .page-subtitle{display:none}app-camera-man-calendar-page .header-controls{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"period period" "filter filter" "view refresh";align-items:stretch;gap:.38rem}app-camera-man-calendar-page .month-controls{grid-area:period;width:100%;height:2rem;grid-template-columns:2rem minmax(0,1fr) 2rem;gap:.25rem}app-camera-man-calendar-page .control-button,app-camera-man-calendar-page .month-button,app-camera-man-calendar-page .refresh-button{height:2rem;min-height:2rem}app-camera-man-calendar-page .month-button{padding:.25rem .42rem;font-size:.72rem}app-camera-man-calendar-page .camera-filter{grid-area:filter;min-width:0;width:100%}app-camera-man-calendar-page .camera-filter app-filter-dropdown{width:100%}app-camera-man-calendar-page .camera-filter app-filter-dropdown .filter-dropdown{min-width:0;gap:0}app-camera-man-calendar-page .camera-filter app-filter-dropdown .filter-label{display:none}app-camera-man-calendar-page .camera-filter app-filter-dropdown .filter-trigger{height:2rem;min-height:2rem;padding:.28rem .5rem}app-camera-man-calendar-page .view-toggle{grid-area:view;width:100%;height:2rem;align-self:stretch;padding:.12rem}app-camera-man-calendar-page .view-toggle-button{padding:.2rem .45rem;font-size:.7rem}app-camera-man-calendar-page .refresh-button{grid-area:refresh;min-width:5.3rem;padding:.25rem .55rem}app-camera-man-calendar-page .schedule-calendar{height:100%;min-height:0;padding:.58rem}app-camera-man-calendar-page .monthly-calendar-header{display:grid;grid-template-columns:1fr;gap:.42rem;padding-bottom:.48rem}app-camera-man-calendar-page .monthly-calendar-header h2{font-size:.9rem}app-camera-man-calendar-page .monthly-calendar-header p{display:none}app-camera-man-calendar-page .monthly-calendar-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;gap:.32rem}app-camera-man-calendar-page .monthly-calendar-actions .action-button{width:100%;min-height:1.9rem;padding:.26rem .35rem;font-size:.62rem}app-camera-man-calendar-page .calendar-legend{gap:.42rem;padding:.42rem 0}app-camera-man-calendar-page .legend-item{gap:.2rem;font-size:.58rem}app-camera-man-calendar-page .legend-dot{width:.42rem;height:.42rem}app-camera-man-calendar-page .monthly-calendar-scroll{display:grid;grid-template-rows:auto minmax(0,1fr);flex:1 1 auto;min-height:0;overflow:hidden}app-camera-man-calendar-page .weekday-row,app-camera-man-calendar-page .month-grid{width:100%;min-width:0;grid-template-columns:repeat(7,minmax(0,1fr))}app-camera-man-calendar-page .weekday-row span{min-width:0;padding:.3rem .05rem;font-size:.48rem}app-camera-man-calendar-page .month-grid{height:100%;min-height:0;grid-template-rows:repeat(6,minmax(0,1fr));grid-auto-rows:unset}app-camera-man-calendar-page .month-day{padding:.14rem}app-camera-man-calendar-page .month-day-header{min-height:.9rem;margin-bottom:.08rem}app-camera-man-calendar-page .month-day-header span{min-width:1rem;min-height:1rem;font-size:.52rem}app-camera-man-calendar-page .month-day-header small{display:none}app-camera-man-calendar-page .month-day .calendar-event{padding:.12rem .14rem;border-radius:.28rem}app-camera-man-calendar-page .month-day .calendar-event-status,app-camera-man-calendar-page .month-day .calendar-event>span:not(.calendar-event-status),app-camera-man-calendar-page .month-day .free-state{display:none}app-camera-man-calendar-page .month-day .calendar-event strong{font-size:.46rem;line-height:1.15}app-camera-man-calendar-page .week-calendar-scroll{flex:1 1 auto;min-height:0;overflow:auto}app-camera-man-calendar-page .week-calendar{width:100%;min-width:0;min-height:100%}app-camera-man-calendar-page .week-header-grid,app-camera-man-calendar-page .week-timeline-grid{width:100%;grid-template-columns:2.35rem repeat(7,minmax(0,1fr))}app-camera-man-calendar-page .week-header-grid{min-height:2.75rem}app-camera-man-calendar-page .week-time-heading{padding:.22rem .08rem;font-size:.42rem}app-camera-man-calendar-page .week-day-heading{grid-template-columns:1fr;gap:.04rem;padding:.18rem .04rem}app-camera-man-calendar-page .week-day-heading span{font-size:.42rem}app-camera-man-calendar-page .week-day-heading strong{width:1.25rem;height:1.25rem;margin:0 auto;font-size:.56rem}app-camera-man-calendar-page .week-day-heading small{display:none}app-camera-man-calendar-page .week-timeline-grid{min-height:48rem}app-camera-man-calendar-page .week-time-column{grid-template-rows:repeat(24,2rem);min-height:48rem}app-camera-man-calendar-page .week-hour-label{height:2rem;padding:0 .18rem 0 .04rem;font-size:.42rem;transform:translateY(-.28rem)}app-camera-man-calendar-page .week-day-column{height:48rem;background-image:repeating-linear-gradient(to bottom,transparent 0,transparent calc(2rem - 1px),var(--color-border) calc(2rem - 1px),var(--color-border) 2rem)}app-camera-man-calendar-page .week-calendar-event{left:.06rem;right:.06rem;min-height:.9rem;padding:.1rem .12rem;border-radius:.22rem}app-camera-man-calendar-page .week-calendar-event strong{font-size:.43rem;line-height:1.1}app-camera-man-calendar-page .week-calendar-event>span:not(.calendar-event-status){display:none}app-camera-man-calendar-page .confirm-overlay{padding:.5rem;overflow:hidden}app-camera-man-calendar-page .booking-modal,app-camera-man-calendar-page .unavailability-modal{width:100%;max-height:calc(100dvh - 1rem);min-height:0;display:flex;flex-direction:column;gap:0;padding:0;overflow:hidden;border-radius:.85rem}app-camera-man-calendar-page .booking-modal .modal-header,app-camera-man-calendar-page .unavailability-modal .modal-header{flex:0 0 auto;align-items:flex-start;gap:.5rem;padding:.72rem;border-bottom:1px solid var(--color-border)}app-camera-man-calendar-page .booking-modal .modal-header>div,app-camera-man-calendar-page .unavailability-modal .modal-header>div{min-width:0}app-camera-man-calendar-page .booking-modal .modal-header h3,app-camera-man-calendar-page .unavailability-modal .modal-header h3{font-size:.92rem;line-height:1.2}app-camera-man-calendar-page .booking-modal .modal-header p,app-camera-man-calendar-page .unavailability-modal .modal-header p{margin-top:.14rem;font-size:.66rem;line-height:1.35}app-camera-man-calendar-page .booking-modal .modal-header .action-button,app-camera-man-calendar-page .unavailability-modal .modal-header .action-button{flex:0 0 auto;min-height:1.8rem;padding:.22rem .48rem;font-size:.64rem}app-camera-man-calendar-page .booking-modal .reference-status{flex:0 0 auto;margin:.55rem .65rem 0}app-camera-man-calendar-page .booking-modal .modal-grid,app-camera-man-calendar-page .unavailability-modal .modal-grid{grid-template-columns:1fr;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;gap:.55rem;padding:.65rem;scrollbar-width:thin}app-camera-man-calendar-page .booking-modal .modal-field,app-camera-man-calendar-page .unavailability-modal .modal-field,app-camera-man-calendar-page .booking-modal app-date-time-picker,app-camera-man-calendar-page .unavailability-modal app-date-time-picker{min-width:0;width:100%}app-camera-man-calendar-page .booking-modal .full-field,app-camera-man-calendar-page .unavailability-modal .full-field{grid-column:auto}app-camera-man-calendar-page .booking-modal .modal-field textarea,app-camera-man-calendar-page .unavailability-modal .modal-field textarea{min-height:5.25rem;resize:vertical}app-camera-man-calendar-page .booking-modal .form-error,app-camera-man-calendar-page .unavailability-modal .form-error{flex:0 0 auto;margin:0 .65rem .55rem}app-camera-man-calendar-page .booking-modal .confirm-actions,app-camera-man-calendar-page .unavailability-modal .confirm-actions{flex:0 0 auto;flex-wrap:nowrap;gap:.45rem;padding:.6rem .65rem;border-top:1px solid var(--color-border);background:var(--color-surface-elevated)}app-camera-man-calendar-page .booking-modal .confirm-actions .action-button,app-camera-man-calendar-page .unavailability-modal .confirm-actions .action-button{flex:1 1 0;min-width:0;min-height:2.2rem}app-camera-man-calendar-page .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){app-camera-man-calendar-page .summary-grid{grid-template-columns:1fr}app-camera-man-calendar-page .booking-record{grid-template-columns:1fr}app-camera-man-calendar-page .record-date{grid-template-columns:auto auto;justify-content:start;align-items:baseline;gap:.25rem;min-height:0;padding:.38rem .5rem}app-camera-man-calendar-page .record-date span{margin:0}app-camera-man-calendar-page .record-details,app-camera-man-calendar-page .event-detail-grid{grid-template-columns:1fr}}app-camera-man-calendar-page .month-day .day-events{gap:.12rem}app-camera-man-calendar-page .month-day .calendar-event{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.24rem;min-height:1.5rem;padding:.16rem .22rem}app-camera-man-calendar-page .month-day .calendar-event strong{font-size:.57rem;line-height:1.2}app-camera-man-calendar-page .month-day .calendar-event-project{display:block;min-width:0;overflow:hidden;color:var(--color-text-muted);font-size:.55rem;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){app-camera-man-calendar-page .month-day .calendar-event{grid-template-columns:1fr;gap:.04rem;min-height:1.42rem}app-camera-man-calendar-page .month-day .calendar-event-project{display:block;font-size:.42rem}}app-calendar-planner-page{display:block;height:100%;min-height:0}app-calendar-planner-page .planner-page{height:100%;display:flex;flex-direction:row;overflow:hidden;min-height:0;gap:0}app-calendar-planner-page .project-sidebar{width:216px;flex-shrink:0;border-right:1px solid var(--color-border);background:var(--color-surface-elevated);display:flex;flex-direction:column;overflow:hidden;transition:width .18s ease}app-calendar-planner-page .project-sidebar.collapsed{width:36px}app-calendar-planner-page .sidebar-header{display:flex;align-items:center;justify-content:flex-end;padding:.52rem .5rem .42rem;border-bottom:1px solid var(--color-border);flex-shrink:0;gap:.3rem}app-calendar-planner-page .project-sidebar.collapsed .sidebar-header{justify-content:center}app-calendar-planner-page .sidebar-toggle-btn{width:1.4rem;height:1.4rem;border-radius:.38rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);display:grid;place-items:center;font-size:.82rem;font-weight:700;line-height:1;cursor:pointer;flex-shrink:0}app-calendar-planner-page .sidebar-toggle-btn:hover{background:var(--color-chip-bg);color:var(--color-text)}app-calendar-planner-page .sidebar-preference-status{margin:0;padding:.42rem .58rem;border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:.68rem;line-height:1.35}app-calendar-planner-page .sidebar-project-list{display:flex;flex-direction:column;gap:0;padding:.34rem 0;overflow-y:auto;flex:1}app-calendar-planner-page .sidebar-project-item{position:relative;width:100%;min-height:62px;border:0;border-left:3px solid transparent;background:transparent;border-radius:0;padding:.34rem .48rem .34rem .34rem;display:grid;grid-template-columns:1.35rem minmax(0,1fr);align-items:center;gap:.26rem;color:var(--color-text-muted);transition:background-color .12s ease,border-color .12s ease,color .12s ease}app-calendar-planner-page .sidebar-project-item:hover,app-calendar-planner-page .sidebar-project-item:focus-within{background:#0d3b2e0b;color:var(--color-text)}app-calendar-planner-page .sidebar-project-item.active{background:#89c9c929;border-left-color:var(--color-primary);color:var(--color-text)}app-calendar-planner-page .sidebar-project-select{width:100%;min-width:0;min-height:52px;border:0;padding:0;background:transparent;color:inherit;display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:.58rem;text-align:left;cursor:pointer}app-calendar-planner-page .sidebar-project-drag{width:1.35rem;height:1.35rem;border:0;border-radius:.3rem;background:transparent;color:var(--color-text-muted);display:grid;place-items:center;padding:0;opacity:0;visibility:hidden;pointer-events:none;cursor:grab}app-calendar-planner-page .sidebar-project-item:hover .sidebar-project-drag,app-calendar-planner-page .sidebar-project-item:focus-within .sidebar-project-drag{opacity:1;visibility:visible;pointer-events:auto}app-calendar-planner-page .sidebar-project-drag-lines{width:.78rem;display:flex;flex-direction:column;gap:.2rem}app-calendar-planner-page .sidebar-project-drag-lines span{display:block;width:100%;height:1px;border-radius:999px;background:currentColor}app-calendar-planner-page .sidebar-project-drag:hover,app-calendar-planner-page .sidebar-project-drag:focus-visible{background:var(--color-chip-bg);color:var(--color-text)}app-calendar-planner-page .sidebar-project-logo{width:42px;height:42px;border-radius:999px;overflow:hidden;flex-shrink:0;display:grid;place-items:center;background:#0d3b2e14;border:1px solid rgba(13,59,46,.1);color:var(--color-primary);font-size:.78rem;font-weight:800}app-calendar-planner-page .sidebar-project-logo.has-image{background:#0d3b2e0a}app-calendar-planner-page .sidebar-project-logo img{width:100%;height:100%;object-fit:cover;display:block}app-calendar-planner-page .sidebar-project-copy{min-width:0;display:grid;gap:.16rem}app-calendar-planner-page .sidebar-project-title-row{min-width:0;display:flex;align-items:center;gap:.26rem}app-calendar-planner-page .sidebar-project-name{min-width:0;font-size:.84rem;font-weight:780;line-height:1.15;color:inherit;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-calendar-planner-page .sidebar-project-client{min-width:0;font-size:.69rem;line-height:1.15;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-calendar-planner-page .sidebar-project-favorite{width:1rem;height:1rem;flex:0 0 1rem;border:0;padding:0;background:transparent;color:var(--color-text-muted);display:grid;place-items:center;font-size:.82rem;line-height:1;cursor:pointer;opacity:0}app-calendar-planner-page .sidebar-project-item:hover .sidebar-project-favorite,app-calendar-planner-page .sidebar-project-item:focus-within .sidebar-project-favorite,app-calendar-planner-page .sidebar-project-favorite.selected{opacity:1}app-calendar-planner-page .sidebar-project-favorite.selected{color:var(--color-accent)}app-calendar-planner-page .sidebar-project-drag:disabled,app-calendar-planner-page .sidebar-project-favorite:disabled{cursor:not-allowed;opacity:.5}app-calendar-planner-page .cdk-drag-preview{border-radius:.9rem;background:var(--color-surface-elevated);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}app-calendar-planner-page .cdk-drag-placeholder{opacity:.28}app-calendar-planner-page .cdk-drag-animating{transition:transform .18s ease}app-calendar-planner-page .sidebar-project-list.cdk-drop-list-dragging .sidebar-project-item:not(.cdk-drag-placeholder){transition:transform .18s ease}app-calendar-planner-page .planner-main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0;gap:.46rem;padding:.46rem}app-calendar-planner-page .stage-content-creator{background:#dbeafe;border-left:3px solid #3b82f6}app-calendar-planner-page .stage-camera-man{background:#fef3c7;border-left:3px solid #f59e0b}app-calendar-planner-page .stage-editor{background:#fee2e2;border-left:3px solid #ef4444}app-calendar-planner-page .stage-designer{background:#e0f2fe;border-left:3px solid #0ea5e9}app-calendar-planner-page .stage-account-manager{background:#f3e8ff;border-left:3px solid #a855f7}app-calendar-planner-page .stage-scheduled{background:#dcfce7;border-left:3px solid #22c55e}app-calendar-planner-page .stage-published{background:#d1fae5;border-left:3px solid #059669}app-calendar-planner-page .stage-cancelled{background:#111;border-left:3px solid #000000;color:#fff}app-calendar-planner-page .stage-done{background:#d1fae5;border-left:3px solid #10b981}app-calendar-planner-page .calendar-card.stage-content-creator .card-title,app-calendar-planner-page .calendar-card.stage-editor .card-title{color:inherit}app-calendar-planner-page .workspace-toolbar{display:flex;flex-direction:column;gap:0;padding:0;flex-shrink:0;border-radius:var(--radius-lg);overflow:hidden}app-calendar-planner-page .calendar-toolbar-primary{min-height:3.5rem;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.52rem .7rem;border-bottom:1px solid var(--color-border)}app-calendar-planner-page .calendar-toolbar-project{min-width:0;display:flex;align-items:center;gap:.52rem}app-calendar-planner-page .calendar-toolbar-project-logo{width:2rem;height:2rem;flex:0 0 2rem;border-radius:.48rem;overflow:hidden;display:grid;place-items:center;background:#0d3b2e14;color:var(--color-primary);font-size:.72rem;font-weight:800}app-calendar-planner-page .calendar-toolbar-project-logo img{width:100%;height:100%;display:block;object-fit:cover}app-calendar-planner-page .calendar-toolbar-project-copy{min-width:0;display:grid;gap:.08rem}app-calendar-planner-page .calendar-toolbar-project-copy strong{min-width:0;font-size:.9rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-calendar-planner-page .calendar-toolbar-project-copy span{font-size:.68rem;line-height:1.15;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-calendar-planner-page .calendar-toolbar-controls{display:flex;align-items:center;justify-content:flex-end;gap:.42rem;min-width:0}app-calendar-planner-page .period-nav{display:inline-flex;align-items:center;border:1px solid var(--color-border);border-radius:.65rem;overflow:hidden;background:var(--color-surface)}app-calendar-planner-page .calendar-nav-button,app-calendar-planner-page .calendar-today-button{height:2rem;border:0;border-right:1px solid var(--color-border);background:transparent;color:var(--color-text);font-weight:700;cursor:pointer}app-calendar-planner-page .calendar-nav-button{width:2rem;padding:0;font-size:1rem}app-calendar-planner-page .calendar-today-button{padding:0 .7rem;font-size:.75rem}app-calendar-planner-page .calendar-nav-button:last-child{border-right:0}app-calendar-planner-page .calendar-nav-button:hover,app-calendar-planner-page .calendar-today-button:hover{background:var(--color-chip-bg)}app-calendar-planner-page .view-select-wrap{display:inline-flex;align-items:center;min-width:118px}app-calendar-planner-page .view-select-wrap app-filter-dropdown{width:100%;min-width:118px;max-width:138px}app-calendar-planner-page .view-select-wrap app-filter-dropdown .filter-trigger{min-height:2rem;height:2rem;padding-top:.34rem;padding-bottom:.34rem}app-calendar-planner-page .create-btn{height:2rem;white-space:nowrap}app-calendar-planner-page .calendar-toolbar-secondary{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.38rem .7rem .42rem}app-calendar-planner-page .period-title-wrap{display:grid;justify-items:start;gap:.06rem;min-width:0}app-calendar-planner-page .period-kicker{font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);line-height:1.1;white-space:nowrap}app-calendar-planner-page .period-title{margin:0;text-align:left;font-size:1.1rem;font-weight:880;line-height:1.02;white-space:nowrap}app-calendar-planner-page .stats-row{display:flex;align-items:center;justify-content:flex-end;gap:.7rem;flex-wrap:wrap}app-calendar-planner-page .planner-stat-card{min-width:0;display:inline-flex;align-items:center;gap:.22rem;padding:0;border:0;background:transparent}app-calendar-planner-page .planner-stat-dot{width:.42rem;height:.42rem;flex:0 0 .42rem;border-radius:999px;background:var(--color-text-muted);opacity:.7}app-calendar-planner-page .planner-stat-card:nth-child(2) .planner-stat-dot{background:var(--color-success);opacity:1}app-calendar-planner-page .planner-stat-card:nth-child(3) .planner-stat-dot{background:var(--color-accent);opacity:1}app-calendar-planner-page .planner-stat-card:nth-child(4) .planner-stat-dot{background:var(--color-primary);opacity:1}app-calendar-planner-page .planner-stat-label,app-calendar-planner-page .planner-stat-value{font-size:.67rem;line-height:1.15}app-calendar-planner-page .planner-stat-label{color:var(--color-text-muted);font-weight:650}app-calendar-planner-page .planner-stat-value{color:var(--color-text);font-weight:800}app-calendar-planner-page .toolbar-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.46rem;align-items:start}app-calendar-planner-page .filter-label-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.46rem;align-items:center}app-calendar-planner-page .filter-label-row span{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted);line-height:1.15}app-calendar-planner-page .row-3 app-filter-dropdown .filter-label,app-calendar-planner-page .view-select-wrap app-filter-dropdown .filter-label{display:none}app-calendar-planner-page .row-3 app-filter-dropdown .filter-dropdown,app-calendar-planner-page .view-select-wrap app-filter-dropdown .filter-dropdown{gap:0}app-calendar-planner-page .calendar-shell{flex:1;min-height:0;padding:.12rem;overflow:hidden;border-radius:var(--radius-lg)}app-calendar-planner-page .month-grid{height:100%;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:auto repeat(6,1fr)}app-calendar-planner-page .list-view{height:100%;overflow:auto;display:grid;align-content:start;gap:.38rem;padding:.46rem}app-calendar-planner-page .list-empty{border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:.75rem;color:var(--color-text-muted);font-size:.84rem}app-calendar-planner-page .list-row{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated);padding:.52rem .58rem;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.52rem}app-calendar-planner-page .list-main{min-width:0;display:grid;gap:.22rem}app-calendar-planner-page .list-title{margin:0;font-size:.9rem;font-weight:700;line-height:1.2;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-calendar-planner-page .list-meta{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;font-size:.73rem;color:var(--color-text-muted)}app-calendar-planner-page .list-right{display:grid;justify-items:end;gap:.2rem}app-calendar-planner-page .list-date{font-size:.72rem;color:var(--color-text-muted);font-weight:600}app-calendar-planner-page .meta-dot{opacity:.5}app-calendar-planner-page .list-badges{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.24rem}app-calendar-planner-page .list-type-icon{display:inline-flex;align-items:center}app-calendar-planner-page .status-overdue{background:#fdecec;color:#b42318;border-color:#f2b1b1}app-calendar-planner-page .status-published{background:#6fce5f33;color:#1b5f1f}app-calendar-planner-page .status-cancelled{background:#fdececeb;color:#9a2222}app-calendar-planner-page .list-actions{display:inline-flex;align-items:center;gap:.28rem}app-calendar-planner-page .list-actions .btn-xs{min-width:3.1rem}app-calendar-planner-page .year-list{height:100%;overflow:auto;padding:.45rem;display:grid;gap:.4rem}app-calendar-planner-page .year-row{width:100%;border:1px solid var(--color-border);background:#89c9c91f;border-radius:var(--radius-md);text-align:left;padding:.55rem .7rem;display:grid;gap:.3rem}app-calendar-planner-page .year-row:hover{background:#89c9c938}app-calendar-planner-page .month-name{font-size:.92rem;font-weight:700;color:var(--color-text)}app-calendar-planner-page .month-metrics{display:flex;flex-wrap:wrap;gap:.4rem .65rem;font-size:.74rem;color:var(--color-text-muted);align-items:center}app-calendar-planner-page .pipeline-pill{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--color-border);background:#0d3b2e14;color:var(--color-text);padding:.08rem .42rem;font-size:.7rem;font-weight:700}app-calendar-planner-page .day-head{text-align:center;font-size:.74rem;font-weight:700;padding:.28rem .16rem;background:#e8f5f0;color:#0d3b2e;border-bottom:1px solid #c4e0d8;border-right:1px solid #c4e0d8}app-calendar-planner-page .day-head:nth-child(7n){border-right:0}app-calendar-planner-page .day-cell{min-width:0;min-height:0;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:.14rem;overflow:hidden;background:var(--color-surface)}app-calendar-planner-page .day-cell:nth-child(7n){border-right:0}app-calendar-planner-page .outside-month{background:#89c9c914}app-calendar-planner-page .is-today{box-shadow:inset 0 0 0 2px var(--color-accent)}app-calendar-planner-page .day-number{font-size:.68rem;font-weight:700;margin-bottom:.14rem}app-calendar-planner-page .card-list{display:grid;gap:.2rem;max-height:calc(100% - .95rem);overflow:hidden}app-calendar-planner-page .planner-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#89c9c938;color:var(--color-text);text-align:left;padding:.24rem .3rem;overflow:hidden}app-calendar-planner-page .card-title{font-size:.62rem;font-weight:650;line-height:1.2;margin-bottom:.08rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}app-calendar-planner-page .card-project{font-size:.62rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-calendar-planner-page .card-stage{font-size:.74rem;font-weight:800;line-height:1.2;color:var(--color-primary);margin-bottom:.08rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-calendar-planner-page .card-meta{display:flex;flex-wrap:wrap;gap:.2rem;margin-bottom:.12rem}app-calendar-planner-page .meta-chip{border-radius:999px;border:1px solid var(--color-border);font-size:.58rem;font-weight:700;padding:.06rem .28rem}app-calendar-planner-page .type-chip{background:var(--color-accent)}app-calendar-planner-page .stage-chip{background:#0d3b2e1a}app-calendar-planner-page .card-member{display:inline-flex;align-items:center;gap:.24rem;font-size:.62rem;font-weight:500;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-calendar-planner-page .member-avatar{width:1rem;height:1rem;border-radius:999px;overflow:hidden;border:1px solid var(--color-border);background:#89c9c959;display:grid;place-items:center;font-size:.5rem;font-weight:700;color:var(--color-primary);flex-shrink:0}app-calendar-planner-page .member-avatar.is-unassigned{background:#0d3b2e14}app-calendar-planner-page .member-avatar img{width:100%;height:100%;object-fit:cover;display:block}app-calendar-planner-page .member-chip-inline{display:inline-flex;align-items:center;gap:.35rem;margin-left:.35rem}app-calendar-planner-page .day-cards{display:flex;flex-direction:column;gap:5px;overflow:hidden;min-width:0}app-calendar-planner-page .calendar-card{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-elevated);color:var(--color-text);text-align:left;width:100%;display:grid;gap:.12rem;min-height:92px;max-height:none;padding:.32rem .42rem 1.65rem;overflow:visible;position:relative}app-calendar-planner-page .calendar-card .card-title{font-size:.78rem;font-weight:800;color:var(--color-primary);line-height:1.12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-calendar-planner-page .calendar-card .card-project{font-size:.64rem;font-weight:600;color:var(--color-text-muted);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-calendar-planner-page .calendar-card .card-meta{margin-bottom:0;min-width:0}app-calendar-planner-page .calendar-card .meta-chip{font-size:.6rem;padding:.04rem .28rem;font-weight:700}app-calendar-planner-page .calendar-card .card-member{display:inline-flex;font-size:.6rem;color:var(--color-text-muted)}app-calendar-planner-page .calendar-card .member-avatar{width:.84rem;height:.84rem;font-size:.46rem}app-calendar-planner-page .calendar-card .card-date{font-size:.59rem;color:var(--color-text-muted);font-weight:600}app-calendar-planner-page .calendar-card .overdue-flag{margin-top:.03rem;font-size:.56rem}app-calendar-planner-page .calendar-card.compact{display:flex;align-items:center;grid-template-columns:none;min-height:1.85rem;max-height:1.85rem;padding:.16rem .34rem;gap:.28rem;overflow:hidden}app-calendar-planner-page .calendar-card.compact .card-title{font-size:.71rem;margin-bottom:0;font-weight:800}app-calendar-planner-page .calendar-card.compact .card-project{font-size:.58rem}app-calendar-planner-page .calendar-card.compact .card-meta{margin-bottom:0}app-calendar-planner-page .calendar-card.compact .meta-chip{font-size:.56rem;padding:.03rem .22rem}app-calendar-planner-page .calendar-card.compact .card-member{display:none}app-calendar-planner-page .calendar-card.compact .card-date{display:none}app-calendar-planner-page .calendar-card.compact .overdue-flag{display:none}app-calendar-planner-page .calendar-card.compact-3{min-height:1.68rem;max-height:1.68rem;padding:.12rem .3rem}app-calendar-planner-page .calendar-card.compact .card-inline-layout,app-calendar-planner-page .calendar-card.compact-3 .card-inline-layout{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.28rem;width:100%;min-width:0}app-calendar-planner-page .calendar-card.compact .card-inline-layout .calendar-pill-stage,app-calendar-planner-page .calendar-card.compact-3 .card-inline-layout .calendar-pill-stage{width:auto;min-width:0;max-width:7.5rem;padding:.06rem .42rem;line-height:1}app-calendar-planner-page .calendar-card.compact .card-inline-layout .calendar-pill-title,app-calendar-planner-page .calendar-card.compact-3 .card-inline-layout .calendar-pill-title{display:block;width:auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1}app-calendar-planner-page .calendar-card.compact .calendar-pill-title,app-calendar-planner-page .calendar-card.compact-3 .calendar-pill-title{min-width:0;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;line-height:1}app-calendar-planner-page .calendar-card.compact .neutral-type-chip,app-calendar-planner-page .calendar-card.compact-3 .neutral-type-chip{display:none}app-calendar-planner-page .calendar-card.compact .calendar-pill-title,app-calendar-planner-page .calendar-card.compact-3 .calendar-pill-title{display:block;width:100%;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}app-calendar-planner-page .calendar-card .calendar-pill-stage{width:100%;display:flex;align-items:center;justify-content:center;text-align:center}app-calendar-planner-page .calendar-card .calendar-pill-title{display:block;width:100%;min-width:0;color:var(--color-text);font-size:.86rem;font-weight:800;line-height:1.15;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}app-calendar-planner-page .calendar-card .calendar-pill-stage{width:100%;justify-content:center;text-align:center}app-calendar-planner-page .calendar-card .card-inline-layout .calendar-pill-stage{width:auto;max-width:58%}app-calendar-planner-page .calendar-card .card-inline-layout .calendar-pill-title{width:auto;flex:1}app-calendar-planner-page .calendar-card .calendar-pill-title{display:block;width:100%;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}app-calendar-planner-page .calendar-pill-owner{font-size:.64rem;font-weight:800;color:var(--color-text-muted);line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-calendar-planner-page .calendar-card .neutral-type-chip{width:fit-content;max-width:100%;justify-self:start}app-calendar-planner-page .calendar-type-icon{position:absolute;right:.42rem;bottom:.36rem;z-index:2;display:inline-flex}app-calendar-planner-page .calendar-card.compact-3 .card-title{font-size:.66rem;font-weight:800}app-calendar-planner-page .calendar-card.compact-3 .card-project,app-calendar-planner-page .calendar-card.compact-3 .card-date,app-calendar-planner-page .calendar-card.compact-3 .card-member{display:none}@media(max-width:1366px){app-calendar-planner-page .calendar-card{min-height:66px;max-height:none;padding:.28rem .36rem;overflow:visible}app-calendar-planner-page .calendar-card .card-title{font-size:.73rem}app-calendar-planner-page .calendar-card.compact{min-height:2rem;max-height:2rem;padding-block:.16rem}app-calendar-planner-page .calendar-card.compact-3{min-height:1.68rem;max-height:1.68rem;padding-block:.12rem}}app-calendar-planner-page .more-cards-button{border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:#89c9c91a;color:var(--color-text-muted);text-align:left;font-size:.62rem;font-weight:700;padding:.18rem .32rem;line-height:1.2}app-calendar-planner-page .type-post,app-calendar-planner-page .type-reel,app-calendar-planner-page .type-story,app-calendar-planner-page .type-task,app-calendar-planner-page .neutral-type-chip{position:absolute;right:.42rem;bottom:.36rem;white-space:nowrap;z-index:2;display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;padding:.14rem .42rem;border-radius:999px;border:1px solid rgba(13,59,46,.16);background:#fff;color:var(--color-text-muted);font-size:.62rem;font-weight:700;line-height:1}app-calendar-planner-page .stage-content-creator,app-calendar-planner-page .stage-chip.stage-content-creator{background:#fff7b8;color:#665300;border-color:#e3c300}app-calendar-planner-page .stage-designer,app-calendar-planner-page .stage-chip.stage-designer{background:#eadcff;color:#4b257f;border-color:#c5a7f2}app-calendar-planner-page .stage-camera-man,app-calendar-planner-page .stage-chip.stage-camera-man{background:#dceeff;color:#16456f;border-color:#9cc8ef}app-calendar-planner-page .stage-editor,app-calendar-planner-page .stage-chip.stage-editor{background:#d8f4f0;color:#0a3d38;border-color:#8bcfc6}app-calendar-planner-page .stage-account-manager,app-calendar-planner-page .stage-chip.stage-account-manager{background:#dcf7df;color:#185526;border-color:#9edda7}app-calendar-planner-page .stage-scheduled,app-calendar-planner-page .stage-chip.stage-scheduled{background:#e3eaf2;color:#30465c;border-color:#b8c6d5}app-calendar-planner-page .stage-published,app-calendar-planner-page .stage-done,app-calendar-planner-page .stage-chip.stage-published,app-calendar-planner-page .stage-chip.stage-done{background:#cfeedd;color:#0b4a2a;border-color:#7bc69a}app-calendar-planner-page .stage-cancelled,app-calendar-planner-page .stage-chip.stage-cancelled{background:#111;color:#fff;border-color:#000}app-calendar-planner-page .planner-card.is-overdue{background:#fdecec;border-color:#f2b1b1}app-calendar-planner-page .calendar-card.is-overdue{background:#fdecec;border-color:#f2b1b1}app-calendar-planner-page .calendar-card.is-upcoming{background:#fff7b8;border-color:#e3c300;box-shadow:inset 0 0 0 1px #b38a001a}app-calendar-planner-page .overdue-flag{margin-top:.08rem;font-size:.62rem;font-weight:700;color:#b42318}app-calendar-planner-page .field-help-text{margin-top:.08rem;font-size:.72rem;color:#7a2020}app-calendar-planner-page .field-lock-icon{font-size:.75rem}app-calendar-planner-page .legend{flex-shrink:0;padding:.4rem .55rem}app-calendar-planner-page .legend-title{font-size:.8rem;font-weight:700;color:var(--color-text-muted);margin-bottom:var(--space-2)}app-calendar-planner-page .legend-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}app-calendar-planner-page .legend-overdue{font-size:.76rem;font-weight:600;color:#b42318;background:#fdecec;border:1px solid #f2b1b1;border-radius:999px;padding:.1rem .45rem}app-calendar-planner-page .modal-overlay{position:fixed;inset:0;z-index:80;background:#0d3b2e57;display:grid;place-items:center;padding:var(--space-4)}app-calendar-planner-page .modal-card{width:min(820px,100%);max-height:92vh;overflow:auto}app-calendar-planner-page .modal-card-pro{display:flex;flex-direction:column;overflow:hidden}app-calendar-planner-page .modal-body{flex:1;min-height:0;overflow:auto;padding-right:.15rem}app-calendar-planner-page .modal-header-sticky{position:sticky;top:0;z-index:2;background:var(--color-surface);padding-bottom:var(--space-2);border-bottom:1px solid rgba(13,59,46,.08)}app-calendar-planner-page .modal-footer-sticky{position:sticky;bottom:0;z-index:2;background:var(--color-surface);padding-top:var(--space-3);border-top:1px solid rgba(13,59,46,.08)}app-calendar-planner-page .modal-header h3{margin:0;font-size:1.15rem}app-calendar-planner-page .permission-strip{margin-top:var(--space-2);display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}app-calendar-planner-page .permission-pill{border-radius:999px;border:1px solid var(--color-border);font-size:.66rem;font-weight:700;padding:.08rem .42rem}app-calendar-planner-page .permission-pill.full{background:#dafc92}app-calendar-planner-page .permission-pill.limited{background:#fff4b0b3}app-calendar-planner-page .permission-pill.locked{background:#fdecece6;color:#9a2222}app-calendar-planner-page .permission-text{font-size:.74rem;color:var(--color-text-muted)}app-calendar-planner-page .modal-subtitle{margin:.3rem 0 0;font-size:.82rem;color:var(--color-text-muted)}app-calendar-planner-page .day-modal{width:min(760px,100%)}app-calendar-planner-page .day-details-list{display:grid;gap:var(--space-2);margin-top:var(--space-4)}app-calendar-planner-page .day-details-item{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#89c9c924;display:grid;gap:0;overflow:hidden}app-calendar-planner-page .day-details-item:hover{background:#89c9c938}app-calendar-planner-page .day-details-main{width:100%;border:0;background:transparent;text-align:left;padding:var(--space-3);display:grid;gap:.32rem}app-calendar-planner-page .item-actions{border-top:1px solid var(--color-border);padding:var(--space-2) var(--space-3);display:flex;justify-content:flex-end}app-calendar-planner-page .btn-xs{padding:.3rem .6rem;font-size:.76rem}app-calendar-planner-page .item-top{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}app-calendar-planner-page .day-details-type-icon{display:inline-flex;flex:0 0 auto}app-calendar-planner-page .item-title{font-size:.9rem;font-weight:700;color:var(--color-text)}app-calendar-planner-page .item-summary{display:flex;flex-wrap:wrap;gap:.4rem .65rem;font-size:.75rem;color:var(--color-text-muted)}app-calendar-planner-page .item-date{font-size:.76rem;font-weight:600;color:var(--color-text)}app-calendar-planner-page .overdue-inline{margin-left:var(--space-2);border:1px solid #f2b1b1;background:#fdecec;color:#b42318;border-radius:999px;padding:.05rem .4rem;font-size:.64rem}app-calendar-planner-page .day-empty-state{margin-top:var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);font-size:.86rem;color:var(--color-text-muted);text-align:center}app-calendar-planner-page .details-layout{display:grid;gap:var(--space-3);margin-top:var(--space-3)}app-calendar-planner-page .details-section{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#89c9c91a;padding:var(--space-3)}app-calendar-planner-page .details-section h4{margin:0 0 var(--space-2);font-size:.88rem;color:var(--color-primary)}app-calendar-planner-page .details-grid{display:grid;gap:var(--space-2)}app-calendar-planner-page .details-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}app-calendar-planner-page .detail-row{display:grid;gap:.18rem}app-calendar-planner-page .detail-row-block{grid-column:1 / -1}app-calendar-planner-page .detail-label{font-size:.72rem;font-weight:700;color:var(--color-text-muted);display:inline-flex;align-items:center;gap:.28rem}app-calendar-planner-page .detail-value{font-size:.85rem;font-weight:600}app-calendar-planner-page .detail-strong{font-size:.95rem}app-calendar-planner-page .detail-member-inline{margin-left:0;font-size:.84rem;font-weight:600}app-calendar-planner-page .detail-paragraph{margin:0;font-size:.84rem;line-height:1.45;color:var(--color-text)}app-calendar-planner-page .detail-link{font-size:.82rem;font-weight:600;color:var(--color-primary);text-decoration:underline;word-break:break-word}app-calendar-planner-page .detail-link-btn{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:1.95rem;padding:.28rem .68rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#89c9c933;color:var(--color-primary);font-size:.78rem;font-weight:700;text-decoration:none}app-calendar-planner-page .detail-link-btn:hover{background:#89c9c952}app-calendar-planner-page .meta-icon{width:.68rem;height:.68rem;border-radius:999px;display:inline-block;flex-shrink:0}app-calendar-planner-page .icon-date{background:#89c9c9}app-calendar-planner-page .icon-user{background:#dafc92}app-calendar-planner-page .icon-stage{background:#0d3b2e;opacity:.72}app-calendar-planner-page .icon-link{background:#0d3b2e59}app-calendar-planner-page .icon-status{background:#89c9c985}app-calendar-planner-page .activity-section{margin-top:var(--space-4)}app-calendar-planner-page .activity-section h4{margin:0 0 var(--space-2);font-size:.88rem}app-calendar-planner-page .activity-list{display:grid;gap:var(--space-2)}app-calendar-planner-page .activity-item{display:grid;grid-template-columns:.7rem 1fr;gap:var(--space-2);padding:.28rem 0;border-bottom:1px dashed rgba(13,59,46,.09)}app-calendar-planner-page .stage-note-item{border:1px solid #f4b7b7;border-left:4px solid #d14a4a;border-radius:var(--radius-md);background:#fff3f3;padding:.45rem .55rem}app-calendar-planner-page .activity-dot{width:.5rem;height:.5rem;border-radius:999px;margin-top:.34rem;background:var(--color-secondary)}app-calendar-planner-page .activity-title{font-size:.8rem;font-weight:700;color:var(--color-primary)}app-calendar-planner-page .activity-meta{font-size:.7rem;color:var(--color-text-muted)}app-calendar-planner-page .activity-note{margin-top:.12rem;font-size:.74rem;color:var(--color-text)}app-calendar-planner-page .stage-transition{font-weight:700}app-calendar-planner-page .stage-note-callout{margin-top:.28rem}app-calendar-planner-page .stage-note-author{font-size:.74rem;font-weight:700;color:#a12828}app-calendar-planner-page .stage-note-text{margin-top:.12rem;font-size:.76rem}app-calendar-planner-page .activity-empty{font-size:.78rem;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-2)}app-calendar-planner-page .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}app-calendar-planner-page .compact-form-grid{gap:var(--space-3)}app-calendar-planner-page .form-alert{margin-top:var(--space-3);border:1px solid #f2b1b1;background:#fdecec;color:#b42318;border-radius:var(--radius-md);padding:.5rem .7rem;font-size:.78rem;font-weight:600}app-calendar-planner-page .field{display:grid;gap:var(--space-2)}app-calendar-planner-page .field>span{font-size:.82rem;font-weight:600;color:var(--color-text-muted)}app-calendar-planner-page .required-star{color:#b42318;font-weight:700}app-calendar-planner-page .field-control-error{border-color:#b42318!important;background:#fff5f5!important}app-calendar-planner-page .field-error-text{font-size:.72rem;color:#b42318;margin-top:-.2rem}app-calendar-planner-page .field-block{grid-column:1 / -1}app-calendar-planner-page .modal-footer{margin-top:var(--space-5);display:flex;justify-content:flex-end;gap:var(--space-2)}app-calendar-planner-page .edit-timeline-secondary{margin-top:var(--space-3)}app-calendar-planner-page .timeline-toggle-btn{margin-bottom:var(--space-2)}app-calendar-planner-page .activity-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#89c9c914;padding:var(--space-3)}app-calendar-planner-page .stage-note-modal{width:min(560px,100%)}@media(max-width:1160px){app-calendar-planner-page .calendar-toolbar-primary,app-calendar-planner-page .calendar-toolbar-secondary{align-items:stretch;flex-direction:column}app-calendar-planner-page .calendar-toolbar-controls{justify-content:flex-start;flex-wrap:wrap}app-calendar-planner-page .stats-row{justify-content:flex-start}}@media(max-width:900px){app-calendar-planner-page .row-1{flex-wrap:wrap;gap:.44rem}app-calendar-planner-page .toolbar-group-left,app-calendar-planner-page .toolbar-group-center,app-calendar-planner-page .toolbar-group-right{flex:1 1 100%;justify-content:flex-start}app-calendar-planner-page .toolbar-group-center{order:2}app-calendar-planner-page .toolbar-group-right{order:3;gap:.52rem}app-calendar-planner-page .period-title{text-align:left}app-calendar-planner-page .create-btn{flex:0 0 auto}app-calendar-planner-page .planner-overview-row{align-items:stretch}app-calendar-planner-page .stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}app-calendar-planner-page .toolbar-filters{grid-template-columns:repeat(2,minmax(0,1fr))}app-calendar-planner-page .filter-label-row{grid-template-columns:repeat(2,minmax(0,1fr))}app-calendar-planner-page .calendar-shell{overflow:auto}app-calendar-planner-page .month-grid{min-width:900px}app-calendar-planner-page .list-row{grid-template-columns:1fr;align-items:start;gap:.36rem}app-calendar-planner-page .list-right{justify-items:start}app-calendar-planner-page .list-badges{justify-content:flex-start}app-calendar-planner-page .legend{overflow-x:auto}app-calendar-planner-page .details-grid-2{grid-template-columns:1fr}}@media(max-width:760px){app-calendar-planner-page .create-btn{width:100%}app-calendar-planner-page .row-1{grid-template-columns:1fr;grid-template-areas:"left" "period" "create"}app-calendar-planner-page .period-title{width:100%;text-align:left}app-calendar-planner-page .toolbar-filters{grid-template-columns:1fr}app-calendar-planner-page .filter-label-row{grid-template-columns:1fr}app-calendar-planner-page .period-nav,app-calendar-planner-page .view-select-wrap,app-calendar-planner-page .left-controls{width:100%}app-calendar-planner-page .period-nav .btn{flex:1}app-calendar-planner-page .view-select-wrap{margin-left:0}app-calendar-planner-page .modal-overlay{padding:var(--space-3)}app-calendar-planner-page .form-grid{grid-template-columns:1fr}app-calendar-planner-page .modal-footer{justify-content:stretch}app-calendar-planner-page .modal-footer .btn{flex:1}app-calendar-planner-page .list-row{padding:.5rem}app-calendar-planner-page .list-actions{width:100%}app-calendar-planner-page .list-actions .btn-xs{flex:1;min-width:0}}@media(hover:none),(pointer:coarse){app-calendar-planner-page .sidebar-project-drag{opacity:1;visibility:visible;pointer-events:auto}app-calendar-planner-page .sidebar-project-actions{opacity:1;visibility:visible;pointer-events:auto}app-calendar-planner-page .sidebar-project-actions.has-favorite .sidebar-project-favorite{position:static}}app-calendar-planner-page .calendar-reference-header{min-height:4rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.62rem .78rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-elevated)}app-calendar-planner-page .calendar-reference-project{min-width:0;display:flex;align-items:center;gap:.62rem}app-calendar-planner-page .calendar-header-menu-icon{width:1.4rem;flex:0 0 1.4rem;display:flex;flex-direction:column;gap:.28rem;color:var(--color-text-muted)}app-calendar-planner-page .calendar-header-menu-icon span{display:block;width:100%;height:2px;border-radius:999px;background:currentColor}app-calendar-planner-page .calendar-reference-actions{min-width:0;display:flex;align-items:center;justify-content:flex-end;gap:.5rem}app-calendar-planner-page .calendar-date-segment{min-height:2.3rem;display:inline-grid;grid-template-columns:2rem minmax(5.2rem,auto) 2rem;align-items:center;overflow:hidden;border:1px solid var(--color-border);border-radius:.72rem;background:var(--color-surface)}app-calendar-planner-page .calendar-year-segment{grid-template-columns:2rem minmax(4rem,auto) 2rem}app-calendar-planner-page .calendar-date-segment button{height:2.3rem;border:0;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:1rem;font-weight:750}app-calendar-planner-page .calendar-date-segment button:hover,app-calendar-planner-page .calendar-date-segment button:focus-visible{background:var(--color-chip-bg);color:var(--color-text)}app-calendar-planner-page .calendar-date-segment span{min-width:0;padding:0 .55rem;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);color:var(--color-text);font-size:.78rem;font-weight:780;line-height:2.3rem;text-align:center;white-space:nowrap}app-calendar-planner-page .calendar-reference-actions .view-select-wrap{min-width:112px}app-calendar-planner-page .calendar-add-card-button{min-height:2.3rem;display:inline-flex;align-items:center;justify-content:center;gap:.3rem;padding:0 .9rem;border:1px solid var(--color-primary);border-radius:999px;background:var(--color-primary);color:var(--color-on-brand);font-size:.78rem;font-weight:800;white-space:nowrap;cursor:pointer}app-calendar-planner-page .calendar-add-card-button:hover,app-calendar-planner-page .calendar-add-card-button:focus-visible{background:color-mix(in srgb,var(--color-primary) 88%,var(--color-accent))}app-calendar-planner-page .calendar-add-card-button span{font-size:1rem;line-height:1}app-calendar-planner-page .calendar-project-required{flex:1;min-height:0;display:grid;place-content:center;justify-items:center;align-content:center;gap:.58rem;padding:2rem;text-align:center}app-calendar-planner-page .calendar-project-required-icon{width:2.6rem;height:2.6rem;display:grid;place-content:center;gap:.38rem;border:1px solid var(--color-border);border-radius:.8rem;background:var(--color-chip-bg);color:var(--color-primary)}app-calendar-planner-page .calendar-project-required-icon span{width:1.1rem;height:2px;border-radius:999px;background:currentColor}app-calendar-planner-page .calendar-project-required h2{margin:.35rem 0 0;color:var(--color-text);font-size:1.2rem}app-calendar-planner-page .calendar-project-required p{max-width:28rem;margin:0;color:var(--color-text-muted);font-size:.82rem;line-height:1.45}@media(max-width:1160px){app-calendar-planner-page .calendar-reference-header{align-items:stretch;flex-direction:column}app-calendar-planner-page .calendar-reference-actions{justify-content:flex-start;flex-wrap:wrap}}@media(max-width:760px){app-calendar-planner-page .calendar-reference-actions{display:grid;grid-template-columns:1fr 1fr}app-calendar-planner-page .calendar-date-segment,app-calendar-planner-page .calendar-year-segment,app-calendar-planner-page .calendar-reference-actions .view-select-wrap,app-calendar-planner-page .calendar-add-card-button{width:100%}}app-calendar-planner-page .project-sidebar.collapsed{width:0;border-right:0}app-calendar-planner-page .sidebar-header{min-height:3.15rem;justify-content:flex-start;padding:.72rem}app-calendar-planner-page .sidebar-title{margin:0;color:var(--color-text);font-size:.92rem;font-weight:800;line-height:1.1}app-calendar-planner-page .sidebar-project-list{padding:0}app-calendar-planner-page .sidebar-project-item{padding-left:0;padding-right:.42rem;grid-template-columns:1.1rem minmax(0,1fr);gap:.18rem}app-calendar-planner-page .sidebar-project-drag{width:1.1rem}app-calendar-planner-page .sidebar-project-select{gap:.48rem}app-calendar-planner-page .calendar-header-menu-button{width:1.65rem;height:1.65rem;flex:0 0 1.65rem;border:0;border-radius:.36rem;background:transparent;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.28rem;padding:.25rem;cursor:pointer}app-calendar-planner-page .calendar-header-menu-button span{display:block;width:1.15rem;height:2px;border-radius:999px;background:currentColor}app-calendar-planner-page .calendar-header-menu-button:hover{background:var(--color-chip-bg);color:var(--color-text)}app-calendar-planner-page .calendar-header-menu-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}app-calendar-planner-page .calendar-toolbar-secondary{justify-content:flex-end;min-height:2.15rem;padding:.34rem .78rem}app-calendar-planner-page .calendar-reference-actions .view-select-wrap{width:84px;min-width:84px;max-width:84px}app-calendar-planner-page .calendar-reference-actions .view-select-wrap app-filter-dropdown{width:84px;min-width:84px;max-width:84px}app-calendar-planner-page .calendar-reference-actions .view-select-wrap app-filter-dropdown .filter-trigger{min-height:2.3rem;height:2.3rem;padding-left:.48rem;padding-right:.48rem;font-size:.72rem}app-calendar-planner-page .calendar-reference-actions{flex-wrap:nowrap}app-calendar-planner-page .calendar-add-card-button{flex:0 0 auto}@media(max-width:1160px){app-calendar-planner-page .calendar-reference-actions{flex-wrap:wrap}}@media(max-width:760px){app-calendar-planner-page .calendar-reference-actions .view-select-wrap,app-calendar-planner-page .calendar-reference-actions .view-select-wrap app-filter-dropdown{width:100%;min-width:0;max-width:none}}app-shell-layout .page-content:has(app-calendar-planner-page){padding:0;overflow:hidden}app-calendar-planner-page .planner-page{width:100%;height:100%}app-calendar-planner-page .project-sidebar{border-radius:0}app-calendar-planner-page .sidebar-header{min-height:4rem;padding:.62rem .78rem;border:1px solid var(--color-border);border-left:0;border-radius:0 var(--radius-lg) var(--radius-lg) 0;background:var(--color-surface-elevated)}app-calendar-planner-page .sidebar-title{font-size:.9rem;font-weight:820}app-calendar-planner-page .sidebar-project-copy,app-calendar-planner-page .calendar-toolbar-project-copy{min-width:0;display:block}app-calendar-planner-page .sidebar-project-title-row{width:100%}app-calendar-planner-page .planner-main{padding:.46rem}app-calendar-planner-page .calendar-reference-header{min-width:0}app-calendar-planner-page .calendar-reference-project{flex:1 1 auto;min-width:0;overflow:hidden}app-calendar-planner-page .calendar-toolbar-project-copy strong{display:block;max-width:min(42vw,34rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-calendar-planner-page .calendar-reference-actions{flex:0 0 auto;display:grid;grid-template-columns:minmax(8.4rem,auto) minmax(7rem,auto) 72px auto;align-items:center;gap:.42rem;min-width:0}app-calendar-planner-page .calendar-reference-actions .view-select-wrap,app-calendar-planner-page .calendar-reference-actions .view-select-wrap app-filter-dropdown,app-calendar-planner-page .calendar-reference-actions .view-select-wrap app-filter-dropdown .filter-trigger{width:72px;min-width:72px;max-width:72px}app-calendar-planner-page .calendar-reference-actions .view-select-wrap app-filter-dropdown .filter-trigger{overflow:hidden;padding-left:.38rem;padding-right:.38rem;font-size:.68rem}app-calendar-planner-page .calendar-add-card-button{position:relative;z-index:1;min-width:5.2rem}@media(max-width:1160px){app-calendar-planner-page .calendar-reference-actions{width:100%;grid-template-columns:minmax(8rem,1fr) minmax(6.8rem,1fr) 72px auto}app-calendar-planner-page .calendar-toolbar-project-copy strong{max-width:68vw}}@media(max-width:760px){app-shell-layout .page-content:has(app-calendar-planner-page){padding:0}app-calendar-planner-page .calendar-reference-actions{grid-template-columns:1fr 1fr}app-calendar-planner-page .calendar-reference-actions .view-select-wrap,app-calendar-planner-page .calendar-reference-actions .view-select-wrap app-filter-dropdown,app-calendar-planner-page .calendar-reference-actions .view-select-wrap app-filter-dropdown .filter-trigger{width:100%;min-width:0;max-width:none}app-calendar-planner-page .calendar-add-card-button{width:100%}}app-calendar-planner-page .planner-main{padding:0 .46rem .46rem}app-calendar-planner-page .sidebar-header,app-calendar-planner-page .calendar-reference-header{box-sizing:border-box;min-height:4rem;height:4rem;padding-top:.62rem;padding-bottom:.62rem;align-items:center}app-calendar-planner-page .sidebar-header{justify-content:flex-start}app-calendar-planner-page .sidebar-title{display:flex;align-items:center;min-height:2rem;margin:0;line-height:1}app-calendar-planner-page .workspace-toolbar{margin:0}app-calendar-planner-page .calendar-reference-project{min-height:2rem}app-calendar-planner-page .calendar-reference-actions .view-select-wrap,app-calendar-planner-page .calendar-reference-actions .view-select-wrap app-filter-dropdown,app-calendar-planner-page .calendar-reference-actions .view-select-wrap app-filter-dropdown .filter-trigger{width:96px;min-width:96px;max-width:96px}app-calendar-planner-page .calendar-reference-actions .view-select-wrap app-filter-dropdown .filter-trigger{overflow:visible;padding-left:.48rem;padding-right:.48rem}app-calendar-planner-page .calendar-reference-actions .view-select-wrap app-filter-dropdown .trigger-left{min-width:0}app-calendar-planner-page .calendar-reference-actions .view-select-wrap app-filter-dropdown .trigger-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:760px){app-calendar-planner-page .planner-main{padding:0 .35rem .35rem}app-calendar-planner-page .calendar-reference-actions .view-select-wrap,app-calendar-planner-page .calendar-reference-actions .view-select-wrap app-filter-dropdown,app-calendar-planner-page .calendar-reference-actions .view-select-wrap app-filter-dropdown .filter-trigger{width:100%;min-width:0;max-width:none}}app-calendar-planner-page .calendar-reference-actions{column-gap:.62rem}app-calendar-planner-page .calendar-add-card-button{margin-left:.42rem}@media(max-width:760px){app-calendar-planner-page .calendar-add-card-button{margin-left:0}}app-calendar-planner-page .calendar-reference-actions{grid-template-columns:minmax(8.4rem,auto) minmax(7rem,auto) 96px auto;column-gap:.85rem}app-calendar-planner-page .calendar-add-card-button{margin-left:0}@media(max-width:1160px)and (min-width:761px){app-calendar-planner-page .calendar-reference-actions{grid-template-columns:minmax(8rem,1fr) minmax(6.8rem,1fr) 96px auto;column-gap:.85rem}}@media(max-width:760px){app-calendar-planner-page .calendar-reference-actions{grid-template-columns:1fr 1fr;column-gap:.62rem}}:root[data-theme=dark] app-calendar-planner-page .calendar-card .type-post,:root[data-theme=dark] app-calendar-planner-page .calendar-card .type-reel,:root[data-theme=dark] app-calendar-planner-page .calendar-card .type-story,:root[data-theme=dark] app-calendar-planner-page .calendar-card .type-task,:root[data-theme=dark] app-calendar-planner-page .calendar-card .neutral-type-chip{background:var(--color-surface-alt);color:var(--color-text);border-color:var(--color-border)}:root[data-theme=dark] app-calendar-planner-page .calendar-card .calendar-type-icon .content-type-icon{color:var(--color-accent-text)}:root[data-theme=dark] app-calendar-planner-page .calendar-card.stage-cancelled .calendar-type-icon .content-type-icon{color:#fff}.calendar-card:not(.compact){display:flex;flex-direction:column;align-items:stretch;gap:.28rem}.calendar-card-copy{min-width:0}.calendar-card-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:.38rem;min-width:0;margin-top:auto}.calendar-card-assignment{display:flex;flex-direction:column;align-items:flex-start;gap:.16rem;min-width:0}.calendar-card-assignment .card-member{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-card-type{display:inline-flex;align-items:center;justify-content:flex-end;gap:.2rem;flex:0 0 auto;min-width:0}.calendar-card-type .calendar-type-icon{position:static!important;inset:auto!important;flex:0 0 auto}@media(min-width:641px)and (max-width:1100px){.calendar-reference-header{display:flex!important;align-items:center;justify-content:flex-start;gap:.75rem}.calendar-reference-project{justify-content:flex-start!important;margin-right:auto}.calendar-reference-actions{margin-left:auto}.calendar-card:not(.compact){padding:.4rem}.calendar-card-footer{gap:.24rem}.calendar-card-assignment{max-width:calc(100% - 3.25rem)}.calendar-card-type{gap:.12rem}}@media(max-width:640px){.planner-page{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr);gap:.5rem;width:100%;min-width:0;overflow-x:hidden}.project-sidebar,.project-sidebar.collapsed{position:relative;inset:auto;width:100%!important;max-width:none!important;height:auto;min-height:0;overflow:visible}.project-sidebar .sidebar-header{display:none}.sidebar-preference-status{margin:0;padding:.4rem .65rem 0}.sidebar-project-list{display:flex!important;align-items:stretch;gap:.45rem;width:100%;max-width:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;padding:.5rem;scrollbar-width:thin}.sidebar-project-item{flex:0 0 auto;width:auto;min-width:min(76vw,16rem);max-width:min(84vw,18rem);scroll-snap-align:center;border-left:0!important;border-bottom:2px solid transparent;border-radius:.72rem;overflow:hidden}.sidebar-project-item.active{border-bottom-color:var(--color-primary)}.sidebar-project-drag{display:none}.sidebar-project-select{width:100%;min-width:0;min-height:3.2rem;padding:.42rem .55rem}.sidebar-project-copy,.sidebar-project-title-row,.sidebar-project-name{min-width:0}.planner-main{width:100%;min-width:0}.workspace-toolbar{min-width:0;overflow:hidden}.calendar-reference-header{display:flex!important;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.5rem;width:100%;min-width:0}.calendar-reference-project{justify-content:flex-start!important;width:100%;min-width:0;margin:0}.calendar-toolbar-project-copy{min-width:0;overflow:hidden}.calendar-toolbar-project-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-reference-actions{display:grid!important;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:.4rem;width:100%;min-width:0;margin:0}.calendar-cancelled-filter{width:auto;min-width:0;min-height:2.3rem;justify-self:start;padding-inline:.62rem}.calendar-date-segment:first-of-type{width:100%;min-width:0}.calendar-date-segment,.view-select-wrap,.calendar-add-card-button{width:100%;min-width:0!important}.calendar-add-card-button{grid-column:1 / -1}.calendar-shell{width:100%;min-width:0;max-width:100%;overflow:hidden!important;padding-inline:.2rem}.month-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;width:100%!important;min-width:0!important;max-width:100%;overflow:hidden!important}.day-head{min-width:0;padding:.28rem .04rem;overflow:hidden;font-size:.58rem;line-height:1;text-align:center}.day-cell{min-width:0!important;max-width:100%;padding:.18rem .08rem;overflow:hidden}.day-number{font-size:.62rem;line-height:1}.day-cards{gap:.12rem;min-width:0}.calendar-card{width:100%;min-width:0;max-width:100%;gap:.1rem!important;padding:.2rem .14rem!important;border-radius:.4rem;overflow:hidden}.calendar-card .card-title{display:-webkit-box;min-width:0;overflow:hidden;font-size:.54rem;line-height:1.15;text-overflow:ellipsis;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.calendar-card .card-project,.calendar-card-assignment .card-member,.calendar-card-type .type-chip{display:none}.calendar-card-footer{align-items:center;gap:.08rem}.calendar-card-assignment{min-width:0;max-width:calc(100% - .95rem)}.calendar-card .stage-chip{display:block;max-width:100%;padding:.08rem .16rem;overflow:hidden;font-size:.48rem;line-height:1;text-overflow:ellipsis;white-space:nowrap}.calendar-card-type{gap:0;margin-left:auto}.calendar-card-type .calendar-type-icon{width:.74rem;height:.74rem}.calendar-card.compact .compact-title{min-width:0;overflow:hidden;font-size:.5rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.calendar-card.compact .compact-stage-chip{display:none}.more-cards-button{min-width:0;padding:.1rem;overflow:hidden;font-size:.48rem;text-overflow:ellipsis;white-space:nowrap}}@media(min-width:641px)and (max-width:1100px){app-calendar-planner-page .workspace-toolbar{position:relative;z-index:3;flex:0 0 auto;width:100%;height:auto!important;min-height:7.25rem;max-height:none!important;padding:.62rem .72rem;overflow:visible!important}app-calendar-planner-page .calendar-reference-header{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-items:stretch!important;justify-content:stretch!important;gap:.55rem;width:100%;height:auto;min-height:0;max-height:none;overflow:visible}app-calendar-planner-page .calendar-reference-project{display:flex!important;align-items:center;justify-content:flex-start!important;width:100%;min-width:0;margin:0}app-calendar-planner-page .calendar-toolbar-project-copy{min-width:0;text-align:left}app-calendar-planner-page .calendar-toolbar-project-copy strong{display:block;max-width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}app-calendar-planner-page .calendar-reference-actions{display:grid!important;grid-template-columns:minmax(8rem,1fr) minmax(7rem,1fr) minmax(6.5rem,7.5rem) auto;align-items:center;justify-content:stretch;gap:.45rem;width:100%;min-width:0;max-width:none;height:auto;max-height:none;margin:0;overflow:visible;visibility:visible!important;opacity:1!important}app-calendar-planner-page .calendar-date-segment,app-calendar-planner-page .calendar-year-segment,app-calendar-planner-page .view-select-wrap,app-calendar-planner-page .calendar-add-card-button{display:flex!important;width:100%;min-width:0;max-width:none;visibility:visible!important;opacity:1!important}app-calendar-planner-page .view-select-wrap app-filter-dropdown,app-calendar-planner-page .view-select-wrap app-filter-dropdown .filter-trigger{width:100%;min-width:0;max-width:none}app-calendar-planner-page .calendar-add-card-button{align-items:center;justify-content:center;margin:0;white-space:nowrap}app-calendar-planner-page .calendar-shell{min-height:0}app-calendar-planner-page .calendar-card:not(.compact){padding:.34rem}app-calendar-planner-page .calendar-card-footer{align-items:flex-end;gap:.18rem}app-calendar-planner-page .calendar-card-assignment{max-width:calc(100% - 3.15rem)}app-calendar-planner-page .calendar-card-type{gap:.08rem}}@media(max-width:640px){app-shell-layout .page-content:has(app-calendar-planner-page){width:100%;max-width:100%;padding:0;overflow-x:hidden!important;overflow-y:auto}app-calendar-planner-page{display:block;width:100%;max-width:100%;min-width:0;height:auto;min-height:100%;overflow-x:hidden}app-calendar-planner-page .planner-page{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto minmax(0,1fr);gap:.5rem;width:100%;max-width:100%;min-width:0;height:auto;min-height:100%;overflow-x:hidden;overflow-y:visible}app-calendar-planner-page .project-sidebar,app-calendar-planner-page .project-sidebar.collapsed{position:relative;inset:auto;display:block;flex:0 0 auto;width:100%!important;max-width:100%!important;height:auto!important;min-height:0;max-height:none;border:0;background:transparent;overflow:hidden!important}app-calendar-planner-page .project-sidebar .sidebar-header{display:none!important}app-calendar-planner-page .sidebar-preference-status{margin:0;padding:.3rem .55rem 0;font-size:.64rem}app-calendar-planner-page .sidebar-project-list{display:flex!important;flex:0 0 auto;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:.42rem;direction:rtl;width:100%;max-width:100%;min-width:0;height:auto;min-height:3.75rem;max-height:4.2rem;padding:.42rem .5rem;overflow-x:auto!important;overflow-y:hidden!important;overscroll-behavior-inline:contain;scroll-padding-inline:.5rem;scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x;white-space:nowrap;-webkit-overflow-scrolling:touch}app-calendar-planner-page .sidebar-project-list::-webkit-scrollbar{display:none}app-calendar-planner-page .sidebar-project-item{display:block!important;flex:0 0 8.75rem!important;direction:ltr;width:8.75rem!important;min-width:8.75rem!important;max-width:8.75rem!important;min-height:3rem;padding:0!important;border:1px solid var(--color-border)!important;border-bottom:2px solid transparent!important;border-radius:.7rem!important;background:var(--color-surface-elevated);overflow:hidden;scroll-snap-align:start}app-calendar-planner-page .sidebar-project-item.active{border-color:var(--color-primary)!important;border-bottom-color:var(--color-primary)!important;background:color-mix(in srgb,var(--color-secondary) 18%,var(--color-surface-elevated))}app-calendar-planner-page .sidebar-project-drag{display:none!important;visibility:hidden!important;pointer-events:none!important}app-calendar-planner-page .sidebar-project-select{display:grid!important;grid-template-columns:2.1rem minmax(0,1fr);align-items:center;gap:.38rem;width:100%;min-width:0;min-height:3rem;padding:.32rem .4rem;text-align:left}app-calendar-planner-page .sidebar-project-logo{width:2.1rem;height:2.1rem;font-size:.65rem}app-calendar-planner-page .sidebar-project-copy,app-calendar-planner-page .sidebar-project-title-row,app-calendar-planner-page .sidebar-project-name{min-width:0}app-calendar-planner-page .sidebar-project-title-row{display:flex;align-items:center;gap:.14rem;width:100%}app-calendar-planner-page .sidebar-project-name{display:block;flex:1 1 auto;overflow:hidden;font-size:.68rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}app-calendar-planner-page .sidebar-project-favorite{position:static;flex:0 0 auto;width:1rem;height:1rem;padding:0;opacity:1;font-size:.68rem}app-calendar-planner-page .planner-main{display:flex;flex-direction:column;gap:.55rem;width:100%;max-width:100%;min-width:0;min-height:0;padding:0 .45rem .55rem;overflow-x:hidden;overflow-y:visible}app-calendar-planner-page .workspace-toolbar{position:relative;z-index:2;display:block;flex:0 0 auto;width:100%;max-width:100%;min-width:0;height:auto!important;min-height:0;max-height:none!important;padding:.62rem;border:1px solid var(--color-border);border-radius:.9rem;background:var(--color-surface-elevated);overflow:visible!important}app-calendar-planner-page .calendar-reference-header{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-items:stretch!important;justify-content:stretch!important;gap:.55rem;width:100%;min-width:0;height:auto;min-height:0;max-height:none;overflow:visible}app-calendar-planner-page .calendar-reference-project{display:flex!important;align-items:center;justify-content:flex-start!important;gap:.45rem;width:100%;min-width:0;min-height:2.8rem;margin:0;padding:.15rem .1rem}app-calendar-planner-page .calendar-header-menu-button{flex:0 0 2rem;width:2rem;height:2rem;border:1px solid var(--color-border);border-radius:.55rem;background:var(--color-surface)}app-calendar-planner-page .calendar-toolbar-project-logo{flex:0 0 2.15rem;width:2.15rem;height:2.15rem}app-calendar-planner-page .calendar-toolbar-project-copy{min-width:0;overflow:hidden;text-align:left}app-calendar-planner-page .calendar-toolbar-project-copy strong{display:block;max-width:100%;overflow:hidden;font-size:.88rem;text-align:left;text-overflow:ellipsis;white-space:nowrap}app-calendar-planner-page .calendar-reference-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;justify-content:stretch;gap:.42rem;width:100%;min-width:0;max-width:none;height:auto;max-height:none;margin:0;overflow:visible;visibility:visible!important;opacity:1!important}app-calendar-planner-page .calendar-date-segment,app-calendar-planner-page .calendar-year-segment{display:grid!important;grid-template-columns:2rem minmax(0,1fr) 2rem;align-items:center;width:100%;min-width:0;min-height:2.2rem;visibility:visible!important;opacity:1!important}app-calendar-planner-page .calendar-date-segment button,app-calendar-planner-page .calendar-year-segment button{width:2rem;min-width:2rem;height:2.2rem}app-calendar-planner-page .calendar-date-segment span,app-calendar-planner-page .calendar-year-segment span{min-width:0;overflow:hidden;font-size:.72rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}app-calendar-planner-page .view-select-wrap,app-calendar-planner-page .calendar-add-card-button{display:flex!important;width:100%;min-width:0!important;max-width:none;min-height:2.2rem;margin:0;visibility:visible!important;opacity:1!important}app-calendar-planner-page .view-select-wrap app-filter-dropdown,app-calendar-planner-page .view-select-wrap app-filter-dropdown .filter-trigger{width:100%;min-width:0;max-width:none}app-calendar-planner-page .calendar-add-card-button{grid-column:auto;align-items:center;justify-content:center;white-space:nowrap}app-calendar-planner-page .calendar-shell{display:block;width:100%;max-width:100%;min-width:0;min-height:0;padding:.5rem;border:1px solid var(--color-border);border-radius:.9rem;background:var(--color-surface-elevated);overflow:hidden!important}app-calendar-planner-page .month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))!important;width:100%!important;max-width:100%;min-width:0!important;overflow:hidden!important}app-calendar-planner-page .day-head{min-width:0;padding:.26rem .02rem;overflow:hidden;font-size:.5rem;line-height:1;text-align:center}app-calendar-planner-page .day-cell{min-width:0!important;max-width:100%;min-height:clamp(4.5rem,11vh,6rem);padding:.14rem .06rem;overflow:hidden}app-calendar-planner-page .day-number{font-size:.58rem;line-height:1}app-calendar-planner-page .day-cards{gap:.1rem;min-width:0}app-calendar-planner-page .calendar-card{display:flex;flex-direction:column;width:100%;max-width:100%;min-width:0;min-height:0;max-height:3.75rem;gap:.08rem!important;padding:.18rem .12rem!important;border-radius:.36rem;overflow:hidden!important}app-calendar-planner-page .calendar-card .card-title{display:-webkit-box;min-width:0;overflow:hidden;font-size:.48rem;line-height:1.1;text-overflow:ellipsis;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}app-calendar-planner-page .calendar-card .card-project,app-calendar-planner-page .calendar-card-assignment .card-member,app-calendar-planner-page .calendar-card-type .type-chip{display:none}app-calendar-planner-page .calendar-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.05rem;width:100%;min-width:0;margin-top:auto}app-calendar-planner-page .calendar-card-assignment{min-width:0;max-width:calc(100% - .8rem)}app-calendar-planner-page .calendar-card .stage-chip{display:block;max-width:100%;padding:.06rem .12rem;overflow:hidden;font-size:.42rem;line-height:1;text-overflow:ellipsis;white-space:nowrap}app-calendar-planner-page .calendar-card-type{display:inline-flex;flex:0 0 auto;align-items:center;margin-left:auto}app-calendar-planner-page .calendar-card-type .calendar-type-icon{position:static!important;inset:auto!important;width:.68rem;height:.68rem}app-calendar-planner-page .calendar-card.compact .compact-title{min-width:0;overflow:hidden;font-size:.44rem;line-height:1.05;text-overflow:ellipsis;white-space:nowrap}app-calendar-planner-page .calendar-card.compact .compact-stage-chip{display:none}app-calendar-planner-page .more-cards-button{min-width:0;padding:.08rem;overflow:hidden;font-size:.42rem;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:640px){app-calendar-planner-page .month-grid .calendar-card{display:block!important;width:100%;min-width:0;min-height:1.65rem!important;max-height:2.5rem!important;padding:.18rem .12rem!important;overflow:hidden!important}app-calendar-planner-page .month-grid .calendar-card-copy,app-calendar-planner-page .month-grid .card-inline-layout{display:block!important;width:100%;min-width:0}app-calendar-planner-page .month-grid .calendar-card-footer,app-calendar-planner-page .month-grid .card-project,app-calendar-planner-page .month-grid .compact-stage-chip,app-calendar-planner-page .month-grid .calendar-card-type,app-calendar-planner-page .month-grid .calendar-type-icon,app-calendar-planner-page .month-grid .overdue-flag,app-calendar-planner-page .month-grid .card-member,app-calendar-planner-page .month-grid .type-chip,app-calendar-planner-page .month-grid .stage-chip{display:none!important}app-calendar-planner-page .month-grid .calendar-card .card-title,app-calendar-planner-page .month-grid .calendar-card .compact-title,app-calendar-planner-page .month-grid .calendar-pill-title{display:-webkit-box!important;width:100%;min-width:0;margin:0;overflow:hidden;color:inherit;font-size:.48rem!important;font-weight:750;line-height:1.12;text-align:left;text-overflow:ellipsis;overflow-wrap:anywhere;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}}@media(min-width:641px)and (max-width:1160px){app-calendar-planner-page .planner-main{width:auto;min-width:0;overflow-x:hidden}app-calendar-planner-page .workspace-toolbar{position:relative;z-index:3;display:block;flex:0 0 auto;width:100%;min-width:0;height:auto!important;min-height:7.25rem;max-height:none!important;padding:.62rem .72rem;overflow:visible!important}app-calendar-planner-page .calendar-reference-header{display:grid!important;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-items:stretch!important;justify-content:stretch!important;gap:.55rem;width:100%;min-width:0;height:auto!important;min-height:0;max-height:none!important;overflow:visible!important}app-calendar-planner-page .calendar-reference-project{display:flex!important;align-items:center;justify-content:flex-start!important;width:100%;min-width:0;margin:0}app-calendar-planner-page .calendar-toolbar-project-copy{min-width:0;text-align:left}app-calendar-planner-page .calendar-toolbar-project-copy strong{display:block;max-width:100%;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}app-calendar-planner-page .calendar-reference-actions{display:grid!important;grid-template-columns:minmax(7rem,1fr) minmax(6rem,1fr) minmax(5.8rem,6.5rem) minmax(5.2rem,auto);align-items:center;justify-content:stretch;gap:.42rem;width:100%;min-width:0;max-width:none;height:auto;max-height:none;margin:0;overflow:visible!important;visibility:visible!important;opacity:1!important}app-calendar-planner-page .calendar-date-segment,app-calendar-planner-page .calendar-year-segment{display:grid!important;grid-template-columns:1.8rem minmax(0,1fr) 1.8rem;width:100%;min-width:0;max-width:none;visibility:visible!important;opacity:1!important}app-calendar-planner-page .calendar-date-segment button,app-calendar-planner-page .calendar-year-segment button{width:1.8rem;min-width:1.8rem}app-calendar-planner-page .calendar-date-segment span,app-calendar-planner-page .calendar-year-segment span{min-width:0;padding-inline:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-calendar-planner-page .view-select-wrap,app-calendar-planner-page .view-select-wrap app-filter-dropdown,app-calendar-planner-page .view-select-wrap app-filter-dropdown .filter-trigger,app-calendar-planner-page .calendar-add-card-button{display:flex!important;width:100%;min-width:0!important;max-width:none!important;margin:0;visibility:visible!important;opacity:1!important}app-calendar-planner-page .calendar-add-card-button{align-items:center;justify-content:center;white-space:nowrap}app-calendar-planner-page .calendar-shell{width:100%;min-width:0;max-width:100%;overflow:hidden!important}app-calendar-planner-page .month-grid{grid-template-columns:repeat(7,minmax(0,1fr))!important;width:100%!important;min-width:0!important;max-width:100%;overflow:hidden!important}app-calendar-planner-page .day-head,app-calendar-planner-page .day-cell{min-width:0!important;max-width:100%;overflow:hidden}app-calendar-planner-page .day-head{padding-inline:.04rem;font-size:.62rem}app-calendar-planner-page .day-cell{padding-inline:.1rem}app-calendar-planner-page .calendar-card:not(.compact){min-width:0;max-width:100%;padding:.28rem;overflow:hidden}app-calendar-planner-page .calendar-card-footer{gap:.12rem}app-calendar-planner-page .calendar-card-assignment{min-width:0;max-width:calc(100% - 2.8rem)}}app-calendar-planner-page .sidebar-project-export{display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;flex:0 0 1.4rem;padding:0;border:0;border-radius:.35rem;background:transparent;color:currentColor;cursor:pointer}app-calendar-planner-page .sidebar-project-export:hover:not(:disabled){background:var(--surface-hover)}app-calendar-planner-page .sidebar-project-export:disabled{cursor:not-allowed;opacity:.3}app-calendar-planner-page .sidebar-project-export svg{width:.9rem;height:.9rem}app-proposal-builder-page{display:block;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden}app-proposal-builder-page .builder-header{margin-bottom:var(--space-3)}app-proposal-builder-page .actions-group{display:inline-flex;align-items:center;gap:.5rem}app-proposal-builder-page .setup-card,app-proposal-builder-page .section-card{padding:.9rem}app-proposal-builder-page .step-head{font-size:.86rem;font-weight:750;margin-bottom:.62rem}app-proposal-builder-page .setup-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.62rem;align-items:end}app-proposal-builder-page .load-btn{min-width:140px}app-proposal-builder-page .builder-doc{display:grid;gap:.72rem;width:min(1280px,100%);margin-inline:auto}app-proposal-builder-page .section-head{margin-bottom:.62rem}app-proposal-builder-page .section-head h3{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}app-proposal-builder-page .part-header-card{padding:.66rem .9rem;border-color:var(--color-border);background:color-mix(in srgb,var(--color-surface-elevated) 86%,var(--color-chip-bg))}app-proposal-builder-page .part-head h3{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em}app-proposal-builder-page .section-helper{margin:.2rem 0 0;color:var(--color-text-muted);font-size:.68rem;line-height:1.35}app-proposal-builder-page .with-action{display:flex;justify-content:space-between;align-items:center;gap:.5rem}app-proposal-builder-page .doc-grid{display:grid;gap:.58rem}app-proposal-builder-page .doc-grid.six{grid-template-columns:repeat(12,minmax(0,1fr))}app-proposal-builder-page .doc-grid.six>.field{grid-column:span 3;min-width:0}app-proposal-builder-page .doc-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}app-proposal-builder-page .bilingual-pair-grid{gap:.48rem}app-proposal-builder-page [dir=rtl] .field>span,app-proposal-builder-page .field[dir=rtl]>span{text-align:right}app-proposal-builder-page .block{border:1px solid var(--color-border);border-radius:.72rem;padding:.72rem;display:grid;gap:.48rem;background:var(--color-surface-elevated)}app-proposal-builder-page .from-block{background:color-mix(in srgb,var(--color-surface-elevated) 92%,#eaf1ff)}app-proposal-builder-page .to-block{background:color-mix(in srgb,var(--color-surface-elevated) 91%,#e8f8f1)}app-proposal-builder-page .block h4{margin:0 0 .08rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}app-proposal-builder-page .declaration-card{border-left:3px solid var(--color-danger-text, #b4232e);background:color-mix(in srgb,var(--color-surface-elevated) 93%,var(--color-danger-bg, #f9ebed))}app-proposal-builder-page .declaration-head h3{color:var(--color-danger-text, #8b2230)}app-proposal-builder-page .overview-responsibilities-card{display:grid;gap:0}app-proposal-builder-page .flowbook-subsection+.flowbook-subsection{margin-top:.8rem;padding-top:.8rem;border-top:1px solid var(--color-border)}app-proposal-builder-page .capabilities-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.72rem}app-proposal-builder-page .capability-panel{min-width:0;border:1px solid var(--color-border);border-radius:.7rem;padding:.72rem;background:var(--color-surface-elevated)}app-proposal-builder-page .feature-language-stack{display:grid;gap:.7rem}app-proposal-builder-page .feature-language-stack .tag-editor+.tag-editor{padding-top:.65rem;border-top:1px solid var(--color-border)}app-proposal-builder-page .field{display:grid;gap:.22rem}app-proposal-builder-page .field>span{font-size:.64rem;font-weight:700;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.03em}app-proposal-builder-page .proposal-builder-page input,app-proposal-builder-page .proposal-builder-page select,app-proposal-builder-page .proposal-builder-page textarea{border-radius:.62rem;border-color:var(--color-border);background:var(--color-input-bg);color:var(--color-text);padding:.52rem .62rem;font-size:.8rem;line-height:1.3}app-proposal-builder-page .proposal-builder-page input::placeholder,app-proposal-builder-page .proposal-builder-page textarea::placeholder{color:var(--color-text-muted)}app-proposal-builder-page .proposal-builder-page input:focus,app-proposal-builder-page .proposal-builder-page select:focus,app-proposal-builder-page .proposal-builder-page textarea:focus{outline:0;border-color:color-mix(in srgb,var(--color-secondary) 55%,var(--color-border));box-shadow:0 0 0 2px color-mix(in srgb,var(--color-secondary) 24%,transparent)}app-proposal-builder-page .tag-editor{display:grid;gap:.45rem}app-proposal-builder-page .tag-list{display:flex;gap:.36rem;flex-wrap:wrap}app-proposal-builder-page .tag-chip{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--color-border);border-radius:999px;padding:.16rem .52rem;font-size:.69rem;background:#89c9c933}app-proposal-builder-page .tag-chip button{border:0;background:transparent;font-size:.74rem;line-height:1;cursor:pointer}app-proposal-builder-page .tag-input-row{display:grid;grid-template-columns:1fr auto;gap:.45rem}app-proposal-builder-page .line-items-card{min-width:0}app-proposal-builder-page .payment-summary-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);gap:.72rem;align-items:stretch}app-proposal-builder-page .payment-summary-grid>*{min-width:0}app-proposal-builder-page .payment-plan-card,app-proposal-builder-page .proposal-totals-card,app-proposal-builder-page .timeline-card,app-proposal-builder-page .agreement-section-card{min-width:0}app-proposal-builder-page .table-wrap{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;padding-bottom:.3rem}app-proposal-builder-page .dense-table{width:100%;border-collapse:collapse;min-width:980px;table-layout:fixed}app-proposal-builder-page .dense-table .col-service{width:17%}app-proposal-builder-page .dense-table .col-description-en,app-proposal-builder-page .dense-table .col-description-ar{width:20%}app-proposal-builder-page .dense-table .col-qty{width:7%}app-proposal-builder-page .dense-table .col-unit{width:12%}app-proposal-builder-page .dense-table .col-tax{width:8%}app-proposal-builder-page .dense-table .col-total{width:12%}app-proposal-builder-page .dense-table .col-action{width:4%}app-proposal-builder-page .dense-table th,app-proposal-builder-page .dense-table td{border-bottom:1px solid var(--color-border);padding:.3rem .32rem;font-size:.72rem;vertical-align:middle}app-proposal-builder-page .dense-table tbody td{padding-top:.26rem;padding-bottom:.26rem}app-proposal-builder-page .dense-table th{text-transform:uppercase;font-size:.63rem;color:var(--color-text-muted);letter-spacing:.05em}app-proposal-builder-page .dense-table td app-filter-dropdown{width:100%}app-proposal-builder-page .dense-table td app-filter-dropdown .filter-dropdown{min-width:0;gap:0}app-proposal-builder-page .dense-table td app-filter-dropdown .filter-label{display:none}app-proposal-builder-page .dense-table td app-filter-dropdown .filter-trigger{height:2rem;min-height:2rem;border-radius:.62rem;padding:.32rem .56rem}app-proposal-builder-page .dense-table td input{height:2rem;min-height:2rem;margin:0}app-proposal-builder-page .dense-table td:nth-child(1),app-proposal-builder-page .dense-table td:nth-child(2),app-proposal-builder-page .dense-table td:nth-child(3),app-proposal-builder-page .dense-table td:nth-child(4),app-proposal-builder-page .dense-table td:nth-child(5),app-proposal-builder-page .dense-table td:nth-child(7){vertical-align:middle}app-proposal-builder-page .dense-table td:last-child{text-align:center}app-proposal-builder-page .tiny-btn{border:1px solid var(--color-border);background:#89c9c938;border-radius:.52rem;min-height:2rem;min-width:2rem;font-size:.7rem;font-weight:700}app-proposal-builder-page .milestone-list{display:grid;gap:.42rem}app-proposal-builder-page .milestone-row,app-proposal-builder-page .timeline-row{display:grid;gap:.42rem;align-items:center}app-proposal-builder-page .milestone-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(92px,.42fr) auto auto}app-proposal-builder-page .timeline-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(88px,.42fr) minmax(0,1.2fr) minmax(0,1.2fr) auto;margin-bottom:.42rem}app-proposal-builder-page .percentage-field{position:relative;min-width:0}app-proposal-builder-page .percentage-field input{width:100%;padding-right:1.7rem}app-proposal-builder-page .percentage-field span{position:absolute;top:50%;right:.62rem;transform:translateY(-50%);color:var(--color-text-muted);font-size:.72rem;font-weight:750;pointer-events:none}app-proposal-builder-page .paid-toggle{display:inline-flex;align-items:center;gap:.3rem;font-size:.74rem;white-space:nowrap}app-proposal-builder-page .progress-summary{margin-top:.75rem;padding-top:.7rem;border-top:1px solid var(--color-border)}app-proposal-builder-page .progress-copy{display:flex;align-items:center;justify-content:space-between;gap:.5rem;color:var(--color-text-muted);font-size:.72rem}app-proposal-builder-page .progress-copy strong{color:var(--color-text);font-size:.8rem}app-proposal-builder-page .progress-track{margin-top:.42rem;height:9px;border-radius:999px;background:color-mix(in srgb,var(--color-border) 48%,transparent);overflow:hidden}app-proposal-builder-page .progress-fill{display:block;height:100%;background:var(--color-primary)}app-proposal-builder-page .proposal-totals-card{background:color-mix(in srgb,var(--color-surface-elevated) 86%,var(--color-accent) 14%)}app-proposal-builder-page .total-card{margin-top:0;border:1px solid var(--color-border);border-radius:.74rem;padding:.72rem;display:grid;gap:0;background:var(--color-surface)}app-proposal-builder-page .total-card div{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:.48rem 0;border-bottom:1px solid var(--color-border);font-size:.76rem}app-proposal-builder-page .total-card div:last-child{border-bottom:0}app-proposal-builder-page .total-card strong{font-size:.88rem}app-proposal-builder-page .total-card .grand-total-row{margin:.15rem -.2rem;padding:.62rem .2rem;color:var(--color-primary);font-weight:800}app-proposal-builder-page .total-card .grand-total-row strong{font-size:1.05rem}app-proposal-builder-page .line-total-cell{font-weight:750;white-space:nowrap}app-proposal-builder-page .timeline-card{background:color-mix(in srgb,var(--color-surface-elevated) 96%,var(--color-chip-bg))}app-proposal-builder-page .timeline-total{margin-top:.55rem;padding-top:.55rem;border-top:1px solid var(--color-border);font-size:.78rem;text-align:right;color:var(--color-text-muted)}app-proposal-builder-page .agreement-area{border:1px solid var(--color-border);border-radius:.74rem;padding:.55rem;background:var(--color-surface-elevated)}app-proposal-builder-page .agreement-block{border:1px solid var(--color-border);border-radius:.64rem;margin-bottom:.42rem}app-proposal-builder-page .agreement-head{display:flex;justify-content:space-between;align-items:center;padding:.48rem .56rem;cursor:pointer;font-size:.78rem}app-proposal-builder-page .agreement-head-actions{display:inline-flex;align-items:center;gap:.28rem}app-proposal-builder-page .agreement-content{border-top:1px solid var(--color-border);padding:.54rem}app-proposal-builder-page .agreement-intro-grid{margin-bottom:.65rem}app-proposal-builder-page .agreement-title-grid{margin-bottom:.55rem}app-proposal-builder-page .agreement-point-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:.44rem;margin-bottom:.5rem;align-items:start}app-proposal-builder-page .line-item-ar-row td{padding-top:.15rem;padding-bottom:.5rem;background:color-mix(in srgb,var(--color-surface-elevated) 88%,var(--color-chip-bg))}app-proposal-builder-page .line-item-ar-fields{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:.42rem}app-proposal-builder-page .signatures-footer-section{padding:.95rem}app-proposal-builder-page .signature-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem}app-proposal-builder-page .signature-editor-card{border:1px solid var(--color-border);border-radius:.76rem;padding:.82rem;background:color-mix(in srgb,var(--color-surface-elevated) 94%,var(--color-chip-bg))}app-proposal-builder-page .signature-editor-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.68rem}app-proposal-builder-page .signature-editor-head h4{margin:0;font-size:.82rem;font-weight:780;color:var(--color-text)}app-proposal-builder-page .signature-editor-icon{width:1.45rem;height:1.45rem;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--color-text-muted)}app-proposal-builder-page .signature-editor-icon svg{width:100%;height:100%;fill:currentColor}app-proposal-builder-page .signature-title-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem;margin-top:.48rem}app-proposal-builder-page .footer-editor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem;margin-top:.85rem;padding-top:.85rem;border-top:1px solid var(--color-border)}app-proposal-builder-page .footer-editor-column{display:grid;gap:.48rem}app-proposal-builder-page .builder-kpi-card{padding:.78rem .9rem;border-style:solid}app-proposal-builder-page .builder-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}app-proposal-builder-page .builder-kpi-item{border:1px solid var(--color-border);border-radius:.66rem;padding:.52rem .62rem;background:color-mix(in srgb,var(--color-surface-elevated) 84%,var(--color-chip-bg));display:grid;gap:.16rem}app-proposal-builder-page .kpi-label{font-size:.63rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-weight:700}app-proposal-builder-page .kpi-value{font-size:.95rem;font-weight:800;color:var(--color-text)}app-proposal-builder-page .review-submit-card{padding:.95rem;border:1px solid color-mix(in srgb,var(--color-secondary) 26%,var(--color-border));background:color-mix(in srgb,var(--color-surface-elevated) 82%,var(--color-chip-bg))}app-proposal-builder-page .review-ready-pill{border:1px solid var(--color-border);border-radius:999px;padding:.12rem .45rem;font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);background:var(--color-surface)}app-proposal-builder-page .review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.56rem;margin-top:.2rem}app-proposal-builder-page .review-line{border:1px solid var(--color-border);border-radius:.62rem;background:var(--color-surface);padding:.45rem .56rem;display:flex;justify-content:space-between;align-items:center;gap:.4rem}app-proposal-builder-page .review-line span{font-size:.66rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700}app-proposal-builder-page .review-line strong{font-size:.85rem;font-weight:800}app-proposal-builder-page .review-actions{margin-top:.7rem;display:flex;justify-content:flex-end;gap:.45rem;flex-wrap:wrap}app-proposal-builder-page .builder-toast{position:fixed;top:4.75rem;right:1.25rem;z-index:1400;width:min(28rem,calc(100vw - 2rem));display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.7rem;border:1px solid color-mix(in srgb,var(--color-success-border, #6abf8f) 72%,var(--color-border));border-left:4px solid var(--color-success-text, #1f7a4c);border-radius:.8rem;background:color-mix(in srgb,var(--color-surface-elevated) 94%,var(--color-success-bg, #e6f5ea) 6%);box-shadow:0 16px 38px #0f172a2e,0 4px 12px #0f172a1a;padding:.78rem .85rem;color:var(--color-text)}app-proposal-builder-page .builder-toast.is-error{border-color:color-mix(in srgb,var(--color-danger-border, #e69ca3) 75%,var(--color-border));border-left-color:var(--color-danger-text, #8b2230);background:color-mix(in srgb,var(--color-surface-elevated) 94%,var(--color-danger-bg, #f9ebed) 6%)}app-proposal-builder-page .builder-toast-icon{width:1.65rem;height:1.65rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--color-success-bg, #e6f5ea);color:var(--color-success-text, #1f7a4c);font-size:.82rem;font-weight:850;line-height:1}app-proposal-builder-page .builder-toast.is-error .builder-toast-icon{background:var(--color-danger-bg, #f9ebed);color:var(--color-danger-text, #8b2230)}app-proposal-builder-page .builder-toast-content{min-width:0;display:grid;gap:.2rem}app-proposal-builder-page .builder-toast-content strong{font-size:.8rem;font-weight:800;line-height:1.2}app-proposal-builder-page .builder-toast-content span{font-size:.74rem;font-weight:560;line-height:1.4;color:var(--color-text-muted);white-space:pre-line;overflow-wrap:anywhere;max-height:14rem;overflow-y:auto}app-proposal-builder-page .builder-toast-close{border:0;background:transparent;color:var(--color-text-muted);width:1.6rem;height:1.6rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.45rem;cursor:pointer;font-size:1.05rem;line-height:1}app-proposal-builder-page .builder-toast-close:hover{background:var(--color-chip-bg);color:var(--color-text)}@media(max-width:640px){app-proposal-builder-page .builder-toast{top:4.25rem;right:.75rem;width:calc(100vw - 1.5rem)}}app-proposal-builder-page .builder-feedback.is-error{border-color:color-mix(in srgb,var(--color-danger-border, #e69ca3) 72%,var(--color-border));background:color-mix(in srgb,var(--color-danger-bg, #f9ebed) 75%,var(--color-surface));color:color-mix(in srgb,var(--color-danger-text, #8b2230) 82%,var(--color-text))}@media(max-width:1240px){app-proposal-builder-page .doc-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}app-proposal-builder-page .doc-grid.six>.field{grid-column:span 3}app-proposal-builder-page .builder-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){app-proposal-builder-page .doc-grid.two,app-proposal-builder-page .setup-grid,app-proposal-builder-page .capabilities-grid,app-proposal-builder-page .payment-summary-grid,app-proposal-builder-page .signature-editor-grid,app-proposal-builder-page .footer-editor-grid{grid-template-columns:1fr}app-proposal-builder-page .doc-grid.six{grid-template-columns:repeat(2,minmax(0,1fr))}app-proposal-builder-page .doc-grid.six>.field{grid-column:span 1}app-proposal-builder-page .review-grid{grid-template-columns:1fr}}@media(max-width:760px){app-proposal-builder-page .doc-grid.six,app-proposal-builder-page .signature-title-grid{grid-template-columns:1fr}app-proposal-builder-page .milestone-row,app-proposal-builder-page .timeline-row,app-proposal-builder-page .agreement-point-pair,app-proposal-builder-page .line-item-ar-fields{grid-template-columns:1fr}}app-payroll-page{display:block;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden}app-payroll-page .payroll-page{display:grid;gap:.62rem}app-payroll-page .top-controls{display:grid;grid-template-columns:minmax(200px,250px) minmax(0,1fr) auto;align-items:center;gap:.56rem;padding:.44rem .56rem;border:1px solid color-mix(in srgb,var(--color-border) 78%,transparent);background:color-mix(in srgb,var(--color-surface-elevated) 92%,var(--color-surface) 8%)}app-payroll-page .toolbar-left{min-width:0;align-self:center}app-payroll-page .month-navigation{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.34rem}app-payroll-page .month-navigation app-filter-dropdown{min-width:0}app-payroll-page .month-navigation-button{min-width:4.8rem;min-height:2.35rem;height:2.35rem}app-payroll-page .toolbar-right{min-width:0;display:flex;align-items:center;justify-content:center;align-self:center}app-payroll-page .summary-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;justify-content:start;align-items:center;width:min(100%,700px);padding:0}app-payroll-page .amount-value{display:inline-block;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:0}app-payroll-page .amount-primary{font-weight:800;color:var(--color-text)}app-payroll-page .amount-secondary{color:var(--color-text-muted);font-weight:670}app-payroll-page .amount-negative{color:var(--badge-error-text)}app-payroll-page .control-actions{display:flex;gap:.34rem;justify-content:flex-end;align-items:center;align-self:center}app-payroll-page .control-actions .finance-btn{min-height:2.35rem;height:2.35rem}app-payroll-page .toolbar-left app-filter-dropdown .filter-trigger{min-height:2.35rem;height:2.35rem}app-payroll-page .payroll-filters{padding:.48rem .56rem;border:1px solid color-mix(in srgb,var(--color-border) 76%,transparent);background:color-mix(in srgb,var(--color-surface-elevated) 90%,var(--color-surface) 10%)}app-payroll-page .filter-grid{display:grid;grid-template-columns:1.5fr repeat(3,minmax(0,1fr)) auto;gap:.5rem;align-items:end}app-payroll-page .search-field input{min-height:2.35rem}app-payroll-page .clear-field{justify-self:end;display:inline-flex;align-items:center;gap:.32rem}app-payroll-page .clear-field .finance-btn{min-height:2.35rem;height:2.35rem}app-payroll-page .quiet-btn{opacity:.92;border-color:color-mix(in srgb,var(--color-border) 88%,transparent);background:color-mix(in srgb,var(--color-surface-elevated) 92%,var(--color-surface))}app-payroll-page .quiet-btn:hover{opacity:1}app-payroll-page .quiet-btn:disabled{opacity:.48;cursor:not-allowed}app-payroll-page .bulk-toolbar{padding:.5rem .68rem;display:flex;align-items:center;justify-content:space-between;gap:var(--ui-density-gap-md)}app-payroll-page .bulk-left{display:inline-flex;align-items:center;gap:var(--ui-density-gap-md)}app-payroll-page .bulk-right{display:inline-flex;align-items:center;gap:var(--ui-density-gap-sm)}app-payroll-page .bulk-export-format{width:142px}app-payroll-page .bulk-export-format app-filter-dropdown .filter-label{display:none}app-payroll-page .bulk-export-format app-filter-dropdown .filter-dropdown{gap:0}app-payroll-page .bulk-select-all{display:inline-flex;align-items:center;gap:.34rem;font-size:.76rem;font-weight:650}app-payroll-page .selected-count{font-size:.74rem;color:var(--color-text-muted)}app-payroll-page .board-error-state,app-payroll-page .board-empty-state{padding:.85rem;display:grid;gap:.34rem}app-payroll-page .board-error-state h4,app-payroll-page .board-empty-state h4{margin:0;font-size:.92rem}app-payroll-page .board-error-state p,app-payroll-page .board-empty-state p{margin:0;color:var(--color-text-muted);font-size:.79rem}app-payroll-page .skeleton-grid .board-column{min-height:460px}app-payroll-page .skeleton-header{border-bottom:0}app-payroll-page .skeleton-card{pointer-events:none}app-payroll-page .skeleton-line{height:.72rem;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--color-surface-alt) 75%,transparent),color-mix(in srgb,var(--color-surface-alt) 92%,transparent),color-mix(in srgb,var(--color-surface-alt) 75%,transparent));background-size:220% 100%;animation:skeletonPulse 1.2s ease-in-out infinite}app-payroll-page .w-16{width:16%}app-payroll-page .w-40{width:40%}app-payroll-page .w-50{width:50%}app-payroll-page .w-70{width:70%}app-payroll-page .w-85{width:85%}@keyframes skeletonPulse{0%{background-position:0% 50%}to{background-position:100% 50%}}app-payroll-page .field{display:grid;gap:.2rem}app-payroll-page .field>span{font-size:.68rem;font-weight:650;color:var(--color-text-muted);text-transform:uppercase}app-payroll-page .warning-banner{border:1px solid color-mix(in srgb,var(--badge-warning-border) 70%,var(--color-border));background:color-mix(in srgb,var(--badge-warning-bg) 42%,var(--color-surface));color:color-mix(in srgb,var(--badge-warning-text) 88%,var(--color-text));border-radius:var(--radius-md);padding:.42rem .52rem;font-size:.78rem}app-payroll-page .board-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.62rem}app-payroll-page .board-column{display:flex;flex-direction:column;min-height:320px;padding:.46rem;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-border) 76%,transparent);background:color-mix(in srgb,var(--color-surface-elevated) 93%,var(--color-surface) 7%);overflow:hidden}app-payroll-page .column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2);position:sticky;top:0;z-index:3;background:var(--color-surface-elevated);padding-bottom:.34rem;border-bottom:1px solid var(--color-border)}app-payroll-page .column-header h3{margin:0;font-size:.9rem}app-payroll-page .count-pill{border-radius:999px;border:1px solid var(--color-border);background:#89c9c938;padding:.14rem .54rem;font-size:.7rem;font-weight:700}app-payroll-page .column-list{display:grid;align-content:start;gap:.4rem;flex:1 1 auto;min-height:0;overflow:auto;padding-right:.16rem}app-payroll-page .column-list-head{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem;border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-surface-elevated) 95%,var(--color-surface));padding:.22rem .42rem}app-payroll-page .column-list-head span{font-size:.64rem;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}app-payroll-page .column-list-head .head-amount{text-align:right}app-payroll-page .employee-card{border:1px solid color-mix(in srgb,var(--color-border) 76%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface) 92%,var(--color-surface-elevated));padding:.46rem .5rem;display:grid;gap:.22rem;min-height:var(--table-row-height-regular);transition:background-color .15s ease,border-color .15s ease,transform .15s ease}app-payroll-page .column-list .employee-card:hover{background:color-mix(in srgb,var(--color-surface-alt) 20%,var(--color-surface));border-color:color-mix(in srgb,var(--color-border) 56%,var(--color-accent));transform:translateY(-.5px)}app-payroll-page .employee-card:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent) 34%,transparent)}app-payroll-page .employee-card.is-selected{border-color:color-mix(in srgb,var(--color-accent) 56%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 8%,var(--color-surface))}app-payroll-page .employee-top{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.42rem}app-payroll-page .row-select{display:inline-flex;align-items:center;margin-right:.12rem}app-payroll-page .row-select input{width:.95rem;height:.95rem;margin:0}app-payroll-page .employee-identity{display:inline-flex;align-items:center;justify-self:start;gap:.4rem;min-width:0}app-payroll-page .employee-top app-payroll-status-chip{justify-self:end}app-payroll-page .employee-avatar{width:1.55rem;height:1.55rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);background:color-mix(in srgb,var(--color-surface-alt) 76%,transparent);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;flex:0 0 auto}app-payroll-page .employee-top strong{font-size:.88rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-payroll-page .status-chip{border-radius:999px;border:1px solid var(--color-border);padding:.09rem .44rem;font-size:.64rem;font-weight:680;background:var(--color-surface-alt);line-height:1.15;min-height:var(--chip-height-sm)}app-payroll-page .paid-chip{background:var(--badge-success-bg);border-color:var(--badge-success-border);color:var(--badge-success-text)}app-payroll-page .pending-chip{background:color-mix(in srgb,var(--color-surface-alt) 65%,transparent);border-color:color-mix(in srgb,var(--color-border) 75%,transparent);color:var(--color-text-muted)}app-payroll-page .meta{margin:0;font-size:.72rem;color:var(--color-text-muted)}app-payroll-page .role-meta{margin-top:-.06rem}app-payroll-page .money-line{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);border:0;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-surface-elevated) 78%,var(--color-surface));padding:.26rem .34rem}app-payroll-page .money-line span{font-size:.69rem;color:var(--color-text-muted);text-transform:uppercase;font-weight:700}app-payroll-page .money-line strong{font-size:.82rem;color:var(--color-text);font-weight:800}app-payroll-page .money-line-primary strong{font-size:.9rem}app-payroll-page .meta-grid{display:grid;gap:.14rem}app-payroll-page .actions-row{margin-top:.14rem;display:flex;flex-wrap:wrap;gap:.28rem}app-payroll-page .board-column>app-payroll-empty-state{display:grid;flex:1 1 auto;place-items:center;min-height:8rem}app-payroll-page .board-column>app-payroll-empty-state .empty-state{width:100%;text-align:center}app-payroll-page .empty-state{border:1px dashed color-mix(in srgb,var(--color-border) 78%,transparent);border-radius:var(--radius-md);padding:.44rem;font-size:.74rem;color:var(--color-text-muted);background:color-mix(in srgb,var(--color-surface-elevated) 72%,var(--color-surface))}app-payroll-page .modal-overlay{position:fixed;inset:0;z-index:70;background:#02261e57;display:grid;place-items:center;padding:var(--space-4)}app-payroll-page .modal-card{width:min(920px,100%);max-height:92vh;overflow:auto;border-radius:var(--radius-lg)}app-payroll-page .details-drawer-overlay{position:fixed;inset:0;z-index:72;background:#02261e57;display:flex;justify-content:flex-end}app-payroll-page .details-drawer{width:min(560px,96vw);height:100%;border-radius:0;border-left:1px solid var(--color-border);background:var(--color-surface-elevated);display:flex;flex-direction:column;animation:drawerSlideIn .2s ease}@keyframes drawerSlideIn{0%{transform:translate(16px);opacity:.7}to{transform:translate(0);opacity:1}}app-payroll-page .details-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.68rem .78rem;border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-surface-elevated);z-index:2}app-payroll-page .drawer-title-wrap{display:inline-flex;align-items:center;gap:.46rem;min-width:0}app-payroll-page .employee-avatar.large{width:1.95rem;height:1.95rem;font-size:.72rem}app-payroll-page .drawer-title-wrap h3{margin:0;font-size:.94rem;line-height:1.2}app-payroll-page .drawer-title-wrap p{margin:.08rem 0 0;font-size:.72rem;color:var(--color-text-muted)}app-payroll-page .drawer-content{padding:.7rem .78rem .9rem;overflow:auto;display:grid;gap:.62rem}app-payroll-page .drawer-section{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:.58rem .62rem;display:grid;gap:.4rem}app-payroll-page .drawer-section h4{margin:0;font-size:.76rem;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}app-payroll-page .detail-list{display:grid;gap:.32rem}app-payroll-page .detail-list>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.52rem;border-bottom:1px dashed color-mix(in srgb,var(--color-border) 78%,transparent);padding-bottom:.24rem}app-payroll-page .detail-list>div:last-child{border-bottom:0;padding-bottom:0}app-payroll-page .detail-list span{font-size:.72rem;color:var(--color-text-muted)}app-payroll-page .detail-list strong{font-size:.78rem;text-align:right}app-payroll-page .payout-value{color:var(--badge-success-text)}app-payroll-page .history-list{display:grid;gap:.25rem}app-payroll-page .history-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:center;gap:.45rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt);padding:.34rem .42rem}app-payroll-page .history-row span{font-size:.72rem;color:var(--color-text-muted)}app-payroll-page .history-row strong{font-size:.78rem;text-align:right}app-payroll-page .notes-block{margin:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt);padding:.45rem .5rem;font-size:.74rem;line-height:1.45;color:var(--color-text)}app-payroll-page .empty-state.compact{padding:.42rem;font-size:.73rem}app-payroll-page .small-modal{width:min(620px,100%)}app-payroll-page .modal-head h3{margin:0;font-size:.95rem}app-payroll-page .form-error{margin:.35rem 0 0;border:1px solid #f4b7b7;border-radius:var(--radius-md);background:#fae0e0a6;color:#b42318;font-size:.72rem;padding:.35rem .45rem}app-payroll-page .form-grid{margin-top:var(--space-3);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}app-payroll-page .single-column{grid-template-columns:1fr}app-payroll-page .field-block{grid-column:1 / -1}app-payroll-page .checkbox-field{display:flex;align-items:center;gap:.5rem}app-payroll-page .checkbox-field>span{font-size:.75rem;text-transform:none}app-payroll-page .modal-actions{margin-top:var(--space-3);display:flex;justify-content:flex-end;gap:var(--space-2);flex-wrap:wrap}app-payroll-page .details-grid{margin-top:var(--space-3);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}app-payroll-page .detail-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.45rem .52rem;display:grid;gap:.08rem}app-payroll-page .detail-item span{font-size:.66rem;color:var(--color-text-muted)}app-payroll-page .detail-item strong{font-size:.82rem}app-payroll-page .advances-section{margin-top:var(--space-3);border-top:1px solid var(--color-border);padding-top:var(--space-2)}app-payroll-page .advances-section h4{margin:0 0 var(--space-2);font-size:.82rem}app-payroll-page .advance-row{display:grid;grid-template-columns:120px 130px 1fr;gap:.4rem;padding:.25rem 0;border-bottom:1px dashed var(--color-border);font-size:.75rem}@media(max-width:1180px){app-payroll-page .top-controls{grid-template-columns:1fr;gap:.48rem}app-payroll-page .control-actions{justify-content:flex-start}app-payroll-page .toolbar-right{justify-content:flex-start}app-payroll-page .summary-strip{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}app-payroll-page .filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}app-payroll-page .clear-field{justify-self:start}app-payroll-page .bulk-toolbar{flex-direction:column;align-items:stretch}app-payroll-page .bulk-right{justify-content:flex-start;flex-wrap:wrap}app-payroll-page .board-grid{grid-template-columns:1fr}app-payroll-page .board-column{min-height:auto}}@media(max-width:760px){app-payroll-page .month-navigation{grid-template-columns:1fr 1fr}app-payroll-page .month-navigation app-filter-dropdown{grid-column:1 / -1;grid-row:1}app-payroll-page .month-navigation-button{width:100%}app-payroll-page .top-controls,app-payroll-page .form-grid,app-payroll-page .details-grid{grid-template-columns:1fr;display:grid}app-payroll-page .summary-strip{display:grid;grid-template-columns:1fr 1fr;grid-auto-flow:row;width:100%}app-payroll-page .filter-grid{grid-template-columns:1fr}app-payroll-page .bulk-left,app-payroll-page .bulk-right{flex-wrap:wrap}app-payroll-page .advance-row{grid-template-columns:1fr}app-payroll-page .details-drawer{width:100vw}}app-money-out-page .money-out-payroll-controls{display:flex;align-items:center;gap:.4rem;min-width:0;margin-left:auto;flex:1 1 auto}app-money-out-page .payroll-toolbar-button,app-money-out-page .payroll-toolbar-add{min-height:2.9rem;height:2.9rem;flex:0 0 auto}app-money-out-page .payroll-toolbar-month-display{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;width:9.8rem;min-width:9.8rem;height:2.9rem;padding:0 .8rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-surface-elevated);color:var(--color-text);box-sizing:border-box}app-money-out-page .payroll-toolbar-month-display span{color:var(--color-text-muted);font-size:.9rem}app-money-out-page .payroll-toolbar-month-display strong{font-size:.84rem;font-weight:800;white-space:nowrap}app-money-out-page .payroll-toolbar-kpi{display:flex;align-items:center;justify-content:space-between;gap:.45rem;min-width:8.4rem;min-height:2.9rem;padding:.32rem .6rem;border:1px solid var(--color-border);border-radius:.55rem;background:var(--color-surface-elevated);flex:1 1 0}app-money-out-page .payroll-toolbar-kpi span{color:var(--color-text-muted);font-size:.61rem;font-weight:800;line-height:1.1;text-transform:uppercase;white-space:nowrap}app-money-out-page .payroll-toolbar-kpi strong{color:var(--color-text);font-size:.8rem;font-weight:800;line-height:1.1;white-space:nowrap;margin-left:auto;text-align:right}@media(max-width:1280px){app-money-out-page .money-out-toolbar{flex-wrap:wrap}app-money-out-page .money-out-payroll-controls{width:100%;margin-left:0;flex-wrap:wrap}}@media(max-width:820px){app-money-out-page .money-out-payroll-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}app-money-out-page .payroll-toolbar-month-display{grid-column:1 / -1;grid-row:1;width:100%;min-width:0}app-money-out-page .payroll-toolbar-button,app-money-out-page .payroll-toolbar-add{width:100%}app-money-out-page .payroll-toolbar-kpi{min-width:0}app-money-out-page .payroll-toolbar-add{grid-column:1 / -1}}app-money-out-page .payroll-toolbar-button,app-money-out-page .payroll-toolbar-add{display:inline-flex;align-items:center;justify-content:center;padding-top:0;padding-bottom:0;line-height:1}app-money-out-page .payroll-toolbar-kpi{box-sizing:border-box;height:2.9rem}app-payroll-page .details-drawer{width:min(480px,94vw)}app-payroll-page .details-drawer-head{padding:.58rem .68rem}app-payroll-page .drawer-content{align-content:start;gap:.48rem;padding:.58rem .68rem .75rem}app-payroll-page .drawer-section{gap:.32rem;padding:.48rem .54rem}app-payroll-page .detail-list{gap:.25rem}app-payroll-page .detail-list>div{gap:.42rem;padding-bottom:.2rem}app-payroll-page .history-list{gap:.2rem}app-payroll-page .history-row{gap:.35rem;padding:.28rem .36rem}app-payroll-page .bulk-toolbar{min-height:2.75rem;padding:.38rem .58rem;gap:.5rem}app-payroll-page .bulk-left,app-payroll-page .bulk-right{gap:.38rem}app-payroll-page .bulk-select-all{gap:.3rem;font-size:.72rem}app-payroll-page .selected-count{font-size:.7rem;white-space:nowrap}app-payroll-page .bulk-right .finance-btn{min-height:2rem;height:2rem;padding-top:0;padding-bottom:0}app-payroll-page .bulk-export-format{width:118px}app-payroll-page .bulk-export-format .filter-trigger{min-height:2rem;height:2rem}app-payroll-page .employee-card.is-selected{border-color:color-mix(in srgb,var(--color-accent) 36%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 4%,var(--color-surface));box-shadow:inset 3px 0 color-mix(in srgb,var(--color-accent) 58%,transparent)}app-payroll-page .employee-card.is-selected .row-select input{outline:none;box-shadow:none}@media(max-width:760px){app-payroll-page .details-drawer{width:100vw}app-payroll-page .bulk-toolbar{min-height:0;align-items:stretch}app-payroll-page .bulk-right{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}app-payroll-page .bulk-right .finance-btn,app-payroll-page .bulk-export-format{width:100%}}app-payroll-page .bulk-select-all input[type=checkbox],app-payroll-page .row-select input[type=checkbox]{width:1rem;height:1rem;min-width:1rem;margin:0;accent-color:var(--color-primary);cursor:pointer}app-payroll-page .bulk-select-all{display:inline-flex;align-items:center;gap:.38rem;min-width:max-content;color:var(--color-text);font-size:.74rem;font-weight:750;line-height:1.15}app-payroll-page .bulk-select-all input[type=checkbox]:focus-visible,app-payroll-page .row-select input[type=checkbox]:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 52%,transparent);outline-offset:2px}app-payroll-page .bulk-action-button,app-payroll-page .bulk-export-format .filter-trigger{box-sizing:border-box;min-height:2.25rem;height:2.25rem;border-radius:.55rem}app-payroll-page .bulk-action-button{display:inline-flex;align-items:center;justify-content:center;padding:0 .72rem;line-height:1;white-space:nowrap}app-payroll-page .bulk-mark-paid{min-width:7rem}app-payroll-page .bulk-export-button{min-width:4.7rem}app-payroll-page .bulk-payslip-button{min-width:7.6rem}app-payroll-page .bulk-export-format{width:6.6rem;min-width:6.6rem}app-payroll-page .bulk-export-format app-filter-dropdown,app-payroll-page .bulk-export-format .filter-dropdown,app-payroll-page .bulk-export-format .filter-trigger{width:100%;min-width:0}app-payroll-page .bulk-export-format .filter-trigger{padding-left:.58rem;padding-right:.58rem}app-payroll-page .bulk-action-button:disabled{opacity:.48;cursor:not-allowed}@media(max-width:760px){app-payroll-page .bulk-action-button,app-payroll-page .bulk-export-format{width:100%;min-width:0}}@media(min-width:761px)and (max-width:1180px){app-money-out-page .money-out-toolbar{display:grid;grid-template-columns:1fr;align-items:stretch;gap:.55rem}app-money-out-page .section-switcher{width:100%;box-sizing:border-box}app-money-out-page .money-out-payroll-controls{display:grid;grid-template-columns:auto minmax(10rem,1fr) auto minmax(8rem,auto);align-items:center;gap:.45rem;width:100%;margin-left:0}app-money-out-page .payroll-toolbar-button{min-width:5.8rem}app-money-out-page .payroll-toolbar-month-display{width:100%;min-width:0}app-money-out-page .payroll-toolbar-add{min-width:7.6rem}app-money-out-page .payroll-toolbar-kpi{min-width:0;width:100%}app-money-out-page .payroll-toolbar-kpi:nth-of-type(1){grid-column:1}app-money-out-page .payroll-toolbar-kpi:nth-of-type(2){grid-column:2}app-money-out-page .payroll-toolbar-kpi:nth-of-type(3){grid-column:3}app-money-out-page .payroll-toolbar-kpi:nth-of-type(4){grid-column:4}app-money-out-page .payroll-toolbar-kpi{grid-row:2}app-payroll-page .board-grid{display:grid;grid-template-columns:repeat(3,minmax(20rem,1fr));gap:.6rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;padding-bottom:.35rem}app-payroll-page .board-column{min-width:20rem;min-height:32rem;scroll-snap-align:start}app-payroll-page .bulk-toolbar{align-items:stretch}app-payroll-page .bulk-right{width:100%;justify-content:start;overflow-x:auto;scrollbar-width:thin}}@media(max-width:760px){app-money-out-page .money-out-toolbar{display:grid;grid-template-columns:1fr;align-items:stretch;gap:.5rem}app-money-out-page .section-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;box-sizing:border-box}app-money-out-page .switch-btn{width:100%;min-width:0;padding-left:.35rem;padding-right:.35rem}app-money-out-page .money-out-payroll-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.45rem;width:100%;margin-left:0}app-money-out-page .payroll-toolbar-month-display{grid-column:1 / -1;grid-row:1;width:100%;min-width:0}app-money-out-page .payroll-toolbar-button{grid-row:2;width:100%;min-width:0}app-money-out-page .payroll-toolbar-kpi{grid-column:auto;grid-row:auto;width:100%;min-width:0;height:auto;min-height:3rem}app-money-out-page .payroll-toolbar-kpi span{white-space:normal}app-money-out-page .payroll-toolbar-add{grid-column:1 / -1;width:100%;min-width:0}app-payroll-page .payroll-page{min-width:0;overflow-x:hidden}app-payroll-page .warning-banner{line-height:1.4}app-payroll-page .board-grid{display:grid;grid-template-columns:1fr;gap:.7rem;overflow:visible;padding-bottom:0}app-payroll-page .board-column{width:100%;min-width:0;min-height:auto;box-sizing:border-box}app-payroll-page .employee-card{min-width:0}app-payroll-page .employee-top{grid-template-columns:auto minmax(0,1fr) auto}app-payroll-page .money-line{min-width:0}app-payroll-page .bulk-toolbar{display:grid;grid-template-columns:1fr;align-items:stretch;gap:.55rem;width:100%;box-sizing:border-box}app-payroll-page .bulk-left{width:100%;justify-content:space-between}app-payroll-page .bulk-right{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;gap:.4rem;width:100%;overflow:visible}app-payroll-page .bulk-action-button,app-payroll-page .bulk-export-format{width:100%;min-width:0}app-payroll-page .bulk-export-format .filter-trigger{width:100%}app-payroll-page .details-drawer{width:100vw;max-width:100vw}app-payroll-page .details-drawer-head,app-payroll-page .drawer-content{padding-left:.7rem;padding-right:.7rem}}@media(min-width:761px)and (max-width:1180px){app-money-out-page .money-out-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-auto-flow:row!important;align-items:stretch!important;gap:.55rem!important}app-money-out-page .section-switcher{grid-column:1!important;grid-row:1!important;width:100%!important;max-width:none!important;justify-self:stretch!important;box-sizing:border-box}app-money-out-page .money-out-payroll-controls{grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-columns:minmax(5.8rem,auto) minmax(10rem,1fr) minmax(5.8rem,auto) minmax(7.8rem,auto)!important;grid-template-rows:2.9rem 2.9rem!important;align-items:stretch!important;gap:.45rem!important;width:100%!important;margin:0!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-button:first-of-type{grid-column:1!important;grid-row:1!important}app-money-out-page .payroll-toolbar-month-display{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-button:nth-of-type(2){grid-column:3!important;grid-row:1!important}app-money-out-page .payroll-toolbar-add{grid-column:4!important;grid-row:1!important;width:100%!important;min-width:0!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-kpi{grid-row:2!important;width:100%!important;min-width:0!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-kpi:nth-of-type(2){grid-column:1!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-kpi:nth-of-type(3){grid-column:2!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-kpi:nth-of-type(4){grid-column:3!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-kpi:nth-of-type(5){grid-column:4!important}}@media(min-width:761px)and (max-width:1180px){app-money-out-page .money-out-toolbar{display:grid!important;grid-template-columns:max-content minmax(0,1fr)!important;grid-template-rows:2.9rem 2.9rem!important;align-items:stretch!important;gap:.45rem!important}app-money-out-page .section-switcher{grid-column:1!important;grid-row:1!important;align-self:stretch!important;width:max-content!important;max-width:none!important;min-width:0!important}app-money-out-page .money-out-payroll-controls{grid-column:2!important;grid-row:1 / 3!important;display:grid!important;grid-template-columns:minmax(5.5rem,auto) minmax(9.5rem,1fr) minmax(4.8rem,auto) minmax(7.4rem,auto)!important;grid-template-rows:2.9rem 2.9rem!important;align-items:stretch!important;gap:.45rem!important;width:100%!important;min-width:0!important;margin:0!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-button:first-of-type{grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important}app-money-out-page .payroll-toolbar-month-display{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-button:nth-of-type(2){grid-column:3!important;grid-row:1!important;width:100%!important;min-width:0!important}app-money-out-page .payroll-toolbar-add{grid-column:4!important;grid-row:1!important;width:100%!important;min-width:0!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-kpi{grid-row:2!important;width:100%!important;min-width:0!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-kpi:nth-of-type(2){grid-column:1!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-kpi:nth-of-type(3){grid-column:2!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-kpi:nth-of-type(4){grid-column:3!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-kpi:nth-of-type(5){grid-column:4!important}app-money-out-page .payroll-toolbar-kpi span{font-size:.58rem}app-money-out-page .payroll-toolbar-kpi strong{font-size:.75rem}}@media(min-width:761px)and (max-width:1180px){app-money-out-page .money-out-toolbar{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr))!important;grid-template-rows:2.9rem 2.9rem!important;align-items:stretch!important;gap:.45rem!important}app-money-out-page .section-switcher{grid-column:1 / 4!important;grid-row:1!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box}app-money-out-page .section-switcher .switch-btn{width:100%!important;min-width:0!important;padding-left:.35rem!important;padding-right:.35rem!important}app-money-out-page .money-out-payroll-controls{display:contents!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-button:first-of-type{grid-column:4!important;grid-row:1!important;width:100%!important;min-width:0!important}app-money-out-page .payroll-toolbar-month-display{grid-column:5 / 7!important;grid-row:1!important;width:100%!important;min-width:0!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-button:nth-of-type(2){grid-column:7!important;grid-row:1!important;width:100%!important;min-width:0!important}app-money-out-page .payroll-toolbar-add{grid-column:8!important;grid-row:1!important;width:100%!important;min-width:0!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-kpi{grid-row:2!important;width:100%!important;min-width:0!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-kpi:nth-of-type(2){grid-column:1 / 3!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-kpi:nth-of-type(3){grid-column:3 / 5!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-kpi:nth-of-type(4){grid-column:5 / 7!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-kpi:nth-of-type(5){grid-column:7 / 9!important}app-money-out-page .payroll-toolbar-kpi{display:flex!important;align-items:center!important;justify-content:space-between!important;padding-left:.65rem!important;padding-right:.65rem!important}app-money-out-page .payroll-toolbar-kpi span,app-money-out-page .payroll-toolbar-kpi strong{white-space:nowrap!important}}@media(max-width:760px){app-money-out-page .money-out-payroll-controls{display:grid!important;grid-template-columns:minmax(5.8rem,.85fr) minmax(0,1.5fr) minmax(4.8rem,.85fr)!important;grid-template-rows:2.9rem 3rem 2.9rem!important;align-items:stretch!important;gap:.45rem!important;width:100%!important;min-width:0!important;margin:0!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-button:first-of-type{grid-column:1!important;grid-row:1!important;width:100%!important;min-width:0!important;padding-left:.35rem!important;padding-right:.35rem!important}app-money-out-page .payroll-toolbar-month-display{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;padding-left:.35rem!important;padding-right:.35rem!important;gap:.35rem!important}app-money-out-page .payroll-toolbar-month-display strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-button:nth-of-type(2){grid-column:3!important;grid-row:1!important;width:100%!important;min-width:0!important;padding-left:.35rem!important;padding-right:.35rem!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-kpi:nth-of-type(2){display:flex!important;grid-column:1 / 2!important;grid-row:2!important;width:100%!important;min-width:0!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-kpi:nth-of-type(3),app-money-out-page .money-out-payroll-controls>.payroll-toolbar-kpi:nth-of-type(4){display:none!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-kpi:nth-of-type(5){display:flex!important;grid-column:2 / 4!important;grid-row:2!important;width:100%!important;min-width:0!important}app-money-out-page .payroll-toolbar-kpi{align-items:center!important;justify-content:space-between!important;height:3rem!important;min-height:3rem!important;padding-left:.65rem!important;padding-right:.65rem!important}app-money-out-page .payroll-toolbar-kpi span,app-money-out-page .payroll-toolbar-kpi strong{white-space:nowrap!important}app-money-out-page .payroll-toolbar-add{grid-column:1 / 4!important;grid-row:3!important;width:100%!important;min-width:0!important}}@media(max-width:760px){app-money-out-page .money-out-payroll-controls{grid-template-columns:repeat(6,minmax(0,1fr))!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-button:first-of-type{grid-column:1 / 3!important}app-money-out-page .payroll-toolbar-month-display{grid-column:3 / 5!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-button:nth-of-type(2){grid-column:5 / 7!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-kpi:nth-of-type(2){grid-column:1 / 4!important;grid-row:2!important}app-money-out-page .money-out-payroll-controls>.payroll-toolbar-kpi:nth-of-type(5){grid-column:4 / 7!important;grid-row:2!important}app-money-out-page .payroll-toolbar-kpi{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:.35rem!important;overflow:hidden!important;padding-left:.55rem!important;padding-right:.55rem!important}app-money-out-page .payroll-toolbar-kpi span{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:.57rem!important}app-money-out-page .payroll-toolbar-kpi strong{flex:0 0 auto!important;margin-left:auto!important;white-space:nowrap!important;font-size:.76rem!important}app-money-out-page .payroll-toolbar-add{grid-column:1 / 7!important;grid-row:3!important}}app-money-out-page .payroll-month-label-short{display:none}@media(max-width:760px){app-money-out-page .payroll-month-label-full{display:none}app-money-out-page .payroll-month-label-short{display:inline;min-width:0;overflow:visible;text-overflow:clip;white-space:nowrap}}@media(max-width:760px){app-payroll-page app-payroll-action-toolbar .bulk-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:.55rem!important;min-height:0!important;padding:.65rem!important;box-sizing:border-box!important}app-payroll-page app-payroll-action-toolbar .bulk-toolbar>.bulk-left{display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;align-items:center!important;gap:.55rem!important;width:100%!important;min-width:0!important}app-payroll-page app-payroll-action-toolbar .bulk-toolbar>.bulk-left>.bulk-left{display:contents!important}app-payroll-page app-payroll-action-toolbar .bulk-select-all{grid-column:1!important;display:inline-flex!important;align-items:center!important;gap:.42rem!important;min-width:0!important;white-space:nowrap!important}app-payroll-page app-payroll-action-toolbar .selected-count{grid-column:2!important;justify-self:end!important;margin:0!important;color:var(--color-text-muted)!important;font-size:.72rem!important;white-space:nowrap!important}app-payroll-page app-payroll-action-toolbar .bulk-toolbar>.bulk-right{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-flow:row!important;align-items:stretch!important;gap:.45rem!important;width:100%!important;min-width:0!important;overflow:visible!important}app-payroll-page app-payroll-action-toolbar .bulk-toolbar>.bulk-right>.bulk-right{display:contents!important}app-payroll-page app-payroll-action-toolbar .bulk-action-button,app-payroll-page app-payroll-action-toolbar .bulk-export-format{width:100%!important;min-width:0!important;max-width:none!important}app-payroll-page app-payroll-action-toolbar .bulk-action-button,app-payroll-page app-payroll-action-toolbar .bulk-export-format .filter-trigger{box-sizing:border-box!important;min-height:2.55rem!important;height:2.55rem!important}app-payroll-page app-payroll-action-toolbar .bulk-action-button{padding-left:.45rem!important;padding-right:.45rem!important;justify-content:center!important;white-space:nowrap!important}app-payroll-page app-payroll-action-toolbar .bulk-export-format .filter-trigger{width:100%!important;padding-left:.55rem!important;padding-right:.55rem!important}}app-proposal-preview-sheet{display:block;width:100%}app-proposal-preview-sheet *{box-sizing:border-box}app-proposal-preview-sheet .proposal-document{width:min(210mm,100%);min-height:297mm;margin:0;padding:14mm 16mm;background:#fff;color:#17211f;border:1px solid #d9dfdd;border-radius:.35rem;box-shadow:0 12px 32px #02261e1a;font-family:Poppins,Tajawal,Arial,sans-serif;font-size:.78rem;line-height:1.5;-webkit-print-color-adjust:exact;print-color-adjust:exact}app-proposal-preview-sheet .proposal-document,app-proposal-preview-sheet .proposal-document *{font-family:Poppins,Tajawal,Arial,sans-serif!important}app-proposal-preview-sheet .proposal-document.is-rtl{text-align:right}app-proposal-preview-sheet .document-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1.5rem;padding:0 0 1rem;border-top:1px solid #d7dddb;border-bottom:1px solid #d7dddb;break-inside:avoid;page-break-inside:avoid}app-proposal-preview-sheet .is-rtl .document-header{flex-direction:row-reverse}app-proposal-preview-sheet .document-brand{width:180px;min-height:70px;display:flex;align-items:center;padding-top:.65rem}app-proposal-preview-sheet .document-brand img{display:block;width:100%;max-width:180px;max-height:65px;object-fit:contain;object-position:left center}app-proposal-preview-sheet .is-rtl .document-brand img{object-position:right center}app-proposal-preview-sheet .document-meta{min-width:220px;display:grid;justify-items:start;gap:.08rem;padding-top:.65rem;text-align:left}app-proposal-preview-sheet .is-rtl .document-meta{justify-items:end;text-align:right}app-proposal-preview-sheet .document-meta h1{margin:0;font-size:1.42rem;line-height:1.15;color:#111817;font-weight:700}app-proposal-preview-sheet .document-meta span,app-proposal-preview-sheet .document-meta strong{display:block;font-size:.78rem}app-proposal-preview-sheet .proposal-number{color:#14835f;font-size:.92rem!important;font-weight:800}app-proposal-preview-sheet .document-section,app-proposal-preview-sheet .content-section,app-proposal-preview-sheet .document-part{margin-top:1rem}app-proposal-preview-sheet .section-band{margin:0 0 .55rem;padding:.45rem .65rem;background:#f0f1f1;color:#5c6664;font-size:.9rem;line-height:1.2;font-weight:700;break-after:avoid;page-break-after:avoid}app-proposal-preview-sheet .details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;break-inside:avoid;page-break-inside:avoid}app-proposal-preview-sheet .details-column{min-height:105px;border:1px solid #dbe1df}app-proposal-preview-sheet .details-column h3{margin:0;padding:.48rem .65rem;border-bottom:1px solid #dbe1df;font-size:.78rem;color:#46514e;font-weight:700}app-proposal-preview-sheet .details-column strong{display:block;margin:.65rem .65rem .35rem;color:#111817;font-size:.82rem}app-proposal-preview-sheet .details-column p{margin:0;padding:0 .65rem;color:#4d5755;line-height:1.45;white-space:pre-line}app-proposal-preview-sheet .details-column p:last-child{padding-bottom:.65rem}app-proposal-preview-sheet .declaration-panel{margin-top:.75rem;padding:.65rem .75rem;background:#fff2f2;border-inline-start:3px solid #d62d2d;break-inside:avoid;page-break-inside:avoid}app-proposal-preview-sheet .declaration-panel h2{margin:0 0 .5rem;color:#c22525;font-size:.82rem;font-weight:700}app-proposal-preview-sheet .declaration-panel p{margin:0;white-space:pre-line}app-proposal-preview-sheet .content-section>h2,app-proposal-preview-sheet .subsection-title{margin:0 0 .55rem;padding:0 0 .35rem;border-bottom:1px solid #d7dddb;color:#252d2b;font-size:.82rem;font-weight:700;break-after:avoid;page-break-after:avoid}app-proposal-preview-sheet .part-title{margin:1.25rem 0 .75rem;padding:.48rem .65rem;background:#f0f1f1;color:#515b59;font-size:.92rem;font-weight:700;break-after:avoid;page-break-after:avoid}app-proposal-preview-sheet .long-copy{margin:0;white-space:pre-line;line-height:1.58;orphans:3;widows:3}app-proposal-preview-sheet .document-list{margin:0;padding-inline-start:1.1rem}app-proposal-preview-sheet .document-list li{margin:0 0 .25rem;line-height:1.5}app-proposal-preview-sheet .inline-list{margin:0;line-height:1.55}app-proposal-preview-sheet .document-table{width:100%;border-collapse:collapse;table-layout:fixed}app-proposal-preview-sheet .document-table thead{display:table-header-group}app-proposal-preview-sheet .document-table tr{break-inside:avoid;page-break-inside:avoid}app-proposal-preview-sheet .document-table th,app-proposal-preview-sheet .document-table td{padding:.42rem .45rem;border-bottom:1px solid #dbe1df;text-align:start;vertical-align:top;overflow-wrap:anywhere}app-proposal-preview-sheet .document-table th{background:#f5f7f6;color:#55605d;font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.025em}app-proposal-preview-sheet .is-rtl .document-table th{text-transform:none;letter-spacing:0}app-proposal-preview-sheet .document-table td{font-size:.75rem}app-proposal-preview-sheet .number-cell,app-proposal-preview-sheet .ltr-value{unicode-bidi:isolate}app-proposal-preview-sheet .section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.55rem;break-after:avoid;page-break-after:avoid}app-proposal-preview-sheet .section-heading-row .subsection-title{flex:1 1 auto;min-width:0;margin:0}app-proposal-preview-sheet .section-stat,app-proposal-preview-sheet .duration-badge{display:inline-flex;align-items:center;justify-content:center;gap:.28rem;min-height:1.65rem;padding:.2rem .58rem;border:1px solid #d4dfdb;border-radius:999px;background:#f3f8f6;color:#48655c;font-size:.68rem;font-weight:700;white-space:nowrap}app-proposal-preview-sheet .table-shell{border:1px solid #d8e1de;border-radius:.52rem;overflow:hidden;background:#fff}app-proposal-preview-sheet .table-shell .document-table th,app-proposal-preview-sheet .table-shell .document-table td{border-bottom-color:#e2e8e6}app-proposal-preview-sheet .table-shell .document-table tbody tr:last-child td{border-bottom:0}app-proposal-preview-sheet .table-shell .document-table th{background:#eef4f1;color:#4e6d63}app-proposal-preview-sheet .service-table{table-layout:fixed}app-proposal-preview-sheet .service-name-column{width:20%}app-proposal-preview-sheet .service-description-column{width:31%}app-proposal-preview-sheet .service-quantity-column{width:9%}app-proposal-preview-sheet .service-money-column{width:20%}app-proposal-preview-sheet .service-name-cell{color:#24332e;font-weight:700}app-proposal-preview-sheet .service-description-cell,app-proposal-preview-sheet .timeline-notes-cell{color:#53615d}app-proposal-preview-sheet .quantity-value{display:inline-block;min-width:1.5rem;text-align:center}app-proposal-preview-sheet .money-value{display:inline-flex;align-items:baseline;justify-content:flex-end;gap:.22rem;max-width:100%;white-space:nowrap;unicode-bidi:isolate}app-proposal-preview-sheet .money-code{color:#60706a;font-size:.67rem;font-weight:700;letter-spacing:.02em}app-proposal-preview-sheet .money-amount{color:#17211f;font-variant-numeric:tabular-nums}app-proposal-preview-sheet .investment-summary{margin-top:.72rem;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(150px,.65fr);grid-template-areas:"payment total";gap:.72rem;align-items:stretch;break-inside:avoid;page-break-inside:avoid}app-proposal-preview-sheet .is-rtl .investment-summary{grid-template-columns:minmax(150px,.65fr) minmax(0,1.55fr);grid-template-areas:"total payment"}app-proposal-preview-sheet .summary-card{border:1px solid #d8e1de;border-radius:.52rem;background:#fff;overflow:hidden}app-proposal-preview-sheet .payment-plan{grid-area:payment}app-proposal-preview-sheet .summary-card-header{padding:.55rem .68rem;border-bottom:1px solid #dfe7e4;background:#f7faf9}app-proposal-preview-sheet .summary-card-header h3{margin:0;color:#26312e;font-size:.77rem;font-weight:800}app-proposal-preview-sheet .payment-list{padding:.18rem .65rem .3rem}app-proposal-preview-sheet .payment-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.48rem;padding:.42rem 0;border-bottom:1px solid #edf1ef}app-proposal-preview-sheet .payment-row:last-child{border-bottom:0}app-proposal-preview-sheet .milestone-percent{display:inline-flex;align-items:center;justify-content:center;min-width:2.5rem;padding:.12rem .38rem;border-radius:999px;background:#e8f3ef;color:#176448;font-size:.68rem;font-weight:800;font-variant-numeric:tabular-nums}app-proposal-preview-sheet .milestone-label{min-width:0;color:#303b37;font-size:.73rem;overflow-wrap:anywhere}app-proposal-preview-sheet .milestone-amount{font-size:.73rem;font-weight:800}app-proposal-preview-sheet .proposal-total{grid-area:total;position:relative;display:flex;min-height:100%;flex-direction:column;justify-content:center;align-items:flex-start;gap:.35rem;padding:.78rem;border-inline-start:3px solid #0b7a57;background:linear-gradient(145deg,#f7fbf9,#edf7f2)}app-proposal-preview-sheet .total-label{color:#52635e;font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.045em}app-proposal-preview-sheet .is-rtl .total-label{text-transform:none;letter-spacing:0}app-proposal-preview-sheet .total-money{color:#087a55;font-size:1.2rem;font-weight:850}app-proposal-preview-sheet .total-money .money-code,app-proposal-preview-sheet .total-money .money-amount{color:inherit}app-proposal-preview-sheet .total-rule{width:2.4rem;height:2px;margin-top:.12rem;border-radius:999px;background:#81b9a4}app-proposal-preview-sheet .timeline-summary-block{break-inside:avoid;page-break-inside:avoid}app-proposal-preview-sheet .timeline-table{table-layout:fixed}app-proposal-preview-sheet .timeline-phase-column{width:34%}app-proposal-preview-sheet .timeline-duration-column{width:20%}app-proposal-preview-sheet .timeline-notes-column{width:46%}app-proposal-preview-sheet .timeline-phase-cell{color:#24332e;font-weight:700}app-proposal-preview-sheet .duration-value{display:inline-flex;align-items:baseline;justify-content:center;gap:.22rem;white-space:nowrap;unicode-bidi:isolate}app-proposal-preview-sheet .agreement-item{margin:0 0 .75rem;break-inside:auto;page-break-inside:auto}app-proposal-preview-sheet .agreement-item h4{margin:0 0 .28rem;color:#252d2b;font-size:.78rem;font-weight:700;break-after:avoid;page-break-after:avoid}app-proposal-preview-sheet .agreement-item p{margin:0 0 .35rem;white-space:pre-line;line-height:1.55;orphans:3;widows:3}app-proposal-preview-sheet .agreement-item h4+p{break-before:avoid;page-break-before:avoid}app-proposal-preview-sheet .signature-grid{margin-top:1.2rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;break-inside:avoid;page-break-inside:avoid}app-proposal-preview-sheet .signature-column{min-height:90px}app-proposal-preview-sheet .signature-column h3{margin:0 0 .45rem;font-size:.78rem;font-weight:700}app-proposal-preview-sheet .signature-column p{margin:0 0 1.5rem;min-height:1rem}app-proposal-preview-sheet .signature-title{display:block;margin-top:.2rem;color:#5f6967;font-size:.72rem}app-proposal-preview-sheet .signature-label{display:block;padding-top:.4rem;border-top:1px solid #6f7976;font-size:.7rem;color:#65706d}app-proposal-preview-sheet .document-footer{margin-top:1rem;padding-top:.45rem;border-top:1px solid #d7dddb;display:flex;justify-content:space-between;gap:1rem;color:#6b7472;font-size:.66rem;break-inside:avoid;page-break-inside:avoid}@media print{@page{size:A4;margin:12mm;@bottom-right{content:counter(page) " of " counter(pages);font-family:Poppins,Tajawal,Arial,sans-serif;font-size:7.5pt;font-weight:600;line-height:1;color:#65706d;text-align:right}}app-proposal-preview-sheet{display:block!important;width:auto!important;height:auto!important;overflow:visible!important}app-proposal-preview-sheet .proposal-document{width:186mm!important;min-height:auto!important;max-width:none!important;margin:0 auto!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}app-proposal-preview-sheet .document-section,app-proposal-preview-sheet .content-section,app-proposal-preview-sheet .document-part{margin-top:4.5mm}app-proposal-preview-sheet .document-header,app-proposal-preview-sheet .details-grid,app-proposal-preview-sheet .declaration-panel,app-proposal-preview-sheet .investment-summary,app-proposal-preview-sheet .timeline-summary-block,app-proposal-preview-sheet .signature-grid,app-proposal-preview-sheet .document-footer{break-inside:avoid;page-break-inside:avoid}app-proposal-preview-sheet .section-band,app-proposal-preview-sheet .part-title,app-proposal-preview-sheet .content-section>h2,app-proposal-preview-sheet .subsection-title,app-proposal-preview-sheet .agreement-item h4{break-after:avoid;page-break-after:avoid}app-proposal-preview-sheet .proposal-document.is-long-document .long-document-page-break{break-before:page!important;page-break-before:always!important}app-proposal-preview-sheet .document-table{width:100%!important}app-proposal-preview-sheet .document-table th,app-proposal-preview-sheet .document-table td{padding:2mm 1.8mm;font-size:8.5pt}app-proposal-preview-sheet .document-meta h1{font-size:15pt}app-proposal-preview-sheet .proposal-document,app-proposal-preview-sheet .proposal-document p,app-proposal-preview-sheet .proposal-document div,app-proposal-preview-sheet .proposal-document span,app-proposal-preview-sheet .proposal-document strong,app-proposal-preview-sheet .proposal-document li{line-height:1.42}app-proposal-preview-sheet .section-heading-row{margin-bottom:1.5mm!important}app-proposal-preview-sheet .section-stat,app-proposal-preview-sheet .duration-badge{min-height:5mm!important;padding:.6mm 1.8mm!important;font-size:7pt!important}app-proposal-preview-sheet .table-shell{border-radius:1.5mm!important}app-proposal-preview-sheet .investment-summary{margin-top:2mm!important;gap:2mm!important}app-proposal-preview-sheet .summary-card-header{padding:1.5mm 2mm!important}app-proposal-preview-sheet .payment-list{padding:.5mm 2mm .8mm!important}app-proposal-preview-sheet .payment-row{gap:1.5mm!important;padding:1mm 0!important}app-proposal-preview-sheet .milestone-percent{min-width:8mm!important;padding:.4mm 1.2mm!important;font-size:7pt!important}app-proposal-preview-sheet .milestone-label,app-proposal-preview-sheet .milestone-amount{font-size:7.5pt!important}app-proposal-preview-sheet .proposal-total{padding:2.2mm!important}app-proposal-preview-sheet .total-label{font-size:7pt!important}app-proposal-preview-sheet .total-money{font-size:12pt!important}app-proposal-preview-sheet .document-part{margin-top:3mm!important}app-proposal-preview-sheet .part-title{margin:2mm 0!important;padding:1.8mm 2.4mm!important}app-proposal-preview-sheet .content-section{margin-top:3mm!important}app-proposal-preview-sheet .subsection-title{margin-bottom:1.8mm!important;padding-bottom:1mm!important}app-proposal-preview-sheet .agreement-item{margin:0 0 1.4mm!important}app-proposal-preview-sheet .agreement-item h4{margin:0 0 .55mm!important;font-size:8pt!important;line-height:1.2!important}app-proposal-preview-sheet .agreement-item p{margin:0 0 .7mm!important;font-size:7.8pt!important;line-height:1.3!important;orphans:2!important;widows:2!important}app-proposal-preview-sheet .signature-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%!important;min-width:0!important;margin-top:2.5mm!important;column-gap:8mm!important;break-inside:avoid!important;page-break-inside:avoid!important}app-proposal-preview-sheet .signature-column{display:block!important;width:auto!important;min-width:0!important;max-width:none!important;min-height:0!important}app-proposal-preview-sheet .signature-column h3{display:block!important;width:100%!important;min-width:0!important;margin:0 0 1mm!important;font-size:8pt!important;line-height:1.2!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}app-proposal-preview-sheet .signature-column p{display:block!important;width:100%!important;min-width:0!important;min-height:0!important;margin:0 0 3mm!important;font-size:8pt!important;line-height:1.2!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}app-proposal-preview-sheet .signature-title{margin-top:.5mm!important;font-size:7pt!important;line-height:1.2!important}app-proposal-preview-sheet .signature-label{display:block!important;width:100%!important;min-width:0!important;padding-top:1mm!important;font-size:7pt!important;line-height:1.2!important;writing-mode:horizontal-tb!important;text-orientation:mixed!important;white-space:normal!important;word-break:normal!important;overflow-wrap:normal!important}}@media screen and (max-width:980px){app-proposal-preview-sheet .proposal-document{min-height:0;padding:1rem}app-proposal-preview-sheet .document-header,app-proposal-preview-sheet .is-rtl .document-header{flex-direction:column}app-proposal-preview-sheet .document-meta{min-width:0}app-proposal-preview-sheet .details-grid,app-proposal-preview-sheet .investment-summary,app-proposal-preview-sheet .is-rtl .investment-summary,app-proposal-preview-sheet .signature-grid{grid-template-columns:1fr}}app-shell-layout .shell-layout{display:flex;flex-direction:column;height:100vh;overflow:hidden}app-shell-layout .nav-backdrop{display:none}app-shell-layout .topnav{background:var(--color-sidebar-bg);color:var(--color-sidebar-text);border-bottom:1px solid color-mix(in srgb,var(--color-sidebar-text) 10%,transparent);position:sticky;top:0;z-index:50;flex-shrink:0}app-shell-layout .topnav-inner{display:flex;align-items:center;height:56px;width:100%}app-shell-layout .brand-link{display:flex;align-items:center;flex-shrink:0;padding:0 1rem;text-decoration:none;border-right:1px solid color-mix(in srgb,var(--color-sidebar-text) 12%,transparent);height:100%}app-shell-layout .brand-logo{display:block;width:30px;height:30px;object-fit:contain;filter:brightness(0) invert(1);opacity:.92}app-shell-layout .nav-links{display:flex;align-items:center;flex:1;height:100%;overflow:visible;scrollbar-width:none;padding:0 .25rem}app-shell-layout .nav-links::-webkit-scrollbar{display:none}app-shell-layout .nav-divider{width:1px;height:1.1rem;background:color-mix(in srgb,var(--color-sidebar-text) 15%,transparent);flex-shrink:0;margin:0 .2rem}app-shell-layout .nav-link{display:inline-flex;align-items:center;height:100%;padding:0 .58rem;font-size:.8rem;font-weight:560;color:color-mix(in srgb,var(--color-sidebar-text) 76%,transparent);text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;flex-shrink:0;transition:color .14s ease,border-color .14s ease,background-color .14s ease}app-shell-layout .nav-link:hover{color:var(--color-sidebar-text);background:color-mix(in srgb,var(--color-sidebar-text) 7%,transparent)}app-shell-layout .nav-link.is-active{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:680}app-shell-layout .nav-menu{position:relative;display:flex;align-items:stretch;height:100%;flex-shrink:0}app-shell-layout .nav-menu-trigger{display:inline-flex;align-items:center;justify-content:center;gap:.32rem;height:100%;padding:0 .68rem;border:0;border-bottom:2px solid transparent;background:transparent;color:color-mix(in srgb,var(--color-sidebar-text) 76%,transparent);font:inherit;font-size:.8rem;font-weight:560;white-space:nowrap;cursor:pointer;transition:color .14s ease,border-color .14s ease,background-color .14s ease}app-shell-layout .nav-menu-trigger:hover,app-shell-layout .nav-menu.is-open>.nav-menu-trigger{color:var(--color-sidebar-text);background:color-mix(in srgb,var(--color-sidebar-text) 7%,transparent)}app-shell-layout .nav-menu.has-active-route>.nav-menu-trigger{color:var(--color-accent);border-bottom-color:var(--color-accent);font-weight:680}app-shell-layout .nav-menu-chevron{display:inline-block;font-size:.82rem;line-height:1;transform:translateY(-.04rem);transition:transform .14s ease}app-shell-layout .nav-menu.is-open .nav-menu-chevron{transform:translateY(.04rem) rotate(180deg)}app-shell-layout .nav-menu-panel{display:none;position:absolute;top:100%;left:0;z-index:70;min-width:13.5rem;padding:.38rem;border:1px solid color-mix(in srgb,var(--color-sidebar-text) 16%,transparent);border-radius:.72rem;background:var(--color-sidebar-bg);box-shadow:0 18px 38px #00000047}app-shell-layout .nav-menu.is-open .nav-menu-panel{display:grid;gap:.14rem}app-shell-layout .nav-menu-link{display:flex;align-items:center;min-height:2.25rem;padding:.48rem .62rem;border:1px solid transparent;border-radius:.48rem;color:color-mix(in srgb,var(--color-sidebar-text) 78%,transparent);font-size:.78rem;font-weight:580;text-decoration:none;white-space:nowrap;transition:color .14s ease,border-color .14s ease,background-color .14s ease}app-shell-layout .nav-menu-link:hover{color:var(--color-sidebar-text);background:color-mix(in srgb,var(--color-sidebar-text) 8%,transparent)}app-shell-layout .nav-menu-link.is-active{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 38%,transparent);background:color-mix(in srgb,var(--color-sidebar-text) 9%,transparent);font-weight:700}app-shell-layout .settings-nav-link{width:2.55rem;min-width:2.55rem;padding:0;justify-content:center}app-shell-layout .settings-nav-icon{display:block;width:1.3rem;height:1.3rem;object-fit:contain;opacity:.78;transition:opacity .14s ease,transform .14s ease}app-shell-layout .settings-nav-link:hover .settings-nav-icon{opacity:1;transform:rotate(18deg)}app-shell-layout .settings-nav-link.is-active .settings-nav-icon{opacity:1}app-shell-layout .topnav-right{display:flex;align-items:center;gap:.38rem;padding:0 .75rem;flex-shrink:0;border-left:1px solid color-mix(in srgb,var(--color-sidebar-text) 12%,transparent);height:100%}app-shell-layout .logout-btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;min-height:2.1rem;padding:0 .62rem;border:1px solid color-mix(in srgb,var(--color-sidebar-text) 20%,transparent);border-radius:.5rem;background:color-mix(in srgb,var(--color-sidebar-text) 7%,transparent);color:var(--color-sidebar-text);font:inherit;font-size:.72rem;font-weight:650;white-space:nowrap;cursor:pointer;transition:background-color .14s ease,border-color .14s ease,opacity .14s ease}app-shell-layout .logout-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-sidebar-text) 13%,transparent);border-color:color-mix(in srgb,var(--color-sidebar-text) 34%,transparent)}app-shell-layout .logout-btn:disabled{cursor:wait;opacity:.58}app-shell-layout .logout-icon{font-size:.92rem;line-height:1}app-shell-layout .role-switcher select{min-height:2.1rem;padding:0 .55rem;min-width:150px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-sidebar-text) 8%,transparent);border-color:color-mix(in srgb,var(--color-sidebar-text) 20%,transparent);color:var(--color-sidebar-text)}app-shell-layout .user-chip{display:inline-flex;align-items:center;gap:.38rem}app-shell-layout .user-avatar{width:1.8rem;height:1.8rem;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--color-sidebar-text) 18%,transparent);border:1px solid color-mix(in srgb,var(--color-sidebar-text) 24%,transparent);font-size:.6rem;font-weight:700;display:grid;place-items:center;color:var(--color-sidebar-text);flex-shrink:0}app-shell-layout .user-avatar img{width:100%;height:100%;object-fit:cover;display:block}app-shell-layout .user-name{font-size:.8rem;font-weight:600;color:var(--color-sidebar-text);white-space:nowrap}app-shell-layout .hamburger-btn{display:none;width:2.1rem;height:2.1rem;border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-sidebar-text) 20%,transparent);background:color-mix(in srgb,var(--color-sidebar-text) 7%,transparent);color:var(--color-sidebar-text);align-items:center;justify-content:center;font-size:1.05rem;cursor:pointer}app-shell-layout .page-content{flex:1;padding:var(--space-4);overflow-y:auto;overflow-x:hidden;min-height:0}@media(max-width:1200px){app-shell-layout .nav-backdrop.is-open{display:block;position:fixed;inset:56px 0 0;background:#00000073;z-index:40}app-shell-layout .nav-links{display:none;position:fixed;top:56px;left:0;bottom:0;width:min(86vw,360px);max-width:calc(100vw - 48px);flex-direction:column;align-items:stretch;height:auto;overflow-x:hidden;overflow-y:auto;background:var(--color-sidebar-bg);z-index:45;padding:.65rem;border-top:1px solid color-mix(in srgb,var(--color-sidebar-text) 12%,transparent);border-right:1px solid color-mix(in srgb,var(--color-sidebar-text) 14%,transparent);box-shadow:18px 0 36px #0000003d}app-shell-layout .nav-links.is-open{display:flex}app-shell-layout .nav-link{min-height:44px;height:auto;padding:.62rem .72rem;border-bottom:none;border-radius:.52rem;border:1px solid transparent;font-size:.82rem}app-shell-layout .nav-link.is-active{border-bottom:none;color:var(--color-accent);background:color-mix(in srgb,var(--color-sidebar-text) 12%,transparent);border-color:color-mix(in srgb,var(--color-accent) 46%,transparent);box-shadow:inset 3px 0 0 var(--color-accent);font-weight:700}app-shell-layout .nav-divider{width:100%;height:1px;margin:.3rem 0;background:color-mix(in srgb,var(--color-sidebar-text) 10%,transparent)}app-shell-layout .nav-menu{display:block;width:100%;height:auto}app-shell-layout .nav-menu-trigger{width:100%;min-height:44px;height:auto;justify-content:space-between;padding:.62rem .72rem;border:1px solid transparent;border-radius:.52rem;font-size:.82rem}app-shell-layout .nav-menu.has-active-route>.nav-menu-trigger{border-bottom-color:transparent;color:var(--color-sidebar-text);border-color:color-mix(in srgb,var(--color-sidebar-text) 18%,transparent);background:color-mix(in srgb,var(--color-sidebar-text) 7%,transparent);box-shadow:inset 2px 0 color-mix(in srgb,var(--color-accent) 55%,transparent);font-weight:650}app-shell-layout .nav-menu-panel{position:static;min-width:0;margin:.3rem 0 .45rem .65rem;padding:.3rem;border-radius:.58rem;box-shadow:none;background:color-mix(in srgb,var(--color-sidebar-bg) 92%,black 8%)}app-shell-layout .nav-menu-link{min-height:44px;padding:.58rem .68rem;border-radius:.5rem}app-shell-layout .nav-menu-link.is-active{color:var(--color-accent);border-color:color-mix(in srgb,var(--color-accent) 46%,transparent);background:color-mix(in srgb,var(--color-sidebar-text) 12%,transparent);box-shadow:inset 3px 0 0 var(--color-accent);font-weight:700}app-shell-layout .hamburger-btn{display:inline-flex}app-shell-layout .user-name{display:none}app-shell-layout .role-switcher select{min-width:120px}}@media(max-width:640px){app-shell-layout .brand-link{padding:0 .62rem}app-shell-layout .brand-logo{width:26px;height:26px}app-shell-layout .topnav-right{padding:0 .5rem;gap:.28rem}app-shell-layout .logout-btn{width:2.1rem;min-width:2.1rem;padding:0}app-shell-layout .logout-label{display:none}app-shell-layout .page-content{padding:var(--space-3)}}@media print{app-shell-layout .topnav{display:none}app-shell-layout .page-content{padding:0;overflow:visible}}app-shell-layout .page-content:has(app-proposals-hub-page){padding-inline:0}app-proposals-table-section .responsive-proposal-list{display:none}app-proposals-table-section .icon-button[data-tooltip],app-proposals-table-section .responsive-action-button[data-tooltip]{position:relative}@media(hover:hover){app-proposals-table-section .icon-button[data-tooltip]:hover:after,app-proposals-table-section .icon-button[data-tooltip]:focus-visible:after,app-proposals-table-section .responsive-action-button[data-tooltip]:hover:after,app-proposals-table-section .responsive-action-button[data-tooltip]:focus-visible:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + .55rem);transform:translate(-50%);z-index:80;max-width:15rem;padding:.45rem .65rem;border-radius:.45rem;background:#1f2a44;color:#fff;font-size:.76rem;font-weight:600;line-height:1.2;white-space:nowrap;box-shadow:0 8px 18px #0f172a38;pointer-events:none}app-proposals-table-section .icon-button[data-tooltip]:hover:before,app-proposals-table-section .icon-button[data-tooltip]:focus-visible:before,app-proposals-table-section .responsive-action-button[data-tooltip]:hover:before,app-proposals-table-section .responsive-action-button[data-tooltip]:focus-visible:before{content:"";position:absolute;left:50%;bottom:calc(100% + .2rem);transform:translate(-50%);z-index:81;border:.35rem solid transparent;border-top-color:#1f2a44;pointer-events:none}}@media(max-width:1180px){app-proposals-table-section .desktop-table{display:none}app-proposals-table-section .responsive-proposal-list{display:grid}app-proposals-table-section .responsive-proposal-card{display:grid;gap:.8rem;padding:1rem;border-bottom:1px solid var(--color-border);cursor:pointer}app-proposals-table-section .responsive-card-main,app-proposals-table-section .responsive-card-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem}app-proposals-table-section .responsive-card-copy{display:grid;gap:.2rem;min-width:0}app-proposals-table-section .responsive-card-title{font-size:.95rem;line-height:1.3;overflow-wrap:anywhere}app-proposals-table-section .responsive-card-client{font-size:.76rem;color:var(--color-text-muted);overflow-wrap:anywhere}app-proposals-table-section .responsive-card-amount{font-size:.82rem}app-proposals-table-section .responsive-card-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.35rem}app-proposals-table-section .responsive-action-button{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--color-border);border-radius:.55rem;background:var(--color-surface-elevated);color:var(--color-text-muted);cursor:pointer}app-proposals-table-section .responsive-action-button svg{width:1.05rem;height:1.05rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}}@media(max-width:640px){app-proposals-table-section .table-toolbar{align-items:center;justify-content:space-between;flex-direction:row;flex-wrap:nowrap}app-proposals-table-section .pagination{align-items:stretch;flex-direction:column}app-proposals-table-section .range-copy{min-width:0}app-proposals-table-section .rows-control{justify-content:flex-end;flex-shrink:0}app-proposals-table-section .responsive-proposal-card{gap:.7rem;padding:.9rem}app-proposals-table-section .responsive-card-main{align-items:flex-start}app-proposals-table-section .responsive-card-footer{display:grid;gap:.7rem}app-proposals-table-section .responsive-card-actions{justify-content:flex-start;gap:.45rem}app-proposals-table-section .responsive-action-button{width:2.75rem;height:2.75rem;min-height:2.75rem}app-proposals-table-section .page-buttons{width:100%}}app-proposals-table-section .proposal-row{position:relative;overflow:visible}app-proposals-table-section .proposal-row:has(.icon-button:hover),app-proposals-table-section .proposal-row:has(.icon-button:focus-visible){z-index:30}app-proposals-table-section .actions-cell,app-proposals-table-section .icon-actions{overflow:visible}@media(hover:hover)and (min-width:1181px){app-proposals-table-section .actions-cell .icon-button[data-tooltip]:hover:after,app-proposals-table-section .actions-cell .icon-button[data-tooltip]:focus-visible:after{left:auto;right:0;transform:none;width:max-content;max-width:min(15rem,calc(100vw - 2rem));white-space:normal;overflow-wrap:anywhere}app-proposals-table-section .actions-cell .icon-button[data-tooltip]:hover:before,app-proposals-table-section .actions-cell .icon-button[data-tooltip]:focus-visible:before{left:auto;right:.7rem;transform:none}}@media(max-width:1200px){app-shell-layout .page-content app-page-title{display:none}}app-my-tasks-page .tasks-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:.8rem;padding:.58rem .72rem;margin-bottom:.82rem;border-radius:var(--radius-lg)}app-my-tasks-page .tabs-main{display:inline-flex;align-items:center;flex:0 0 auto}app-my-tasks-page .legacy-tabs{width:fit-content;padding:.26rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface-elevated);gap:.24rem}app-my-tasks-page .filters-inline{display:grid;grid-template-columns:repeat(2,minmax(180px,240px));align-items:end;gap:.52rem;min-width:0;margin-left:auto}app-my-tasks-page .tab-btn{border:none;border-radius:999px;background:transparent;color:var(--color-text-muted);padding:.46rem .88rem;font-size:.79rem;font-weight:800;white-space:nowrap}app-my-tasks-page .tab-btn.active{background:#0d3b2e1a;color:var(--color-accent-text)}app-my-tasks-page .tasks-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.82rem;align-content:start}app-my-tasks-page .task-card{min-height:188px;padding:.78rem .86rem .76rem;cursor:pointer;border-radius:var(--radius-lg);display:grid;grid-template-rows:auto auto auto auto 1fr;gap:.5rem;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease,background .12s ease}app-my-tasks-page .task-card:hover{transform:translateY(-1px);border-color:var(--color-border-strong)}app-my-tasks-page .urgency-badge{width:fit-content;border-radius:999px;padding:.22rem .55rem;font-size:.66rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}app-my-tasks-page .urgency-overdue{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}app-my-tasks-page .urgency-warning{background:#fef3c7;color:#92400e;border:1px solid #fde68a}app-my-tasks-page .task-card-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem}app-my-tasks-page .task-project-label{min-width:0;font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}app-my-tasks-page .task-top-right{display:inline-flex;align-items:center;gap:.34rem}app-my-tasks-page .content-icon-badge{width:2rem;height:2rem;border-radius:999px;border:1px solid var(--color-border);display:grid;place-items:center;font-size:.78rem;font-weight:700;flex-shrink:0}app-my-tasks-page .me-badge{border-radius:999px;background:var(--color-primary);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.05em;padding:.16rem .42rem}app-my-tasks-page .type-post{background:#dafc92f2;color:#184d1f}app-my-tasks-page .type-reel{background:#c8ede3f2;color:#0a3326}app-my-tasks-page .type-story{background:#ffe2c4f2;color:#864b10}app-my-tasks-page .type-task{background:#fff4b0;color:#665300}app-my-tasks-page .task-title{margin:0;font-size:1.08rem;font-weight:850;line-height:1.16;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}app-my-tasks-page .task-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem;margin-top:.2rem}app-my-tasks-page .task-meta-item{display:grid;gap:.18rem}app-my-tasks-page .task-meta-label{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}app-my-tasks-page .task-meta-value{font-size:.86rem;font-weight:800;color:var(--color-accent-text)}app-my-tasks-page .mobile-task-summary{display:none}app-my-tasks-page .task-stage-panel{display:grid;gap:.3rem;padding:.52rem .58rem;border-radius:var(--radius-md);background:#0d3b2e0e;border:1px solid rgba(13,59,46,.1)}app-my-tasks-page .task-stage-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}app-my-tasks-page .task-stage-label{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}app-my-tasks-page .task-stage-value{font-size:.84rem;font-weight:800;color:var(--color-accent-text);text-align:right;display:inline-flex;align-items:center}app-my-tasks-page .stage-dot{width:.55rem;height:.55rem;border-radius:999px;display:inline-block;margin-right:.4rem;flex:0 0 auto}app-my-tasks-page .task-stage-progress{width:100%;height:.38rem;border-radius:999px;background:#0d3b2e14;overflow:hidden}app-my-tasks-page .task-stage-progress-bar{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#89c9c9e6,#0d3b2ee0)}app-my-tasks-page .member-chip-inline{display:inline-flex;align-items:center;gap:.32rem}app-my-tasks-page .member-avatar{width:1rem;height:1rem;border-radius:999px;overflow:hidden;border:1px solid var(--color-border);background:#89c9c959;display:grid;place-items:center;font-size:.5rem;font-weight:700;color:var(--color-accent-text);flex-shrink:0}app-my-tasks-page .member-avatar.is-unassigned{background:#02261e14}app-my-tasks-page .member-avatar img{width:100%;height:100%;object-fit:cover;display:block}app-my-tasks-page .task-footer{display:grid;align-content:end;gap:.58rem}app-my-tasks-page .task-footer-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.42rem}app-my-tasks-page .task-status-line{display:flex;align-items:center;gap:.34rem;flex-wrap:wrap}app-my-tasks-page .task-status-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted)}app-my-tasks-page .status-badge{border-radius:999px;font-size:.66rem;font-weight:700;padding:.08rem .42rem}app-my-tasks-page .task-actions{display:flex;justify-content:flex-end;gap:.46rem;margin-top:auto}app-my-tasks-page .btn-xs{min-height:1.78rem;font-size:.74rem;padding:.18rem .52rem}app-my-tasks-page .overdue-pill{border:1px solid #f2b1b1;background:#fdecec;color:#b42318;border-radius:999px;font-size:.66rem;font-weight:700;padding:.08rem .42rem}app-my-tasks-page .task-card.overdue-card{background:#b91c1c14;border-color:#b91c1c66;box-shadow:0 10px 24px #b91c1c1f}app-my-tasks-page .task-card.overdue-card .task-date-value,app-my-tasks-page .task-card.overdue-card .task-date-label{color:#9f1239}app-my-tasks-page .task-card.upcoming-card{background:#fff7b8;border-color:#e3c300;box-shadow:inset 0 0 0 1px #b38a001a}app-my-tasks-page .task-card.upcoming-card .task-date-value,app-my-tasks-page .task-card.upcoming-card .task-date-label{color:#e3c300}app-my-tasks-page .progress-pill{border:1px solid #b7d0f8;background:#ecf4ff;color:#1559c0;border-radius:999px;font-size:.66rem;font-weight:700;padding:.08rem .42rem}app-my-tasks-page .completed-pill{border:1px solid #b9ddaf;background:#effbea;color:#1d6b2c;border-radius:999px;font-size:.66rem;font-weight:700;padding:.08rem .42rem}app-my-tasks-page .cancelled-pill{border:1px solid #c7cdd2;background:#eef2f4;color:#43505a;border-radius:999px;font-size:.66rem;font-weight:700;padding:.08rem .42rem}app-my-tasks-page .upcoming-pill{border:1px solid #f1c47d;background:#fff1de;color:#9a5a08;border-radius:999px;font-size:.66rem;font-weight:700;padding:.08rem .42rem}app-my-tasks-page .cancelled-card{border-color:#c7cdd2;background:#e9eff2e6}app-my-tasks-page .empty-state{text-align:center;border-style:dashed;padding:var(--space-5) var(--space-4)}app-my-tasks-page .empty-title{font-size:1.02rem;font-weight:700}app-my-tasks-page .modal-overlay{position:fixed;inset:0;z-index:80;background:#02261e57;display:grid;place-items:center;padding:var(--space-4)}app-my-tasks-page .modal-card{width:min(820px,100%);max-height:92vh;overflow:auto}app-my-tasks-page .modal-card-pro{display:flex;flex-direction:column;overflow:hidden}app-my-tasks-page .modal-body{flex:1;min-height:0;overflow:auto;padding-right:.15rem}app-my-tasks-page .modal-header-sticky{position:sticky;top:0;z-index:2;background:var(--color-surface);padding-bottom:var(--space-2);border-bottom:1px solid rgba(2,38,30,.08)}app-my-tasks-page .modal-footer-sticky{position:sticky;bottom:0;z-index:2;background:var(--color-surface);padding-top:var(--space-3);border-top:1px solid rgba(2,38,30,.08)}app-my-tasks-page .modal-header h3{margin:0;font-size:1.12rem}app-my-tasks-page .permission-strip{margin-top:var(--space-2);display:flex;align-items:center;flex-wrap:wrap;gap:.4rem}app-my-tasks-page .permission-pill{border-radius:999px;border:1px solid var(--color-border);font-size:.66rem;font-weight:700;padding:.08rem .42rem}app-my-tasks-page .permission-pill.full{background:#dae691;color:#06261f}app-my-tasks-page .permission-pill.limited{background:#fff4b0b3}app-my-tasks-page .permission-pill.locked{background:#fdecece6;color:#9a2222}app-my-tasks-page .permission-text{font-size:.74rem;color:var(--color-text-muted)}app-my-tasks-page .modal-subtitle{margin:.3rem 0 0;font-size:.82rem;color:var(--color-text-muted)}app-my-tasks-page .details-layout{display:grid;gap:var(--space-3);margin-top:var(--space-3)}app-my-tasks-page .details-section{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#89c9c91a;padding:var(--space-3)}app-my-tasks-page .details-section h4{margin:0 0 var(--space-2);font-size:.88rem;color:var(--color-accent-text)}app-my-tasks-page .details-grid{display:grid;gap:var(--space-2)}app-my-tasks-page .details-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}app-my-tasks-page .detail-row{display:grid;gap:.18rem}app-my-tasks-page .detail-row-block{grid-column:1 / -1}app-my-tasks-page .detail-label{font-size:.72rem;font-weight:700;color:var(--color-text-muted);display:inline-flex;align-items:center;gap:.28rem}app-my-tasks-page .detail-value{font-size:.85rem;font-weight:600}app-my-tasks-page .detail-strong{font-size:.95rem}app-my-tasks-page .detail-member-inline{margin-left:0;font-size:.84rem;font-weight:600}app-my-tasks-page .detail-paragraph{margin:0;font-size:.84rem;line-height:1.45;color:var(--color-text)}app-my-tasks-page .detail-link{font-size:.82rem;font-weight:600;color:var(--color-accent-text);text-decoration:underline;word-break:break-word}app-my-tasks-page .detail-link-btn{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:1.95rem;padding:.28rem .68rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:#89c9c933;color:var(--color-accent-text);font-size:.78rem;font-weight:700;text-decoration:none}app-my-tasks-page .detail-link-btn:hover{background:#89c9c952}app-my-tasks-page .meta-icon{width:.68rem;height:.68rem;border-radius:999px;display:inline-block;flex-shrink:0}app-my-tasks-page .icon-date{background:#89c9c9}app-my-tasks-page .icon-user{background:#dafc92}app-my-tasks-page .icon-stage{background:#0d3b2e;opacity:.72}app-my-tasks-page .icon-link{background:#02261e59}app-my-tasks-page .icon-status{background:#89c9c985}app-my-tasks-page .activity-section{margin-top:var(--space-4)}app-my-tasks-page .activity-section h4{margin:0 0 var(--space-2);font-size:.88rem}app-my-tasks-page .activity-list{display:grid;gap:var(--space-2)}app-my-tasks-page .activity-item{display:grid;grid-template-columns:.7rem 1fr;gap:var(--space-2);padding:.28rem 0;border-bottom:1px dashed rgba(2,38,30,.09)}app-my-tasks-page .stage-note-item{border:1px solid #f4b7b7;border-left:4px solid #d14a4a;border-radius:var(--radius-md);background:#fff3f3;padding:.45rem .55rem}app-my-tasks-page .activity-dot{width:.5rem;height:.5rem;border-radius:999px;margin-top:.34rem;background:var(--color-secondary)}app-my-tasks-page .activity-title{font-size:.8rem;font-weight:700;color:var(--color-accent-text)}app-my-tasks-page .activity-meta{font-size:.7rem;color:var(--color-text-muted)}app-my-tasks-page .activity-note{margin-top:.12rem;font-size:.74rem;color:var(--color-text)}app-my-tasks-page .stage-transition{font-weight:700}app-my-tasks-page .stage-note-callout{margin-top:.28rem}app-my-tasks-page .stage-note-author{font-size:.74rem;font-weight:700;color:#a12828}app-my-tasks-page .stage-note-text{margin-top:.12rem;font-size:.76rem}app-my-tasks-page .activity-empty{font-size:.78rem;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-2)}app-my-tasks-page .form-grid{margin-top:var(--space-4);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}app-my-tasks-page .compact-form-grid{gap:var(--space-3)}app-my-tasks-page .field{display:grid;gap:var(--space-2)}app-my-tasks-page .field>span{font-size:.82rem;font-weight:600;color:var(--color-text-muted)}app-my-tasks-page .field-help-text{margin-top:-.1rem;font-size:.72rem;color:#7a2020}app-my-tasks-page .field-lock-icon{font-size:.75rem}app-my-tasks-page .field-block{grid-column:1 / -1}app-my-tasks-page .modal-footer{margin-top:var(--space-5);display:flex;justify-content:flex-end;gap:var(--space-2)}app-my-tasks-page .edit-timeline-secondary{margin-top:var(--space-3)}app-my-tasks-page .timeline-toggle-btn{margin-bottom:var(--space-2)}app-my-tasks-page .activity-panel{border:1px solid var(--color-border);border-radius:var(--radius-md);background:#89c9c914;padding:var(--space-3)}app-my-tasks-page .stage-note-modal{width:min(560px,100%)}@media(max-width:900px){app-my-tasks-page .filters-inline{grid-template-columns:1fr 1fr}app-my-tasks-page .tasks-grid{grid-template-columns:repeat(2,minmax(0,1fr))}app-my-tasks-page .task-card{min-height:214px}app-my-tasks-page .task-actions{justify-content:flex-start}app-my-tasks-page .details-grid-2{grid-template-columns:1fr}}@media(max-width:760px){app-my-tasks-page .tasks-toolbar{flex-direction:column;align-items:stretch;gap:.42rem;padding:.42rem;margin-bottom:.58rem}app-my-tasks-page .legacy-tabs{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.16rem;padding:.18rem;border-radius:.72rem}app-my-tasks-page .tab-btn{min-width:0;min-height:2.2rem;padding:.34rem .18rem;font-size:clamp(.62rem,2.85vw,.72rem);line-height:1.15;overflow:hidden;text-overflow:ellipsis}app-my-tasks-page .filters-inline{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:.36rem;margin-left:0}app-my-tasks-page .filters-inline app-filter-dropdown{display:block;min-width:0}app-my-tasks-page .filters-inline app-filter-dropdown .filter-dropdown{min-width:0;gap:0}app-my-tasks-page .filters-inline app-filter-dropdown .filter-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}app-my-tasks-page .filters-inline app-filter-dropdown .filter-trigger{min-height:2.25rem;padding:.34rem .46rem;border-radius:.62rem}app-my-tasks-page .filters-inline app-filter-dropdown .trigger-icon{display:none}app-my-tasks-page .filters-inline app-filter-dropdown .trigger-left{gap:0}app-my-tasks-page .filters-inline app-filter-dropdown .trigger-value{font-size:.76rem}app-my-tasks-page .task-card{min-width:0;min-height:0;padding:.5rem;grid-template-rows:none;grid-auto-rows:auto;gap:.3rem;overflow:hidden}app-my-tasks-page .urgency-badge{padding:.16rem .42rem;font-size:.6rem}app-my-tasks-page .task-title{font-size:.82rem;line-height:1.18}app-my-tasks-page .task-project-label{font-size:.56rem}app-my-tasks-page .task-card-top{gap:.28rem}app-my-tasks-page .task-top-right{gap:.2rem}app-my-tasks-page .task-meta-grid,app-my-tasks-page .task-stage-panel,app-my-tasks-page .task-footer-meta,app-my-tasks-page .task-status-line{display:none}app-my-tasks-page .mobile-task-summary{display:grid;gap:.18rem;min-width:0}app-my-tasks-page .mobile-task-date{overflow:hidden;color:var(--color-text-muted);font-size:.64rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}app-my-tasks-page .mobile-task-owner-stage{display:flex;align-items:center;justify-content:space-between;gap:.28rem;min-width:0}app-my-tasks-page .mobile-task-owner,app-my-tasks-page .mobile-task-stage{overflow:hidden;font-size:.69rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}app-my-tasks-page .mobile-task-owner{min-width:0;color:var(--color-text)}app-my-tasks-page .mobile-task-stage{flex:0 0 auto;max-width:48%;color:var(--color-accent-text);text-align:right}app-my-tasks-page .task-footer{align-content:start;gap:0}app-my-tasks-page .task-actions{width:100%;justify-content:flex-end;margin-top:.08rem}app-my-tasks-page .btn-xs{min-height:2rem;padding:.16rem .42rem;font-size:.67rem}app-my-tasks-page .page-header{flex-direction:column;align-items:stretch}app-my-tasks-page .form-grid{grid-template-columns:1fr}app-my-tasks-page .tasks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}app-my-tasks-page .modal-overlay{padding:var(--space-3)}app-my-tasks-page .modal-footer{justify-content:stretch}app-my-tasks-page .modal-footer .btn{flex:1}}@media(max-width:520px){app-my-tasks-page .tasks-grid{grid-template-columns:1fr}app-my-tasks-page .mobile-task-stage{margin-right:.35rem}}.cdk-overlay-pane .filter-menu.compact-menu .menu-options{max-height:none;overflow-y:visible;overscroll-behavior:auto;padding:.2rem}.cdk-overlay-pane .filter-menu.compact-menu .menu-option{grid-template-columns:.46rem minmax(0,1fr) .72rem;column-gap:.22rem;padding-inline:.28rem;justify-items:start;text-align:left}.cdk-overlay-pane .filter-menu.compact-menu .option-color{grid-column:1}.cdk-overlay-pane .filter-menu.compact-menu .option-label{grid-column:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdk-overlay-pane .filter-menu.compact-menu .option-check{grid-column:3;justify-self:end}.cdk-overlay-pane .filter-menu.compact-menu .menu-option.no-option-color{grid-template-columns:minmax(0,1fr) .72rem}.cdk-overlay-pane .filter-menu.compact-menu .menu-option.no-option-color .option-color{display:none}.cdk-overlay-pane .filter-menu.compact-menu .menu-option.no-option-color .option-label{grid-column:1}.cdk-overlay-pane .filter-menu.compact-menu .menu-option.no-option-color .option-check{grid-column:2}app-audit-logs-page{display:block;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:.1rem}app-audit-logs-page .audit-command-bar{position:relative;margin-bottom:.72rem;padding:.82rem;overflow:visible;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--color-secondary) 18%,transparent),transparent 35%),var(--color-surface-elevated)}app-audit-logs-page .command-summary{min-height:1.9rem;display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.58rem}app-audit-logs-page .result-count{display:inline-flex;align-items:baseline;gap:.48rem}app-audit-logs-page .result-count strong{font-size:.88rem;color:var(--color-text)}app-audit-logs-page .result-count span{font-size:.7rem;color:var(--color-text-muted)}app-audit-logs-page .clear-filters-button{border:0;background:transparent;color:var(--color-text-muted);display:inline-flex;align-items:center;gap:.28rem;min-height:1.8rem;padding:.22rem .38rem;font:inherit;font-size:.72rem;font-weight:700;cursor:pointer;border-radius:.48rem}app-audit-logs-page .clear-filters-button:hover{color:var(--color-text);background:color-mix(in srgb,var(--color-chip-bg) 65%,transparent)}app-audit-logs-page .clear-filters-button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 30%,transparent)}app-audit-logs-page .filter-grid{display:grid;grid-template-columns:minmax(260px,2.25fr) repeat(3,minmax(145px,1fr)) repeat(2,minmax(128px,.82fr));gap:.55rem;align-items:end}app-audit-logs-page .filter-grid>*{min-width:0}app-audit-logs-page .filter-field{display:grid;gap:.36rem}app-audit-logs-page .filter-field>span{font-size:.74rem;color:var(--color-text-muted);font-weight:600;line-height:1.1}app-audit-logs-page .search-control{position:relative}app-audit-logs-page .search-icon{position:absolute;left:.72rem;top:50%;transform:translateY(-50%);color:var(--color-text-muted);font-size:.92rem;pointer-events:none}app-audit-logs-page .search-control input{width:100%;min-height:2.35rem;padding:.4rem .7rem .4rem 2.05rem;border-radius:.72rem;font-size:.84rem}app-audit-logs-page .date-field input{min-height:2.35rem;padding:.4rem .62rem;border-radius:.72rem;font-size:.8rem}app-audit-logs-page .feed-card{padding:.78rem;overflow:visible;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-elevated) 96%,var(--color-secondary) 4%),var(--color-surface-elevated))}app-audit-logs-page .logs-groups{display:grid;gap:.9rem}app-audit-logs-page .log-group{display:grid;gap:.46rem}app-audit-logs-page .date-divider{display:flex;align-items:center;gap:.55rem;min-height:1.8rem;padding:0 .28rem}app-audit-logs-page .date-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,var(--color-border),transparent)}app-audit-logs-page .date-divider>span{font-size:.72rem;font-weight:800;letter-spacing:.025em;text-transform:uppercase;color:var(--color-text-muted)}app-audit-logs-page .date-divider small{order:3;font-size:.66rem;color:var(--color-text-muted);white-space:nowrap}app-audit-logs-page .logs-list{position:relative;display:grid;gap:.46rem}app-audit-logs-page .log-item{--event-accent: color-mix( in srgb, var(--color-primary) 62%, var(--color-secondary) );position:relative;display:grid;grid-template-columns:1rem auto minmax(0,1fr) auto;gap:.62rem;align-items:start;padding:.67rem .72rem .67rem .48rem;border:1px solid var(--color-border);border-radius:.82rem;background:color-mix(in srgb,var(--color-surface-elevated) 90%,var(--color-secondary) 10%);box-shadow:0 1px #ffffff73 inset;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background-color .16s ease}app-audit-logs-page .log-item:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--event-accent) 35%,var(--color-border));background:color-mix(in srgb,var(--color-surface-elevated) 86%,var(--event-accent) 14%);box-shadow:0 8px 20px #02261e12}app-audit-logs-page .log-item[data-action-family=auth]{--event-accent: #598f82}app-audit-logs-page .log-item[data-action-family=vault]{--event-accent: #8872a4}app-audit-logs-page .log-item[data-action-family=camera]{--event-accent: #6d8faa}app-audit-logs-page .log-item[data-action-family=project]{--event-accent: #5c9070}app-audit-logs-page .log-item[data-action-family=user]{--event-accent: #a57c56}app-audit-logs-page .log-item[data-action-family=card]{--event-accent: #4f8b91}app-audit-logs-page .timeline-rail{position:relative;align-self:stretch;min-height:2.2rem}app-audit-logs-page .timeline-rail:after{content:"";position:absolute;left:50%;top:1.1rem;bottom:-1.15rem;width:1px;transform:translate(-50%);background:color-mix(in srgb,var(--event-accent) 30%,var(--color-border))}app-audit-logs-page .log-item:last-child .timeline-rail:after{display:none}app-audit-logs-page .timeline-dot{position:absolute;left:50%;top:.68rem;width:.52rem;height:.52rem;transform:translate(-50%,-50%);border-radius:999px;background:var(--event-accent);box-shadow:0 0 0 3px var(--color-surface-elevated),0 0 0 4px color-mix(in srgb,var(--event-accent) 28%,var(--color-border))}app-audit-logs-page .avatar{width:2.15rem;height:2.15rem;border-radius:.72rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--event-accent) 30%,var(--color-border));background:color-mix(in srgb,var(--event-accent) 18%,var(--color-surface-elevated));color:color-mix(in srgb,var(--event-accent) 72%,var(--color-text));display:grid;place-items:center;font-size:.64rem;font-weight:800;letter-spacing:.02em}app-audit-logs-page .avatar img{width:100%;height:100%;object-fit:cover}app-audit-logs-page .log-content{min-width:0;display:grid;gap:.27rem}app-audit-logs-page .actor-line{display:flex;align-items:center;flex-wrap:wrap;gap:.38rem}app-audit-logs-page .actor-name{font-size:.87rem;line-height:1.2}app-audit-logs-page .action-chip{border:1px solid color-mix(in srgb,var(--event-accent) 28%,var(--color-border));border-radius:999px;background:color-mix(in srgb,var(--event-accent) 12%,var(--color-surface-elevated));color:color-mix(in srgb,var(--event-accent) 72%,var(--color-text));padding:.12rem .46rem;font-size:.64rem;font-weight:750;line-height:1.2}app-audit-logs-page .target-line{max-width:100%;overflow-wrap:anywhere;font-size:.78rem;font-weight:580;line-height:1.35;color:var(--color-text-muted)}app-audit-logs-page .meta-line{display:flex;flex-wrap:wrap;gap:.3rem}app-audit-logs-page .project-chip{display:inline-flex;align-items:center;gap:.26rem;max-width:100%;border:1px solid var(--color-border);border-radius:999px;background:color-mix(in srgb,var(--color-secondary) 16%,var(--color-surface-elevated));padding:.1rem .42rem;font-size:.65rem;font-weight:700;color:var(--color-text-muted)}app-audit-logs-page .time-pane{min-width:5rem;display:grid;justify-items:end;gap:.1rem;padding-top:.06rem}app-audit-logs-page .log-time{font-size:.76rem;font-weight:750;color:var(--color-text)}app-audit-logs-page .log-date{font-size:.66rem;color:var(--color-text-muted)}app-audit-logs-page .changes-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:.32rem;align-items:center;margin-top:.16rem}app-audit-logs-page .change-item{min-width:0;border:1px solid var(--color-border);border-radius:.6rem;background:var(--color-surface-elevated);padding:.34rem .46rem}app-audit-logs-page .change-item span{display:block;margin-bottom:.1rem;font-size:.61rem;font-weight:800;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-muted)}app-audit-logs-page .change-item.after{border-color:color-mix(in srgb,var(--event-accent) 28%,var(--color-border));background:color-mix(in srgb,var(--event-accent) 8%,var(--color-surface-elevated))}app-audit-logs-page .change-item.after span{color:color-mix(in srgb,var(--event-accent) 75%,var(--color-text))}app-audit-logs-page .change-item p{margin:0;overflow-wrap:anywhere;font-size:.72rem;line-height:1.35}app-audit-logs-page .change-arrow{color:var(--event-accent);font-size:.78rem;font-weight:800}app-audit-logs-page .note{margin-top:.1rem;border-left:3px solid var(--event-accent);border-radius:.48rem;background:color-mix(in srgb,var(--event-accent) 8%,var(--color-surface-elevated));padding:.34rem .48rem;font-size:.72rem;line-height:1.4;color:var(--color-text-muted)}app-audit-logs-page .audit-state{min-height:9rem;border:1px dashed var(--color-border);border-radius:.82rem;display:flex;align-items:center;justify-content:center;gap:.72rem;padding:1.2rem;text-align:left}app-audit-logs-page .audit-state h3{margin:0 0 .2rem;font-size:.92rem}app-audit-logs-page .audit-state p{margin:0 0 .58rem;color:var(--color-text-muted);font-size:.76rem}app-audit-logs-page .state-orb{width:2.2rem;height:2.2rem;flex:0 0 auto;display:grid;place-items:center;border-radius:.72rem;background:color-mix(in srgb,var(--color-secondary) 22%,var(--color-surface-elevated));font-weight:800}app-audit-logs-page .state-orb.is-loading{border-radius:999px;border:3px solid color-mix(in srgb,var(--color-border) 70%,transparent);border-top-color:var(--color-primary);background:transparent;animation:audit-spin .85s linear infinite}@keyframes audit-spin{to{transform:rotate(360deg)}}app-audit-logs-page .pagination-controls{display:flex;align-items:center;justify-content:center;gap:.62rem;margin-top:.82rem;padding-top:.72rem;border-top:1px solid var(--color-border)}app-audit-logs-page .pagination-button{min-height:2rem;border:1px solid var(--color-border);border-radius:.62rem;background:var(--color-surface-elevated);color:var(--color-text);display:inline-flex;align-items:center;gap:.28rem;padding:.34rem .58rem;font:inherit;font-size:.72rem;font-weight:700;cursor:pointer}app-audit-logs-page .pagination-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 34%,var(--color-border));background:color-mix(in srgb,var(--color-secondary) 12%,var(--color-surface-elevated))}app-audit-logs-page .pagination-button:disabled{opacity:.42;cursor:not-allowed}app-audit-logs-page .pagination-button:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 30%,transparent)}app-audit-logs-page .pagination-status{min-width:4.4rem;display:inline-flex;align-items:center;justify-content:center;gap:.28rem;font-size:.7rem;color:var(--color-text-muted)}app-audit-logs-page .pagination-status strong{color:var(--color-text)}@media(max-width:1180px){app-audit-logs-page .filter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}app-audit-logs-page .search-field{grid-column:span 3}}@media(max-width:900px){app-audit-logs-page .log-item{grid-template-columns:1rem auto minmax(0,1fr)}app-audit-logs-page .time-pane{grid-column:3;justify-items:start;grid-auto-flow:column;justify-content:start;gap:.35rem}}@media(max-width:760px){app-audit-logs-page .command-summary{align-items:flex-start}app-audit-logs-page .filter-grid{grid-template-columns:1fr}app-audit-logs-page .search-field{grid-column:auto}app-audit-logs-page .log-item{grid-template-columns:.75rem auto minmax(0,1fr);padding-right:.58rem}app-audit-logs-page .avatar{width:1.9rem;height:1.9rem}app-audit-logs-page .changes-grid{grid-template-columns:1fr}app-audit-logs-page .change-arrow{transform:rotate(90deg);justify-self:center}app-audit-logs-page .pagination-controls{justify-content:space-between}}app-audit-logs-page .log-item[role=button]{cursor:pointer}app-audit-logs-page .log-item[role=button]:focus-visible{outline:none;border-color:color-mix(in srgb,var(--event-accent) 55%,var(--color-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--event-accent) 22%,transparent),0 8px 20px #02261e14}app-audit-logs-page .audit-details-overlay{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:1rem;background:#02141085;backdrop-filter:blur(5px)}app-audit-logs-page .audit-details-dialog{width:min(760px,100%);max-height:min(86vh,820px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:0;overflow:hidden;box-shadow:0 26px 70px #02141047}app-audit-logs-page .audit-details-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.05rem .88rem;border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--color-secondary) 24%,transparent),transparent 42%),var(--color-surface-elevated)}app-audit-logs-page .audit-details-eyebrow{display:block;margin-bottom:.22rem;font-size:.66rem;font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}app-audit-logs-page .audit-details-header h2{margin:0;font-size:1.08rem}app-audit-logs-page .audit-details-header p{margin:.2rem 0 0;font-size:.76rem;color:var(--color-text-muted)}app-audit-logs-page .audit-details-close{width:2rem;height:2rem;border:1px solid var(--color-border);border-radius:.62rem;background:var(--color-surface-elevated);color:var(--color-text-muted);font-size:1.2rem;cursor:pointer}app-audit-logs-page .audit-details-close:hover{color:var(--color-text);background:var(--color-chip-bg)}app-audit-logs-page .audit-details-close:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 30%,transparent)}app-audit-logs-page .audit-details-body{overflow-y:auto;padding:.92rem 1.05rem;display:grid;gap:.8rem}app-audit-logs-page .audit-event-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.68rem;border:1px solid var(--color-border);border-radius:.78rem;background:color-mix(in srgb,var(--color-secondary) 9%,var(--color-surface-elevated))}app-audit-logs-page .audit-summary-person{display:flex;align-items:center;gap:.55rem}app-audit-logs-page .audit-summary-avatar{width:2.2rem;height:2.2rem;display:grid;place-items:center;border-radius:.7rem;background:color-mix(in srgb,var(--color-secondary) 25%,var(--color-surface-elevated));font-size:.66rem;font-weight:800}app-audit-logs-page .audit-summary-person div,app-audit-logs-page .audit-summary-time{display:grid;gap:.12rem}app-audit-logs-page .audit-summary-person span,app-audit-logs-page .audit-summary-time span{font-size:.65rem;color:var(--color-text-muted)}app-audit-logs-page .audit-summary-person strong,app-audit-logs-page .audit-summary-time strong{font-size:.78rem}app-audit-logs-page .audit-summary-time{text-align:right}app-audit-logs-page .audit-details-section{display:grid;gap:.48rem}app-audit-logs-page .audit-section-heading{display:flex;align-items:center;justify-content:space-between;gap:.6rem}app-audit-logs-page .audit-section-heading h3,app-audit-logs-page .audit-details-section.is-limited h3{margin:0;font-size:.78rem;text-transform:uppercase;letter-spacing:.035em;color:var(--color-text-muted)}app-audit-logs-page .audit-section-heading span{font-size:.66rem;color:var(--color-text-muted)}app-audit-logs-page .audit-change-list{display:grid;gap:.42rem}app-audit-logs-page .audit-change-row{padding:.62rem;border:1px solid var(--color-border);border-radius:.72rem;background:var(--color-surface-elevated)}app-audit-logs-page .audit-change-row h4{margin:0 0 .4rem;font-size:.76rem}app-audit-logs-page .audit-change-values{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:.38rem}app-audit-logs-page .audit-change-value{min-width:0;display:grid;gap:.12rem;padding:.45rem;border-radius:.58rem;background:color-mix(in srgb,var(--color-surface) 60%,var(--color-surface-elevated))}app-audit-logs-page .audit-change-value.is-after{background:color-mix(in srgb,var(--color-secondary) 14%,var(--color-surface-elevated))}app-audit-logs-page .audit-change-value span{font-size:.61rem;font-weight:800;color:var(--color-text-muted);text-transform:uppercase}app-audit-logs-page .audit-change-value strong{overflow-wrap:anywhere;font-size:.74rem}app-audit-logs-page .audit-change-direction{color:var(--color-primary);font-weight:800}app-audit-logs-page .audit-field-chips{display:flex;flex-wrap:wrap;gap:.32rem}app-audit-logs-page .audit-field-chips span{padding:.18rem .46rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-chip-bg);font-size:.67rem;font-weight:700}app-audit-logs-page .audit-detail-list{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--color-border);border-radius:.72rem;overflow:hidden}app-audit-logs-page .audit-detail-list>div{min-width:0;padding:.52rem .6rem;border-bottom:1px solid var(--color-border)}app-audit-logs-page .audit-detail-list>div:nth-child(odd){border-right:1px solid var(--color-border)}app-audit-logs-page .audit-detail-list dt{margin-bottom:.12rem;font-size:.62rem;color:var(--color-text-muted)}app-audit-logs-page .audit-detail-list dd{margin:0;overflow-wrap:anywhere;font-size:.74rem;font-weight:650}app-audit-logs-page .audit-details-section.is-limited{padding:.8rem;border:1px dashed var(--color-border);border-radius:.72rem}app-audit-logs-page .audit-details-section.is-limited p{margin:0;font-size:.74rem;color:var(--color-text-muted)}app-audit-logs-page .audit-details-footer{display:flex;justify-content:flex-end;padding:.72rem 1.05rem;border-top:1px solid var(--color-border);background:var(--color-surface-elevated)}@media(max-width:640px){app-audit-logs-page .audit-details-overlay{align-items:end;padding:0}app-audit-logs-page .audit-details-dialog{width:100%;max-height:92vh;border-radius:1rem 1rem 0 0}app-audit-logs-page .audit-event-summary{grid-template-columns:1fr}app-audit-logs-page .audit-summary-time{text-align:left}app-audit-logs-page .audit-change-values,app-audit-logs-page .audit-detail-list{grid-template-columns:1fr}app-audit-logs-page .audit-change-direction{transform:rotate(90deg);justify-self:center}app-audit-logs-page .audit-detail-list>div:nth-child(odd){border-right:0}}app-proposal-preview-page{display:block;height:100%;min-height:0;overflow-y:auto;overflow-x:hidden;font-family:Poppins,Tajawal,sans-serif}app-proposal-preview-page .preview-copy[lang=ar]>.preview-copy-head,app-proposal-preview-page .language-option[lang=ar] .language-option-copy{font-family:Tajawal,sans-serif}app-proposal-preview-page .preview-copy[lang=en]>.preview-copy-head,app-proposal-preview-page .language-code,app-proposal-preview-page .direction-pill,app-proposal-preview-page .language-option-code,app-proposal-preview-page .language-option-arrow{font-family:Poppins,sans-serif}app-proposal-preview-page .a4-wrap{min-width:0;padding-bottom:var(--space-4)}app-proposal-preview-page .preview-actions{display:inline-flex;gap:.4rem}app-proposal-preview-page .preview-documents{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:1rem;min-width:0}app-proposal-preview-page .preview-copy{display:grid;gap:.55rem;min-width:0}app-proposal-preview-page .preview-copy-head{width:min(210mm,100%);min-height:3.1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.58rem .72rem;border:1px solid var(--color-border);border-radius:.72rem;background:var(--color-surface-elevated)}app-proposal-preview-page .preview-copy-title{min-width:0;display:flex;align-items:center;gap:.62rem}app-proposal-preview-page .preview-copy-title>div{min-width:0;display:grid;gap:.08rem}app-proposal-preview-page .preview-copy-title strong{font-size:.78rem;line-height:1.25}app-proposal-preview-page .preview-copy-title div>span{color:var(--color-text-muted);font-size:.66rem}app-proposal-preview-page .language-code,app-proposal-preview-page .direction-pill{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--color-chip-bg);color:var(--color-text);font-weight:800;letter-spacing:.04em}app-proposal-preview-page .language-code{width:2rem;height:2rem;border-radius:.58rem;font-size:.68rem}app-proposal-preview-page .direction-pill{min-height:1.55rem;padding:.16rem .45rem;border-radius:999px;color:var(--color-text-muted);font-size:.58rem}app-proposal-preview-page .printable-proposal-document{min-width:0}app-proposal-preview-page .no-preview{width:min(720px,100%);text-align:center}app-proposal-preview-page .no-preview h3{margin:0}app-proposal-preview-page .output-center-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1rem;background:#041f18ad;backdrop-filter:blur(6px)}app-proposal-preview-page .language-center{width:min(720px,calc(100vw - 2rem));padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-secondary) 30%,var(--color-border));background:var(--color-surface, #ffffff);box-shadow:0 24px 70px #011a1447,0 8px 20px #011a1424}app-proposal-preview-page .language-center-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.05rem .9rem;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-elevated) 86%,var(--color-chip-bg))}app-proposal-preview-page .language-center-title{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem}app-proposal-preview-page .language-center-step{width:2.35rem;height:2.35rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.7rem;background:var(--color-chip-bg);color:var(--color-primary);font-family:Poppins,sans-serif;font-size:.88rem;font-weight:850}app-proposal-preview-page .language-center h2{margin:0;font-size:1.05rem}app-proposal-preview-page .language-center-head p{margin:.3rem 0 0;color:var(--color-text-muted);font-size:.75rem}app-proposal-preview-page .language-center-close{flex:0 0 auto;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:.58rem;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font-size:1.08rem;line-height:1}app-proposal-preview-page .language-center-close:hover{color:var(--color-text);background:var(--color-chip-bg)}app-proposal-preview-page .language-center-body{display:grid;gap:.9rem;padding:1rem 1.05rem}app-proposal-preview-page .language-center .language-options{grid-template-columns:repeat(2,minmax(0,1fr))}app-proposal-preview-page .language-center .language-option{min-height:6.25rem;padding:.8rem}app-proposal-preview-page .language-center .language-option-code{width:2.45rem;height:2.45rem;font-size:.72rem}app-proposal-preview-page .language-center .language-option-copy strong{font-size:.9rem}app-proposal-preview-page .language-center .language-option-copy span{font-size:.68rem}app-proposal-preview-page .language-output-summary{min-width:0;display:grid;gap:.16rem;padding:.65rem .72rem;border:1px solid var(--color-border);border-radius:.62rem;background:var(--color-input-bg)}app-proposal-preview-page .language-output-summary span{color:var(--color-text-muted);font-size:.62rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}app-proposal-preview-page .language-output-summary strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem}app-proposal-preview-page .language-center-footer{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;padding:.82rem 1.05rem;border-top:1px solid var(--color-border);background:var(--color-surface-elevated)}app-proposal-preview-page .language-primary-action{min-width:190px}app-proposal-preview-page .output-center{width:min(1120px,calc(100vw - 2rem));height:min(780px,calc(100vh - 2rem));min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-secondary) 30%,var(--color-border));background:var(--color-surface, #ffffff);box-shadow:0 28px 80px #011a1452,0 8px 22px #011a1429}app-proposal-preview-page .output-center-head{min-width:0;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.1rem;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-elevated) 88%,var(--color-chip-bg))}app-proposal-preview-page .output-center-heading{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem}app-proposal-preview-page .output-center-icon{width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.72rem;background:var(--color-primary);color:#fff;font-family:Poppins,sans-serif;font-size:.68rem;font-weight:850;letter-spacing:.04em}app-proposal-preview-page .dialog-eyebrow{display:block;margin-bottom:.14rem;color:var(--color-text-muted);font-size:.6rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}app-proposal-preview-page .output-center h2{margin:0;font-size:1.1rem}app-proposal-preview-page .output-center-head p{margin:.28rem 0 0;color:var(--color-text-muted);font-size:.72rem}app-proposal-preview-page .output-center-close{flex:0 0 auto;width:2rem;height:2rem;border:1px solid var(--color-border);border-radius:.58rem;background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font-size:1.08rem;line-height:1}app-proposal-preview-page .output-center-close:hover{color:var(--color-text);background:var(--color-chip-bg)}app-proposal-preview-page .output-center-body{min-height:0;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.85fr)}app-proposal-preview-page .output-preview-panel{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);border-right:1px solid var(--color-border);background:color-mix(in srgb,var(--color-page-bg) 88%,var(--color-surface))}app-proposal-preview-page .output-preview-head{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.72rem .85rem;border-bottom:1px solid var(--color-border);background:var(--color-surface-elevated)}app-proposal-preview-page .output-preview-head>div{min-width:0;display:grid;gap:.1rem}app-proposal-preview-page .output-preview-head span{color:var(--color-text-muted);font-size:.58rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}app-proposal-preview-page .output-preview-head strong{font-size:.76rem}app-proposal-preview-page .output-preview-badge{flex:0 0 auto;min-height:1.65rem;display:inline-flex;align-items:center;padding:.18rem .48rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-chip-bg);font-family:Poppins,sans-serif}app-proposal-preview-page .output-preview-stage{min-height:0;overflow:auto;padding:1rem;display:grid;justify-content:center;align-content:start}app-proposal-preview-page .output-preview-scale{width:210mm;zoom:.62}app-proposal-preview-page .output-settings-panel{min-width:0;min-height:0;overflow-y:auto;padding:.85rem;display:grid;align-content:start;gap:.75rem;background:var(--color-surface)}app-proposal-preview-page .output-setting-group{display:grid;gap:.58rem;padding:.72rem;border:1px solid var(--color-border);border-radius:.72rem;background:var(--color-surface-elevated)}app-proposal-preview-page .output-setting-group>header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.55rem}app-proposal-preview-page .output-setting-group>header>span{width:1.55rem;height:1.55rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.48rem;background:var(--color-chip-bg);color:var(--color-primary);font-size:.66rem;font-weight:850}app-proposal-preview-page .output-setting-group header div{display:grid;gap:.06rem}app-proposal-preview-page .output-setting-group header strong{font-size:.76rem}app-proposal-preview-page .output-setting-group header small{color:var(--color-text-muted);font-size:.62rem}app-proposal-preview-page .output-type-options,app-proposal-preview-page .language-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.52rem}app-proposal-preview-page .output-type-option,app-proposal-preview-page .language-option{min-width:0;display:grid;align-items:center;gap:.48rem;padding:.58rem;border:1px solid var(--color-border);border-radius:.62rem;background:var(--color-surface);color:var(--color-text);cursor:pointer;text-align:start;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease}app-proposal-preview-page .output-type-option{grid-template-columns:auto minmax(0,1fr)}app-proposal-preview-page .language-option{grid-template-columns:auto minmax(0,1fr) auto}app-proposal-preview-page .output-type-option:hover,app-proposal-preview-page .language-option:hover,app-proposal-preview-page .output-type-option.is-active,app-proposal-preview-page .language-option.is-active{border-color:color-mix(in srgb,var(--color-secondary) 62%,var(--color-border));background:color-mix(in srgb,var(--color-surface) 84%,var(--color-chip-bg))}app-proposal-preview-page .output-type-option.is-active,app-proposal-preview-page .language-option.is-active{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-secondary) 46%,transparent)}app-proposal-preview-page .output-type-icon,app-proposal-preview-page .language-option-code{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.54rem;background:var(--color-chip-bg);color:var(--color-primary);font-family:Poppins,sans-serif;font-size:.62rem;font-weight:850;letter-spacing:.03em}app-proposal-preview-page .output-type-option>span:last-child,app-proposal-preview-page .language-option-copy{min-width:0;display:grid;gap:.08rem}app-proposal-preview-page .output-type-option strong,app-proposal-preview-page .language-option-copy strong{font-size:.7rem}app-proposal-preview-page .output-type-option small,app-proposal-preview-page .language-option-copy span{color:var(--color-text-muted);font-size:.58rem;line-height:1.35}app-proposal-preview-page .language-option[lang=ar] .language-option-copy{font-family:Tajawal,sans-serif}app-proposal-preview-page .selection-mark{width:1.15rem;height:1.15rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--color-primary);color:#fff;font-family:Poppins,sans-serif;font-size:.58rem;font-weight:850;opacity:0}app-proposal-preview-page .language-option.is-active .selection-mark{opacity:1}app-proposal-preview-page .document-setting-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.46rem}app-proposal-preview-page .document-setting-grid>div{display:grid;gap:.08rem;padding:.5rem;border-radius:.54rem;background:var(--color-input-bg)}app-proposal-preview-page .document-setting-grid span,app-proposal-preview-page .output-file-card>span{color:var(--color-text-muted);font-size:.56rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}app-proposal-preview-page .document-setting-grid strong{font-size:.68rem}app-proposal-preview-page .output-file-card{display:grid;gap:.16rem;padding:.68rem .72rem;border:1px solid var(--color-border);border-radius:.68rem;background:var(--color-input-bg)}app-proposal-preview-page .output-file-card strong{min-width:0;overflow-wrap:anywhere;font-size:.7rem}app-proposal-preview-page .native-print-note{display:grid;gap:.18rem;padding:.62rem .68rem;border-left:3px solid var(--color-secondary);border-radius:0 .58rem .58rem 0;background:color-mix(in srgb,var(--color-chip-bg) 70%,var(--color-surface))}app-proposal-preview-page .native-print-note strong{font-size:.67rem}app-proposal-preview-page .native-print-note span{color:var(--color-text-muted);font-size:.6rem;line-height:1.45}app-proposal-preview-page .output-center-footer{min-height:4rem;display:flex;align-items:center;justify-content:flex-end;gap:.55rem;padding:.72rem 1rem;border-top:1px solid var(--color-border);background:var(--color-surface-elevated)}app-proposal-preview-page .output-primary-action{min-width:190px}@media screen and (max-width:1240px){app-proposal-preview-page .preview-documents{grid-template-columns:1fr}app-proposal-preview-page .output-center-body{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)}app-proposal-preview-page .output-preview-scale{zoom:.52}}@media screen and (max-width:860px){app-proposal-preview-page .output-center{height:calc(100vh - 1rem);width:calc(100vw - 1rem)}app-proposal-preview-page .output-center-body{grid-template-columns:1fr}app-proposal-preview-page .output-preview-panel{min-height:340px;border-right:0;border-bottom:1px solid var(--color-border)}app-proposal-preview-page .output-settings-panel{overflow:visible}app-proposal-preview-page .output-center-body{overflow-y:auto}}@media screen and (max-width:560px){app-proposal-preview-page .output-center-backdrop{padding:0}app-proposal-preview-page .output-center{width:100vw;height:100vh;border-radius:0}app-proposal-preview-page .output-type-options,app-proposal-preview-page .language-options,app-proposal-preview-page .document-setting-grid{grid-template-columns:1fr}app-proposal-preview-page .language-center{width:calc(100vw - 1rem)}app-proposal-preview-page .language-center-footer{align-items:stretch;flex-direction:column-reverse}app-proposal-preview-page .language-primary-action{min-width:0}app-proposal-preview-page .output-center-footer{align-items:stretch;flex-direction:column-reverse}app-proposal-preview-page .output-primary-action{min-width:0}}app-workflow-card-details-modal{display:contents}app-workflow-card-details-modal .modal-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1.25rem;background:#02261e6b;backdrop-filter:blur(3px)}app-workflow-card-details-modal .modal-card{width:min(1120px,calc(100vw - 3rem));height:min(840px,calc(100vh - 3rem));max-width:1120px;max-height:840px;display:flex;flex-direction:column;overflow:hidden;padding:0;border-radius:1.25rem;background:var(--color-surface);box-shadow:0 24px 70px #02261e3d}app-workflow-card-details-modal .modal-header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}app-workflow-card-details-modal .header-identity{min-width:0;display:flex;align-items:center;gap:.8rem}app-workflow-card-details-modal .header-type-icon{width:2.65rem;height:2.65rem;border-radius:.85rem;display:grid;place-items:center;flex:0 0 auto;background:#0d3b2e12;color:var(--color-primary)}app-workflow-card-details-modal .header-copy{min-width:0}app-workflow-card-details-modal .header-title-line{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}app-workflow-card-details-modal .header-title-line h2{margin:0;max-width:42rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.14rem;line-height:1.2;color:var(--color-text)}app-workflow-card-details-modal .stage-badge{--stage-color: #94a3b8;display:inline-flex;align-items:center;gap:.35rem;border:1px solid color-mix(in srgb,var(--stage-color) 66%,transparent);border-radius:999px;padding:.18rem .55rem;background:color-mix(in srgb,var(--stage-color) 17%,white);color:var(--color-text);font-size:.7rem;font-weight:800;white-space:nowrap}app-workflow-card-details-modal .stage-dot{width:.48rem;height:.48rem;border-radius:999px;background:var(--stage-color)}app-workflow-card-details-modal .header-meta{margin-top:.3rem;display:flex;align-items:center;flex-wrap:wrap;gap:.3rem;color:var(--color-text-muted);font-size:.75rem}app-workflow-card-details-modal .meta-divider{opacity:.45}app-workflow-card-details-modal .header-actions{display:inline-flex;align-items:center;gap:.35rem;flex:0 0 auto}app-workflow-card-details-modal .icon-button{width:2.25rem;height:2.25rem;border:1px solid transparent;border-radius:.7rem;display:inline-grid;place-items:center;padding:0;background:transparent;color:var(--color-text-muted);cursor:pointer}app-workflow-card-details-modal .icon-button:hover,app-workflow-card-details-modal .icon-button.active{border-color:var(--color-border);background:#0d3b2e12;color:var(--color-primary)}app-workflow-card-details-modal .icon-button svg{width:1.15rem;height:1.15rem}app-workflow-card-details-modal .progress-section{flex:0 0 auto;padding:.65rem 1.15rem .75rem;border-bottom:1px solid var(--color-border);background:#f2f7f994}app-workflow-card-details-modal .stage-progress-rail{display:flex;align-items:flex-start;width:min(700px,100%)}app-workflow-card-details-modal .stage-progress-step{flex:1 1 0;display:grid;justify-items:center;gap:.25rem;min-width:0}app-workflow-card-details-modal .stage-progress-node-wrap{position:relative;width:100%;display:flex;justify-content:center;align-items:center}app-workflow-card-details-modal .stage-progress-line{position:absolute;left:calc(50% + .55rem);right:calc(-50% + .55rem);top:50%;height:2px;transform:translateY(-50%);background:#0d3b2e26}app-workflow-card-details-modal .stage-progress-step.done .stage-progress-line,app-workflow-card-details-modal .stage-progress-step.current .stage-progress-line{background:#0d3b2e94}app-workflow-card-details-modal .stage-progress-node{position:relative;z-index:1;width:1.25rem;height:1.25rem;border-radius:999px;border:2px solid rgba(13,59,46,.22);display:grid;place-items:center;background:var(--color-surface);color:#fff;font-size:.62rem;font-weight:900}app-workflow-card-details-modal .stage-progress-step.done .stage-progress-node{border-color:#22b967;background:#22b967}app-workflow-card-details-modal .stage-progress-step.current .stage-progress-node{border-color:var(--color-primary);background:var(--color-primary);box-shadow:0 0 0 3px #0d3b2e17}app-workflow-card-details-modal .stage-progress-label{max-width:7rem;font-size:.62rem;line-height:1.1;font-weight:800;text-align:center;color:var(--color-primary)}app-workflow-card-details-modal .modal-body{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 19rem;overflow:hidden}app-workflow-card-details-modal .content-column{min-width:0;overflow-y:auto;padding:1.1rem 1.15rem 1.35rem;border-right:1px solid var(--color-border)}app-workflow-card-details-modal .sidebar-column{min-width:0;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;background:#f2f7f985}app-workflow-card-details-modal .content-section{padding:1rem 0;border-bottom:1px solid rgba(13,59,46,.09)}app-workflow-card-details-modal .content-section:first-child{padding-top:0}app-workflow-card-details-modal .content-section:last-child{border-bottom:0}app-workflow-card-details-modal .section-heading{margin-bottom:.65rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}app-workflow-card-details-modal .section-eyebrow,app-workflow-card-details-modal .sidebar-eyebrow{display:block;margin-bottom:.2rem;color:var(--color-text-muted);font-size:.64rem;font-weight:800;letter-spacing:.07em}app-workflow-card-details-modal .section-heading h3{margin:0;font-size:.96rem;line-height:1.25;color:var(--color-text)}app-workflow-card-details-modal .copy-button,app-workflow-card-details-modal .text-action{min-height:1.8rem;border:1px solid var(--color-border);border-radius:.55rem;padding:.25rem .6rem;display:inline-flex;align-items:center;justify-content:center;background:var(--color-surface);color:var(--color-primary);font-size:.7rem;font-weight:800;text-decoration:none;cursor:pointer;white-space:nowrap}app-workflow-card-details-modal .copy-button:hover,app-workflow-card-details-modal .text-action:hover{border-color:var(--color-primary);background:#0d3b2e0f}app-workflow-card-details-modal .readable-box{border:1px solid var(--color-border);border-radius:.85rem;padding:.9rem 1rem;background:#f8fafcdb;color:var(--color-text);font-size:.9rem;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}app-workflow-card-details-modal .idea-box{border-color:#e3c30066;background:#fff8d29e}app-workflow-card-details-modal .script-box{font-family:inherit}app-workflow-card-details-modal .media-heading-actions{display:inline-flex;align-items:center;gap:.55rem}app-workflow-card-details-modal .media-counter{color:var(--color-text-muted);font-size:.7rem;font-weight:800}app-workflow-card-details-modal .media-viewer{position:relative}app-workflow-card-details-modal .material-preview{min-height:16rem;max-height:32rem;border:1px dashed var(--color-border);border-radius:.9rem;display:grid;place-items:center;overflow:hidden;background:#f8fafcd1}app-workflow-card-details-modal .material-preview img{width:100%;height:100%;max-height:32rem;object-fit:contain;display:block}app-workflow-card-details-modal .media-source{display:block;margin-top:.18rem;color:var(--color-text-muted);font-size:.68rem;font-weight:700}app-workflow-card-details-modal .video-preview video,app-workflow-card-details-modal .embed-preview iframe{width:100%;min-height:24rem;max-height:32rem;border:0;display:block;background:#000}app-workflow-card-details-modal .embed-preview iframe{background:#fff}app-workflow-card-details-modal .material-link-card{min-height:12rem;border:1px solid var(--color-border);border-radius:.85rem;padding:.9rem;display:flex;align-items:center;justify-content:center;gap:.75rem;background:#f8fafcd1;color:var(--color-text);text-decoration:none}app-workflow-card-details-modal .material-link-card:hover{border-color:var(--color-primary)}app-workflow-card-details-modal .material-link-card span:last-child{min-width:0;display:grid;gap:.15rem}app-workflow-card-details-modal .material-link-card small{max-width:30rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted)}app-workflow-card-details-modal .material-link-url{max-width:30rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);font-size:.7rem}app-workflow-card-details-modal .material-link-icon{width:2rem;height:2rem;border-radius:999px;display:grid;place-items:center;flex:0 0 auto;background:#0d3b2e17;color:var(--color-primary);font-weight:900}app-workflow-card-details-modal .media-arrow{position:absolute;top:50%;z-index:3;width:2.2rem;height:2.2rem;border:1px solid var(--color-border);border-radius:999px;display:grid;place-items:center;transform:translateY(-50%);padding:0 0 .1rem;background:#fffffff5;color:var(--color-primary);font-size:1.5rem;line-height:1;cursor:pointer;box-shadow:0 3px 10px #0d3b2e1f}app-workflow-card-details-modal .media-arrow:hover{border-color:var(--color-primary);background:#fff}app-workflow-card-details-modal .media-arrow-left{left:.65rem}app-workflow-card-details-modal .media-arrow-right{right:.65rem}app-workflow-card-details-modal .media-tabs{margin-top:.65rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.45rem}app-workflow-card-details-modal .media-tab{border:1px solid var(--color-border);border-radius:999px;padding:.28rem .7rem;background:var(--color-surface);color:var(--color-text-muted);font-size:.68rem;font-weight:800;cursor:pointer}app-workflow-card-details-modal .media-tab.active{border-color:var(--color-primary);background:#0d3b2e14;color:var(--color-primary)}app-workflow-card-details-modal .empty-content{min-height:15rem;display:grid;place-items:center;align-content:center;gap:.35rem;padding:2rem;text-align:center;color:var(--color-text-muted)}app-workflow-card-details-modal .empty-content-icon{width:2.6rem;height:2.6rem;border-radius:999px;display:grid;place-items:center;background:#0d3b2e12;color:var(--color-primary);font-size:1.2rem}app-workflow-card-details-modal .empty-content strong{color:var(--color-text)}app-workflow-card-details-modal .empty-content span{max-width:28rem;font-size:.78rem;line-height:1.5}app-workflow-card-details-modal .timeline-section{margin-top:.2rem}app-workflow-card-details-modal .sidebar-card{border:1px solid var(--color-border);border-radius:.85rem;padding:.8rem;display:grid;gap:.75rem;background:var(--color-surface)}app-workflow-card-details-modal .sidebar-stage-line{display:flex;align-items:center;gap:.45rem;color:var(--color-text);font-size:.88rem}app-workflow-card-details-modal .sidebar-stage-dot{width:.62rem;height:.62rem;border-radius:999px;flex:0 0 auto}app-workflow-card-details-modal .stage-select-wrap{display:grid;gap:.35rem}app-workflow-card-details-modal .stage-select-wrap label{font-size:.7rem;font-weight:750;color:var(--color-text-muted)}app-workflow-card-details-modal .sidebar-detail{min-width:0;display:grid;gap:.35rem}app-workflow-card-details-modal .sidebar-detail>span{font-size:.68rem;font-weight:750;color:var(--color-text-muted)}app-workflow-card-details-modal .sidebar-detail>strong{font-size:.82rem;color:var(--color-text)}app-workflow-card-details-modal .sidebar-detail app-filter-dropdown{min-width:0;width:100%}app-workflow-card-details-modal .member-line{display:flex;align-items:center;gap:.45rem}app-workflow-card-details-modal .member-line strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}app-workflow-card-details-modal .member-avatar{width:1.65rem;height:1.65rem;border:1px solid var(--color-border);border-radius:999px;display:grid;place-items:center;overflow:hidden;flex:0 0 auto;background:#89c9c959;color:var(--color-primary);font-size:.6rem;font-weight:800}app-workflow-card-details-modal .member-avatar.is-unassigned{background:#0d3b2e12}app-workflow-card-details-modal .member-avatar img{width:100%;height:100%;object-fit:cover}app-workflow-card-details-modal .workflow-stage-value{border-radius:.6rem;padding:.6rem;background:#0d3b2e0f;color:var(--color-text);font-size:.78rem;font-weight:750;line-height:1.4}app-workflow-card-details-modal .approval-group{display:grid;gap:.45rem}app-workflow-card-details-modal .approval-group-title{font-size:.7rem;font-weight:800;color:var(--color-text-muted)}app-workflow-card-details-modal .approval-divider{height:1px;background:var(--color-border)}app-workflow-card-details-modal .approval-action{width:100%;border:1px solid rgba(13,59,46,.1);border-radius:.65rem;padding:.55rem .6rem;display:grid;grid-template-columns:1.25rem minmax(0,1fr);align-items:center;gap:.4rem;background:#f8fafcb8;color:var(--color-text);text-align:left;font:inherit;font-size:.74rem;cursor:pointer}app-workflow-card-details-modal .approval-action:hover:not(:disabled){border-color:var(--color-primary);background:#0d3b2e0b}app-workflow-card-details-modal .approval-action.approved{border-color:#b7ebc6;background:#effcf3;color:#16803c}app-workflow-card-details-modal .approval-action:disabled{cursor:default;opacity:.72}app-workflow-card-details-modal .approval-state{width:1.15rem;height:1.15rem;border-radius:999px;display:grid;place-items:center;background:#0d3b2e12;color:var(--color-text-muted);font-size:.68rem;font-weight:900}app-workflow-card-details-modal .approval-action.approved .approval-state{background:#d9f8e3;color:#16803c}app-workflow-card-details-modal .approval-permission-note{color:var(--color-text-muted);font-size:.64rem;line-height:1.4}app-workflow-card-details-modal .rejection-card{border-color:#f2b1b1;background:#fff4f4;color:#a12828}app-workflow-card-details-modal .rejection-meta{font-size:.7rem}app-workflow-card-details-modal .sidebar-actions{display:grid;gap:.5rem}app-workflow-card-details-modal .sidebar-actions .btn{width:100%}app-workflow-card-details-modal .btn-danger-outline{border:1px solid #e86060;background:transparent;color:#bd2828}app-workflow-card-details-modal .btn-danger-outline:hover{background:#fff0f0}app-workflow-card-details-modal .modal-footer{flex:0 0 auto;min-height:3.6rem;padding:.65rem 1.15rem;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:var(--color-surface)}app-workflow-card-details-modal .footer-actions{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:.75rem}app-workflow-card-details-modal .footer-copy-feedback{min-height:1rem;color:#16803c;font-size:.7rem;font-weight:750}@media(max-width:900px){app-workflow-card-details-modal .modal-card{max-height:94vh}app-workflow-card-details-modal .modal-body{grid-template-columns:1fr;overflow-y:auto}app-workflow-card-details-modal .content-column,app-workflow-card-details-modal .sidebar-column{overflow:visible}app-workflow-card-details-modal .content-column{border-right:0;border-bottom:1px solid var(--color-border)}}@media(max-width:640px){app-workflow-card-details-modal .modal-overlay{padding:.45rem}app-workflow-card-details-modal .modal-card{max-height:97vh;border-radius:.9rem}app-workflow-card-details-modal .modal-header{align-items:flex-start;padding:.8rem}app-workflow-card-details-modal .header-title-line h2{max-width:13rem}app-workflow-card-details-modal .header-meta{display:none}app-workflow-card-details-modal .progress-section{padding-inline:.8rem}app-workflow-card-details-modal .stage-progress-label{display:none}app-workflow-card-details-modal .content-column,app-workflow-card-details-modal .sidebar-column{padding:.8rem}app-workflow-card-details-modal .modal-footer{padding-inline:.8rem}app-workflow-card-details-modal .media-arrow{width:1.9rem;height:1.9rem}}app-finance-dashboard-page{--finance-positive: var(--color-success, #027a48);--finance-negative: var(--color-danger, #b42318);--finance-warning: var(--color-warning, #b54708);--finance-chart-blue: #2563eb;--finance-chart-orange: #d97706;--finance-chart-purple: #7c3aed;--finance-chart-teal: #0f766e;--finance-chart-red: #b42318;display:block;min-width:0}app-finance-dashboard-page .finance-page{display:grid;gap:.75rem;width:100%;min-width:0}app-finance-dashboard-page .finance-controls-toolbar{position:relative;z-index:20;margin:0;padding:.75rem .85rem}app-finance-dashboard-page .finance-controls-content{display:grid;grid-template-columns:minmax(12rem,1fr) auto auto;align-items:center;gap:.85rem;width:100%;min-width:0}app-finance-dashboard-page .toolbar-context{display:grid;gap:.12rem;align-self:center;min-width:0}app-finance-dashboard-page .toolbar-context strong{font-size:.88rem;line-height:1.2}app-finance-dashboard-page .toolbar-context span{color:var(--color-text-muted);font-size:.74rem;line-height:1.35}app-finance-dashboard-page .period-filter{min-width:12rem;display:grid;grid-template-columns:2.2rem minmax(7rem,1fr) 2.2rem;align-items:center;justify-self:end;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-elevated);overflow:hidden}app-finance-dashboard-page .period-switcher-button{min-height:2.2rem;border:0;background:transparent;color:var(--color-accent-text);font:inherit;font-size:1rem;cursor:pointer}app-finance-dashboard-page .period-switcher-button:focus-visible,app-finance-dashboard-page .month-trigger:focus-visible{outline:3px solid color-mix(in srgb,var(--color-primary) 30%,transparent);outline-offset:2px}app-finance-dashboard-page .period-switcher-button:disabled{cursor:wait;opacity:.5}app-finance-dashboard-page .period-switcher-label{color:var(--color-text);font-size:.78rem;font-weight:700;text-align:center;white-space:nowrap}app-finance-dashboard-page .header-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;justify-self:end;gap:.35rem;align-self:center}app-finance-dashboard-page .header-pill,app-finance-dashboard-page .header-kpi,app-finance-dashboard-page .profit-chip,app-finance-dashboard-page .kpi-meta-pill,app-finance-dashboard-page .status-pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;border-radius:999px;font-weight:800;white-space:nowrap}app-finance-dashboard-page .header-pill{padding:.32rem .5rem;border:1px solid var(--color-border);background:var(--color-surface-elevated);color:var(--color-text-muted);font-size:.66rem}app-finance-dashboard-page .header-pill.kpi{background:color-mix(in srgb,var(--finance-positive) 12%,var(--color-surface-elevated));color:var(--finance-positive)}app-finance-dashboard-page .header-pill.expense{background:color-mix(in srgb,var(--finance-negative) 10%,var(--color-surface-elevated));color:var(--finance-negative)}app-finance-dashboard-page .header-pill.profit{color:var(--finance-positive)}app-finance-dashboard-page .dashboard-message{padding:.75rem}app-finance-dashboard-page .dashboard-message.error{border-color:var(--finance-negative);color:var(--finance-negative)}app-finance-dashboard-page .kpi-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:.55rem;min-width:0}app-finance-dashboard-page .kpi-card{position:relative;display:grid;grid-template-rows:auto auto auto;gap:.42rem;min-width:0;min-height:6.2rem;padding:.72rem .78rem;overflow:hidden;border-left:3px solid var(--color-border)}app-finance-dashboard-page .kpi-card:nth-child(-n+4){grid-column:span 3}app-finance-dashboard-page .kpi-card:nth-child(n+5){grid-column:span 4;min-height:5.4rem;background:color-mix(in srgb,var(--color-surface-elevated) 92%,var(--color-primary) 8%)}app-finance-dashboard-page .kpi-card.tone-positive{border-left-color:var(--finance-positive)}app-finance-dashboard-page .kpi-card.tone-negative{border-left-color:var(--finance-negative)}app-finance-dashboard-page .kpi-card header{display:flex;align-items:center;gap:.4rem;min-width:0}app-finance-dashboard-page .kpi-icon{display:inline-grid;place-items:center;width:1.45rem;height:1.45rem;border-radius:.38rem;background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-text-muted);font-size:.75rem}app-finance-dashboard-page .kpi-label{overflow:hidden;color:var(--color-text-muted);font-size:.72rem;font-weight:800;text-overflow:ellipsis;white-space:nowrap}app-finance-dashboard-page .kpi-value{font-size:clamp(1rem,1.4vw,1.28rem);font-weight:900;line-height:1.1}app-finance-dashboard-page .kpi-card footer{display:flex;align-items:center;gap:.28rem;min-width:0;margin-top:auto;color:var(--color-text-muted);font-size:.64rem}app-finance-dashboard-page .kpi-trend{font-weight:900}app-finance-dashboard-page .kpi-trend.positive{color:var(--finance-positive)}app-finance-dashboard-page .kpi-trend.negative{color:var(--finance-negative)}app-finance-dashboard-page .kpi-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-finance-dashboard-page .kpi-meta-pill{margin-left:auto;padding:.18rem .38rem;border:1px solid var(--color-border);font-size:.57rem}app-finance-dashboard-page .analytics-grid{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(17rem,.9fr);align-items:stretch;gap:.65rem;min-width:0}app-finance-dashboard-page .chart-card,app-finance-dashboard-page .summary-card,app-finance-dashboard-page .widget-card,app-finance-dashboard-page .health-card{min-width:0;padding:.78rem}app-finance-dashboard-page .card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;min-width:0;margin-bottom:.65rem}app-finance-dashboard-page .card-head h3{margin:0;font-size:.9rem;line-height:1.2}app-finance-dashboard-page .page-subtitle{margin:.16rem 0 0;color:var(--color-text-muted);font-size:.72rem;line-height:1.4}app-finance-dashboard-page .legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.6rem;color:var(--color-text-muted);font-size:.68rem;font-weight:700}app-finance-dashboard-page .legend span{display:inline-flex;align-items:center;gap:.25rem}app-finance-dashboard-page .dot{width:.5rem;height:.5rem;border-radius:999px}app-finance-dashboard-page .revenue-dot{background:var(--finance-positive)}app-finance-dashboard-page .expense-dot{background:var(--finance-negative)}app-finance-dashboard-page .chart-stage{position:relative;min-width:0}app-finance-dashboard-page .chart-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem;margin-bottom:.45rem}app-finance-dashboard-page .chart-kpi{display:grid;gap:.12rem;min-width:0;padding:.48rem .55rem;border:1px solid var(--color-border);border-radius:.5rem;background:color-mix(in srgb,var(--color-surface-elevated) 92%,var(--color-secondary) 8%)}app-finance-dashboard-page .chart-kpi label{color:var(--color-text-muted);font-size:.6rem;font-weight:800;text-transform:uppercase}app-finance-dashboard-page .chart-kpi strong{overflow:hidden;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}app-finance-dashboard-page .chart-kpi.expense strong{color:var(--finance-negative)}app-finance-dashboard-page .chart-kpi.profit strong{color:var(--finance-positive)}app-finance-dashboard-page .finance-chart{display:block;width:100%;height:13.5rem;overflow:visible}app-finance-dashboard-page .grid-line{stroke:var(--color-border);stroke-width:1}app-finance-dashboard-page .grid-label{fill:var(--color-text-muted);font-size:8px}app-finance-dashboard-page .area{opacity:.12}app-finance-dashboard-page .revenue-area{fill:var(--finance-positive)}app-finance-dashboard-page .expense-area{fill:var(--finance-negative)}app-finance-dashboard-page .line{fill:none;stroke-width:2}app-finance-dashboard-page .revenue-line{stroke:var(--finance-positive)}app-finance-dashboard-page .expense-line{stroke:var(--finance-negative)}app-finance-dashboard-page .point{stroke:var(--color-surface-elevated);stroke-width:2;cursor:pointer}app-finance-dashboard-page .revenue-point{fill:var(--finance-positive)}app-finance-dashboard-page .expense-point{fill:var(--finance-negative)}app-finance-dashboard-page .month-triggers{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));margin:-.2rem 0 0}app-finance-dashboard-page .month-trigger{min-width:0;padding:.25rem 0;border:0;background:transparent;color:var(--color-text-muted);font-size:.59rem;font-weight:700;cursor:pointer}app-finance-dashboard-page .chart-tooltip{position:absolute;bottom:1.65rem;z-index:10;display:grid;grid-auto-rows:max-content;align-content:start;gap:0;width:7.2rem;height:auto;min-height:0;max-height:none;max-width:calc(100% - .75rem);padding:.38rem .42rem;transform:translate(-50%);border:1px solid color-mix(in srgb,var(--color-primary) 16%,var(--color-border));border-radius:.5rem;background:color-mix(in srgb,var(--color-surface-elevated) 97%,var(--color-secondary) 3%);box-shadow:0 .4rem .9rem color-mix(in srgb,var(--color-primary) 10%,transparent);font-size:.55rem;pointer-events:none}app-finance-dashboard-page .chart-tooltip>strong{display:block;min-height:0;margin-bottom:.16rem;padding-bottom:.16rem;border-bottom:1px solid var(--color-border);font-size:.61rem;line-height:1.15}app-finance-dashboard-page .tooltip-row,app-finance-dashboard-page .profit-line{display:flex;align-items:center;justify-content:space-between;gap:.3rem;padding:.12rem 0;color:var(--color-text-muted);min-height:0;line-height:1.15}app-finance-dashboard-page .tooltip-row strong,app-finance-dashboard-page .profit-line strong{color:var(--color-text);font-size:.56rem;text-align:right;white-space:nowrap}app-finance-dashboard-page .tooltip-row.revenue strong,app-finance-dashboard-page .profit-line.positive strong{color:var(--finance-positive)}app-finance-dashboard-page .tooltip-row.expense strong,app-finance-dashboard-page .profit-line.negative strong{color:var(--finance-negative)}app-finance-dashboard-page .chart-stage .chart-tooltip.app-card{display:block;position:absolute;width:9rem;height:max-content!important;min-height:0!important;max-height:none!important;block-size:max-content!important;align-self:auto;justify-self:auto;padding:.48rem .55rem;overflow:visible;font-size:.68rem}app-finance-dashboard-page .chart-stage .chart-tooltip>strong{margin-bottom:.28rem;padding-bottom:.28rem;font-size:.76rem;line-height:1.2}app-finance-dashboard-page .chart-stage .chart-tooltip .tooltip-row,app-finance-dashboard-page .chart-stage .chart-tooltip .profit-line{min-height:0;padding:.22rem 0;gap:.5rem;font-size:.68rem;line-height:1.2}app-finance-dashboard-page .chart-stage .chart-tooltip .tooltip-row strong,app-finance-dashboard-page .chart-stage .chart-tooltip .profit-line strong{font-size:.7rem;line-height:1.2}app-finance-dashboard-page .summary-card{display:grid;grid-template-rows:auto auto auto 1fr;align-content:start}app-finance-dashboard-page .header-kpi{padding:.28rem .45rem;background:color-mix(in srgb,var(--finance-positive) 14%,var(--color-surface-elevated));color:var(--finance-positive);font-size:.62rem}app-finance-dashboard-page .summary-list{display:grid;gap:0}app-finance-dashboard-page .summary-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem 0;border-bottom:1px solid var(--color-border);font-size:.78rem}app-finance-dashboard-page .summary-row strong{font-size:.86rem}app-finance-dashboard-page .summary-row .expense,app-finance-dashboard-page .expense{color:var(--finance-negative)}app-finance-dashboard-page .summary-row .profit,app-finance-dashboard-page .profit{color:var(--finance-positive)}app-finance-dashboard-page .total-row{margin-top:.15rem;border-bottom:0}app-finance-dashboard-page .profit-chip-row{margin-top:.45rem}app-finance-dashboard-page .profit-chip{padding:.3rem .45rem;font-size:.62rem}app-finance-dashboard-page .profit-chip.positive{background:color-mix(in srgb,var(--finance-positive) 14%,var(--color-surface-elevated));color:var(--finance-positive)}app-finance-dashboard-page .profit-chip.negative{background:color-mix(in srgb,var(--finance-negative) 12%,var(--color-surface-elevated));color:var(--finance-negative)}app-finance-dashboard-page .cash-flow-card{min-width:0;padding:.78rem}app-finance-dashboard-page .cash-flow{display:grid;grid-template-columns:minmax(10rem,1fr) auto minmax(18rem,2fr) auto minmax(10rem,1fr);align-items:center;gap:.65rem}app-finance-dashboard-page .cash-flow-costs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}app-finance-dashboard-page .cash-flow-node{display:grid;gap:.18rem;min-width:0;padding:.65rem;border:1px solid var(--color-border);border-radius:.6rem;background:color-mix(in srgb,var(--color-surface-elevated) 92%,var(--color-secondary) 8%)}app-finance-dashboard-page .cash-flow-node span{color:var(--color-text-muted);font-size:.62rem;font-weight:800;text-transform:uppercase}app-finance-dashboard-page .cash-flow-node strong{overflow:hidden;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}app-finance-dashboard-page .cash-flow-node.revenue{border-left:4px solid var(--finance-positive)}app-finance-dashboard-page .cash-flow-node.payroll{border-left:4px solid var(--finance-chart-blue)}app-finance-dashboard-page .cash-flow-node.commitment{border-left:4px solid var(--finance-chart-orange)}app-finance-dashboard-page .cash-flow-node.direct{border-left:4px solid var(--finance-chart-purple)}app-finance-dashboard-page .cash-flow-node.result.positive{border-left:4px solid var(--finance-positive)}app-finance-dashboard-page .cash-flow-node.result.negative{border-left:4px solid var(--finance-negative)}app-finance-dashboard-page .cash-flow-arrow{color:var(--color-text-muted);font-size:1.35rem;font-weight:900}app-finance-dashboard-page .expense-donut-layout{display:grid;grid-template-columns:8rem 1fr;align-items:center;gap:.8rem}app-finance-dashboard-page .expense-donut{position:relative;width:8rem;aspect-ratio:1;border-radius:50%}app-finance-dashboard-page .expense-donut-centre{position:absolute;inset:1.25rem;display:grid;place-content:center;gap:.12rem;border-radius:50%;background:var(--color-surface-elevated);text-align:center}app-finance-dashboard-page .expense-donut-centre span{color:var(--color-text-muted);font-size:.55rem;font-weight:800;text-transform:uppercase}app-finance-dashboard-page .expense-donut-centre strong{font-size:.72rem}app-finance-dashboard-page .breakdown-row{grid-template-columns:auto 1fr;align-items:center}app-finance-dashboard-page .breakdown-swatch{width:.62rem;height:.62rem;border-radius:999px}app-finance-dashboard-page .break-label{display:grid;gap:.1rem}app-finance-dashboard-page .break-label span{color:var(--color-text-muted);font-size:.6rem}app-finance-dashboard-page .profit-bars{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:.22rem;min-height:7.4rem}app-finance-dashboard-page .profit-bar-column{display:grid;grid-template-rows:6rem auto;align-items:end;gap:.25rem;min-width:0}app-finance-dashboard-page .profit-bar-track{display:flex;align-items:end;justify-content:center;height:6rem;border-bottom:1px solid var(--color-border)}app-finance-dashboard-page .profit-bar{display:block;width:min(1rem,72%);min-height:.15rem;border-radius:.3rem .3rem 0 0}app-finance-dashboard-page .profit-bar.positive{background:var(--finance-positive)}app-finance-dashboard-page .profit-bar.negative{background:var(--finance-negative)}app-finance-dashboard-page .profit-bar-month{overflow:hidden;color:var(--color-text-muted);font-size:.5rem;font-weight:700;text-align:center;text-overflow:ellipsis}app-finance-dashboard-page .profit-bar-legend{display:flex;gap:.65rem;margin-top:.55rem;color:var(--color-text-muted);font-size:.6rem;font-weight:700}app-finance-dashboard-page .profit-bar-legend span{display:inline-flex;align-items:center;gap:.25rem}app-finance-dashboard-page .profit-positive-dot{background:var(--finance-positive)}app-finance-dashboard-page .profit-negative-dot{background:var(--finance-negative)}app-finance-dashboard-page .widgets-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:.65rem;min-width:0}app-finance-dashboard-page .widget-recent,app-finance-dashboard-page .widget-outstanding,app-finance-dashboard-page .widget-payroll{grid-column:span 4;min-height:10.5rem}app-finance-dashboard-page .widget-breakdown{grid-column:span 4;min-height:9rem}app-finance-dashboard-page .widget-health{grid-column:span 5;min-height:9rem}app-finance-dashboard-page .widget-trend{grid-column:span 3;min-height:9rem}app-finance-dashboard-page .mobile-invoice-list{display:none}app-finance-dashboard-page .mobile-invoice-card{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem;border:1px solid var(--color-border);border-radius:.6rem;background:color-mix(in srgb,var(--color-surface-elevated) 94%,var(--color-secondary) 6%)}app-finance-dashboard-page .mobile-invoice-main,app-finance-dashboard-page .mobile-invoice-side{display:grid;gap:.18rem;min-width:0}app-finance-dashboard-page .mobile-invoice-main strong,app-finance-dashboard-page .mobile-invoice-side strong{overflow:hidden;font-size:.74rem;text-overflow:ellipsis;white-space:nowrap}app-finance-dashboard-page .mobile-invoice-main span{overflow:hidden;color:var(--color-text-muted);font-size:.64rem;text-overflow:ellipsis;white-space:nowrap}app-finance-dashboard-page .mobile-invoice-side{justify-items:end;text-align:right}app-finance-dashboard-page .widget-table-wrap{width:100%;overflow-x:auto}app-finance-dashboard-page table{width:100%;border-collapse:collapse;font-size:.68rem}app-finance-dashboard-page th,app-finance-dashboard-page td{padding:.45rem .32rem;border-bottom:1px solid var(--color-border);text-align:left;vertical-align:middle}app-finance-dashboard-page th{color:var(--color-text-muted);font-size:.58rem;text-transform:uppercase;letter-spacing:.03em}app-finance-dashboard-page .status-pill{padding:.2rem .4rem;font-size:.58rem}app-finance-dashboard-page .status-paid{background:color-mix(in srgb,var(--finance-positive) 14%,transparent);color:var(--finance-positive)}app-finance-dashboard-page .status-overdue{background:color-mix(in srgb,var(--finance-negative) 12%,transparent);color:var(--finance-negative)}app-finance-dashboard-page .status-draft,app-finance-dashboard-page .status-pending,app-finance-dashboard-page .status-sent{background:color-mix(in srgb,var(--color-text-muted) 12%,transparent);color:var(--color-text-muted)}app-finance-dashboard-page .list-stack,app-finance-dashboard-page .breakdown-list,app-finance-dashboard-page .trend-list{display:grid;gap:.4rem}app-finance-dashboard-page .list-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;padding:.55rem;border:1px solid var(--color-border);border-radius:.5rem;background:color-mix(in srgb,var(--color-surface-elevated) 94%,var(--color-secondary) 6%)}app-finance-dashboard-page .list-row strong{display:block;font-size:.76rem}app-finance-dashboard-page .list-row p{margin:.15rem 0 0;color:var(--color-text-muted);font-size:.62rem;line-height:1.35}app-finance-dashboard-page .list-right{display:grid;justify-items:end;gap:.25rem;font-size:.68rem;font-weight:800;text-align:right}app-finance-dashboard-page .breakdown-row{display:grid;gap:.3rem}app-finance-dashboard-page .break-label{display:flex;align-items:center;justify-content:space-between;gap:.6rem;font-size:.7rem}app-finance-dashboard-page .break-track{height:.32rem;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--color-border) 70%,transparent)}app-finance-dashboard-page .break-fill{display:block;height:100%;border-radius:inherit;background:var(--color-primary)}app-finance-dashboard-page .health-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}app-finance-dashboard-page .health-grid>div{display:grid;gap:.18rem;min-width:0;padding:.55rem;border:1px solid var(--color-border);border-radius:.5rem;background:color-mix(in srgb,var(--color-surface-elevated) 92%,var(--color-primary) 8%)}app-finance-dashboard-page .health-grid span{color:var(--color-text-muted);font-size:.58rem;font-weight:800;text-transform:uppercase}app-finance-dashboard-page .health-grid strong{overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}app-finance-dashboard-page .trend-row{display:flex;align-items:center;justify-content:space-between;gap:.65rem;padding:.38rem 0;border-bottom:1px solid var(--color-border);font-size:.68rem}app-finance-dashboard-page .compact-empty{display:grid;place-items:center;min-height:5rem;padding:.8rem;border:1px dashed var(--color-border);border-radius:.55rem;color:var(--color-text-muted);font-size:.7rem;line-height:1.4;text-align:center}@media(max-width:1180px){app-finance-dashboard-page .finance-controls-content{grid-template-columns:minmax(10rem,1fr) auto auto;align-items:center}app-finance-dashboard-page .toolbar-context,app-finance-dashboard-page .period-filter,app-finance-dashboard-page .header-meta{grid-column:auto}app-finance-dashboard-page .period-filter,app-finance-dashboard-page .header-meta{justify-self:end}app-finance-dashboard-page .kpi-card:nth-child(-n+4){grid-column:span 6}app-finance-dashboard-page .kpi-card:nth-child(n+5){grid-column:span 4}app-finance-dashboard-page .analytics-grid{grid-template-columns:minmax(0,1.55fr) minmax(15rem,1fr)}app-finance-dashboard-page .widget-recent,app-finance-dashboard-page .widget-outstanding{grid-column:span 6}app-finance-dashboard-page .widget-payroll,app-finance-dashboard-page .widget-breakdown,app-finance-dashboard-page .widget-health,app-finance-dashboard-page .widget-trend{grid-column:span 6}}@media(max-width:820px){app-finance-dashboard-page .finance-controls-content{grid-template-columns:minmax(8rem,1fr) auto auto;gap:.55rem}app-finance-dashboard-page .toolbar-context span{display:none}app-finance-dashboard-page .period-filter{min-width:11rem}app-finance-dashboard-page .header-pill{font-size:.58rem}app-finance-dashboard-page .analytics-grid{grid-template-columns:1fr}app-finance-dashboard-page .summary-card{min-height:0}app-finance-dashboard-page .cash-flow{grid-template-columns:1fr}app-finance-dashboard-page .cash-flow-arrow{transform:rotate(90deg);justify-self:center}app-finance-dashboard-page .expense-donut-layout{grid-template-columns:7rem minmax(0,1fr)}app-finance-dashboard-page .expense-donut{width:7rem}app-finance-dashboard-page .widget-recent,app-finance-dashboard-page .widget-outstanding,app-finance-dashboard-page .widget-payroll,app-finance-dashboard-page .widget-breakdown,app-finance-dashboard-page .widget-health,app-finance-dashboard-page .widget-trend{grid-column:span 12;min-height:0}}@media(max-width:640px){app-finance-dashboard-page .finance-page{gap:.5rem}app-finance-dashboard-page .finance-controls-toolbar,app-finance-dashboard-page .chart-card,app-finance-dashboard-page .summary-card,app-finance-dashboard-page .cash-flow-card,app-finance-dashboard-page .widget-card,app-finance-dashboard-page .health-card{padding:.62rem}app-finance-dashboard-page .finance-controls-content{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:.45rem}app-finance-dashboard-page .toolbar-context{grid-column:1 / -1}app-finance-dashboard-page .toolbar-context strong{font-size:.8rem}app-finance-dashboard-page .period-filter{grid-column:1 / -1;grid-template-columns:2.2rem minmax(0,1fr) 2.2rem;justify-self:stretch;width:100%;min-width:0}app-finance-dashboard-page .period-switcher-button{min-height:2.35rem}app-finance-dashboard-page .period-switcher-label{font-size:.72rem}app-finance-dashboard-page .header-meta{grid-column:1 / -1;justify-self:end;overflow:visible;padding:0}app-finance-dashboard-page .header-pill{padding:.24rem .4rem;font-size:.54rem}app-finance-dashboard-page .kpi-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.42rem}app-finance-dashboard-page .kpi-card:nth-child(-n+4){grid-column:span 3}app-finance-dashboard-page .kpi-card:nth-child(n+5){grid-column:span 2}app-finance-dashboard-page .kpi-card,app-finance-dashboard-page .kpi-card:nth-child(n+5){min-height:0;padding:.56rem;gap:.3rem}app-finance-dashboard-page .kpi-icon{width:1.2rem;height:1.2rem;font-size:.64rem}app-finance-dashboard-page .kpi-label{font-size:.59rem}app-finance-dashboard-page .kpi-value{font-size:.9rem}app-finance-dashboard-page .kpi-card footer{align-items:flex-start;flex-wrap:wrap;gap:.14rem;font-size:.51rem}app-finance-dashboard-page .kpi-meta{width:100%}app-finance-dashboard-page .kpi-meta-pill{display:none}app-finance-dashboard-page .card-head{align-items:flex-start;flex-direction:column;gap:.3rem;margin-bottom:.45rem}app-finance-dashboard-page .card-head h3{font-size:.8rem}app-finance-dashboard-page .page-subtitle{font-size:.61rem}app-finance-dashboard-page .legend{justify-content:flex-start;gap:.45rem;font-size:.55rem}app-finance-dashboard-page .chart-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:.28rem}app-finance-dashboard-page .chart-kpi{padding:.38rem}app-finance-dashboard-page .chart-kpi label{font-size:.45rem}app-finance-dashboard-page .chart-kpi strong{font-size:.66rem}app-finance-dashboard-page .finance-chart{height:10rem}app-finance-dashboard-page .month-trigger{font-size:.45rem}app-finance-dashboard-page .chart-tooltip{width:7rem;padding:.38rem .42rem}app-finance-dashboard-page .summary-card{display:block}app-finance-dashboard-page .summary-row{padding:.4rem 0;font-size:.65rem}app-finance-dashboard-page .summary-row strong{font-size:.71rem}app-finance-dashboard-page .cash-flow-card .page-subtitle{display:none}app-finance-dashboard-page .cash-flow{gap:.32rem}app-finance-dashboard-page .cash-flow-costs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.3rem}app-finance-dashboard-page .cash-flow-node{padding:.46rem}app-finance-dashboard-page .cash-flow-node span{font-size:.44rem}app-finance-dashboard-page .cash-flow-node strong{font-size:.64rem}app-finance-dashboard-page .cash-flow-arrow{font-size:.92rem}app-finance-dashboard-page .widgets-grid{display:flex;flex-direction:column;align-items:stretch;width:100%;min-width:0;gap:.5rem}app-finance-dashboard-page .widgets-grid>article{flex:0 0 auto;width:100%;max-width:none;min-width:0;min-height:0;margin:0;box-sizing:border-box}app-finance-dashboard-page .widget-recent,app-finance-dashboard-page .widget-outstanding,app-finance-dashboard-page .widget-payroll,app-finance-dashboard-page .widget-breakdown,app-finance-dashboard-page .widget-health,app-finance-dashboard-page .widget-trend{grid-column:auto;width:100%;max-width:none;min-width:0;min-height:0}app-finance-dashboard-page .widget-breakdown{order:1}app-finance-dashboard-page .widget-health{order:2}app-finance-dashboard-page .widget-recent{order:3}app-finance-dashboard-page .widget-outstanding{order:4}app-finance-dashboard-page .widget-payroll{order:5}app-finance-dashboard-page .widget-trend{order:6}app-finance-dashboard-page .widget-table-wrap{display:none}app-finance-dashboard-page .mobile-invoice-list{display:grid;gap:.38rem}app-finance-dashboard-page .mobile-invoice-card{width:100%;min-width:0;padding:.52rem;box-sizing:border-box}app-finance-dashboard-page .list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;min-width:0;gap:.5rem;padding:.52rem;box-sizing:border-box}app-finance-dashboard-page .list-right{justify-items:end;text-align:right}app-finance-dashboard-page .expense-donut-layout{grid-template-columns:6.2rem minmax(0,1fr);align-items:center;justify-items:stretch;gap:.58rem}app-finance-dashboard-page .expense-donut{width:6.2rem}app-finance-dashboard-page .expense-donut-centre{inset:.95rem}app-finance-dashboard-page .expense-donut-centre span{font-size:.42rem}app-finance-dashboard-page .expense-donut-centre strong{font-size:.58rem}app-finance-dashboard-page .breakdown-list{width:100%}app-finance-dashboard-page .break-label strong{font-size:.62rem}app-finance-dashboard-page .break-label span{font-size:.51rem}app-finance-dashboard-page .health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.32rem}app-finance-dashboard-page .health-grid>div{padding:.44rem}app-finance-dashboard-page .health-grid span{font-size:.45rem}app-finance-dashboard-page .health-grid strong{font-size:.66rem}app-finance-dashboard-page .profit-bars{width:100%;min-width:0;overflow:visible;grid-template-columns:repeat(12,minmax(0,1fr));gap:.12rem;min-height:5.8rem}app-finance-dashboard-page .profit-bar-column{grid-template-rows:4.7rem auto}app-finance-dashboard-page .profit-bar-track{height:4.7rem}app-finance-dashboard-page .profit-bar{width:70%}app-finance-dashboard-page .profit-bar-month{font-size:.4rem}app-finance-dashboard-page .compact-empty{min-height:4.2rem;padding:.6rem;font-size:.59rem}}app-client-billing-page{display:block;width:100%;min-width:0}app-client-billing-page .finance-page{display:grid;gap:.8rem;width:100%;min-width:0;padding-bottom:1rem}app-client-billing-page .invoices-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0;margin:0;padding:.78rem .9rem;border-radius:.72rem}app-client-billing-page .invoices-header .header-copy{min-width:0}app-client-billing-page .invoices-header app-page-title{display:block}app-client-billing-page .invoices-header .page-subtitle{margin:.16rem 0 0;color:var(--color-text-muted);font-size:.74rem;line-height:1.35}app-client-billing-page .invoices-header .header-actions{display:flex;align-items:center;justify-content:flex-end;gap:.55rem;flex-shrink:0}app-client-billing-page .invoices-header .btn-primary{min-height:2.35rem;padding:.48rem .78rem;border-radius:.58rem;font-size:.76rem;font-weight:750}app-client-billing-page .records-pill{display:inline-flex;align-items:center;justify-content:center;min-height:1.8rem;padding:.22rem .55rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-elevated);color:var(--color-text-muted);font-size:.66rem;font-weight:750;white-space:nowrap}app-client-billing-summary-section{display:block;min-width:0}app-client-billing-summary-section .summary-grid,app-client-billing-summary-section .kpi-grid{gap:.62rem}app-client-billing-summary-section .kpi-item{min-width:0;min-height:6.1rem;padding:.72rem .78rem;border-radius:.68rem}app-client-billing-summary-section .kpi-item header{gap:.5rem}app-client-billing-summary-section .kpi-item header span{font-size:.67rem;font-weight:750}app-client-billing-summary-section .kpi-item header i{font-size:.72rem}app-client-billing-summary-section .kpi-item h3{margin-top:.42rem;font-size:clamp(1rem,1.7vw,1.35rem);line-height:1.1}app-client-billing-summary-section .kpi-item p{margin-top:.28rem;font-size:.64rem;line-height:1.3}app-client-billing-page .filters-card{display:grid;gap:.68rem;min-width:0;margin:0;padding:.76rem;border-radius:.72rem}app-client-billing-page .filters-header{display:flex;align-items:center;justify-content:space-between;gap:.8rem;min-width:0}app-client-billing-page .filters-header>div{min-width:0}app-client-billing-page .filters-header h3{margin:0;font-size:.84rem;line-height:1.2}app-client-billing-page .filters-header p{margin:.12rem 0 0;color:var(--color-text-muted);font-size:.67rem;line-height:1.35}app-client-billing-page .filters-header>span{display:inline-flex;align-items:center;justify-content:center;min-height:1.7rem;padding:.18rem .48rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-elevated);color:var(--color-text-muted);font-size:.63rem;font-weight:750;white-space:nowrap}app-client-billing-page .filters-grid{display:grid;grid-template-columns:minmax(14rem,1.4fr) minmax(10rem,.8fr) minmax(10rem,.8fr);align-items:end;gap:.58rem;min-width:0}app-client-billing-page .filters-grid label,app-client-billing-page .filter-dropdown-field{min-width:0}app-client-billing-page .filters-grid label>span,app-client-billing-page .filter-dropdown-field>span{margin-bottom:.24rem;color:var(--color-text-muted);font-size:.64rem;font-weight:750}app-client-billing-page .filters-grid input,app-client-billing-page .filter-dropdown-button{width:100%;min-width:0;min-height:2.35rem;border-radius:.54rem;font-size:.73rem}app-client-billing-page .filters-grid input{padding:.46rem .62rem}app-client-billing-page .filter-dropdown-button{padding:.44rem .58rem}app-client-billing-page .filter-dropdown-menu{z-index:90;margin-top:.28rem;padding:.28rem;border-radius:.58rem;box-shadow:var(--shadow-lg)}app-client-billing-page .filter-dropdown-option{min-height:2rem;padding:.38rem .48rem;border-radius:.42rem;font-size:.7rem}app-client-billing-table-section{display:block;min-width:0}app-client-billing-table-section .invoices-feed-card{min-width:0;margin:0;padding:.76rem;border-radius:.72rem}app-client-billing-table-section .section-head,app-client-billing-table-section .card-head{align-items:center;gap:.8rem;margin-bottom:.62rem}app-client-billing-table-section .section-head h3,app-client-billing-table-section .card-head h3{font-size:.84rem}app-client-billing-table-section .section-head p,app-client-billing-table-section .card-head p{margin-top:.12rem;font-size:.66rem}app-client-billing-table-section .invoice-list{display:grid;gap:.48rem;min-width:0}app-client-billing-table-section .invoice-row{min-width:0;padding:.68rem .72rem;border-radius:.62rem}app-client-billing-table-section .invoice-main{min-width:0;gap:.7rem}app-client-billing-table-section .invoice-identity{min-width:0}app-client-billing-table-section .invoice-identity h4{margin-top:.18rem;font-size:.8rem;line-height:1.25}app-client-billing-table-section .invoice-id,app-client-billing-table-section .invoice-meta{font-size:.62rem}app-client-billing-table-section .invoice-status{flex-shrink:0}app-client-billing-table-section .finance-item span{font-size:.58rem}app-client-billing-table-section .finance-item strong{font-size:.72rem}app-client-billing-table-section .invoice-actions{gap:.36rem}app-client-billing-table-section .icon-button,app-client-billing-table-section .action-button{min-width:2.25rem;min-height:2.25rem;border-radius:.5rem}app-client-billing-page .payment-modal-backdrop{padding:1rem}app-client-billing-page .payment-modal{width:min(100%,46rem);max-height:calc(100dvh - 2rem);border-radius:.78rem}app-client-billing-page .manual-invoice-modal{width:min(100%,58rem)}app-client-billing-page .payment-modal-header{padding:.82rem .9rem}app-client-billing-page .payment-modal-header h3{font-size:.94rem}app-client-billing-page .payment-modal-header p{margin-top:.14rem;font-size:.68rem}app-client-billing-page .payment-modal-body,app-client-billing-page .manual-invoice-body{padding:.82rem .9rem}app-client-billing-page .payment-modal-footer{gap:.5rem;padding:.72rem .9rem}app-client-billing-page .payment-modal-footer .btn{min-height:2.35rem;border-radius:.54rem;font-size:.73rem}@media(max-width:1024px){app-client-billing-page .filters-grid{grid-template-columns:minmax(0,1fr) minmax(10rem,.72fr) minmax(10rem,.72fr)}app-client-billing-summary-section .summary-grid,app-client-billing-summary-section .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}app-client-billing-table-section .invoice-row{gap:.62rem}}@media(max-width:720px){app-client-billing-page .finance-page{gap:.62rem}app-client-billing-page .invoices-header{align-items:stretch;flex-direction:column;gap:.62rem;padding:.7rem}app-client-billing-page .invoices-header .header-actions{width:100%;justify-content:space-between}app-client-billing-page .invoices-header .btn-primary{flex:1 1 auto;min-height:2.75rem}app-client-billing-page .records-pill{min-height:2.75rem;padding-inline:.7rem}app-client-billing-summary-section .summary-grid,app-client-billing-summary-section .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem}app-client-billing-summary-section .kpi-item{min-height:5.5rem;padding:.62rem}app-client-billing-page .filters-card{padding:.68rem}app-client-billing-page .filters-header{align-items:flex-start}app-client-billing-page .filters-grid{grid-template-columns:1fr;gap:.5rem}app-client-billing-page .filters-grid input,app-client-billing-page .filter-dropdown-button{min-height:2.75rem;font-size:.78rem}app-client-billing-page .filter-dropdown-option{min-height:2.6rem;font-size:.76rem}app-client-billing-table-section .invoices-feed-card{padding:.68rem}app-client-billing-table-section .invoice-list{gap:.58rem}app-client-billing-table-section .invoice-row{display:grid;grid-template-columns:1fr;gap:.68rem;padding:.78rem}app-client-billing-table-section .invoice-main{display:grid;grid-template-columns:1fr;gap:.62rem}app-client-billing-table-section .invoice-status{justify-self:start}app-client-billing-table-section .invoice-finance,app-client-billing-table-section .finance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.42rem}app-client-billing-table-section .finance-item{min-width:0;padding:.5rem;border:1px solid var(--color-border);border-radius:.5rem;background:var(--color-surface-elevated)}app-client-billing-table-section .invoice-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}app-client-billing-table-section .icon-button,app-client-billing-table-section .action-button{width:100%;min-width:0;min-height:2.75rem}app-client-billing-page .payment-modal-backdrop{align-items:end;padding:0}app-client-billing-page .payment-modal,app-client-billing-page .manual-invoice-modal{width:100%;max-width:none;max-height:94dvh;border-radius:.9rem .9rem 0 0}app-client-billing-page .payment-modal-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}app-client-billing-page .payment-modal-footer .btn{min-height:2.75rem}}@media(max-width:430px){app-client-billing-summary-section .summary-grid,app-client-billing-summary-section .kpi-grid{grid-template-columns:1fr}app-client-billing-table-section .invoice-finance,app-client-billing-table-section .finance-grid{grid-template-columns:1fr}app-client-billing-table-section .invoice-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}app-client-billing-page .invoice-workspace-toolbar{position:relative;z-index:30;min-width:0;margin:0;padding:.58rem .65rem;border-radius:.72rem}app-client-billing-page .invoice-toolbar-primary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:.62rem;min-width:0}app-client-billing-page .invoice-workspace-label{display:inline-flex;align-items:center;gap:.46rem;min-height:2.35rem;padding:.25rem .65rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-primary);color:var(--color-on-primary, #ffffff);white-space:nowrap}app-client-billing-page .invoice-workspace-label strong{font-size:.72rem;line-height:1}app-client-billing-page .invoice-workspace-label span{padding-left:.42rem;border-left:1px solid color-mix(in srgb,currentColor 28%,transparent);font-size:.62rem;font-weight:700;opacity:.86}app-client-billing-page .invoice-workspace-toolbar .filters-grid{grid-template-columns:minmax(18rem,1fr) minmax(10rem,.2fr) minmax(10rem,.2fr);gap:.52rem}app-client-billing-page .invoice-workspace-toolbar .filters-grid label>span,app-client-billing-page .invoice-workspace-toolbar .filter-dropdown-field>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}app-client-billing-page .invoice-workspace-toolbar .filters-grid input,app-client-billing-page .invoice-workspace-toolbar .filter-dropdown-button{min-height:2.35rem}app-client-billing-page .invoice-toolbar-action{align-self:end}app-client-billing-page .invoice-toolbar-action .btn-primary{min-height:2.35rem;padding:.46rem .76rem;border-radius:.56rem;white-space:nowrap}@media(max-width:1024px){app-client-billing-page .invoice-toolbar-primary{grid-template-columns:auto minmax(0,1fr)}app-client-billing-page .invoice-toolbar-action{grid-column:2;justify-self:end}app-client-billing-page .invoice-workspace-toolbar .filters-grid{grid-column:1 / -1;grid-row:2;grid-template-columns:minmax(0,1fr) minmax(9rem,.45fr) minmax(9rem,.45fr)}}@media(max-width:720px){app-client-billing-page .invoice-workspace-toolbar{padding:.62rem}app-client-billing-page .invoice-toolbar-primary{grid-template-columns:1fr;align-items:stretch}app-client-billing-page .invoice-workspace-label{justify-content:center;width:max-content;min-height:2.5rem}app-client-billing-page .invoice-workspace-toolbar .filters-grid{grid-column:1;grid-row:auto;grid-template-columns:1fr}app-client-billing-page .invoice-toolbar-action{grid-column:1;justify-self:stretch}app-client-billing-page .invoice-toolbar-action .btn-primary{width:100%;min-height:2.75rem}}app-client-billing-table-section .invoice-table-shell{overflow:visible;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-elevated)}app-client-billing-table-section .invoice-table-toolbar,app-client-billing-table-section .invoice-pagination{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem .9rem}app-client-billing-table-section .invoice-table-toolbar{border-bottom:1px solid var(--color-border)}app-client-billing-table-section .invoice-pagination{border-top:1px solid var(--color-border)}app-client-billing-table-section .invoice-range-copy,app-client-billing-table-section .invoice-pagination>span,app-client-billing-table-section .invoice-rows-control{color:var(--color-text-muted);font-size:.75rem}app-client-billing-table-section .invoice-rows-control,app-client-billing-table-section .invoice-page-buttons,app-client-billing-table-section .invoice-page-button,app-client-billing-table-section .invoice-sort-button,app-client-billing-table-section .invoice-icon-button{display:flex;align-items:center}app-client-billing-table-section .invoice-rows-control{gap:.45rem}app-client-billing-table-section .invoice-rows-control select,app-client-billing-table-section .invoice-page-button,app-client-billing-table-section .invoice-page-number{min-height:2.15rem;border:1px solid var(--color-border);border-radius:.5rem;background:inherit;color:var(--color-text)}app-client-billing-table-section .invoice-rows-control select{padding:.25rem .55rem}app-client-billing-table-section .invoice-table-scroll{overflow-x:auto}app-client-billing-table-section .invoice-table-grid{display:grid;grid-template-columns:minmax(8rem,.82fr) minmax(10rem,1.2fr) minmax(6.5rem,.68fr) minmax(7rem,.72fr) minmax(7rem,.76fr) minmax(7rem,.76fr) minmax(7rem,.82fr) minmax(7rem,.76fr) minmax(7rem,.72fr);align-items:center;gap:.7rem;width:100%;min-width:72rem;box-sizing:border-box}app-client-billing-table-section .invoice-table-head{padding:.7rem .9rem;border-bottom:1px solid var(--color-border)}app-client-billing-table-section .invoice-sort-button,app-client-billing-table-section .invoice-actions-heading{border:0;padding:0;background:transparent;color:var(--color-text-muted);font:inherit;font-size:.74rem;font-weight:700;text-align:left}app-client-billing-table-section .invoice-sort-button{gap:.28rem;cursor:pointer}app-client-billing-table-section .amount-heading,app-client-billing-table-section .invoice-actions-heading{justify-content:flex-end;text-align:right}app-client-billing-table-section .invoice-sort-icon{display:flex;width:.9rem;height:.9rem;opacity:.55}app-client-billing-table-section .invoice-sort-icon svg,app-client-billing-table-section .invoice-icon-button svg,app-client-billing-table-section .invoice-page-button svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}app-client-billing-table-section .invoice-sort-icon .ascending,app-client-billing-table-section .invoice-sort-icon .descending{display:none}app-client-billing-table-section .invoice-sort-icon[data-direction] .neutral-up,app-client-billing-table-section .invoice-sort-icon[data-direction] .neutral-down{display:none}app-client-billing-table-section .invoice-sort-icon[data-direction=asc] .ascending,app-client-billing-table-section .invoice-sort-icon[data-direction=desc] .descending{display:block}app-client-billing-table-section .invoice-table-row{padding:.65rem .9rem;border-bottom:1px solid var(--color-border);font-size:.82rem;cursor:pointer}app-client-billing-table-section .invoice-table-row:hover{background:color-mix(in srgb,var(--color-surface-elevated) 92%,var(--color-secondary) 8%)}app-client-billing-table-section .invoice-table-row:focus-visible,app-client-billing-table-section .responsive-invoice-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}app-client-billing-table-section .invoice-number-cell,app-client-billing-table-section .invoice-client-cell{display:grid;gap:.12rem;min-width:0}app-client-billing-table-section .invoice-number-cell strong,app-client-billing-table-section .invoice-client-cell strong{overflow-wrap:anywhere}app-client-billing-table-section .invoice-number-cell span,app-client-billing-table-section .invoice-type-cell,app-client-billing-table-section .invoice-date-cell{color:var(--color-text-muted);font-size:.74rem}app-client-billing-table-section .invoice-money-cell{font-size:.78rem;font-weight:700;text-align:right}app-client-billing-table-section .invoice-money-cell.paid{color:var(--color-primary)}app-client-billing-table-section .invoice-money-cell.remaining{color:var(--color-danger)}app-client-billing-table-section .invoice-money-cell.remaining.is-clear{color:var(--color-primary)}app-client-billing-table-section .invoice-status-cell{display:grid;justify-items:start}app-client-billing-table-section .invoice-actions-cell{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.25rem}app-client-billing-table-section .invoice-icon-button{justify-content:center;width:2rem;height:2rem;border:1px solid var(--color-border);border-radius:.5rem;background:inherit;color:var(--color-text-muted);cursor:pointer}app-client-billing-table-section .invoice-icon-button svg{width:1rem;height:1rem}app-client-billing-table-section .invoice-page-buttons{flex-wrap:wrap;gap:.3rem}app-client-billing-table-section .invoice-page-button,app-client-billing-table-section .invoice-page-number{font-size:.72rem;font-weight:700;cursor:pointer}app-client-billing-table-section .invoice-page-button{gap:.25rem;padding:.35rem .65rem}app-client-billing-table-section .invoice-page-button svg{width:.9rem;height:.9rem}app-client-billing-table-section .invoice-page-number{min-width:2.15rem;padding:.25rem}app-client-billing-table-section .invoice-page-number.active{background:var(--color-text);color:var(--color-surface-elevated)}app-client-billing-table-section .invoice-page-button:disabled{opacity:.4;cursor:not-allowed}app-client-billing-table-section .invoice-empty-state{padding:2.4rem 1rem;text-align:center;color:var(--color-text-muted)}app-client-billing-table-section .invoice-empty-state h3{margin:0;font-size:.9rem}app-client-billing-table-section .invoice-empty-state p{margin:.25rem 0 0;font-size:.76rem}app-client-billing-table-section .responsive-invoice-list{display:none}@media(max-width:820px){app-client-billing-table-section .desktop-invoice-table{display:none}app-client-billing-table-section .responsive-invoice-list{display:grid;gap:.55rem;padding:.7rem}app-client-billing-table-section .responsive-invoice-card{display:grid;gap:.65rem;padding:.72rem;border:1px solid var(--color-border);border-radius:.62rem;background:var(--color-surface-elevated);cursor:pointer}app-client-billing-table-section .responsive-invoice-main{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem}app-client-billing-table-section .responsive-invoice-copy{display:grid;gap:.15rem;min-width:0}app-client-billing-table-section .responsive-invoice-copy strong{font-size:.8rem;overflow-wrap:anywhere}app-client-billing-table-section .responsive-invoice-copy span{font-size:.75rem;font-weight:700}app-client-billing-table-section .responsive-invoice-copy small{color:var(--color-text-muted);font-size:.67rem}app-client-billing-table-section .responsive-invoice-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}app-client-billing-table-section .responsive-invoice-money>div{display:grid;gap:.15rem;min-width:0;padding:.45rem;border:1px solid var(--color-border);border-radius:.48rem}app-client-billing-table-section .responsive-invoice-money span{color:var(--color-text-muted);font-size:.6rem;font-weight:700}app-client-billing-table-section .responsive-invoice-money strong{font-size:.7rem;overflow-wrap:anywhere}app-client-billing-table-section .responsive-invoice-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}app-client-billing-table-section .responsive-invoice-action{min-height:2.55rem;border:1px solid var(--color-border);border-radius:.5rem;background:inherit;color:var(--color-text);font-size:.68rem;font-weight:700}app-client-billing-table-section .responsive-invoice-action.primary{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface-elevated))}}@media(max-width:540px){app-client-billing-table-section .invoice-table-toolbar,app-client-billing-table-section .invoice-pagination{align-items:stretch;flex-direction:column}app-client-billing-table-section .invoice-rows-control{justify-content:space-between}app-client-billing-table-section .invoice-page-buttons{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,auto) minmax(0,1fr)}app-client-billing-table-section .invoice-page-button{justify-content:center}app-client-billing-table-section .responsive-invoice-money{grid-template-columns:1fr}app-client-billing-table-section .responsive-invoice-actions{grid-template-columns:1fr}}@media(max-width:820px){app-client-billing-page .invoice-workspace-label{display:flex;width:100%;max-width:none;min-height:2.7rem;justify-content:center;border-radius:999px}app-client-billing-page .invoice-workspace-label strong{font-size:.76rem}app-client-billing-page .invoice-workspace-label span{display:none}app-client-billing-page .invoice-workspace-toolbar{padding:.7rem}app-client-billing-page .invoice-toolbar-primary{gap:.58rem}app-client-billing-page .invoice-workspace-toolbar .filters-grid{gap:.5rem}app-client-billing-page .invoice-workspace-toolbar .filters-grid input,app-client-billing-page .invoice-workspace-toolbar .filter-dropdown-button,app-client-billing-page .invoice-toolbar-action .btn-primary{min-height:2.75rem}app-client-billing-table-section .invoice-table-toolbar{align-items:center;flex-direction:row;min-height:4rem;padding:.72rem .85rem}app-client-billing-table-section .invoice-range-copy{white-space:nowrap}app-client-billing-table-section .invoice-rows-control{justify-content:flex-end;margin-left:auto}app-client-billing-table-section .invoice-rows-control select{min-width:3rem;min-height:2.35rem;padding-inline:.45rem}app-client-billing-table-section .responsive-invoice-list{gap:0;padding:0}app-client-billing-table-section .responsive-invoice-card{gap:.45rem;padding:.82rem .85rem;border:0;border-bottom:1px solid var(--color-border);border-radius:0;background:transparent}app-client-billing-table-section .responsive-invoice-card:last-child{border-bottom:0}app-client-billing-table-section .responsive-invoice-main{align-items:flex-start}app-client-billing-table-section .responsive-invoice-copy{gap:.1rem}app-client-billing-table-section .responsive-invoice-title{font-size:.88rem;line-height:1.25;font-weight:800}app-client-billing-table-section .responsive-invoice-client{color:var(--color-text-muted);font-size:.75rem;line-height:1.3}app-client-billing-table-section .responsive-invoice-meta{display:flex;flex-wrap:wrap;gap:.25rem;color:var(--color-text-muted);font-size:.67rem}app-client-billing-table-section .responsive-invoice-meta span+span:before{content:"\b7";margin-right:.25rem}app-client-billing-table-section .responsive-invoice-total{margin-top:.18rem;font-size:.84rem;line-height:1.2;font-weight:800}app-client-billing-table-section .responsive-invoice-balance{color:var(--color-danger);font-size:.66rem}app-client-billing-table-section .responsive-invoice-actions{display:flex;grid-template-columns:none;gap:.42rem;margin-top:.25rem}app-client-billing-table-section .responsive-invoice-action{display:inline-flex;align-items:center;justify-content:center;width:2.65rem;height:2.65rem;min-height:2.65rem;padding:0;border-radius:.55rem;background:inherit}app-client-billing-table-section .responsive-invoice-action svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}}@media(max-width:540px){app-client-billing-table-section .invoice-table-toolbar{align-items:center;flex-direction:row}app-client-billing-table-section .invoice-pagination{align-items:stretch;flex-direction:column}app-client-billing-table-section .responsive-invoice-actions{display:flex}}app-client-billing-table-section .invoice-table-grid{grid-template-columns:minmax(7.6rem,.88fr) minmax(9rem,1.18fr) minmax(6rem,.66fr) minmax(6.6rem,.72fr) minmax(6.6rem,.74fr) minmax(6.8rem,.8fr) minmax(6.8rem,.76fr) minmax(6.4rem,.7fr);min-width:58rem}@media(max-width:1180px)and (min-width:821px){app-client-billing-table-section .invoice-table-grid{grid-template-columns:minmax(7rem,.9fr) minmax(8rem,1.08fr) minmax(5.5rem,.62fr) minmax(6.2rem,.68fr) minmax(6rem,.7fr) minmax(6.2rem,.74fr) minmax(6rem,.7fr) minmax(5.6rem,.66fr);min-width:52rem;gap:.55rem}app-client-billing-table-section .invoice-table-head,app-client-billing-table-section .invoice-table-row{padding-inline:.7rem}app-client-billing-table-section .invoice-sort-button,app-client-billing-table-section .invoice-actions-heading{font-size:.68rem}app-client-billing-table-section .invoice-table-row{font-size:.76rem}app-client-billing-table-section .invoice-number-cell span,app-client-billing-table-section .invoice-type-cell,app-client-billing-table-section .invoice-date-cell{font-size:.68rem}app-client-billing-table-section .invoice-money-cell{font-size:.72rem}}app-client-billing-table-section .invoice-table-head>*,app-client-billing-table-section .invoice-table-row>*{justify-self:stretch;text-align:left}app-client-billing-table-section .invoice-sort-button,app-client-billing-table-section .amount-heading,app-client-billing-table-section .invoice-actions-heading{justify-content:flex-start;text-align:left}app-client-billing-table-section .invoice-money-cell{text-align:left}app-client-billing-table-section .invoice-status-cell{justify-items:start;text-align:left}app-client-billing-table-section .invoice-actions-cell{justify-content:flex-start;text-align:left}app-expenses-page{display:block;min-width:0}app-expenses-page .expenses-records-v2{min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:.9rem;background:var(--color-surface-elevated);box-shadow:var(--shadow-sm)}app-expenses-page .expenses-table-head-v2,app-expenses-page .expenses-table-row-v2{display:grid;grid-template-columns:minmax(12rem,1.55fr) minmax(6rem,.65fr) minmax(8rem,.85fr) minmax(6.5rem,.7fr) minmax(6rem,.65fr) minmax(7rem,.75fr) minmax(11rem,1.2fr);align-items:center;gap:.55rem}app-expenses-page .expenses-table-head-v2{padding:.65rem .8rem;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-elevated) 86%,var(--color-secondary) 14%)}app-expenses-page .expenses-table-head-v2>*{min-width:0;color:var(--color-text-muted);font-size:.68rem;font-weight:800;text-align:left}app-expenses-page .expenses-table-row-v2{min-height:4.65rem;padding:.7rem .8rem;border-bottom:1px solid var(--color-border)}app-expenses-page .expenses-table-row-v2:last-child{border-bottom:0}app-expenses-page .expenses-table-row-v2>*{min-width:0;color:var(--color-text);font-size:.76rem;text-align:left}app-expenses-page .expense-name-cell-v2 strong{display:block;overflow-wrap:anywhere;font-size:.82rem}app-expenses-page .expense-name-cell-v2 p{display:-webkit-box;margin:.22rem 0 0;overflow:hidden;color:var(--color-text-muted);font-size:.7rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}app-expenses-page .expense-category-v2,app-expenses-page .expense-type-v2,app-expenses-page .expense-payment-v2{display:inline-flex;align-items:center;min-height:1.55rem;max-width:100%;padding:.2rem .5rem;border:1px solid var(--color-border);border-radius:999px;background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface-elevated));font-size:.66rem;font-weight:800;line-height:1.1}app-expenses-page .expense-type-v2{background:color-mix(in srgb,var(--color-secondary) 25%,var(--color-surface-elevated))}app-expenses-page .expense-payment-v2{background:color-mix(in srgb,var(--color-accent) 18%,var(--color-surface-elevated))}app-expenses-page .expense-money-v2{white-space:nowrap;font-size:.78rem}app-expenses-page .expense-context-v2{display:grid;gap:.2rem}app-expenses-page .expense-context-v2 strong{overflow-wrap:anywhere;font-size:.74rem}app-expenses-page .expense-context-v2 span{overflow-wrap:anywhere;color:var(--color-text-muted);font-size:.68rem}app-expenses-page .expenses-mobile-list-v2{display:none}app-expenses-page .expenses-empty-v2{display:grid;justify-items:center;gap:.45rem;padding:3rem 1rem;text-align:center}app-expenses-page .expenses-empty-v2 h2,app-expenses-page .expenses-empty-v2 p{margin:0}app-expenses-page .expenses-empty-v2 p{max-width:32rem;color:var(--color-text-muted);font-size:.82rem}@media(min-width:821px)and (max-width:1080px){app-expenses-page .expenses-table-head-v2,app-expenses-page .expenses-table-row-v2{grid-template-columns:minmax(9rem,1.4fr) minmax(5rem,.62fr) minmax(6.5rem,.75fr) minmax(5.5rem,.65fr) minmax(5rem,.58fr) minmax(6rem,.68fr) minmax(8rem,1fr);gap:.35rem}app-expenses-page .expenses-table-head-v2,app-expenses-page .expenses-table-row-v2{padding-right:.6rem;padding-left:.6rem}}@media(max-width:820px){app-expenses-page .expenses-records-v2{overflow:visible;border:0;background:transparent;box-shadow:none}app-expenses-page .expenses-table-v2{display:none}app-expenses-page .expenses-mobile-list-v2{display:grid;gap:.65rem}app-expenses-page .expense-mobile-card-v2{padding:.85rem;border:1px solid var(--color-border);border-radius:.8rem;background:var(--color-surface-elevated);box-shadow:var(--shadow-sm)}app-expenses-page .expense-mobile-card-v2 header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}app-expenses-page .expense-mobile-card-v2 h2{margin:.4rem 0 0;font-size:.95rem}app-expenses-page .expense-mobile-amount-v2{margin-top:.75rem;padding:.65rem;border-radius:.65rem;background:color-mix(in srgb,var(--color-secondary) 14%,var(--color-surface-elevated))}app-expenses-page .expense-mobile-amount-v2 span{display:block;color:var(--color-text-muted);font-size:.68rem;font-weight:800}app-expenses-page .expense-mobile-amount-v2 strong{display:block;margin-top:.2rem;font-size:.86rem}app-expenses-page .expense-mobile-card-v2 dl{display:grid;gap:0;margin:.7rem 0 0}app-expenses-page .expense-mobile-card-v2 dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid var(--color-border)}app-expenses-page .expense-mobile-card-v2 dt{color:var(--color-text-muted);font-size:.72rem;font-weight:700}app-expenses-page .expense-mobile-card-v2 dd{max-width:62%;margin:0;overflow-wrap:anywhere;color:var(--color-text);font-size:.74rem;font-weight:800;text-align:right}app-expenses-page .expense-mobile-reference-v2,app-expenses-page .expense-mobile-notes-v2{margin:.65rem 0 0;color:var(--color-text-muted);font-size:.74rem;line-height:1.45}app-expenses-page .expense-mobile-reference-v2{font-weight:700}}app-expenses-page .expense-sort-button-v2{display:flex;align-items:center;gap:.28rem;min-width:0;padding:0;border:0;background:transparent;color:var(--color-text-muted);font:inherit;font-size:.68rem;font-weight:800;text-align:left;cursor:pointer}app-expenses-page .expense-sort-button-v2:hover{color:var(--color-text)}app-expenses-page .expense-sort-button-v2:focus-visible{border-radius:.3rem;outline:2px solid var(--color-primary);outline-offset:3px}app-expenses-page .expense-sort-icon-v2{display:flex;flex:0 0 auto;width:.9rem;height:.9rem;opacity:.55}app-expenses-page .expense-sort-icon-v2 svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}app-expenses-page .expense-sort-icon-v2 .ascending,app-expenses-page .expense-sort-icon-v2 .descending{display:none}app-expenses-page .expense-sort-icon-v2[data-direction=none] .neutral-up,app-expenses-page .expense-sort-icon-v2[data-direction=none] .neutral-down{display:block}app-expenses-page .expense-sort-icon-v2[data-direction=asc] .neutral-up,app-expenses-page .expense-sort-icon-v2[data-direction=asc] .neutral-down,app-expenses-page .expense-sort-icon-v2[data-direction=desc] .neutral-up,app-expenses-page .expense-sort-icon-v2[data-direction=desc] .neutral-down{display:none}app-expenses-page .expense-sort-icon-v2[data-direction=asc] .ascending,app-expenses-page .expense-sort-icon-v2[data-direction=desc] .descending{display:block}app-commitments-page{display:block;min-width:0}app-commitments-page .commitments-page-v2{display:grid;gap:.75rem;width:100%;min-width:0}app-commitments-page .commitments-toolbar-v2{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-width:0}app-commitments-page .commitments-toolbar-copy-v2{min-width:0}app-commitments-page .commitments-title-line-v2{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem}app-commitments-page .commitments-title-line-v2 h1{margin:0;color:var(--color-text);font-size:clamp(1.25rem,1.8vw,1.55rem);line-height:1.15}app-commitments-page .commitments-toolbar-copy-v2 p{margin:.25rem 0 0;color:var(--color-text-muted);font-size:.84rem}app-commitments-page .commitments-count-v2{display:inline-flex;align-items:center;min-height:1.75rem;padding:.25rem .6rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-elevated);color:var(--color-text-muted);font-size:.72rem;font-weight:800}app-commitments-page .commitments-add-button-v2{flex:0 0 auto}app-commitments-page .commitments-kpis-v2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}app-commitments-page .commitment-kpi-v2{min-width:0;padding:.85rem .95rem;border:1px solid var(--color-border);border-radius:.8rem;background:var(--color-surface-elevated);box-shadow:var(--shadow-sm)}app-commitments-page .commitment-kpi-v2 span{display:block;color:var(--color-text-muted);font-size:.72rem;font-weight:800}app-commitments-page .commitment-kpi-v2 strong{display:block;margin-top:.3rem;color:var(--color-text);font-size:1.12rem;line-height:1.2}app-commitments-page .commitment-kpi-reserve-v2{border-color:color-mix(in srgb,var(--color-warning, #d97706) 65%,var(--color-border));background:color-mix(in srgb,var(--color-warning, #d97706) 7%,var(--color-surface-elevated))}app-commitments-page .commitments-records-v2{min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:.9rem;background:var(--color-surface-elevated);box-shadow:var(--shadow-sm)}app-commitments-page .commitments-table-head-v2,app-commitments-page .commitments-table-row-v2{display:grid;grid-template-columns:minmax(11rem,1.55fr) minmax(6.2rem,.72fr) minmax(5.2rem,.6fr) minmax(7.2rem,.82fr) minmax(7.2rem,.82fr) minmax(6.4rem,.7fr) minmax(6.4rem,.7fr) minmax(5.4rem,.62fr) minmax(7rem,.72fr);align-items:center;gap:.55rem}app-commitments-page .commitments-table-head-v2{padding:.65rem .8rem;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-elevated) 86%,var(--color-secondary) 14%)}app-commitments-page .commitments-table-head-v2>*{color:var(--color-text-muted);font-size:.68rem;font-weight:800;text-align:left}app-commitments-page .commitments-table-row-v2{min-height:4.65rem;padding:.7rem .8rem;border-bottom:1px solid var(--color-border)}app-commitments-page .commitments-table-row-v2:last-child{border-bottom:0}app-commitments-page .commitments-table-row-v2>*{min-width:0;color:var(--color-text);font-size:.76rem;text-align:left}app-commitments-page .commitment-name-cell-v2 strong{display:block;overflow-wrap:anywhere;font-size:.82rem}app-commitments-page .commitment-name-cell-v2 p{display:-webkit-box;margin:.22rem 0 0;overflow:hidden;color:var(--color-text-muted);font-size:.7rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}app-commitments-page .commitment-category-v2,app-commitments-page .commitment-type-v2,app-commitments-page .commitment-status-v2{display:inline-flex;align-items:center;min-height:1.55rem;max-width:100%;padding:.2rem .5rem;border:1px solid var(--color-border);border-radius:999px;background:color-mix(in srgb,var(--color-primary) 7%,var(--color-surface-elevated));font-size:.66rem;font-weight:800;line-height:1.1}app-commitments-page .commitment-type-v2{background:color-mix(in srgb,var(--color-secondary) 25%,var(--color-surface-elevated))}app-commitments-page .commitment-status-v2.status-active{background:color-mix(in srgb,var(--color-success, #15803d) 12%,var(--color-surface-elevated))}app-commitments-page .commitment-status-v2.status-paused{background:color-mix(in srgb,var(--color-warning, #d97706) 12%,var(--color-surface-elevated))}app-commitments-page .commitment-status-v2.status-completed{background:color-mix(in srgb,var(--color-text-muted) 12%,var(--color-surface-elevated))}app-commitments-page .commitment-money-v2{white-space:nowrap;font-size:.78rem}app-commitments-page .commitment-actions-v2{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.35rem}app-commitments-page .commitment-action-button-v2{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:1px solid var(--color-border);border-radius:.55rem;background:var(--color-surface-elevated);color:var(--color-text-muted);cursor:pointer}app-commitments-page .commitment-action-button-v2 svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}app-commitments-page .commitment-action-button-v2:hover{border-color:var(--color-primary)}app-commitments-page .commitment-delete-button-v2{color:var(--color-danger, #dc2626)}app-commitments-page .commitment-no-actions-v2{color:var(--color-text-muted)}app-commitments-page .commitments-mobile-list-v2{display:none}app-commitments-page .commitments-empty-v2{display:grid;justify-items:center;gap:.45rem;padding:3rem 1rem;text-align:center}app-commitments-page .commitments-empty-v2 h2,app-commitments-page .commitments-empty-v2 p{margin:0}app-commitments-page .commitments-empty-v2 p{max-width:32rem;color:var(--color-text-muted);font-size:.82rem}@media(min-width:821px)and (max-width:1080px){app-commitments-page .commitments-records-v2{overflow-x:hidden}app-commitments-page .commitments-table-v2{width:100%;min-width:0}app-commitments-page .commitments-table-head-v2,app-commitments-page .commitments-table-row-v2{grid-template-columns:minmax(8rem,1.5fr) minmax(5.2rem,.72fr) minmax(4.2rem,.58fr) minmax(5.8rem,.8fr) minmax(5.2rem,.68fr) minmax(5.2rem,.68fr) minmax(4.5rem,.6fr) minmax(4.5rem,.55fr);gap:.35rem}app-commitments-page .commitment-annual-column-v2{display:none}app-commitments-page .commitments-table-head-v2{padding:.6rem}app-commitments-page .commitments-table-row-v2{padding:.65rem .6rem}app-commitments-page .commitment-actions-v2{flex-wrap:nowrap}}@media(max-width:900px){app-commitments-page .commitments-kpis-v2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){app-commitments-page .commitments-toolbar-v2{align-items:stretch;flex-direction:column}app-commitments-page .commitments-add-button-v2{width:100%}app-commitments-page .commitments-table-v2{display:none}app-commitments-page .commitments-records-v2{overflow:visible;border:0;background:transparent;box-shadow:none}app-commitments-page .commitments-mobile-list-v2{display:grid;gap:.65rem}app-commitments-page .commitment-mobile-card-v2{padding:.85rem;border:1px solid var(--color-border);border-radius:.8rem;background:var(--color-surface-elevated);box-shadow:var(--shadow-sm)}app-commitments-page .commitment-mobile-card-v2 header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}app-commitments-page .commitment-mobile-card-v2 h2{margin:.4rem 0 0;font-size:.95rem}app-commitments-page .commitment-mobile-amounts-v2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.75rem}app-commitments-page .commitment-mobile-amounts-v2>div{padding:.65rem;border-radius:.65rem;background:color-mix(in srgb,var(--color-secondary) 14%,var(--color-surface-elevated))}app-commitments-page .commitment-mobile-amounts-v2 span{display:block;color:var(--color-text-muted);font-size:.68rem;font-weight:800}app-commitments-page .commitment-mobile-amounts-v2 strong{display:block;margin-top:.2rem;font-size:.86rem}app-commitments-page .commitment-mobile-card-v2 dl{display:grid;gap:0;margin:.7rem 0 0}app-commitments-page .commitment-mobile-card-v2 dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid var(--color-border)}app-commitments-page .commitment-mobile-card-v2 dt{color:var(--color-text-muted);font-size:.72rem;font-weight:700}app-commitments-page .commitment-mobile-card-v2 dd{margin:0;color:var(--color-text);font-size:.74rem;font-weight:800;text-align:right}app-commitments-page .commitment-mobile-notes-v2{margin:.65rem 0 0;color:var(--color-text-muted);font-size:.74rem;line-height:1.45}app-commitments-page .commitment-mobile-card-v2 footer{display:flex;justify-content:flex-end;gap:.4rem;margin-top:.75rem}}@media(max-width:520px){app-commitments-page .commitments-kpis-v2{grid-template-columns:1fr}app-commitments-page .commitments-title-line-v2{align-items:flex-start;flex-direction:column}}app-money-out-page .money-out-tabs,app-money-out-page .finance-tabs,app-money-out-page .tab-switcher{display:inline-flex;align-items:center;width:fit-content;max-width:100%;padding:.2rem;border:1px solid var(--color-border);border-radius:.8rem;background:color-mix(in srgb,var(--color-secondary) 14%,var(--color-surface-elevated))}app-money-out-page .money-out-tabs button,app-money-out-page .finance-tabs button,app-money-out-page .tab-switcher button{min-height:2rem;padding:.38rem .85rem;border:0;border-radius:.65rem;background:transparent;color:var(--color-text-muted);font:inherit;font-size:.74rem;font-weight:800;white-space:nowrap;cursor:pointer}app-money-out-page .money-out-tabs button.active,app-money-out-page .finance-tabs button.active,app-money-out-page .tab-switcher button.active,app-money-out-page .money-out-tabs button[aria-selected=true],app-money-out-page .finance-tabs button[aria-selected=true],app-money-out-page .tab-switcher button[aria-selected=true]{background:var(--color-primary);color:var(--color-on-primary, #fff);box-shadow:var(--shadow-sm)}app-commitments-page .commitments-toolbar-v2{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;min-height:3.25rem}app-commitments-page .commitments-toolbar-copy-v2{display:flex;align-items:center;min-width:0;gap:.75rem}app-commitments-page .commitments-title-line-v2{display:flex;align-items:center;flex:0 0 auto;gap:.5rem}app-commitments-page .commitments-title-line-v2 h1{white-space:nowrap}app-commitments-page .commitments-toolbar-copy-v2>p{min-width:0;margin:0;overflow:hidden;color:var(--color-text-muted);font-size:.8rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}app-commitments-page .commitments-add-button-v2{justify-self:end;min-height:2.25rem;white-space:nowrap}@media(max-width:980px){app-commitments-page .commitments-toolbar-copy-v2{align-items:flex-start;flex-direction:column;gap:.25rem}app-commitments-page .commitments-toolbar-copy-v2>p{white-space:normal}}@media(max-width:720px){app-money-out-page .money-out-tabs,app-money-out-page .finance-tabs,app-money-out-page .tab-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}app-money-out-page .money-out-tabs button,app-money-out-page .finance-tabs button,app-money-out-page .tab-switcher button{width:100%}app-commitments-page .commitments-toolbar-v2{grid-template-columns:1fr;align-items:stretch}app-commitments-page .commitments-add-button-v2{justify-self:stretch;width:100%}}app-commitments-page .commitment-sort-button-v2,app-commitments-page .commitment-actions-heading-v2{display:flex;align-items:center;min-width:0;padding:0;border:0;background:transparent;color:var(--color-text-muted);font:inherit;font-size:.68rem;font-weight:800;text-align:left}app-commitments-page .commitment-sort-button-v2{gap:.28rem;cursor:pointer}app-commitments-page .commitment-sort-button-v2:hover{color:var(--color-text)}app-commitments-page .commitment-sort-button-v2:focus-visible{border-radius:.3rem;outline:2px solid var(--color-primary);outline-offset:3px}app-commitments-page .commitment-sort-icon-v2{display:flex;flex:0 0 auto;width:.9rem;height:.9rem;opacity:.55}app-commitments-page .commitment-sort-icon-v2 svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}app-commitments-page .commitment-sort-icon-v2 .ascending,app-commitments-page .commitment-sort-icon-v2 .descending{display:none}app-commitments-page .commitment-sort-icon-v2[data-direction=none] .neutral-up,app-commitments-page .commitment-sort-icon-v2[data-direction=none] .neutral-down{display:block}app-commitments-page .commitment-sort-icon-v2[data-direction=asc] .neutral-up,app-commitments-page .commitment-sort-icon-v2[data-direction=asc] .neutral-down,app-commitments-page .commitment-sort-icon-v2[data-direction=desc] .neutral-up,app-commitments-page .commitment-sort-icon-v2[data-direction=desc] .neutral-down{display:none}app-commitments-page .commitment-sort-icon-v2[data-direction=asc] .ascending,app-commitments-page .commitment-sort-icon-v2[data-direction=desc] .descending{display:block}app-money-out-page .money-out-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;min-width:0}app-money-out-page .money-out-toolbar .section-switcher{flex:0 0 auto;width:auto}app-money-out-page .money-out-commitment-controls{display:flex;flex:1 1 auto;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}app-money-out-page .money-out-commitment-count{display:inline-flex;align-items:center;min-width:0;min-height:2rem;padding:.35rem .7rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-elevated);color:var(--color-text-muted);font-size:.75rem;font-weight:800;white-space:nowrap}app-money-out-page .money-out-add-commitment{flex:0 0 auto;width:auto;white-space:nowrap}@media(min-width:721px){app-money-out-page .money-out-toolbar{flex-wrap:nowrap}}@media(max-width:720px){app-money-out-page .money-out-toolbar{align-items:stretch;flex-wrap:wrap}app-money-out-page .money-out-toolbar .section-switcher{width:100%}app-money-out-page .money-out-commitment-controls{width:100%}}@media(max-width:820px){app-commitments-page .commitment-action-button-v2{width:2.75rem;height:2.75rem}app-commitments-page .commitment-action-button-v2 svg{width:1.1rem;height:1.1rem}}app-commitments-page .modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:1rem;overflow:hidden;background:#0f172a73}app-commitments-page .commitment-modal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(42rem,100%);max-height:calc(100dvh - 2rem);padding:0;overflow:hidden}app-commitments-page .modal-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid var(--color-border)}app-commitments-page .modal-header h2{flex:1 1 auto;min-width:0;margin:0;font-size:1.05rem}app-commitments-page .modal-header .icon-btn{flex:0 0 auto;margin-left:auto}app-commitments-page .commitment-modal-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;min-height:0;padding:1rem;overflow-y:auto;overscroll-behavior:contain}app-commitments-page .full-field{grid-column:1 / -1}app-commitments-page .commitment-modal label{display:grid;align-content:start;gap:.35rem;min-width:0;color:var(--color-text-muted);font-size:.78rem;font-weight:800}app-commitments-page .commitment-modal input,app-commitments-page .commitment-modal select,app-commitments-page .commitment-modal textarea{width:100%;min-width:0;min-height:2.75rem;border:1px solid var(--color-border);border-radius:.7rem;padding:.6rem .75rem;background:var(--color-surface);color:var(--color-text);font:inherit}app-commitments-page .commitment-modal textarea{min-height:5rem;resize:vertical}app-commitments-page .commitment-modal input:focus,app-commitments-page .commitment-modal select:focus,app-commitments-page .commitment-modal textarea:focus{border-color:var(--color-primary);outline:2px solid color-mix(in srgb,var(--color-primary) 20%,transparent);outline-offset:1px}app-commitments-page .icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:2.75rem;height:2.75rem;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text);cursor:pointer;font-size:1.3rem}app-commitments-page .modal-actions{display:flex;justify-content:flex-end;gap:.5rem;padding:.85rem 1rem;border-top:1px solid var(--color-border);background:var(--color-surface-elevated)}@media(max-width:560px){app-commitments-page .modal-backdrop{align-items:stretch;padding:max(.5rem,env(safe-area-inset-top)) .5rem max(.5rem,env(safe-area-inset-bottom))}app-commitments-page .commitment-modal{width:100%;max-height:100%;border-radius:.85rem}app-commitments-page .modal-header{flex-direction:row;align-items:center;justify-content:space-between;padding:.75rem}app-commitments-page .commitment-modal-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;padding:.75rem}app-commitments-page .commitment-modal label{font-size:.72rem}app-commitments-page .commitment-modal input,app-commitments-page .commitment-modal select,app-commitments-page .commitment-modal textarea{min-height:2.75rem;padding:.55rem .65rem}app-commitments-page .modal-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:.5rem;padding:.7rem .75rem max(.7rem,env(safe-area-inset-bottom))}app-commitments-page .modal-actions .finance-btn{width:100%;min-height:2.75rem}}@media(max-width:380px){app-commitments-page .commitment-modal-body{grid-template-columns:1fr}app-commitments-page .commitment-modal-body label,app-commitments-page .commitment-modal-body .full-field{grid-column:1}}.finance-goals-redesign{display:grid;gap:.8rem}.finance-goals-redesign .goals-command-bar{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.finance-goals-redesign .goal-filter-tabs{display:flex;align-items:center;gap:.35rem;min-width:0;overflow-x:auto;padding-block:.1rem;scrollbar-width:thin}.finance-goals-redesign .goal-filter-btn{display:inline-flex;align-items:center;gap:.35rem;flex:0 0 auto;min-height:2.25rem;border:1px solid var(--color-border);border-radius:999px;padding:.42rem .7rem;background:var(--color-surface);color:var(--color-text-muted);font-size:.72rem;font-weight:800;cursor:pointer}.finance-goals-redesign .goal-filter-btn span{display:inline-grid;min-width:1.15rem;height:1.15rem;place-items:center;border-radius:999px;padding-inline:.25rem;background:color-mix(in srgb,var(--color-secondary) 24%,transparent);font-size:.64rem}.finance-goals-redesign .goal-filter-btn.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.finance-goals-redesign .add-goal-btn{flex:0 0 auto}.finance-goals-redesign .planning-summary-shell{display:grid;grid-template-columns:minmax(21rem,1.15fr) minmax(30rem,1fr);gap:.75rem}.finance-goals-redesign .funding-pool-card{display:grid;grid-template-columns:minmax(10rem,1fr) minmax(10rem,14rem) auto;align-items:end;gap:.75rem;padding:.85rem .95rem}.finance-goals-redesign .funding-pool-summary{display:grid;gap:.12rem}.finance-goals-redesign .funding-pool-summary span,.finance-goals-redesign .goals-summary-strip span{color:var(--color-text-muted);font-size:.67rem;font-weight:800;letter-spacing:.025em;text-transform:uppercase}.finance-goals-redesign .funding-pool-summary strong{font-size:1.35rem;line-height:1.1}.finance-goals-redesign .funding-pool-summary p{margin:0;color:var(--color-text-muted);font-size:.72rem}.finance-goals-redesign .funding-pool-input{min-width:0}.finance-goals-redesign .goals-summary-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0;overflow:hidden}.finance-goals-redesign .goals-summary-strip article{display:grid;gap:.18rem;min-width:0;padding:.72rem .85rem;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.finance-goals-redesign .goals-summary-strip article:nth-child(2n){border-right:0}.finance-goals-redesign .goals-summary-strip article:nth-last-child(-n+2){border-bottom:0}.finance-goals-redesign .goals-summary-strip strong{font-size:1rem;line-height:1.2}.finance-goals-redesign.finance-page .compact-goals-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;width:100%;min-width:0;overflow:visible}.finance-goals-redesign.finance-page .compact-goal-card{position:relative;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:.72rem;min-width:0;min-height:0;padding:.85rem;border-top:3px solid var(--color-border);background:var(--color-surface)}.finance-goals-redesign .compact-goal-card.status-normal{border-top-color:#22c55e}.finance-goals-redesign .compact-goal-card.status-warning{border-top-color:#f59e0b;background:var(--color-surface)}.finance-goals-redesign .compact-goal-card.status-risk{border-top-color:#ef4444;background:var(--color-surface)}.finance-goals-redesign .compact-goal-card.status-complete{border-top-color:#16a34a;background:var(--color-surface)}.finance-goals-redesign .compact-goal-header{display:grid;grid-template-columns:2rem minmax(0,1fr);gap:.6rem;min-width:0}.finance-goals-redesign .goal-priority-rail{display:grid;align-content:start;justify-items:center;gap:.25rem}.finance-goals-redesign .goal-priority-number{display:grid;width:1.7rem;height:1.7rem;place-items:center;border-radius:.52rem;background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-accent-text);font-size:.72rem;font-weight:900}.finance-goals-redesign .goal-priority-grip{width:1.7rem;height:1.7rem;border:1px solid var(--color-border);border-radius:.52rem;background:var(--color-surface-elevated);color:var(--color-text-muted);font-size:.82rem;cursor:grab;touch-action:none}.finance-goals-redesign .goal-priority-grip:active{cursor:grabbing}.finance-goals-redesign .compact-goal-heading{display:grid;gap:.48rem;min-width:0}.finance-goals-redesign .goal-heading-copy{min-width:0}.finance-goals-redesign .goal-heading-copy h2{margin:.38rem 0 0;overflow-wrap:anywhere;font-size:.98rem;line-height:1.2}.finance-goals-redesign .goal-status-area{display:flex;align-items:center;flex-wrap:wrap;gap:.3rem}.finance-goals-redesign .compact-goal-body{display:grid;grid-template-columns:4.7rem minmax(0,1fr);align-items:center;gap:.75rem;min-width:0;padding:.65rem;border-radius:.75rem;background:color-mix(in srgb,var(--color-secondary) 9%,var(--color-surface))}.finance-goals-redesign .goal-progress-ring{--ring-track: color-mix( in srgb, var(--color-border) 72%, transparent );position:relative;display:grid;width:4.7rem;height:4.7rem;place-items:center;border-radius:50%;background:conic-gradient(var(--color-primary) var(--goal-progress),var(--ring-track) 0)}.finance-goals-redesign .goal-progress-ring:before{content:"";position:absolute;inset:.48rem;border-radius:50%;background:var(--color-surface)}.finance-goals-redesign .goal-progress-ring-centre{position:relative;z-index:1;display:grid;justify-items:center;line-height:1.05}.finance-goals-redesign .goal-progress-ring-centre strong{font-size:.92rem}.finance-goals-redesign .goal-progress-ring-centre span{color:var(--color-text-muted);font-size:.57rem;font-weight:800;text-transform:uppercase}.finance-goals-redesign .goal-key-metrics{display:grid;gap:.38rem;min-width:0}.finance-goals-redesign .goal-key-metrics div{display:flex;align-items:baseline;justify-content:space-between;gap:.55rem;min-width:0}.finance-goals-redesign .goal-key-metrics span{color:var(--color-text-muted);font-size:.67rem;font-weight:750}.finance-goals-redesign .goal-key-metrics strong{overflow-wrap:anywhere;text-align:right;font-size:.78rem}.finance-goals-redesign .goal-notes{display:-webkit-box;margin:0;overflow:hidden;color:var(--color-text-muted);font-size:.72rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.finance-goals-redesign .compact-goal-footer{display:grid;gap:.6rem;padding-top:.62rem;border-top:1px solid var(--color-border)}.finance-goals-redesign .goal-timeline{display:flex;align-items:center;justify-content:space-between;gap:.55rem;color:var(--color-text-muted);font-size:.64rem}.finance-goals-redesign .goal-timeline span{display:grid;gap:.08rem}.finance-goals-redesign .goal-timeline strong{color:var(--color-text);font-size:.7rem}.finance-goals-redesign .compact-goal-footer .goal-actions{display:flex;justify-content:flex-end;gap:.4rem;padding:0;border:0}.finance-goals-redesign .goal-modal{width:min(46rem,100%);max-height:calc(100vh - 2rem);overflow-y:auto;padding:1.1rem;box-shadow:0 1.5rem 4rem #0f172a3d}.finance-goals-redesign .modal-header{padding-bottom:.8rem;border-bottom:1px solid var(--color-border)}.finance-goals-redesign .modal-actions{position:sticky;bottom:-1.1rem;margin:0 -1.1rem -1.1rem;padding:.85rem 1.1rem;border-top:1px solid var(--color-border);background:var(--color-surface)}@media(max-width:1280px){.finance-goals-redesign.finance-page .compact-goals-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.finance-goals-redesign .planning-summary-shell{grid-template-columns:1fr}.finance-goals-redesign .goals-summary-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.finance-goals-redesign .goals-summary-strip article{border-right:1px solid var(--color-border);border-bottom:0}.finance-goals-redesign .goals-summary-strip article:last-child{border-right:0}}@media(max-width:980px){.finance-goals-redesign.finance-page .compact-goals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-goals-redesign .goals-command-bar{align-items:stretch;flex-direction:column}.finance-goals-redesign .add-goal-btn{width:100%}.finance-goals-redesign .funding-pool-card{grid-template-columns:minmax(0,1fr) minmax(11rem,15rem)}.finance-goals-redesign .funding-pool-card>button{grid-column:1 / -1;width:100%}.finance-goals-redesign .goals-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.finance-goals-redesign .goals-summary-strip article{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.finance-goals-redesign .goals-summary-strip article:nth-child(2n){border-right:0}.finance-goals-redesign .goals-summary-strip article:nth-last-child(-n+2){border-bottom:0}}@media(max-width:620px){.finance-goals-redesign{gap:.7rem}.finance-goals-redesign .funding-pool-card{grid-template-columns:1fr}.finance-goals-redesign .funding-pool-card>button{grid-column:auto}.finance-goals-redesign.finance-page .compact-goals-grid{grid-template-columns:1fr}.finance-goals-redesign .compact-goal-body{grid-template-columns:4.5rem minmax(0,1fr)}.finance-goals-redesign .goal-progress-ring{width:4.5rem;height:4.5rem}.finance-goals-redesign .goal-modal{width:100%;max-height:calc(100vh - 1rem);border-radius:.9rem}}@media(max-width:620px){.finance-goals-redesign,.finance-goals-redesign .planning-summary-shell{gap:.55rem}.finance-goals-redesign .funding-pool-card{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.5rem;padding:.65rem}.finance-goals-redesign .funding-pool-summary{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.08rem .5rem}.finance-goals-redesign .funding-pool-summary span{grid-column:1;grid-row:1;font-size:.62rem}.finance-goals-redesign .funding-pool-summary strong{grid-column:2;grid-row:1;font-size:1.05rem}.finance-goals-redesign .funding-pool-summary p{grid-column:1 / -1;grid-row:2;font-size:.63rem}.finance-goals-redesign .funding-pool-input{grid-column:1;font-size:.64rem}.finance-goals-redesign .funding-pool-input input{min-height:2.15rem;padding:.42rem .55rem}.finance-goals-redesign .funding-pool-card>button{grid-column:2;width:auto;min-height:2.15rem;padding-inline:.7rem}.finance-goals-redesign .goals-summary-strip article{gap:.1rem;padding:.52rem .62rem}.finance-goals-redesign .goals-summary-strip span{font-size:.57rem}.finance-goals-redesign .goals-summary-strip strong{font-size:.84rem}.finance-goals-redesign.finance-page .compact-goals-grid{gap:.5rem}.finance-goals-redesign.finance-page .compact-goal-card{grid-template-rows:auto auto auto;gap:.48rem;padding:.58rem;border-top-width:2px;background:var(--color-surface)!important}.finance-goals-redesign.finance-page .compact-goal-card.status-normal,.finance-goals-redesign.finance-page .compact-goal-card.status-warning,.finance-goals-redesign.finance-page .compact-goal-card.status-risk,.finance-goals-redesign.finance-page .compact-goal-card.status-complete{background:var(--color-surface)!important}.finance-goals-redesign .compact-goal-header{grid-template-columns:auto minmax(0,1fr);gap:.42rem}.finance-goals-redesign .goal-priority-rail{display:flex;align-items:center;align-content:initial;justify-items:initial;gap:.22rem}.finance-goals-redesign .goal-priority-number,.finance-goals-redesign .goal-priority-grip{width:1.45rem;height:1.45rem;border-radius:.42rem;font-size:.62rem}.finance-goals-redesign .compact-goal-heading{gap:.27rem}.finance-goals-redesign .goal-heading-copy h2{margin-top:.22rem;font-size:.86rem}.finance-goals-redesign .type-pill,.finance-goals-redesign .status-pill,.finance-goals-redesign .funding-status-pill{padding:.16rem .4rem;font-size:.57rem}.finance-goals-redesign .goal-status-area{gap:.2rem}.finance-goals-redesign .compact-goal-body{grid-template-columns:3.25rem minmax(0,1fr);gap:.5rem;padding:.42rem;border-radius:.6rem}.finance-goals-redesign .goal-progress-ring{width:3.25rem;height:3.25rem}.finance-goals-redesign .goal-progress-ring:before{inset:.34rem}.finance-goals-redesign .goal-progress-ring-centre strong{font-size:.7rem}.finance-goals-redesign .goal-progress-ring-centre span{font-size:.42rem}.finance-goals-redesign .goal-key-metrics{gap:.18rem}.finance-goals-redesign .goal-key-metrics div{gap:.35rem}.finance-goals-redesign .goal-key-metrics span{font-size:.56rem}.finance-goals-redesign .goal-key-metrics strong{font-size:.66rem}.finance-goals-redesign .goal-notes{font-size:.61rem;line-height:1.25;-webkit-line-clamp:1}.finance-goals-redesign .compact-goal-footer{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.4rem;padding-top:.4rem}.finance-goals-redesign .goal-timeline{justify-content:flex-start;gap:.8rem;font-size:.53rem}.finance-goals-redesign .goal-timeline strong{font-size:.61rem}.finance-goals-redesign .compact-goal-footer .goal-actions{gap:.24rem}.finance-goals-redesign .compact-goal-footer .goal-actions .btn{min-height:1.9rem;padding:.3rem .48rem;font-size:.62rem}}app-forecast-page .forecast-rebuild{display:grid;gap:.85rem;width:100%;min-width:0}app-forecast-page .forecast-intro,app-forecast-page .forecast-card-header,app-forecast-page .forecast-result-heading,app-forecast-page .forecast-result-comparison,app-forecast-page .forecast-reserve-card{display:flex;align-items:center;justify-content:space-between;gap:1rem}app-forecast-page .forecast-intro h2,app-forecast-page .forecast-intro p,app-forecast-page .forecast-card-header h3,app-forecast-page .forecast-card-header p,app-forecast-page .forecast-state-card p,app-forecast-page .forecast-zero-note p{margin:0}app-forecast-page .forecast-intro h2{margin-top:.15rem;font-size:clamp(1.15rem,2vw,1.55rem)}app-forecast-page .forecast-intro p,app-forecast-page .forecast-card-header p,app-forecast-page .forecast-state-card p,app-forecast-page .forecast-zero-note p,app-forecast-page .forecast-metric small,app-forecast-page .forecast-reserve-card small,app-forecast-page .forecast-cost-breakdown{color:var(--color-text-muted)}app-forecast-page .forecast-intro p,app-forecast-page .forecast-card-header p{margin-top:.22rem;font-size:.82rem}app-forecast-page .forecast-eyebrow{display:block;color:var(--color-primary);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}app-forecast-page .forecast-temporary-badge,app-forecast-page .forecast-month-chip{display:inline-flex;align-items:center;min-height:1.9rem;border:1px solid var(--color-border);border-radius:999px;padding:.35rem .7rem;background:var(--color-surface);color:var(--color-text-muted);font-size:.7rem;font-weight:800;white-space:nowrap}app-forecast-page .forecast-summary-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(18rem,.75fr);gap:.85rem}app-forecast-page .forecast-result-card,app-forecast-page .forecast-reserve-card,app-forecast-page .forecast-comparison-card,app-forecast-page .forecast-state-card,app-forecast-page .forecast-zero-note{padding:1rem}app-forecast-page .forecast-result-card{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--color-primary) 30%,var(--color-border))}app-forecast-page .forecast-result-card:after{position:absolute;right:-3rem;bottom:-4.5rem;width:10rem;height:10rem;border-radius:999px;background:color-mix(in srgb,var(--color-primary) 9%,transparent);content:"";pointer-events:none}app-forecast-page .forecast-result-heading>div{min-width:0}app-forecast-page .forecast-result-heading span,app-forecast-page .forecast-result-comparison span,app-forecast-page .forecast-reserve-card span{display:block;color:var(--color-text-muted);font-size:.72rem;font-weight:800}app-forecast-page .forecast-result-heading strong{display:block;margin-top:.28rem;font-size:clamp(1.75rem,4vw,2.7rem);line-height:1}app-forecast-page .forecast-result-comparison{justify-content:flex-start;margin-top:1rem}app-forecast-page .forecast-result-comparison>div{min-width:9rem;border-left:2px solid var(--color-border);padding-left:.7rem}app-forecast-page .forecast-result-comparison strong,app-forecast-page .forecast-reserve-card strong{display:block;margin-top:.18rem;font-size:1rem}app-forecast-page .forecast-formula{margin:.9rem 0 0;color:var(--color-text-muted);font-size:.72rem;font-weight:700}app-forecast-page .forecast-positive{background:color-mix(in srgb,var(--color-surface) 94%,#16a34a)}app-forecast-page .forecast-negative{background:color-mix(in srgb,var(--color-surface) 94%,#dc2626)}app-forecast-page .forecast-reserve-card{align-items:stretch;flex-direction:column;justify-content:center}app-forecast-page .forecast-reserve-card>div+div{border-top:1px solid var(--color-border);padding-top:.8rem}app-forecast-page .forecast-reserve-card small{display:block;margin-top:.18rem;font-size:.68rem}app-forecast-page .forecast-card-header{align-items:flex-start;border-bottom:1px solid var(--color-border);padding-bottom:.85rem}app-forecast-page .forecast-card-header h3{margin-top:.15rem;font-size:1rem}app-forecast-page .forecast-table{display:grid;min-width:0}app-forecast-page .forecast-table-row{display:grid;grid-template-columns:minmax(12rem,1.35fr) minmax(8rem,.8fr) minmax(11rem,1fr) minmax(8rem,.75fr);gap:.85rem;align-items:center;min-width:0;border-bottom:1px solid var(--color-border);padding:.8rem 0}app-forecast-page .forecast-table-header{padding-block:.65rem;color:var(--color-text-muted);font-size:.68rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}app-forecast-page .forecast-metric{display:grid;gap:.16rem}app-forecast-page .forecast-metric strong,app-forecast-page .forecast-actual-value,app-forecast-page .forecast-table-row>strong{font-size:.82rem}app-forecast-page .forecast-metric small{font-size:.68rem}app-forecast-page .forecast-input-shell{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;overflow:hidden;border:1px solid var(--color-border);border-radius:.7rem;background:var(--color-surface)}app-forecast-page .forecast-input-shell:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 15%,transparent)}app-forecast-page .forecast-input-shell>span{border-right:1px solid var(--color-border);padding:.55rem .58rem;color:var(--color-text-muted);font-size:.66rem;font-weight:900}app-forecast-page .forecast-input-shell input{width:100%;min-width:0;border:0;outline:0;padding:.55rem .62rem;background:transparent;color:var(--color-text);font:inherit;font-size:.82rem;font-weight:800}app-forecast-page .positive-value{color:#15803d}app-forecast-page .negative-value{color:#b91c1c}app-forecast-page .forecast-cost-breakdown{padding-top:.75rem;font-size:.7rem}app-forecast-page .forecast-state-card{display:flex;align-items:center;gap:.8rem}app-forecast-page .forecast-state-card .finance-btn{margin-left:auto}app-forecast-page .forecast-state-icon{display:grid;flex:0 0 auto;width:2.35rem;height:2.35rem;place-items:center;border-radius:.75rem;background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary);font-size:1.05rem;font-weight:900}app-forecast-page .forecast-error-card{border-color:color-mix(in srgb,#dc2626 45%,var(--color-border))}app-forecast-page .forecast-zero-note strong{display:block;margin-bottom:.2rem}@media(max-width:980px){app-forecast-page .forecast-summary-grid{grid-template-columns:1fr}app-forecast-page .forecast-reserve-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}app-forecast-page .forecast-reserve-card>div+div{border-top:0;border-left:1px solid var(--color-border);padding-top:0;padding-left:.8rem}app-forecast-page .forecast-table-row{grid-template-columns:minmax(10rem,1.25fr) minmax(7rem,.75fr) minmax(10rem,1fr) minmax(7rem,.75fr)}}@media(max-width:700px){app-forecast-page .forecast-intro,app-forecast-page .forecast-card-header{align-items:stretch;flex-direction:column}app-forecast-page .forecast-temporary-badge{align-self:flex-start}app-forecast-page .forecast-card-header .finance-btn{width:100%}app-forecast-page .forecast-table-header{display:none}app-forecast-page .forecast-table-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;border:1px solid var(--color-border);border-radius:.85rem;margin-top:.65rem;padding:.75rem}app-forecast-page .forecast-metric{grid-column:1 / -1}app-forecast-page .forecast-actual-value:before,app-forecast-page .forecast-table-row>strong:last-child:before{display:block;margin-bottom:.15rem;color:var(--color-text-muted);font-size:.62rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}app-forecast-page .forecast-actual-value:before{content:"Actual"}app-forecast-page .forecast-table-row>strong:last-child:before{content:"Scenario"}app-forecast-page .forecast-input-shell{grid-column:1 / -1}}@media(max-width:480px){app-forecast-page .forecast-result-heading,app-forecast-page .forecast-result-comparison{align-items:flex-start;flex-direction:column}app-forecast-page .forecast-result-comparison{gap:.65rem}app-forecast-page .forecast-result-comparison>div{width:100%}app-forecast-page .forecast-reserve-card{grid-template-columns:1fr}app-forecast-page .forecast-reserve-card>div+div{border-top:1px solid var(--color-border);border-left:0;padding-top:.75rem;padding-left:0}app-forecast-page .forecast-state-card{align-items:flex-start;flex-wrap:wrap}app-forecast-page .forecast-state-card .finance-btn{width:100%;margin-left:0}}app-forecast-page .forecast-subtitle-mobile{display:none}@media(max-width:700px){app-forecast-page .forecast-rebuild{gap:.65rem}app-forecast-page .forecast-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title badge" "subtitle subtitle";align-items:center;gap:.22rem .55rem}app-forecast-page .forecast-intro>div{display:contents}app-forecast-page .forecast-eyebrow{display:none}app-forecast-page .forecast-intro h2{grid-area:title;margin:0;font-size:1.05rem;line-height:1.15}app-forecast-page .forecast-subtitle-desktop{display:none}app-forecast-page .forecast-subtitle-mobile{display:block;grid-area:subtitle;margin:0;font-size:.72rem;line-height:1.35}app-forecast-page .forecast-temporary-badge{grid-area:badge;align-self:center;min-height:1.7rem;max-width:8.25rem;padding:.28rem .55rem;overflow:hidden;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}app-forecast-page .forecast-summary-grid{gap:.6rem}app-forecast-page .forecast-result-card,app-forecast-page .forecast-reserve-card,app-forecast-page .forecast-comparison-card,app-forecast-page .forecast-state-card,app-forecast-page .forecast-zero-note{padding:.78rem}app-forecast-page .forecast-result-card:after{right:-4rem;bottom:-5.5rem;width:9rem;height:9rem}app-forecast-page .forecast-result-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:start}app-forecast-page .forecast-result-heading strong{margin-top:.18rem;font-size:1.85rem}app-forecast-page .forecast-month-chip{min-height:1.6rem;padding:.25rem .5rem;font-size:.62rem}app-forecast-page .forecast-result-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.7rem}app-forecast-page .forecast-result-comparison>div{width:auto;min-width:0;border-left-width:1px;padding-left:.55rem}app-forecast-page .forecast-result-comparison strong{font-size:.82rem}app-forecast-page .forecast-formula{display:none}app-forecast-page .forecast-reserve-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding-block:.7rem}app-forecast-page .forecast-reserve-card>div{min-width:0}app-forecast-page .forecast-reserve-card>div+div{border-top:0;border-left:1px solid var(--color-border);padding:0 0 0 .65rem}app-forecast-page .forecast-reserve-card strong{font-size:.9rem}app-forecast-page .forecast-reserve-card small{display:none}app-forecast-page .forecast-card-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.55rem;align-items:center;padding-bottom:.65rem}app-forecast-page .forecast-card-header>div{min-width:0}app-forecast-page .forecast-card-header h3{margin:0;font-size:.9rem}app-forecast-page .forecast-card-header p{margin-top:.18rem;font-size:.68rem;line-height:1.35}app-forecast-page .forecast-card-header .forecast-eyebrow{display:none}app-forecast-page .forecast-card-header .finance-btn{width:auto;min-height:2rem;padding:.35rem .55rem;font-size:.65rem;white-space:nowrap}app-forecast-page .forecast-table{display:grid;gap:0}app-forecast-page .forecast-table-row{grid-template-columns:minmax(0,.85fr) minmax(5.8rem,1fr) minmax(0,.85fr);grid-template-areas:"metric metric metric" "actual adjustment scenario";gap:.48rem .55rem;border:0;border-bottom:1px solid var(--color-border);border-radius:0;margin:0;padding:.72rem 0;background:transparent}app-forecast-page .forecast-table-row:last-child{border-bottom:0}app-forecast-page .forecast-metric{grid-area:metric;display:block}app-forecast-page .forecast-metric strong{font-size:.8rem}app-forecast-page .forecast-metric small{display:none}app-forecast-page .forecast-actual-value{grid-area:actual;min-width:0}app-forecast-page .forecast-input-shell{grid-area:adjustment;grid-column:auto;min-width:0;min-height:2.65rem;border-radius:.6rem}app-forecast-page .forecast-input-shell>span{padding:.46rem .42rem;font-size:.56rem}app-forecast-page .forecast-input-shell input{min-height:2.55rem;padding:.4rem .45rem;font-size:.78rem}app-forecast-page .forecast-table-row>strong:last-child{grid-area:scenario;min-width:0}app-forecast-page .forecast-actual-value,app-forecast-page .forecast-table-row>strong:last-child{align-self:center;font-size:.76rem;overflow-wrap:anywhere}app-forecast-page .forecast-actual-value:before,app-forecast-page .forecast-table-row>strong:last-child:before{margin-bottom:.1rem;font-size:.54rem}app-forecast-page .forecast-input-shell:before{position:absolute;width:1px;height:1px;overflow:hidden;content:"Adjustment";clip:rect(0 0 0 0)}app-forecast-page .forecast-cost-breakdown{border-top:1px solid var(--color-border);padding-top:.6rem;font-size:.64rem;line-height:1.35}}@media(max-width:390px){app-forecast-page .forecast-intro{grid-template-columns:minmax(0,1fr) auto}app-forecast-page .forecast-temporary-badge{max-width:6.8rem}app-forecast-page .forecast-card-header{grid-template-columns:1fr}app-forecast-page .forecast-card-header .finance-btn{justify-self:start}app-forecast-page .forecast-table-row{grid-template-columns:minmax(0,.8fr) minmax(5.2rem,1fr) minmax(0,.8fr);column-gap:.38rem}}@media(min-width:701px){app-forecast-page .forecast-intro{display:none}}app-planning-page .planning-control-strip.forecast-mode{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"primary summary";overflow-x:auto}app-planning-page .forecast-toolbar-summary{grid-area:summary;display:flex;align-items:center;gap:.55rem;min-width:max-content;overflow:hidden;white-space:nowrap}app-planning-page .forecast-toolbar-eyebrow{color:var(--color-primary);font-size:.64rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}app-planning-page .forecast-toolbar-title{color:var(--color-text);font-size:.88rem;white-space:nowrap}app-planning-page .forecast-toolbar-subtitle{min-width:0;overflow:hidden;color:var(--color-text-muted);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}app-planning-page .forecast-toolbar-badge{display:inline-flex;align-items:center;flex:0 0 auto;min-height:1.9rem;border:1px solid var(--color-border);border-radius:999px;padding:.32rem .65rem;background:var(--color-surface);color:var(--color-text-muted);font-size:.66rem;font-weight:800;white-space:nowrap}@media(max-width:700px){app-planning-page .forecast-toolbar-summary{display:none}}@media(max-width:620px){app-planning-page .planning-control-strip.forecast-mode{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"primary add" "filters filters"}}app-filter-dropdown .filter-dropdown.form-field-mode{width:100%;min-width:0}app-filter-dropdown .filter-dropdown.form-field-mode .filter-label{color:var(--color-text-muted);font-size:.74rem;font-weight:700}app-filter-dropdown .filter-dropdown.form-field-mode .filter-trigger{min-height:2.55rem;border-radius:.68rem;padding:.48rem .68rem}app-filter-dropdown .filter-dropdown.form-field-mode .trigger-left{gap:0}app-filter-dropdown .filter-dropdown.form-field-mode .trigger-value{font-size:.82rem;font-weight:600}.cdk-overlay-container .filter-menu .menu-option.keyboard-active{border-color:color-mix(in srgb,var(--color-accent) 48%,var(--color-border));background:color-mix(in srgb,var(--color-chip-bg) 72%,transparent)}app-team-members-page .form-error,app-team-members-page .form-success{margin:0;padding:.3rem 0;font-size:.78rem;font-weight:600}app-team-members-page .form-error{color:#b42318}app-team-members-page .form-success{color:#027a48}app-team-members-page .modal-overlay{position:fixed;inset:0;z-index:70;background:#02261e75;backdrop-filter:blur(5px);display:grid;place-items:center;padding:1rem}app-team-members-page .modal-card{width:min(760px,100%);max-height:92vh;overflow:auto;border-radius:1rem;background:#f4f8f7;box-shadow:0 28px 80px #02261e47}app-team-members-page .member-editor-card{width:min(980px,100%);border:1px solid rgba(255,255,255,.55)}app-team-members-page .editor-header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.15rem;color:#fff;background:linear-gradient(120deg,#06362f,#0b5a51);border-bottom:1px solid rgba(255,255,255,.18)}app-team-members-page .editor-profile{display:flex;align-items:center;gap:.75rem;min-width:0}app-team-members-page .editor-avatar{width:3rem;height:3rem;border-color:#ffffff59;background:#ffffff24}app-team-members-page .editor-eyebrow{display:block;margin-bottom:.12rem;color:#bfe6df;font-size:.58rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}app-team-members-page .editor-header h3{margin:0;font-size:1.05rem}app-team-members-page .editor-header p{margin:.12rem 0 0;color:#d7eeea;font-size:.7rem}app-team-members-page .editor-close{width:2.25rem;height:2.25rem;flex:0 0 auto;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:#ffffff1a;color:#fff;font-size:1.25rem}app-team-members-page .form-grid{margin:0;padding:1rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem;align-items:start}app-team-members-page .field{min-width:0;display:grid;gap:.3rem;padding:.7rem;border:1px solid #dce8e6;border-radius:.72rem;background:#fff}app-team-members-page .field>span{font-size:.65rem;font-weight:800;color:#526d69;letter-spacing:.04em;text-transform:uppercase}app-team-members-page .field-block{grid-column:1/-1}app-team-members-page .editor-panel{padding:.9rem;background:linear-gradient(145deg,#fff,#edf7f5)}app-team-members-page .check-list{display:flex;flex-wrap:wrap;gap:.32rem;max-height:9rem;overflow:auto;padding:.15rem}app-team-members-page .check-option{display:inline-flex;align-items:center;gap:.28rem;min-height:1.8rem;max-width:100%;padding:.18rem .44rem;border:1px solid #c8ddda;border-radius:999px;background:#edf7f5;font-size:.66rem}app-team-members-page .check-option input{width:.78rem;height:.78rem;margin:0}app-team-members-page .check-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-team-members-page .avatar-upload{min-height:2.2rem;display:flex;align-items:center;padding:.35rem .55rem;border:1px dashed #b9d8d4;border-radius:.6rem;background:#edf7f5;font-size:.72rem;cursor:pointer}app-team-members-page .avatar-upload input{display:none}app-team-members-page .avatar-preview{margin-top:.2rem}app-team-members-page .details-grid{margin-top:.8rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}app-team-members-page .detail-item{display:grid;gap:.15rem;padding:.55rem .65rem;border:1px solid #d6e6e3;border-radius:.6rem;background:#f2f8f7}app-team-members-page .detail-item-wide{grid-column:1/-1}app-team-members-page .detail-label{font-size:.62rem;font-weight:800;color:var(--color-text-muted);text-transform:uppercase}app-team-members-page .detail-value{font-size:.75rem;font-weight:600;word-break:break-word}app-team-members-page .modal-footer{position:sticky;bottom:0;z-index:4;display:flex;justify-content:flex-end;gap:.5rem;margin:0;padding:.8rem 1rem;border-top:1px solid #d7e5e2;background:#f4f8f7f5;backdrop-filter:blur(8px)}app-team-members-page .view-modal-card,app-team-members-page .password-modal-card{width:min(700px,100%);padding:1rem}app-team-members-page .delete-confirmation-copy{padding:1rem;color:var(--color-text-muted)}@media(max-width:760px){app-team-members-page .modal-overlay{padding:0;place-items:stretch}app-team-members-page .member-editor-card,app-team-members-page .modal-card{width:100%;height:100dvh;max-height:none;border-radius:0}app-team-members-page .editor-header{padding:.8rem}app-team-members-page .editor-avatar{width:2.5rem;height:2.5rem}app-team-members-page .editor-header p{display:none}app-team-members-page .form-grid{grid-template-columns:1fr;padding:.65rem;gap:.5rem}app-team-members-page .field{padding:.6rem}app-team-members-page .field-block{grid-column:1}app-team-members-page .check-list{max-height:7.5rem}app-team-members-page .details-grid{grid-template-columns:1fr}}:root[data-theme=dark] app-team-members-page{color:var(--color-text)}:root[data-theme=dark] app-team-members-page .people-command{border-color:var(--color-border);background:var(--color-surface)}:root[data-theme=dark] app-team-members-page .summary-item,:root[data-theme=dark] app-team-members-page .directory-count,:root[data-theme=dark] app-team-members-page .member-search{border-color:var(--color-border);background:var(--color-input-bg);color:var(--color-text)}:root[data-theme=dark] app-team-members-page .summary-item span{color:var(--color-accent-text)}:root[data-theme=dark] app-team-members-page .summary-item strong{color:var(--color-text)}:root[data-theme=dark] app-team-members-page .member-search::placeholder{color:var(--color-text-disabled)}:root[data-theme=dark] app-team-members-page .people-command .command-filter .filter-trigger{border-color:var(--color-border)!important;background:var(--color-input-bg)!important;color:var(--color-text)!important}:root[data-theme=dark] app-team-members-page .directory-section{border-color:var(--color-border);background:var(--color-bg)}:root[data-theme=dark] app-team-members-page .member-card{border-color:var(--color-border);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-elev-1)}:root[data-theme=dark] app-team-members-page .member-card:hover{border-color:var(--nav-active-border);box-shadow:var(--shadow-elev-2)}:root[data-theme=dark] app-team-members-page .member-heading h3,:root[data-theme=dark] app-team-members-page .member-facts strong{color:var(--color-text)}:root[data-theme=dark] app-team-members-page .avatar{border-color:var(--color-border);background:var(--color-surface-alt);color:var(--color-accent-text)}:root[data-theme=dark] app-team-members-page .role-chip{border-color:var(--nav-active-border);background:var(--nav-active-bg);color:var(--color-accent-text)}:root[data-theme=dark] app-team-members-page .project-strip{border-top-color:var(--color-border)}:root[data-theme=dark] app-team-members-page .project-chip{border-color:var(--color-border);background:var(--color-surface-alt);color:var(--color-text)}:root[data-theme=dark] app-team-members-page .project-more{border-color:var(--color-border);color:var(--color-text-muted)}:root[data-theme=dark] app-team-members-page .member-facts>div{background:var(--color-surface-elevated)}:root[data-theme=dark] app-team-members-page .icon-button{border-color:var(--color-border)}:root[data-theme=dark] app-team-members-page .view-member-button{background:var(--color-surface-alt);color:var(--color-accent-text)}:root[data-theme=dark] app-team-members-page .edit-member-button{background:var(--color-primary);color:var(--color-on-brand)}:root[data-theme=dark] app-team-members-page .action-menu{border-color:var(--color-border);background:var(--color-surface-elevated);color:var(--color-text);box-shadow:var(--shadow-elev-3)}:root[data-theme=dark] app-team-members-page .action-menu button{color:var(--color-text)}:root[data-theme=dark] app-team-members-page .action-menu button:hover{background:var(--color-surface-alt)}:root[data-theme=dark] app-team-members-page .danger-menu-item{color:var(--feedback-critical-text)!important}:root[data-theme=dark] app-team-members-page .skeleton-card span,:root[data-theme=dark] app-team-members-page .state-icon{background:var(--color-surface-alt);color:var(--color-accent-text)}:root[data-theme=dark] app-team-members-page .empty-state,:root[data-theme=dark] app-team-members-page .access-card{background:var(--color-surface);color:var(--color-text)}:root[data-theme=dark] app-team-members-page .modal-card{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-elev-3)}:root[data-theme=dark] app-team-members-page .member-editor-card{border-color:var(--color-border)}:root[data-theme=dark] app-team-members-page .editor-header{background:var(--color-sidebar-bg);border-bottom-color:var(--color-border)}:root[data-theme=dark] app-team-members-page .field{border-color:var(--color-border);background:var(--color-surface-elevated)}:root[data-theme=dark] app-team-members-page .field>span{color:var(--color-text-muted)}:root[data-theme=dark] app-team-members-page .field input,:root[data-theme=dark] app-team-members-page .field textarea{border-color:var(--color-border);background:var(--color-input-bg);color:var(--color-text)}:root[data-theme=dark] app-team-members-page .field input::placeholder,:root[data-theme=dark] app-team-members-page .field textarea::placeholder{color:var(--color-text-disabled)}:root[data-theme=dark] app-team-members-page .field input:disabled,:root[data-theme=dark] app-team-members-page .field textarea:disabled{background:var(--color-surface-alt);color:var(--color-text-disabled);opacity:1}:root[data-theme=dark] app-team-members-page .editor-panel{background:var(--color-surface)}:root[data-theme=dark] app-team-members-page .check-option,:root[data-theme=dark] app-team-members-page .avatar-upload{border-color:var(--color-border);background:var(--color-input-bg);color:var(--color-text)}:root[data-theme=dark] app-team-members-page .detail-item{border-color:var(--color-border);background:var(--color-surface-elevated)}:root[data-theme=dark] app-team-members-page .modal-footer{border-top-color:var(--color-border);background:#17191bf5}app-settings-page .settings-workspace{display:grid;grid-template-columns:minmax(13rem,15rem) minmax(0,1fr);align-items:start;gap:1rem;padding-bottom:var(--space-4)}app-settings-page .settings-navigation{position:sticky;top:.75rem;display:grid;gap:.9rem;max-height:calc(100dvh - 7rem);overflow-y:auto;border:1px solid var(--color-border);border-radius:1rem;background:var(--color-surface-elevated);padding:.8rem;box-shadow:0 8px 24px #02261e0f}app-settings-page .settings-navigation-header{display:grid;gap:.2rem;padding:.35rem .4rem .6rem;border-bottom:1px solid var(--color-border)}app-settings-page .settings-navigation-header strong{font-size:.9rem}app-settings-page .settings-navigation-header small{color:var(--color-text-muted);font-size:.72rem;line-height:1.4}app-settings-page .settings-navigation-eyebrow,app-settings-page .settings-navigation-label{color:var(--color-success);font-size:.64rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}app-settings-page .settings-navigation-group{display:grid;gap:.35rem}app-settings-page .settings-navigation-label{padding:0 .4rem;color:var(--color-text-muted)}app-settings-page .settings-navigation-button{width:100%;display:grid;grid-template-columns:1.9rem minmax(0,1fr);align-items:center;gap:.55rem;border:1px solid transparent;border-radius:.72rem;background:transparent;color:var(--color-text);padding:.52rem;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}app-settings-page .settings-navigation-button:hover{border-color:var(--color-border);background:#89c9c91a}app-settings-page .settings-navigation-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}app-settings-page .settings-navigation-button-active{border-color:color-mix(in srgb,var(--color-success) 40%,var(--color-border));background:color-mix(in srgb,var(--color-success) 10%,var(--color-surface-elevated))}app-settings-page .settings-navigation-button>span:last-child{min-width:0;display:grid;gap:.08rem}app-settings-page .settings-navigation-button strong{overflow:hidden;font-size:.78rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}app-settings-page .settings-navigation-button small{overflow:hidden;color:var(--color-text-muted);font-size:.66rem;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}app-settings-page .settings-navigation-icon{width:1.9rem;height:1.9rem;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:.55rem;background:var(--color-surface);color:var(--color-success);font-size:.67rem;font-weight:850}app-settings-page .settings-content{min-width:0;display:block}app-settings-page .settings-stage{min-width:0;overflow:hidden;border:1px solid var(--color-border);border-radius:1.15rem;background:var(--color-surface-elevated);box-shadow:0 16px 44px #02261e14}app-settings-page .settings-stage-hero{min-height:9rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.45rem 1.55rem;border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 92% 10%,rgba(218,230,145,.34),transparent 30%),linear-gradient(135deg,rgba(137,201,201,.18),transparent 58%)}app-settings-page .settings-stage-heading{min-width:0;max-width:46rem;display:grid;gap:.35rem}app-settings-page .settings-stage-kicker,app-settings-page .settings-panel-kicker{color:var(--color-success);font-size:.67rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}app-settings-page .settings-stage-heading h2,app-settings-page .settings-panel-heading h3,app-settings-page .service-composer h3,app-settings-page .service-record h3,app-settings-page .review-cycle-card h3,app-settings-page .settings-empty-state h3{margin:0;color:var(--color-text)}app-settings-page .settings-stage-heading h2{font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.15}app-settings-page .settings-stage-heading p,app-settings-page .service-composer p,app-settings-page .service-record p,app-settings-page .settings-empty-state p{margin:0;color:var(--color-text-muted);line-height:1.55}app-settings-page .settings-stage-heading p{max-width:44rem;font-size:.82rem}app-settings-page .settings-panel{min-width:0;border:1px solid var(--color-border);border-radius:.95rem;background:var(--color-surface-elevated);padding:1rem}app-settings-page .settings-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:.8rem;border-bottom:1px solid var(--color-border)}app-settings-page .settings-panel-heading>div{display:grid;gap:.2rem}app-settings-page .settings-panel-heading h3{font-size:.96rem}app-settings-page .settings-readonly-badge,app-settings-page .service-active-badge,app-settings-page .review-cycle-status,app-settings-page .permission-member-tags span{display:inline-flex;align-items:center;width:max-content;border:1px solid var(--color-border);border-radius:999px;background:#89c9c91c;color:var(--color-text-muted);padding:.24rem .55rem;font-size:.68rem;font-weight:750}app-settings-page .settings-readonly-badge-error{color:var(--color-danger)}app-settings-page .settings-state{margin:1rem 1.25rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px solid var(--color-border);border-radius:.8rem;padding:.75rem .85rem;font-size:.78rem}app-settings-page .settings-state-loading{color:var(--color-text-muted);background:#89c9c914}app-settings-page .settings-state-error{color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 7%,transparent)}app-settings-page .settings-state-success{color:var(--color-success);background:color-mix(in srgb,var(--color-success) 7%,transparent)}app-settings-page .settings-action-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.25rem;border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface-elevated) 94%,transparent)}app-settings-page .settings-action-bar>div:first-child{min-width:0;display:grid;gap:.15rem}app-settings-page .settings-action-bar strong{font-size:.78rem}app-settings-page .settings-action-bar span{color:var(--color-text-muted);font-size:.7rem}app-settings-page .settings-action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:.55rem}app-settings-page .settings-stage .field input,app-settings-page .settings-stage .field textarea,app-settings-page .colour-control-row input[type=text],app-settings-page .input-with-suffix{width:100%}app-settings-page .settings-stage textarea{resize:vertical}app-settings-page .appearance-studio{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);gap:1rem;padding:1.15rem 1.25rem;background:color-mix(in srgb,var(--color-surface) 68%,transparent)}app-settings-page .theme-panel,app-settings-page .colour-lab-panel{align-self:start}app-settings-page .colour-lab-panel{grid-column:1}app-settings-page .theme-choice-grid{margin-top:.9rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}app-settings-page .theme-choice-card{min-width:0;display:grid;gap:.4rem;border:1px solid var(--color-border);border-radius:.8rem;background:var(--color-surface);color:var(--color-text);padding:.55rem;text-align:left;cursor:pointer}app-settings-page .theme-choice-card:hover,app-settings-page .theme-choice-card-active{border-color:color-mix(in srgb,var(--color-success) 55%,var(--color-border));box-shadow:0 8px 20px #02261e14}app-settings-page .theme-choice-card:focus-visible{outline:none;box-shadow:var(--focus-ring)}app-settings-page .theme-choice-card strong{font-size:.77rem}app-settings-page .theme-choice-card small{color:var(--color-text-muted);font-size:.65rem;line-height:1.35}app-settings-page .theme-choice-preview{height:4.3rem;display:grid;grid-template-columns:.34fr 1fr;grid-template-rows:.42fr 1fr;gap:.22rem;overflow:hidden;border:1px solid var(--color-border);border-radius:.55rem;background:#f7faf9;padding:.28rem}app-settings-page .theme-choice-preview i{display:block;border-radius:.25rem;background:#dfe9e6}app-settings-page .theme-choice-preview i:first-child{grid-row:1 / 3;background:#0f332b}app-settings-page .theme-choice-preview i:nth-child(2){background:#b9d9d7}app-settings-page .theme-choice-preview-dark{background:#13231f}app-settings-page .theme-choice-preview-dark i{background:#315149}app-settings-page .theme-choice-preview-dark i:first-child{background:#061712}app-settings-page .theme-choice-preview-system{background:linear-gradient(90deg,#f7faf9 50%,#13231f 50%)}app-settings-page .colour-control-grid{margin-top:.9rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}app-settings-page .colour-control-card{min-width:0;display:grid;gap:.45rem;border:1px solid var(--color-border);border-radius:.75rem;background:var(--color-surface);padding:.65rem}app-settings-page .colour-control-card>span{font-size:.72rem;font-weight:750}app-settings-page .colour-control-row{display:grid;grid-template-columns:2.3rem minmax(0,1fr);gap:.45rem}app-settings-page .colour-control-row input[type=color]{width:2.3rem;min-width:2.3rem;height:2.3rem;border:0;border-radius:.55rem;padding:0;background:transparent;cursor:pointer}app-settings-page .appearance-live-preview{grid-column:2;grid-row:1 / 3;align-self:stretch;overflow:hidden;border:1px solid var(--color-border);border-radius:.95rem;background:#f3f7f6;box-shadow:0 16px 34px #02261e1a}app-settings-page .preview-browser-bar{height:2rem;display:flex;align-items:center;gap:.3rem;border-bottom:1px solid #d9e4e1;background:#fff;padding:0 .65rem}app-settings-page .preview-browser-bar>span{width:.42rem;height:.42rem;border-radius:999px;background:#b8c9c5}app-settings-page .preview-browser-bar small{margin-left:auto;color:#6c7f7a;font-size:.6rem}app-settings-page .preview-app-shell{min-height:22rem;display:grid;grid-template-columns:4.2rem 1fr;background:#f7faf9}app-settings-page .preview-sidebar{display:flex;flex-direction:column;align-items:center;gap:.85rem;background:var(--preview-primary);padding:.8rem .55rem}app-settings-page .preview-sidebar strong{color:#fff;font-size:.8rem}app-settings-page .preview-sidebar i{width:1.7rem;height:.28rem;border-radius:99px;background:color-mix(in srgb,var(--preview-secondary) 75%,white)}app-settings-page .preview-main{min-width:0;padding:.75rem}app-settings-page .preview-main header{display:flex;align-items:center;justify-content:space-between}app-settings-page .preview-main header span{width:5rem;height:.55rem;border-radius:99px;background:var(--preview-primary)}app-settings-page .preview-main header button{border:0;border-radius:.4rem;background:var(--preview-accent);color:#17342d;padding:.35rem .55rem;font-size:.55rem;font-weight:750}app-settings-page .preview-metrics,app-settings-page .preview-board{display:grid;gap:.45rem;margin-top:.75rem}app-settings-page .preview-metrics{grid-template-columns:repeat(3,1fr)}app-settings-page .preview-metrics i,app-settings-page .preview-board i{display:block;border:1px solid #d9e4e1;border-radius:.5rem;background:#fff}app-settings-page .preview-metrics i{height:3rem;border-top:.25rem solid var(--preview-secondary)}app-settings-page .preview-board{grid-template-columns:repeat(2,1fr)}app-settings-page .preview-board i{height:5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--preview-secondary) 24%,white),#fff)}app-settings-page .services-count-badge{flex:0 0 auto;min-width:7.5rem;display:grid;place-items:center;gap:.1rem;border:1px solid var(--color-border);border-radius:.95rem;background:color-mix(in srgb,var(--color-surface-elevated) 80%,transparent);padding:.8rem 1rem}app-settings-page :is(.services-count-badge strong,.service-rate-display strong,.currency-code,.tax-rate-value){color:var(--color-accent-text)}.services-hero .services-count-badge strong{font-size:1.65rem}app-settings-page .services-count-badge span{color:var(--color-text-muted);font-size:.66rem}app-settings-page .service-composer{display:grid;grid-template-columns:minmax(13rem,.7fr) minmax(0,1.3fr);gap:1.1rem;margin:1.15rem 1.25rem;border:1px solid color-mix(in srgb,var(--color-success) 34%,var(--color-border));border-radius:.95rem;background:linear-gradient(135deg,#89c9c921,#dae69121);padding:1rem}app-settings-page .service-composer-copy{display:grid;align-content:start;gap:.3rem}app-settings-page .service-composer h3{font-size:.95rem}app-settings-page .service-composer p{font-size:.72rem}app-settings-page .service-composer-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) 8rem auto;align-items:end;gap:.65rem}app-settings-page .service-create-button{min-height:2.45rem;white-space:nowrap}app-settings-page .input-with-suffix{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-elevated)}app-settings-page .input-with-suffix input{min-width:0;border:0;box-shadow:none}app-settings-page .input-with-suffix>span{padding-right:.65rem;color:var(--color-text-muted);font-size:.7rem;font-weight:750}app-settings-page .input-with-suffix:focus-within{box-shadow:var(--focus-ring)}app-settings-page .service-catalogue{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;padding:0 1.25rem 1.25rem}app-settings-page .service-record{min-width:0;display:flex;flex-direction:column;gap:.65rem;border:1px solid var(--color-border);border-radius:.95rem;background:var(--color-surface-elevated);padding:.9rem;box-shadow:0 8px 20px #02261e0e}app-settings-page .service-record-editing{border-color:color-mix(in srgb,var(--color-success) 45%,var(--color-border));background:color-mix(in srgb,var(--color-secondary) 6%,var(--color-surface-elevated))}app-settings-page .service-record-topline{display:flex;align-items:center;justify-content:space-between;gap:.5rem}app-settings-page .service-code{color:var(--color-success);font-size:.66rem;font-weight:850;letter-spacing:.07em;text-transform:uppercase}app-settings-page .service-active-badge{color:var(--color-success)}app-settings-page .service-record h3{font-size:1rem}app-settings-page .service-record p{min-height:2.25rem;font-size:.72rem}app-settings-page .service-rate-display{display:flex;align-items:baseline;justify-content:space-between;gap:.65rem;border-radius:.72rem;background:#89c9c91a;padding:.65rem}app-settings-page .service-rate-display strong{font-size:1.3rem}app-settings-page .service-rate-display span{color:var(--color-text-muted);font-size:.65rem}app-settings-page .service-record footer{margin-top:auto;display:flex;justify-content:flex-end;gap:.45rem;padding-top:.65rem;border-top:1px solid var(--color-border)}app-settings-page .service-deactivate-button{color:var(--color-danger)}app-settings-page .tax-workspace{display:grid;grid-template-columns:minmax(15rem,.8fr) minmax(0,1.2fr);gap:1rem;padding:1.15rem 1.25rem 1.25rem;background:color-mix(in srgb,var(--color-surface) 68%,transparent)}app-settings-page .tax-rate-console{min-height:15rem;display:grid;align-content:center;justify-items:center;gap:.55rem;border:1px solid var(--color-border);border-radius:1rem;background:radial-gradient(circle at center,rgba(218,230,145,.36),transparent 58%),var(--color-surface-elevated);text-align:center}app-settings-page .tax-rate-value{display:flex;align-items:flex-start}app-settings-page .tax-rate-value strong{font-size:clamp(3rem,7vw,5rem);line-height:.95}app-settings-page .tax-rate-value span{font-size:1.4rem;font-weight:800}app-settings-page .tax-rate-console p{max-width:18rem;margin:0;color:var(--color-text-muted);font-size:.72rem;line-height:1.5}app-settings-page .tax-editor-panel{display:grid;align-content:start;gap:1rem}app-settings-page .tax-input{max-width:14rem}app-settings-page .tax-editor-panel .btn{justify-self:start}app-settings-page .currency-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;padding:1.15rem 1.25rem 1.25rem;background:color-mix(in srgb,var(--color-surface) 68%,transparent)}app-settings-page .currency-card{min-width:0;display:grid;gap:.8rem;border:1px solid var(--color-border);border-radius:.95rem;background:var(--color-surface-elevated);padding:1rem}app-settings-page .currency-card-base{background:linear-gradient(135deg,#89c9c929,#dae69124),var(--color-surface-elevated)}app-settings-page .currency-card-heading{display:flex;align-items:center;justify-content:space-between}app-settings-page .currency-code{font-size:1.3rem;font-weight:900;letter-spacing:.04em}app-settings-page .currency-card-heading small,app-settings-page .currency-fixed-label{color:var(--color-text-muted);font-size:.66rem;font-weight:750;text-transform:uppercase}app-settings-page .currency-equation{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.6rem}app-settings-page .currency-equation>span,app-settings-page .currency-equation>strong{font-size:.76rem}app-settings-page .currency-card p{margin:0;color:var(--color-text-muted);font-size:.7rem}app-settings-page .currency-card .btn,app-settings-page .currency-fixed-label{justify-self:start}app-settings-page .review-cycle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;padding:1.15rem 1.25rem 1.25rem;background:color-mix(in srgb,var(--color-surface) 68%,transparent)}app-settings-page .review-cycle-card{min-width:0;display:grid;gap:.8rem;border:1px solid var(--color-border);border-radius:.95rem;background:var(--color-surface-elevated);padding:1rem}app-settings-page .review-cycle-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}app-settings-page .review-cycle-heading>div:first-child{display:grid;gap:.25rem}app-settings-page .review-cycle-status{color:var(--color-success)}app-settings-page .review-cycle-card h3{font-size:1rem}app-settings-page .review-cycle-card p{margin:0;color:var(--color-text-muted);font-size:.7rem}app-settings-page .review-cycle-total{display:grid;justify-items:end}app-settings-page .review-cycle-total strong{color:var(--color-primary);font-size:1.5rem}app-settings-page .review-cycle-total span{color:var(--color-text-muted);font-size:.62rem}app-settings-page .review-cycle-metrics{display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;border:1px solid var(--color-border);border-radius:.72rem}app-settings-page .review-cycle-metrics>div{display:grid;gap:.15rem;padding:.65rem}app-settings-page .review-cycle-metrics>div+div{border-left:1px solid var(--color-border)}app-settings-page .review-cycle-metrics span{color:var(--color-text-muted);font-size:.62rem}app-settings-page .review-cycle-metrics strong{font-size:.9rem}app-settings-page .review-cycle-card .btn{justify-self:end}app-settings-page .permission-member-console{display:grid;grid-template-columns:minmax(15rem,.8fr) minmax(0,1.2fr);align-items:center;gap:1rem;margin:1.15rem 1.25rem;border:1px solid var(--color-border);border-radius:.95rem;background:var(--color-surface-elevated);padding:.9rem}app-settings-page .permission-member-identity{min-width:0;display:grid;grid-template-columns:2.6rem minmax(0,1fr) auto;align-items:center;gap:.65rem}app-settings-page .permission-member-identity>span:first-child{width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:.75rem;background:linear-gradient(135deg,#89c9c961,#dae6916b);color:var(--color-primary);font-size:.78rem;font-weight:900}app-settings-page .permission-member-identity>div:nth-child(2){min-width:0;display:grid;gap:.12rem}app-settings-page .permission-member-identity strong,app-settings-page .permission-member-identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-settings-page .permission-member-identity strong{font-size:.82rem}app-settings-page .permission-member-identity small{color:var(--color-text-muted);font-size:.68rem}app-settings-page .permission-member-tags{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.35rem}app-settings-page .permission-protection-note{grid-column:1 / -1;border:1px solid color-mix(in srgb,var(--color-danger) 30%,var(--color-border));border-radius:.7rem;background:color-mix(in srgb,var(--color-danger) 6%,transparent);color:var(--color-danger);padding:.65rem;font-size:.72rem}app-settings-page .permission-matrix-shell{margin:0 1.25rem 1.25rem;max-height:32rem;overflow:auto;border:1px solid var(--color-border);border-radius:.9rem}app-settings-page .permission-matrix-shell .permissions-table{min-width:760px}app-settings-page .permission-matrix-shell .permissions-table th{position:sticky;top:0;z-index:3;background:var(--color-surface-elevated)}app-settings-page .permission-matrix-shell .module-cell{position:sticky;left:0;z-index:2;background:var(--color-surface-elevated)}app-settings-page .permission-matrix-shell th:first-child{position:sticky;left:0;z-index:4}app-settings-page .permission-matrix-shell tbody tr:hover td{background:#89c9c912}app-settings-page .settings-empty-state{min-height:14rem;display:grid;place-items:center;align-content:center;gap:.35rem;margin:1.15rem 1.25rem 1.25rem;border:1px dashed var(--color-border);border-radius:.95rem;background:#89c9c90f;text-align:center}app-settings-page .settings-empty-state>span{width:2.8rem;height:2.8rem;display:grid;place-items:center;border-radius:.8rem;background:#89c9c933;color:var(--color-primary);font-weight:900}app-settings-page .settings-empty-state h3{font-size:.95rem}app-settings-page .settings-empty-state p{max-width:24rem;font-size:.72rem}app-settings-page .permission-empty-state{margin-bottom:1.25rem}@media(max-width:1180px){app-settings-page .tax-workspace,app-settings-page .appearance-studio{grid-template-columns:1fr}app-settings-page .appearance-live-preview{grid-column:1;grid-row:auto}app-settings-page .service-composer{grid-template-columns:1fr}app-settings-page .service-composer-fields{grid-template-columns:repeat(2,minmax(0,1fr))}app-settings-page .service-create-button{align-self:end}app-settings-page .service-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1000px){app-settings-page .settings-workspace{grid-template-columns:1fr;gap:.8rem}app-settings-page .settings-navigation{position:static;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-height:none;overflow:visible;gap:.55rem;padding:.75rem;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--color-accent) 18%,transparent),transparent 32%),var(--color-surface-elevated)}app-settings-page .settings-navigation-header{grid-column:1 / -1;min-width:0;border-right:0;border-bottom:1px solid var(--color-border);padding:.2rem .25rem .65rem}app-settings-page .settings-navigation-group{display:contents}app-settings-page .settings-navigation-label{display:none}app-settings-page .settings-navigation-button{width:100%;min-width:0;min-height:4.6rem;grid-template-columns:2rem minmax(0,1fr);align-content:center;border-color:color-mix(in srgb,var(--color-primary) 10%,var(--color-border));background:color-mix(in srgb,var(--color-surface) 54%,var(--color-surface-elevated));padding:.65rem}app-settings-page .settings-navigation-group:nth-of-type(2) .settings-navigation-button:first-of-type{grid-column:1 / -1;min-height:3.85rem;background:linear-gradient(120deg,color-mix(in srgb,var(--color-secondary) 20%,var(--color-surface-elevated)),color-mix(in srgb,var(--color-accent) 12%,var(--color-surface-elevated)))}app-settings-page .settings-navigation-button-active{border-color:color-mix(in srgb,var(--color-success) 52%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--color-secondary) 24%,var(--color-surface-elevated)),color-mix(in srgb,var(--color-accent) 18%,var(--color-surface-elevated)));box-shadow:0 9px 22px color-mix(in srgb,var(--color-primary) 10%,transparent)}app-settings-page .settings-navigation-button strong,app-settings-page .settings-navigation-button small{white-space:normal}app-settings-page .currency-card-grid,app-settings-page .review-cycle-grid{grid-template-columns:1fr}}@media(max-width:760px){app-settings-page .settings-stage{border-radius:.95rem}app-settings-page .settings-stage-hero{min-height:0;align-items:flex-start;flex-direction:column;gap:.55rem;padding:.95rem}app-settings-page .settings-stage-heading h2{font-size:1.3rem}app-settings-page .settings-stage-heading p{font-size:.76rem;line-height:1.48}app-settings-page .appearance-studio,app-settings-page .tax-workspace,app-settings-page .currency-card-grid,app-settings-page .review-cycle-grid{padding:.75rem}app-settings-page .theme-choice-grid,app-settings-page .colour-control-grid,app-settings-page .service-composer-fields,app-settings-page .service-catalogue,app-settings-page .permission-member-console{grid-template-columns:1fr}app-settings-page .colour-control-grid{gap:.5rem}app-settings-page .service-composer,app-settings-page .permission-member-console,app-settings-page .permission-matrix-shell,app-settings-page .settings-empty-state{margin-inline:.75rem}app-settings-page .service-composer{gap:.8rem;padding:.85rem}app-settings-page .service-catalogue{gap:.7rem;padding-inline:.75rem}app-settings-page .service-record{gap:.68rem;border-radius:.9rem;padding:.85rem}app-settings-page .service-record p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}app-settings-page .service-record-topline{align-items:flex-start;gap:.55rem}app-settings-page .service-code{max-width:72%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-settings-page .permission-member-identity{grid-template-columns:2.6rem minmax(0,1fr)}app-settings-page .permission-member-tags{grid-column:1 / -1;justify-content:flex-start}app-settings-page .settings-action-bar{align-items:stretch;flex-direction:column;padding:.75rem}app-settings-page .settings-action-buttons{align-items:stretch;flex-direction:column-reverse}app-settings-page .settings-action-bar .btn,app-settings-page .service-create-button{width:100%;min-height:2.75rem}app-settings-page .preview-app-shell{min-height:14rem}}@media(max-width:600px){app-settings-page .settings-workspace{gap:.65rem}app-settings-page .settings-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:.48rem;margin-inline:0;border-radius:1rem;padding:.6rem}app-settings-page .settings-navigation-header{display:grid;grid-column:1 / -1;gap:.16rem;border:0;border-radius:.78rem;background:linear-gradient(125deg,color-mix(in srgb,var(--color-primary) 92%,var(--color-surface-elevated)),color-mix(in srgb,var(--color-primary) 76%,var(--color-secondary)));color:#fff;padding:.72rem .78rem}app-settings-page .settings-navigation-header small,app-settings-page .settings-navigation-eyebrow{color:color-mix(in srgb,#ffffff 76%,transparent)}app-settings-page .settings-navigation-group:nth-of-type(2) .settings-navigation-button:first-of-type{grid-column:1 / -1;min-height:4.15rem}app-settings-page .settings-navigation-button{min-height:5.15rem;grid-template-columns:2.15rem minmax(0,1fr);gap:.5rem;border-radius:.82rem;padding:.6rem}app-settings-page .settings-navigation-button strong{font-size:.75rem;line-height:1.2}app-settings-page .settings-navigation-button small{display:-webkit-box;overflow:hidden;font-size:.61rem;line-height:1.25;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}app-settings-page .settings-navigation-icon{width:2.15rem;height:2.15rem;border-radius:.7rem;font-size:.72rem}app-settings-page .settings-navigation-button-active{position:relative;overflow:hidden}app-settings-page .settings-navigation-button-active:after{content:"";position:absolute;right:-.8rem;bottom:-1.15rem;width:3.5rem;height:3.5rem;border:.5rem solid color-mix(in srgb,var(--color-accent) 34%,transparent);border-radius:50%;pointer-events:none}app-settings-page .settings-stage-hero{padding:.82rem}app-settings-page .settings-stage-heading h2{font-size:1.18rem}app-settings-page .service-composer,app-settings-page .permission-member-console,app-settings-page .permission-matrix-shell,app-settings-page .settings-empty-state{margin-inline:.58rem}app-settings-page .service-catalogue,app-settings-page .appearance-studio,app-settings-page .tax-workspace,app-settings-page .currency-card-grid,app-settings-page .review-cycle-grid{padding-inline:.58rem}app-settings-page .service-record{padding:.78rem}app-settings-page .service-record p{font-size:.69rem;line-height:1.45}app-settings-page .service-rate-display{border-radius:.72rem}app-settings-page .currency-equation{grid-template-columns:1fr}app-settings-page .currency-equation>strong{display:none}}app-settings-page .google-connection-note{margin:0;color:var(--color-text-muted);font-size:.78rem;line-height:1.55}app-settings-page .unified-status-pill{display:inline-flex;align-items:center;width:max-content;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);padding:.25rem .58rem;font-size:.67rem;font-weight:800}app-settings-page .unified-status-pill-active{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 34%,var(--color-surface-elevated));color:var(--color-primary)}app-settings-page .google-connection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin:0}app-settings-page .google-connection-grid>div{min-width:0;display:grid;gap:.2rem;border:1px solid var(--color-border);border-radius:.72rem;background:var(--color-surface);padding:.68rem}app-settings-page .google-connection-grid dt{color:var(--color-text-muted);font-size:.66rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}app-settings-page .google-connection-grid dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--color-text);font-size:.78rem;font-weight:650}app-settings-page .settings-state-warning{border-color:color-mix(in srgb,var(--color-accent) 58%,var(--color-border));background:color-mix(in srgb,var(--color-accent) 16%,var(--color-surface-elevated));color:var(--color-text)}app-settings-page .c2-checkbox{appearance:none;-webkit-appearance:none;width:1.15rem;height:1.15rem;flex:0 0 auto;display:inline-grid;place-items:center;margin:0;border:1.5px solid color-mix(in srgb,var(--color-primary) 42%,var(--color-border));border-radius:.3rem;background-color:var(--color-surface-elevated);background-position:center;background-repeat:no-repeat;background-size:.72rem .72rem;cursor:pointer;transition:border-color .14s ease,background-color .14s ease,box-shadow .14s ease,transform .14s ease}app-settings-page .c2-checkbox:hover:not(:disabled){border-color:var(--color-primary);transform:translateY(-1px)}app-settings-page .c2-checkbox:checked{background:var(--color-accent-text);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%2306261f' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.2' d='M3.1 8.2 6.4 11.3 12.9 4.8'/%3E%3C/svg%3E")}app-settings-page .c2-checkbox:focus-visible{outline:none;box-shadow:var(--focus-ring)}app-settings-page .c2-checkbox:disabled{cursor:not-allowed;opacity:.48;transform:none}app-settings-page .permission-c2-checkbox{width:1.2rem;height:1.2rem;vertical-align:middle}@media(max-width:720px){app-settings-page .google-connection-grid{grid-template-columns:1fr}}app-meet-team-profile-page{display:block}app-meet-team-profile-page .my-profile-page{width:min(1180px,100%);margin:0 auto;display:grid;gap:1rem}app-meet-team-profile-page .my-profile-hero{position:relative;overflow:hidden;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(220px,.34fr);gap:1.4rem;align-items:center;min-height:210px;padding:clamp(1.25rem,2.5vw,2rem);border:1px solid var(--color-border);border-radius:24px;background:radial-gradient(circle at 96% 6%,color-mix(in srgb,var(--color-accent) 38%,transparent),transparent 32%),linear-gradient(135deg,color-mix(in srgb,var(--color-secondary) 16%,var(--color-surface-elevated)),var(--color-surface-elevated) 56%);box-shadow:0 20px 45px color-mix(in srgb,var(--color-primary) 11%,transparent)}app-meet-team-profile-page .my-profile-hero:after{content:"";position:absolute;width:190px;height:190px;right:-85px;bottom:-110px;border:24px solid color-mix(in srgb,var(--color-primary) 6%,transparent);border-radius:999px;pointer-events:none}app-meet-team-profile-page .my-profile-avatar-column{display:grid;justify-items:center;gap:.7rem;z-index:1}app-meet-team-profile-page .my-profile-avatar{width:clamp(108px,10vw,138px);aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:5px solid color-mix(in srgb,var(--color-surface-elevated) 88%,transparent);border-radius:30px;background:color-mix(in srgb,var(--color-primary) 9%,var(--color-surface));color:var(--color-primary);font-size:2.1rem;font-weight:800;box-shadow:0 16px 34px color-mix(in srgb,var(--color-primary) 18%,transparent)}app-meet-team-profile-page .my-profile-avatar img{width:100%;height:100%;object-fit:cover}app-meet-team-profile-page .my-profile-avatar-actions{width:min(220px,100%);display:grid;justify-items:stretch;gap:.25rem}app-meet-team-profile-page .my-profile-photo-action{position:relative;min-height:48px;display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;gap:.6rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--color-primary) 22%,var(--color-border));border-radius:16px;padding:.48rem .7rem;background:linear-gradient(135deg,color-mix(in srgb,var(--color-secondary) 24%,var(--color-surface-elevated)),color-mix(in srgb,var(--color-accent) 8%,var(--color-surface-elevated)));color:var(--color-primary);box-shadow:0 8px 18px color-mix(in srgb,var(--color-primary) 9%,transparent),inset 0 1px color-mix(in srgb,#ffffff 72%,transparent);cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}app-meet-team-profile-page .my-profile-photo-action:hover:not(:has(input:disabled)){transform:translateY(-1px);border-color:color-mix(in srgb,var(--color-primary) 38%,var(--color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--color-secondary) 32%,var(--color-surface-elevated)),color-mix(in srgb,var(--color-accent) 13%,var(--color-surface-elevated)));box-shadow:0 12px 24px color-mix(in srgb,var(--color-primary) 13%,transparent),inset 0 1px color-mix(in srgb,#ffffff 78%,transparent)}app-meet-team-profile-page .my-profile-photo-action-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--color-primary);color:#fff;box-shadow:0 6px 14px color-mix(in srgb,var(--color-primary) 24%,transparent)}app-meet-team-profile-page .my-profile-photo-action-icon svg{width:17px;height:17px}app-meet-team-profile-page .my-profile-photo-action-label{min-width:0;overflow:hidden;font-size:.76rem;font-weight:820;letter-spacing:.01em;text-align:left;text-overflow:ellipsis;white-space:nowrap}app-meet-team-profile-page .my-profile-photo-action input{position:absolute;inset:0;opacity:0;cursor:pointer}app-meet-team-profile-page .my-profile-photo-remove{min-height:36px;justify-self:center;border:0;border-radius:999px;padding:.35rem .8rem;background:transparent;color:color-mix(in srgb,var(--color-danger) 72%,var(--color-text-muted));font-size:.7rem;font-weight:760;cursor:pointer;transition:color .15s ease,background .15s ease}app-meet-team-profile-page .my-profile-photo-remove:hover:not(:disabled){background:color-mix(in srgb,var(--color-danger) 8%,transparent);color:var(--color-danger)}app-meet-team-profile-page .my-profile-photo-action:focus-within,app-meet-team-profile-page .my-profile-photo-remove:focus-visible{outline:none;box-shadow:var(--focus-ring)}app-meet-team-profile-page .my-profile-photo-action:has(input:disabled),app-meet-team-profile-page .my-profile-photo-remove:disabled{opacity:.55;cursor:not-allowed}app-meet-team-profile-page .my-profile-hero-copy{position:relative;z-index:1;min-width:0}app-meet-team-profile-page .my-profile-kicker,app-meet-team-profile-page .my-profile-card-kicker,app-meet-team-profile-page .my-profile-state-label{display:block;margin-bottom:.35rem;color:var(--color-primary);font-size:.7rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}app-meet-team-profile-page .my-profile-hero-copy h1{margin:0;color:var(--color-primary);font-size:clamp(2rem,4vw,3.25rem);line-height:.98;letter-spacing:-.045em}app-meet-team-profile-page .my-profile-hero-copy>p{max-width:660px;margin:.8rem 0 0;color:var(--color-text-muted);line-height:1.55}app-meet-team-profile-page .my-profile-meta{display:flex;flex-wrap:wrap;gap:.48rem;margin-top:1rem}app-meet-team-profile-page .my-profile-meta span,app-meet-team-profile-page .my-profile-badge{display:inline-flex;align-items:center;min-height:28px;border:1px solid color-mix(in srgb,var(--color-primary) 14%,var(--color-border));border-radius:999px;padding:.28rem .66rem;background:color-mix(in srgb,var(--color-surface-elevated) 80%,transparent);color:var(--color-text-muted);font-size:.68rem;font-weight:750}app-meet-team-profile-page .my-profile-meta span.is-active,app-meet-team-profile-page .my-profile-badge.is-public{border-color:color-mix(in srgb,var(--color-success) 30%,var(--color-border));background:color-mix(in srgb,var(--color-success) 10%,var(--color-surface-elevated));color:var(--color-success)}app-meet-team-profile-page .my-profile-hero-state{position:relative;z-index:1;display:grid;gap:.35rem;align-content:center;min-height:132px;border:1px solid color-mix(in srgb,var(--color-primary) 10%,var(--color-border));border-radius:20px;padding:1rem;background:color-mix(in srgb,var(--color-surface-elevated) 84%,transparent);backdrop-filter:blur(8px)}app-meet-team-profile-page .my-profile-hero-state strong{color:var(--color-primary);font-size:1.1rem}app-meet-team-profile-page .my-profile-hero-state small{color:var(--color-text-muted);line-height:1.4}app-meet-team-profile-page .my-profile-callback,app-meet-team-profile-page .my-profile-message,app-meet-team-profile-page .my-profile-load-error,app-meet-team-profile-page .my-profile-loading{border:1px solid var(--color-border);border-radius:16px;padding:.9rem 1rem}app-meet-team-profile-page .my-profile-callback-success,app-meet-team-profile-page .my-profile-message-success{border-color:color-mix(in srgb,var(--color-success) 35%,var(--color-border));background:color-mix(in srgb,var(--color-success) 8%,var(--color-surface-elevated));color:var(--color-success)}app-meet-team-profile-page .my-profile-callback-warning{border-color:var(--feedback-warning-border);background:var(--feedback-warning-bg);color:var(--feedback-warning-text)}app-meet-team-profile-page .my-profile-callback-error,app-meet-team-profile-page .my-profile-message-error{border-color:color-mix(in srgb,var(--color-danger) 35%,var(--color-border));background:color-mix(in srgb,var(--color-danger) 8%,var(--color-surface-elevated));color:var(--color-danger)}app-meet-team-profile-page .my-profile-loading,app-meet-team-profile-page .my-profile-load-error{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--color-surface-elevated)}app-meet-team-profile-page .my-profile-loading{justify-content:flex-start}app-meet-team-profile-page .my-profile-loading-mark{width:36px;height:36px;border:3px solid color-mix(in srgb,var(--color-primary) 16%,transparent);border-top-color:var(--color-primary);border-radius:999px;animation:myProfileSpin .8s linear infinite}app-meet-team-profile-page .my-profile-loading strong,app-meet-team-profile-page .my-profile-load-error strong{color:var(--color-primary)}app-meet-team-profile-page .my-profile-loading p,app-meet-team-profile-page .my-profile-load-error p{margin:.22rem 0 0;color:var(--color-text-muted)}app-meet-team-profile-page .my-profile-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);gap:1rem;align-items:stretch}app-meet-team-profile-page .my-profile-card{min-width:0;display:grid;align-content:start;gap:1rem;border:1px solid var(--color-border);border-radius:20px;padding:clamp(1rem,2vw,1.35rem);background:var(--color-surface-elevated);box-shadow:0 12px 30px color-mix(in srgb,var(--color-primary) 6%,transparent)}app-meet-team-profile-page .my-profile-public-card{background:linear-gradient(180deg,color-mix(in srgb,var(--color-accent) 10%,var(--color-surface-elevated)),var(--color-surface-elevated) 34%)}app-meet-team-profile-page .my-profile-google-card{grid-column:1 / -1;background:radial-gradient(circle at 90% 0%,color-mix(in srgb,var(--color-secondary) 16%,transparent),transparent 28%),var(--color-surface-elevated)}app-meet-team-profile-page .my-profile-card-heading,app-meet-team-profile-page .my-profile-google-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}app-meet-team-profile-page .my-profile-card-heading h2,app-meet-team-profile-page .my-profile-google-intro h2{margin:0;color:var(--color-primary);font-size:1.15rem}app-meet-team-profile-page .my-profile-card-heading p,app-meet-team-profile-page .my-profile-google-intro p{margin:.35rem 0 0;color:var(--color-text-muted);line-height:1.45}app-meet-team-profile-page .my-profile-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}app-meet-team-profile-page .my-profile-field{min-width:0;display:grid;gap:.38rem}app-meet-team-profile-page .my-profile-field-wide{grid-column:1 / -1}app-meet-team-profile-page .my-profile-field>span{color:var(--color-text-muted);font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}app-meet-team-profile-page .my-profile-field input{width:100%;min-height:44px;border:1px solid var(--color-border);border-radius:12px;padding:.65rem .8rem;background:color-mix(in srgb,var(--color-surface) 72%,var(--color-surface-elevated));color:var(--color-text);font:inherit}app-meet-team-profile-page .my-profile-field input:focus{outline:none;border-color:color-mix(in srgb,var(--color-primary) 52%,var(--color-border));box-shadow:var(--focus-ring)}app-meet-team-profile-page .my-profile-field input:disabled{opacity:.78;cursor:not-allowed}app-meet-team-profile-page .my-profile-field small{color:var(--color-text-muted);font-size:.7rem;line-height:1.4}app-meet-team-profile-page .my-profile-card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;border-top:1px solid var(--color-border);padding-top:1rem}app-meet-team-profile-page .my-profile-card-footer>span{color:var(--color-text-muted);font-size:.72rem}app-meet-team-profile-page .my-profile-visibility{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.75rem;align-items:center;border:1px solid color-mix(in srgb,var(--color-primary) 13%,var(--color-border));border-radius:15px;padding:.85rem;background:color-mix(in srgb,var(--color-secondary) 9%,var(--color-surface-elevated));cursor:pointer}app-meet-team-profile-page .my-profile-visibility input{position:absolute;width:1px;height:1px;opacity:0}app-meet-team-profile-page .my-profile-checkbox{width:26px;height:26px;display:grid;place-items:center;border:1.5px solid color-mix(in srgb,var(--color-primary) 38%,var(--color-border));border-radius:7px;background:var(--color-surface-elevated);transition:.15s ease}app-meet-team-profile-page .my-profile-checkbox:after{content:"";width:6px;height:11px;border:solid transparent;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}app-meet-team-profile-page .my-profile-visibility input:checked+.my-profile-checkbox{border-color:var(--color-primary);background:var(--color-primary)}app-meet-team-profile-page .my-profile-visibility input:checked+.my-profile-checkbox:after{border-color:#fff}app-meet-team-profile-page .my-profile-visibility input:focus-visible+.my-profile-checkbox{box-shadow:var(--focus-ring)}app-meet-team-profile-page .my-profile-visibility input:disabled~*{opacity:.6;cursor:not-allowed}app-meet-team-profile-page .my-profile-visibility-copy{display:grid;gap:.18rem}app-meet-team-profile-page .my-profile-visibility-copy strong{color:var(--color-primary);font-size:.82rem}app-meet-team-profile-page .my-profile-visibility-copy small{color:var(--color-text-muted);line-height:1.4}app-meet-team-profile-page .my-profile-public-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;border:1px dashed var(--color-border);border-radius:12px;padding:.75rem .85rem}app-meet-team-profile-page .my-profile-public-link span{color:var(--color-text-muted);font-size:.72rem}app-meet-team-profile-page .my-profile-public-link a{min-width:0;overflow-wrap:anywhere;color:var(--color-primary);font-size:.78rem;font-weight:800;text-decoration:none}app-meet-team-profile-page .my-profile-public-link a:hover{text-decoration:underline}app-meet-team-profile-page .my-profile-shared-note{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.55rem;align-items:start;color:var(--color-text-muted)}app-meet-team-profile-page .my-profile-shared-note span{width:24px;height:24px;display:grid;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--color-secondary) 18%,transparent);color:var(--color-primary);font-weight:800}app-meet-team-profile-page .my-profile-shared-note p{margin:.15rem 0 0;font-size:.74rem;line-height:1.45}app-meet-team-profile-page .my-profile-google-intro{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center}app-meet-team-profile-page .my-profile-google-symbol{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:var(--color-primary);color:#fff;font-size:1.25rem;font-weight:900;box-shadow:0 10px 22px color-mix(in srgb,var(--color-primary) 22%,transparent)}app-meet-team-profile-page .my-profile-google-details{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:0}app-meet-team-profile-page .my-profile-google-details div{min-width:0;display:grid;gap:.35rem;border:1px solid var(--color-border);border-radius:14px;padding:.8rem;background:color-mix(in srgb,var(--color-surface) 66%,var(--color-surface-elevated))}app-meet-team-profile-page .my-profile-google-details dt{color:var(--color-text-muted);font-size:.64rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}app-meet-team-profile-page .my-profile-google-details dd{margin:0;overflow-wrap:anywhere;color:var(--color-primary);font-size:.78rem;font-weight:780}app-meet-team-profile-page .my-profile-google-note{margin:0;color:var(--color-text-muted);font-size:.76rem;line-height:1.5}app-meet-team-profile-page .my-profile-google-actions{display:flex;flex-wrap:wrap;gap:.65rem}app-meet-team-profile-page .my-profile-danger-action{border:1px solid color-mix(in srgb,var(--color-danger) 42%,var(--color-border));background:color-mix(in srgb,var(--color-danger) 8%,var(--color-surface-elevated));color:var(--color-danger)}app-meet-team-profile-page .my-profile-danger-action:hover:not(:disabled){background:color-mix(in srgb,var(--color-danger) 13%,var(--color-surface-elevated))}@keyframes myProfileSpin{to{transform:rotate(360deg)}}@media(max-width:980px){app-meet-team-profile-page .my-profile-hero{grid-template-columns:auto minmax(0,1fr)}app-meet-team-profile-page .my-profile-hero-state{grid-column:1 / -1;min-height:auto}app-meet-team-profile-page .my-profile-avatar-column{width:min(240px,100%)}app-meet-team-profile-page .my-profile-avatar-actions{width:min(220px,100%)}app-meet-team-profile-page .my-profile-photo-action{width:100%;min-height:48px}app-meet-team-profile-page .my-profile-photo-remove{min-height:40px}app-meet-team-profile-page .my-profile-layout{grid-template-columns:1fr}app-meet-team-profile-page .my-profile-google-card{grid-column:auto}app-meet-team-profile-page .my-profile-google-details{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:680px){app-meet-team-profile-page .my-profile-page{gap:.75rem}app-meet-team-profile-page .my-profile-hero{grid-template-columns:1fr;justify-items:stretch;border-radius:18px;text-align:center}app-meet-team-profile-page .my-profile-avatar-column{justify-self:center}app-meet-team-profile-page .my-profile-meta{justify-content:center}app-meet-team-profile-page .my-profile-hero-state{text-align:left}app-meet-team-profile-page .my-profile-card{border-radius:16px}app-meet-team-profile-page .my-profile-card-heading,app-meet-team-profile-page .my-profile-card-footer,app-meet-team-profile-page .my-profile-load-error{align-items:stretch;flex-direction:column}app-meet-team-profile-page .my-profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:.55rem;row-gap:.85rem}app-meet-team-profile-page .my-profile-google-details,app-meet-team-profile-page .my-profile-google-intro{grid-template-columns:1fr}app-meet-team-profile-page .my-profile-google-symbol{width:42px;height:42px}app-meet-team-profile-page .my-profile-badge{width:auto;max-width:100%;align-self:flex-start;justify-self:start;white-space:nowrap}app-meet-team-profile-page .my-profile-card-footer .btn,app-meet-team-profile-page .my-profile-google-actions .btn{width:100%}app-meet-team-profile-page .my-profile-public-link{align-items:flex-start;flex-direction:column}}:root[data-theme=dark] app-meet-team-profile-page{color:var(--color-text)}:root[data-theme=dark] app-meet-team-profile-page .my-profile-hero{background:radial-gradient(circle at 96% 6%,rgba(169,201,120,.08),transparent 30%),linear-gradient(135deg,var(--color-surface-alt),var(--color-surface-elevated) 58%);box-shadow:var(--shadow-elev-2)}:root[data-theme=dark] app-meet-team-profile-page .my-profile-hero:after{border-color:#a9c9780f}:root[data-theme=dark] app-meet-team-profile-page .my-profile-avatar{border-color:var(--color-border);background:var(--color-surface-alt);color:var(--color-accent-text);box-shadow:var(--shadow-elev-2)}:root[data-theme=dark] app-meet-team-profile-page .my-profile-photo-action{border-color:var(--color-border);background:var(--color-surface-elevated);color:var(--color-text);box-shadow:var(--shadow-elev-1)}:root[data-theme=dark] app-meet-team-profile-page .my-profile-photo-action:hover:not(:has(input:disabled)){border-color:var(--nav-active-border);background:var(--color-surface-alt);box-shadow:var(--shadow-elev-2)}:root[data-theme=dark] app-meet-team-profile-page .my-profile-photo-action-icon,:root[data-theme=dark] app-meet-team-profile-page .my-profile-google-symbol{background:var(--color-primary);color:var(--color-on-brand)}:root[data-theme=dark] app-meet-team-profile-page .my-profile-kicker,:root[data-theme=dark] app-meet-team-profile-page .my-profile-card-kicker,:root[data-theme=dark] app-meet-team-profile-page .my-profile-state-label,:root[data-theme=dark] app-meet-team-profile-page .my-profile-hero-copy h1,:root[data-theme=dark] app-meet-team-profile-page .my-profile-hero-state strong,:root[data-theme=dark] app-meet-team-profile-page .my-profile-loading strong,:root[data-theme=dark] app-meet-team-profile-page .my-profile-load-error strong,:root[data-theme=dark] app-meet-team-profile-page .my-profile-card-heading h2,:root[data-theme=dark] app-meet-team-profile-page .my-profile-google-intro h2,:root[data-theme=dark] app-meet-team-profile-page .my-profile-visibility-copy strong,:root[data-theme=dark] app-meet-team-profile-page .my-profile-public-link a,:root[data-theme=dark] app-meet-team-profile-page .my-profile-shared-note span,:root[data-theme=dark] app-meet-team-profile-page .my-profile-google-details dd{color:var(--color-accent-text)}:root[data-theme=dark] app-meet-team-profile-page .my-profile-hero-state{border-color:var(--color-border);background:#17191be0}:root[data-theme=dark] app-meet-team-profile-page .my-profile-card{border-color:var(--color-border);background:var(--color-surface-elevated);box-shadow:var(--shadow-elev-1)}:root[data-theme=dark] app-meet-team-profile-page .my-profile-public-card,:root[data-theme=dark] app-meet-team-profile-page .my-profile-google-card{background:var(--color-surface-elevated)}:root[data-theme=dark] app-meet-team-profile-page .my-profile-field input{border-color:var(--color-border);background:var(--color-input-bg);color:var(--color-text)}:root[data-theme=dark] app-meet-team-profile-page .my-profile-field input:disabled{background:var(--color-surface-alt);color:var(--color-text-disabled);opacity:1}:root[data-theme=dark] app-meet-team-profile-page .my-profile-field input:focus{border-color:var(--nav-active-border)}:root[data-theme=dark] app-meet-team-profile-page .my-profile-meta span,:root[data-theme=dark] app-meet-team-profile-page .my-profile-badge{border-color:var(--color-border);background:var(--color-surface-alt);color:var(--color-text-muted)}:root[data-theme=dark] app-meet-team-profile-page .my-profile-meta span.is-active,:root[data-theme=dark] app-meet-team-profile-page .my-profile-badge.is-public{border-color:var(--badge-success-border);background:var(--badge-success-bg);color:var(--badge-success-text)}:root[data-theme=dark] app-meet-team-profile-page .my-profile-visibility{border-color:var(--color-border);background:var(--color-surface-alt)}:root[data-theme=dark] app-meet-team-profile-page .my-profile-checkbox{border-color:var(--color-border);background:var(--color-input-bg)}:root[data-theme=dark] app-meet-team-profile-page .my-profile-visibility input:checked+.my-profile-checkbox{border-color:var(--color-accent-text);background:var(--color-primary)}:root[data-theme=dark] app-meet-team-profile-page .my-profile-public-link{border-color:var(--color-border);background:var(--color-surface)}:root[data-theme=dark] app-meet-team-profile-page .my-profile-shared-note span{background:var(--nav-active-bg)}:root[data-theme=dark] app-meet-team-profile-page .my-profile-google-details div{border-color:var(--color-border);background:var(--color-surface)}:root[data-theme=dark] app-meet-team-profile-page .btn-primary{background:var(--color-primary);color:var(--color-on-brand)}:root[data-theme=dark] app-meet-team-profile-page .btn-secondary{border-color:var(--color-border);background:var(--color-surface-alt);color:var(--color-text)}.cdk-overlay-container{z-index:1500!important}@media(max-width:620px){app-passwords-create-dialog .dialog-backdrop.dialog-backdrop{align-items:end;padding:0}app-passwords-create-dialog .dialog-card.dialog-card{display:flex;flex-direction:column;width:100%;max-height:92dvh;padding:0;overflow:hidden;border-radius:var(--radius-lg) var(--radius-lg) 0 0}app-passwords-create-dialog .dialog-header.dialog-header{flex:0 0 auto;gap:.65rem;margin:0;padding:.78rem .82rem .58rem}app-passwords-create-dialog .dialog-header h2{font-size:1.05rem}app-passwords-create-dialog .dialog-header p{font-size:.76rem;line-height:1.3}app-passwords-create-dialog form{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;overflow:hidden}app-passwords-create-dialog .dialog-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:0 .82rem .72rem}app-passwords-create-dialog .form-grid.form-grid{grid-template-columns:1fr;gap:.64rem}app-passwords-create-dialog .full-width.full-width{grid-column:auto}app-passwords-create-dialog input{min-height:40px;padding:.5rem .62rem}app-passwords-create-dialog textarea{min-height:84px;max-height:120px}app-passwords-create-dialog .project-row{align-items:flex-start}app-passwords-create-dialog .dialog-actions.dialog-actions{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin:0;padding:.7rem .82rem calc(.7rem + env(safe-area-inset-bottom));background:var(--color-surface);box-shadow:0 -10px 24px #00000014}}@media(max-width:620px){app-passwords-page .vault-header.app-card{gap:.75rem;margin-bottom:.7rem;padding:.85rem}app-passwords-page .vault-copy{min-width:0}app-passwords-page .vault-header app-page-title h1{margin:0;font-size:1.65rem;line-height:1.1}app-passwords-page .vault-header .page-subtitle{max-width:34ch;margin-top:.35rem;font-size:.8rem;line-height:1.4}app-passwords-page .header-actions{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:.55rem;width:100%}app-passwords-page .header-actions .btn-primary{width:100%;min-height:42px}app-passwords-page .visible-total{display:grid;min-width:0;min-height:42px;place-content:center;padding:.35rem .4rem;border-radius:var(--radius-md)}app-passwords-page .visible-total span{font-size:.58rem;line-height:1.15}app-passwords-page .visible-total strong{margin-top:.05rem;font-size:1.05rem;line-height:1}app-passwords-page .filter-card.app-card{gap:.55rem;margin-bottom:.7rem;padding:.75rem}app-passwords-page .filter-card label span,app-passwords-page .filter-card .filter-label{margin-bottom:.24rem;font-size:.72rem}app-passwords-page .search-field input,app-passwords-page .filter-card .filter-trigger{min-height:40px;font-size:.82rem}app-passwords-page .search-field input{padding:.5rem .62rem}app-passwords-page .status-card.empty-state{padding:.85rem}app-passwords-page .empty-state h2{font-size:.95rem;line-height:1.25}app-passwords-page .empty-state p{max-width:32ch;margin:.25rem auto 0;font-size:.8rem;line-height:1.4}}*,*:before,*:after{box-sizing:border-box}:root{--color-primary: #06261f;--color-accent-text: var(--color-primary);--color-secondary: #89c9c9;--color-accent: #dae691;--color-brand-strong: var(--color-primary);--color-on-brand: #f2f7f9;--color-bg: #f2f7f9;--color-surface: #f2f7f9;--color-surface-elevated: #ffffff;--color-surface-alt: var(--color-secondary);--color-input-bg: #f2f7f9;--color-chip-bg: color-mix(in srgb, var(--color-secondary) 20%, transparent);--color-text: var(--color-primary);--color-text-muted: color-mix(in srgb, var(--color-primary) 68%, transparent);--color-text-disabled: color-mix( in srgb, var(--color-primary) 44%, transparent );--color-border: color-mix(in srgb, var(--color-primary) 14%, transparent);--color-sidebar-bg: var(--color-primary);--color-sidebar-text: #f2f7f9;--color-sidebar-muted: rgba(242, 247, 249, .7);--badge-success-bg: #dae691;--badge-success-text: #0a2c1d;--badge-success-border: rgba(6, 38, 31, .2);--badge-warning-bg: #fff4b0;--badge-warning-text: #4d3d0f;--badge-warning-border: rgba(77, 61, 15, .2);--badge-pending-bg: rgba(137, 201, 201, .28);--badge-pending-text: #103e3e;--badge-pending-border: rgba(16, 62, 62, .2);--badge-required-bg: #fff5c9;--badge-required-text: #4f3f11;--badge-required-border: rgba(79, 63, 17, .2);--badge-offline-bg: rgba(6, 38, 31, .12);--badge-offline-text: #06261f;--badge-offline-border: rgba(6, 38, 31, .22);--badge-blocked-bg: #ffe8e7;--badge-blocked-text: #7a2323;--badge-blocked-border: #f3c9c8;--feedback-info-bg: rgba(137, 201, 201, .2);--feedback-info-border: rgba(16, 62, 62, .24);--feedback-info-text: #144240;--feedback-success-bg: rgba(218, 230, 145, .46);--feedback-success-border: rgba(30, 82, 36, .26);--feedback-success-text: #1d5227;--feedback-warning-bg: rgba(255, 244, 176, .62);--feedback-warning-border: rgba(109, 88, 32, .28);--feedback-warning-text: #66521c;--feedback-critical-bg: rgba(255, 232, 231, .86);--feedback-critical-border: rgba(173, 57, 57, .28);--feedback-critical-text: #8f2c2c;--nav-active-bg: var(--color-accent);--nav-active-text: #0a2c1d;--nav-active-border: color-mix( in srgb, var(--color-primary) 20%, transparent );--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--radius-sm: .5rem;--radius-md: .8rem;--radius-lg: 1rem;--radius-pill: 999px;--shadow-elev-1: 0 2px 8px rgba(6, 38, 31, .06);--shadow-elev-2: 0 8px 24px rgba(6, 38, 31, .08);--shadow-elev-3: 0 14px 30px rgba(6, 38, 31, .12);--shadow-card: 0 8px 24px rgba(6, 38, 31, .08);--ease-standard: cubic-bezier(.2, .8, .2, 1);--dur-fast: .12s;--dur-mid: .18s;--dur-slow: .24s;--focus-ring: 0 0 0 2px color-mix(in srgb, var(--color-secondary) 46%, transparent);--table-row-height-compact: 2.9rem;--table-row-height-regular: 3.2rem;--chip-height-sm: 1.3rem;--chip-height-md: 1.6rem;--chip-padding-x: .44rem;--ui-density-gap-sm: .34rem;--ui-density-gap-md: .5rem;--ui-density-gap-lg: .72rem;color-scheme:light}:root[data-theme=dark]{--color-accent-text: #a9c978;--color-brand-strong: var(--color-primary);--color-on-brand: #f7f8f8;--color-bg: #0d0f10;--color-surface: #17191b;--color-surface-elevated: #202326;--color-surface-alt: #292d30;--color-input-bg: #1b1e20;--color-chip-bg: rgba(218, 230, 145, .12);--color-text: #f5f6f6;--color-text-muted: rgba(245, 246, 246, .68);--color-text-disabled: rgba(245, 246, 246, .4);--color-border: rgba(255, 255, 255, .14);--color-sidebar-bg: #090b0b;--color-sidebar-text: #f5f6f6;--color-sidebar-muted: rgba(245, 246, 246, .68);--badge-success-bg: rgba(160, 202, 113, .18);--badge-success-text: #dff2c8;--badge-success-border: rgba(171, 215, 121, .3);--badge-warning-bg: rgba(255, 204, 102, .16);--badge-warning-text: #ffe3a3;--badge-warning-border: rgba(255, 204, 102, .3);--badge-pending-bg: rgba(255, 255, 255, .09);--badge-pending-text: #e7e9e9;--badge-pending-border: rgba(255, 255, 255, .16);--badge-required-bg: rgba(255, 204, 102, .16);--badge-required-text: #ffe3a3;--badge-required-border: rgba(255, 204, 102, .3);--badge-offline-bg: rgba(255, 255, 255, .08);--badge-offline-text: #d4d7d8;--badge-offline-border: rgba(255, 255, 255, .15);--badge-blocked-bg: rgba(223, 103, 103, .16);--badge-blocked-text: #ffd0d0;--badge-blocked-border: rgba(223, 103, 103, .32);--feedback-info-bg: rgba(255, 255, 255, .07);--feedback-info-border: rgba(255, 255, 255, .15);--feedback-info-text: #edf0f0;--feedback-success-bg: rgba(160, 202, 113, .14);--feedback-success-border: rgba(171, 215, 121, .28);--feedback-success-text: #dff2c8;--feedback-warning-bg: rgba(255, 204, 102, .14);--feedback-warning-border: rgba(255, 204, 102, .28);--feedback-warning-text: #ffe3a3;--feedback-critical-bg: rgba(223, 103, 103, .16);--feedback-critical-border: rgba(223, 103, 103, .32);--feedback-critical-text: #ffd0d0;--nav-active-bg: rgba(218, 230, 145, .12);--nav-active-text: #edf4cf;--nav-active-border: rgba(218, 230, 145, .34);--shadow-elev-1: 0 2px 8px rgba(0, 0, 0, .28);--shadow-elev-2: 0 8px 24px rgba(0, 0, 0, .42);--shadow-elev-3: 0 16px 36px rgba(0, 0, 0, .52);--shadow-card: 0 8px 24px rgba(0, 0, 0, .42);color-scheme:dark}:root[data-theme=dark] app-workflow-card-details-modal .progress-section,:root[data-theme=dark] app-workflow-card-details-modal .sidebar-column{background:var(--color-surface-alt)}:root[data-theme=dark] app-workflow-card-details-modal .stage-badge{background:color-mix(in srgb,var(--stage-color) 18%,var(--color-surface-elevated))}:root[data-theme=dark] app-workflow-card-details-modal .stage-progress-line{background:var(--color-border)}:root[data-theme=dark] app-workflow-card-details-modal .stage-progress-step.done .stage-progress-line,:root[data-theme=dark] app-workflow-card-details-modal .stage-progress-step.current .stage-progress-line{background:color-mix(in srgb,var(--color-accent-text) 58%,transparent)}:root[data-theme=dark] app-workflow-card-details-modal .stage-progress-step.current .stage-progress-node{border-color:var(--color-accent-text);background:var(--color-accent-text);color:#0d0f10;box-shadow:0 0 0 3px #a9c9781f}:root[data-theme=dark] app-workflow-card-details-modal .stage-progress-label,:root[data-theme=dark] app-workflow-card-details-modal .header-type-icon,:root[data-theme=dark] app-workflow-card-details-modal .icon-button:hover,:root[data-theme=dark] app-workflow-card-details-modal .icon-button.active,:root[data-theme=dark] app-workflow-card-details-modal .copy-button,:root[data-theme=dark] app-workflow-card-details-modal .text-action,:root[data-theme=dark] app-workflow-card-details-modal .material-link-icon,:root[data-theme=dark] app-workflow-card-details-modal .media-arrow,:root[data-theme=dark] app-workflow-card-details-modal .media-tab.active,:root[data-theme=dark] app-workflow-card-details-modal .empty-content-icon,:root[data-theme=dark] app-workflow-card-details-modal .member-avatar{color:var(--color-accent-text)}:root[data-theme=dark] app-workflow-card-details-modal .readable-box,:root[data-theme=dark] app-workflow-card-details-modal .material-preview,:root[data-theme=dark] app-workflow-card-details-modal .material-link-card,:root[data-theme=dark] app-workflow-card-details-modal .approval-action{background:var(--color-input-bg);color:var(--color-text);border-color:var(--color-border)}:root[data-theme=dark] app-workflow-card-details-modal .sidebar-card,:root[data-theme=dark] app-workflow-card-details-modal .workflow-stage-value{background:var(--color-surface-elevated)}:root[data-theme=dark] app-workflow-card-details-modal .approval-action.approved{border-color:var(--feedback-success-border);background:var(--feedback-success-bg);color:var(--feedback-success-text)}:root[data-theme=dark] app-workflow-card-details-modal .approval-action.approved .approval-state{background:var(--feedback-success-bg);color:var(--feedback-success-text)}:root[data-theme=dark] app-workflow-card-details-modal .approval-action:disabled{background:var(--color-surface-alt);color:var(--color-text-disabled);opacity:1}:root[data-theme=dark] app-workflow-card-details-modal .rejection-card{border-color:var(--feedback-critical-border);background:var(--feedback-critical-bg);color:var(--feedback-critical-text)}:root[data-theme=dark] app-workflow-card-details-modal .btn-danger-outline:hover{background:var(--feedback-critical-bg)}:root[data-theme=dark] app-workflow-card-details-modal .media-arrow,:root[data-theme=dark] app-workflow-card-details-modal .media-arrow:hover{background:var(--color-surface-elevated)}:root[data-theme=dark] app-workflow-card-form .form-section{background:var(--color-surface-elevated);border-color:var(--color-border)}:root[data-theme=dark] app-workflow-card-form input,:root[data-theme=dark] app-workflow-card-form textarea,:root[data-theme=dark] app-workflow-card-edit-modal .activity-inputs input,:root[data-theme=dark] app-workflow-card-edit-modal .activity-inputs textarea{background:var(--color-input-bg);color:var(--color-text);border-color:var(--color-border)}:root[data-theme=dark] app-workflow-card-form input::placeholder,:root[data-theme=dark] app-workflow-card-form textarea::placeholder,:root[data-theme=dark] app-workflow-card-edit-modal .activity-inputs input::placeholder,:root[data-theme=dark] app-workflow-card-edit-modal .activity-inputs textarea::placeholder{color:var(--color-text-disabled)}:root[data-theme=dark] app-workflow-card-form input:disabled,:root[data-theme=dark] app-workflow-card-form textarea:disabled{background:var(--color-surface-alt);color:var(--color-text-disabled);opacity:1}:root[data-theme=dark] app-workflow-card-form .approval-group{background:var(--color-surface);border-color:var(--color-border)}:root[data-theme=dark] app-workflow-card-form .checkline{background:var(--color-input-bg);border-color:var(--color-border)}:root[data-theme=dark] app-workflow-card-form .checkline:hover{background:var(--color-surface-alt);border-color:var(--nav-active-border)}:root[data-theme=dark] app-workflow-card-form .approval-group-icon{color:var(--color-accent-text)}:root[data-theme=dark] app-workflow-card-form .field-control-error{border-color:var(--feedback-critical-border)!important;background:var(--feedback-critical-bg)!important}body{margin:0;font-family:Poppins,Tajawal,sans-serif;background:var(--color-bg);color:var(--color-text);line-height:1.45;transition:background-color .18s ease,color .18s ease;text-rendering:optimizeLegibility}app-root{display:block;min-height:100vh}:lang(ar){font-family:Poppins,Tajawal,sans-serif}a{color:inherit;text-decoration:none}.app-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-elev-2);padding:var(--space-5);transition:background-color var(--dur-mid) var(--ease-standard),border-color var(--dur-mid) var(--ease-standard),box-shadow var(--dur-mid) var(--ease-standard),transform var(--dur-fast) var(--ease-standard);min-width:0}.btn{border:1px solid transparent;border-radius:var(--radius-md);font-size:.92rem;font-weight:600;padding:.55rem .9rem;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),transform 90ms var(--ease-standard),opacity var(--dur-fast) var(--ease-standard)}.btn:disabled{cursor:not-allowed;opacity:.65}.btn-primary{background:var(--color-brand-strong);color:var(--color-on-brand)}.btn-secondary{background:var(--color-chip-bg);border-color:var(--color-border);color:var(--color-text)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.2rem .55rem;border-radius:var(--radius-pill);font-size:.76rem;font-weight:700;background:var(--badge-success-bg);color:var(--badge-success-text);border:1px solid var(--badge-success-border)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.page-header h1{margin:0;font-size:1.34rem;font-weight:760;letter-spacing:0}.page-subtitle{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:.84rem;line-height:1.45}.finance-page{width:100%;max-width:none;margin-inline:0;margin:0 auto;display:grid;gap:.75rem}.finance-page .page-header{margin-bottom:.5rem;align-items:center}.finance-page .page-header h1{font-size:1.22rem}.finance-page .page-subtitle{margin-top:.15rem;font-size:.8rem}.finance-card{border-radius:.7rem;padding:.7rem .8rem;box-shadow:var(--shadow-elev-1)}.finance-toolbar{display:flex;align-items:flex-end;gap:.55rem;flex-wrap:wrap}.finance-toolbar input,.finance-toolbar select{min-height:2.35rem;padding:.42rem .62rem;border-radius:.62rem;font-size:.84rem}.finance-toolbar app-filter-dropdown{min-width:180px}.finance-btn{min-height:2.05rem;border-radius:.62rem;padding:.4rem .72rem;font-size:.8rem;font-weight:650}input,select,textarea{width:100%;border:1px solid var(--color-border);border-radius:.62rem;background:var(--color-input-bg);color:var(--color-text);font:inherit;padding:.62rem .75rem;min-height:2.35rem;transition:background-color var(--dur-mid) var(--ease-standard),border-color var(--dur-mid) var(--ease-standard),color var(--dur-mid) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}h2,h3,h4{letter-spacing:0}h2{font-size:1.05rem;font-weight:760}h3{font-size:.92rem;font-weight:740}h4{font-size:.84rem;font-weight:710}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2rem;background-image:linear-gradient(45deg,transparent 50%,var(--color-text-muted) 50%),linear-gradient(135deg,var(--color-text-muted) 50%,transparent 50%);background-position:calc(100% - .9rem) calc(50% - .12rem),calc(100% - .62rem) calc(50% - .12rem);background-size:.28rem .28rem,.28rem .28rem;background-repeat:no-repeat}select:focus-visible,input:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring);border-color:color-mix(in srgb,var(--color-accent) 52%,var(--color-border))}input::placeholder,textarea::placeholder{color:var(--color-text-muted)}input:disabled,select:disabled,textarea:disabled{opacity:1;color:var(--color-text-disabled);background:color-mix(in srgb,var(--color-input-bg) 80%,var(--color-surface));border-color:color-mix(in srgb,var(--color-border) 80%,transparent)}table,thead th,tbody td{border-color:var(--color-border)}.app-card table tbody tr+tr td{border-top:1px solid var(--color-border)}:root[data-theme=dark] .app-card,:root[data-theme=dark] .modal-card,:root[data-theme=dark] .settings-card,:root[data-theme=dark] .finance-card{background:var(--color-surface);border-color:var(--color-border)}:root[data-theme=dark] .project-card,:root[data-theme=dark] .task-card,:root[data-theme=dark] .employee-card,:root[data-theme=dark] .task-row,:root[data-theme=dark] .detail-block,:root[data-theme=dark] .surface-card,:root[data-theme=dark] .deliverable-item,:root[data-theme=dark] .modal-overlay .app-card{background:var(--color-surface-elevated)!important;border-color:var(--color-border)!important}:root[data-theme=dark] .permissions-table-wrap,:root[data-theme=dark] .calendar-shell,:root[data-theme=dark] .board-wrap{color:var(--color-text)}:root[data-theme=dark] .empty-state,:root[data-theme=dark] .empty-col,:root[data-theme=dark] .empty-inline,:root[data-theme=dark] .permission-hint{color:var(--color-text-muted)!important;border-color:var(--color-border)!important;background:color-mix(in srgb,var(--color-surface-elevated) 70%,transparent)!important}:root[data-theme=dark] .badge,:root[data-theme=dark] .meta-chip,:root[data-theme=dark] .status-badge,:root[data-theme=dark] .count-pill,:root[data-theme=dark] .type-chip,:root[data-theme=dark] .stage-pill{border-color:var(--color-border)!important}:root[data-theme=dark] .topbar,:root[data-theme=dark] .menu-btn,:root[data-theme=dark] .icon-btn{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}:root[data-theme=dark] .day-cell,:root[data-theme=dark] .week-day-col,:root[data-theme=dark] .year-row,:root[data-theme=dark] .month-grid,:root[data-theme=dark] .week-grid{border-color:var(--color-border)!important}:root[data-theme=dark] .calendar-card,:root[data-theme=dark] .week-card,:root[data-theme=dark] .day-item-card{background:color-mix(in srgb,var(--color-surface-elevated) 88%,var(--color-secondary) 12%)!important;border-color:var(--color-border)!important;color:var(--color-text)!important}:root[data-theme=dark] .calendar-card .card-title,:root[data-theme=dark] .task-title,:root[data-theme=dark] .project-ident h4{color:var(--color-text)!important}:root[data-theme=dark] .calendar-card .card-stage,:root[data-theme=dark] .task-meta,:root[data-theme=dark] .project-cycle,:root[data-theme=dark] .page-subtitle{color:var(--color-text-muted)!important}:root[data-theme=dark] .btn-secondary:hover,:root[data-theme=dark] .nav-link:hover,:root[data-theme=dark] .task-row:hover,:root[data-theme=dark] .project-card:hover{filter:brightness(1.06)}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--color-secondary);outline-offset:1px}.btn:active,.action-btn:active,.tiny-btn:active{transform:translateY(1px) scale(.99)}.btn:hover:not(:disabled),.action-btn:hover:not(:disabled),.tiny-btn:hover:not(:disabled){filter:brightness(1.02)}::selection{background:color-mix(in srgb,var(--color-secondary) 38%,transparent);color:var(--color-text)}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.modal-overlay{backdrop-filter:saturate(110%) blur(2px);animation:overlayIn var(--dur-mid) var(--ease-standard)}.modal-card{width:min(860px,100%);max-height:min(92vh,1000px);overflow:auto;border-radius:var(--radius-lg);animation:modalIn var(--dur-mid) var(--ease-standard)}.modal-card.app-card{padding:.95rem}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.65rem;padding-bottom:.62rem;border-bottom:1px solid color-mix(in srgb,var(--color-border) 88%,transparent)}.modal-header h2,.modal-header h3{margin:0;line-height:1.25}.modal-header h2{font-size:1.05rem;font-weight:760}.modal-header h3{font-size:.95rem;font-weight:740}.modal-body{margin-top:.72rem;min-width:0}.modal-footer{margin-top:.78rem;padding-top:.68rem;border-top:1px solid color-mix(in srgb,var(--color-border) 88%,transparent);display:flex;justify-content:flex-end;align-items:center;gap:.45rem;flex-wrap:wrap}.modal-footer .btn{min-height:2.08rem}.field{display:grid;gap:.24rem;min-width:0}.field>span{font-size:.67rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);font-weight:700;line-height:1.15}.field input,.field select,.field textarea{min-height:2.24rem;border-radius:.62rem;font-size:.81rem;padding:.5rem .62rem}.field textarea{min-height:2.9rem;resize:vertical}.field app-filter-dropdown{width:100%}.field app-filter-dropdown .filter-dropdown{min-width:0}.field-help-text,.field-hint{font-size:.69rem;color:var(--color-text-muted)}.inline-validation,.form-alert,.validation-message{border:1px solid var(--feedback-critical-border);background:var(--feedback-critical-bg);color:var(--feedback-critical-text);border-radius:.62rem;padding:.46rem .62rem;font-size:.76rem;font-weight:650;animation:feedbackPop var(--dur-fast) var(--ease-standard)}.field-control-error,input.field-control-error,textarea.field-control-error,select.field-control-error{border-color:color-mix(in srgb,#e16868 76%,var(--color-border))!important;box-shadow:0 0 0 2px color-mix(in srgb,#f8b3b3 28%,transparent)}.project-row,.proposal-row,.invoice-row,.expense-row,.member-row,.task-card,.list-row,.log-item,.task-row{border-radius:.72rem!important;border:1px solid color-mix(in srgb,var(--color-border) 92%,transparent)!important;background:color-mix(in srgb,var(--color-surface-elevated) 86%,var(--color-chip-bg) 14%)!important;box-shadow:0 3px 10px #06261f0f}.project-row,.proposal-row,.invoice-row,.expense-row,.member-row,.list-row,.log-item{padding:.56rem .64rem!important}.project-row:hover,.proposal-row:hover,.invoice-row:hover,.expense-row:hover,.member-row:hover,.list-row:hover,.log-item:hover{border-color:color-mix(in srgb,var(--color-border) 60%,var(--color-text) 40%)!important;box-shadow:var(--shadow-elev-2);transform:translateY(-1px)}.proposal-list,.invoice-list,.expenses-list,.project-list,.tasks-list,.column-list,.logs-list,.team-list{gap:.46rem!important}.table-header h3,.feed-head h3,.toolbar-header h3{letter-spacing:.04em}table th{font-size:.63rem!important;text-transform:uppercase;letter-spacing:.045em;color:var(--color-text-muted)!important}table td{font-size:.74rem!important;line-height:1.35}table tbody tr:hover td{background:color-mix(in srgb,var(--color-surface-elevated) 86%,var(--color-chip-bg) 14%)}table tbody tr:focus-within td{background:color-mix(in srgb,var(--color-surface-elevated) 80%,var(--color-accent) 20%)}.status-pill,.status-badge,.task-status-pill,.meta-chip,.platform-chip,.relation-chip,.type-pill,.due-pill,.project-chip,.user-chip{font-size:.62rem!important;font-weight:700!important;letter-spacing:.03em;border-radius:999px!important;padding:.1rem .42rem!important}.amount,.expense-amount,.net-pay,.salary-amount{font-size:.98rem!important;font-weight:800!important;line-height:1.15}.meta-line,.task-meta,.created-date,.handoff-state,.timeline-meta{color:var(--color-text-muted)!important;font-size:.7rem!important}.actions,.task-actions,.list-actions,.actions-row,.controls-row,.modal-actions{gap:.28rem!important;align-items:center}.actions .action-btn,.task-actions .btn,.list-actions .btn,.actions-row .btn,.controls-row .action-btn{min-height:1.6rem!important;font-size:.66rem!important;border-radius:.5rem!important;padding:.12rem .42rem!important}.btn-danger,.action-danger{border-color:var(--feedback-critical-border)!important;background:var(--feedback-critical-bg)!important;color:var(--feedback-critical-text)!important}.project-card,.task-card,.proposal-row,.invoice-row,.expense-row,.member-row,.list-row,.log-item,.task-row,.nav-link,.filter-trigger,.menu-option,.task-view-tab,.status-flow,.tab,[draggable=true]{transition:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}[draggable=true]{cursor:grab}[draggable=true]:active{cursor:grabbing;transform:scale(.995)}.nav-link:focus-visible,.project-card:focus-visible,.task-row:focus-visible,.menu-option:focus-visible,.filter-trigger:focus-visible{outline:none;box-shadow:var(--focus-ring)}.filter-menu{transform-origin:top right;animation:panelIn var(--dur-fast) var(--ease-standard)}.task-view-tab.active,.nav-link.is-active,.menu-option.selected{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-border) 40%,transparent)}.state-loading{position:relative;overflow:hidden}.state-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 0%,color-mix(in srgb,var(--color-surface-elevated) 64%,transparent) 50%,transparent 100%);transform:translate(-100%);animation:shimmer 1.35s linear infinite;pointer-events:none}*{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-border) 84%,var(--color-text) 16%) color-mix(in srgb,var(--color-surface-elevated) 82%,transparent)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-border) 84%,var(--color-text) 16%);border-radius:var(--radius-pill);border:2px solid transparent;background-clip:padding-box}*::-webkit-scrollbar-track{background:color-mix(in srgb,var(--color-surface-elevated) 84%,transparent);border-radius:var(--radius-pill)}@keyframes panelIn{0%{opacity:0;transform:translateY(-4px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(6px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes feedbackPop{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.state-row,.empty-state,.empty-inline,.day-empty-state,.state-loading{background:var(--feedback-info-bg)!important;border-color:var(--feedback-info-border)!important;color:var(--feedback-info-text)!important}.state-error{background:var(--feedback-critical-bg)!important;border-color:var(--feedback-critical-border)!important;color:var(--feedback-critical-text)!important}.drop-reject{border-radius:.62rem!important;border-color:var(--feedback-critical-border)!important;background:var(--feedback-critical-bg)!important;color:var(--feedback-critical-text)!important}.severity-pill{border-width:1px}.severity-pill.severity-info{background:var(--feedback-info-bg)!important;border-color:var(--feedback-info-border)!important;color:var(--feedback-info-text)!important}.severity-pill.severity-success{background:var(--feedback-success-bg)!important;border-color:var(--feedback-success-border)!important;color:var(--feedback-success-text)!important}.severity-pill.severity-warning{background:var(--feedback-warning-bg)!important;border-color:var(--feedback-warning-border)!important;color:var(--feedback-warning-text)!important}.severity-pill.severity-critical{background:var(--feedback-critical-bg)!important;border-color:var(--feedback-critical-border)!important;color:var(--feedback-critical-text)!important}.table-wrap,[class*=table-wrap]{overflow:auto;min-width:0;-webkit-overflow-scrolling:touch}.table-wrap::-webkit-scrollbar,[class*=table-wrap]::-webkit-scrollbar{height:10px;width:10px}.table-wrap::-webkit-scrollbar-thumb,[class*=table-wrap]::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-border) 86%,var(--color-text) 14%);border-radius:999px}.table-wrap::-webkit-scrollbar-track,[class*=table-wrap]::-webkit-scrollbar-track{background:color-mix(in srgb,var(--color-surface-elevated) 80%,transparent);border-radius:999px}@media(max-width:1200px){.page-header{align-items:flex-start;gap:var(--space-3)}.finance-page{gap:.65rem}.finance-toolbar{gap:.45rem}.finance-toolbar app-filter-dropdown{min-width:160px}}@media(max-width:960px){.page-header{flex-direction:column;align-items:stretch;margin-bottom:var(--space-3)}.page-header>.btn,.page-header>.header-actions,.page-header>.actions-group{width:100%}.page-header>.header-actions .btn,.page-header>.actions-group .btn{flex:1}.app-card{padding:var(--space-4)}.finance-card{padding:.68rem .72rem}.btn{min-height:2.08rem;padding:.48rem .78rem;font-size:.86rem}.finance-toolbar{width:100%}.finance-toolbar app-filter-dropdown{flex:1 1 220px;min-width:0}.modal-overlay{padding:var(--space-3)}.modal-card{width:100%!important;max-height:94vh!important}.modal-card.app-card{padding:.86rem}}@media(max-width:760px){.app-card{padding:var(--space-3);border-radius:var(--radius-md)}.page-subtitle{font-size:.84rem}.btn{min-height:2rem;font-size:.82rem;padding:.44rem .66rem}input,select,textarea{min-height:2.2rem;font-size:.82rem;padding:.52rem .62rem}.modal-header{flex-direction:column;align-items:flex-start;gap:.45rem}.modal-header h2{font-size:.98rem}.modal-header h3{font-size:.9rem}.modal-footer{justify-content:stretch}.modal-footer .btn{flex:1;min-width:0}.field>span{font-size:.64rem}.field input,.field select,.field textarea{min-height:2.16rem;font-size:.8rem}}@media print{@page{size:A4;margin:12mm}html,body,app-root{height:auto!important;overflow:visible!important;background:#fff!important}.shell-layout{display:block!important;height:auto!important;overflow:visible!important}.sidebar,.topbar{display:none!important}.content-wrap,.page-content{height:auto!important;overflow:visible!important;padding:0!important}body.print-proposal-only>*:not(#proposal-print-root){display:none!important}body.print-proposal-only #proposal-print-root{display:block!important;position:static!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important;background:#fff!important;z-index:999999!important}body.print-proposal-only #proposal-print-root,body.print-proposal-only #proposal-print-root *{visibility:visible!important}}.appearance-card{grid-column:1 / -1}.appearance-form{margin-top:var(--space-3);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.appearance-color-control{display:grid;grid-template-columns:2.75rem minmax(0,1fr);align-items:center;gap:var(--space-2)}.appearance-color-control input[type=color]{width:2.75rem;height:2.45rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:.2rem;cursor:pointer}.appearance-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.appearance-preview-swatch{min-height:4.25rem;display:grid;place-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);color:#fff;padding:var(--space-2);font-size:.76rem;font-weight:750;text-shadow:0 1px 2px rgba(0,0,0,.55)}@media(max-width:760px){.appearance-form,.appearance-preview{grid-template-columns:1fr}.appearance-card .section-footer{align-items:stretch;flex-direction:column-reverse}.appearance-card .section-footer .btn{width:100%}}app-workflow-card-edit-modal .mobile-edit-section-nav,app-workflow-card-details-modal .mobile-details-section-nav{display:none}@media(max-width:760px){app-workflow-card-edit-modal .modal-overlay,app-workflow-card-details-modal .modal-overlay{padding:.5rem}app-workflow-card-edit-modal .modal-card,app-workflow-card-details-modal .modal-card{width:100%;max-height:calc(100dvh - 1rem)}app-workflow-card-edit-modal .mobile-edit-section-nav,app-workflow-card-details-modal .mobile-details-section-nav{display:grid;gap:.3rem;margin-bottom:.65rem;padding:.15rem 0 .45rem;background:var(--color-surface)}app-workflow-card-edit-modal .mobile-edit-section-nav{position:sticky;top:0;z-index:3;grid-template-columns:repeat(5,minmax(0,1fr))}app-workflow-card-details-modal .mobile-details-section-nav{grid-template-columns:repeat(4,minmax(0,1fr));padding-inline:.65rem}app-workflow-card-edit-modal .mobile-section-tab,app-workflow-card-details-modal .mobile-section-tab{min-width:0;min-height:40px;padding:.42rem .18rem;overflow:hidden;border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);font:inherit;font-size:.63rem;font-weight:800;line-height:1.1;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}app-workflow-card-edit-modal .mobile-section-tab.is-active,app-workflow-card-details-modal .mobile-section-tab.is-active{border-color:var(--color-primary);background:var(--color-chip-bg);color:var(--color-text)}app-workflow-card-edit-modal .mobile-section-tab:focus-visible,app-workflow-card-details-modal .mobile-section-tab:focus-visible{outline:none;box-shadow:var(--focus-ring)}app-workflow-card-form .form-section:not(.mobile-section-active){display:none}app-workflow-card-form .form-grid-2,app-workflow-card-form .approval-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.6rem}app-workflow-card-form .form-section{padding:.68rem}app-workflow-card-form .form-section-header{margin-bottom:.65rem}app-workflow-card-form .form-section-description{display:none}app-workflow-card-form .form-grid,app-workflow-card-form .content-fields{gap:.65rem}app-workflow-card-form .field{min-width:0;gap:.28rem}app-workflow-card-form .field-label{font-size:.68rem;line-height:1.25}app-workflow-card-form input,app-workflow-card-form select,app-workflow-card-form textarea{box-sizing:border-box;width:100%;min-width:0;padding:.62rem .68rem;font-size:.76rem}app-workflow-card-form app-filter-dropdown{display:block;width:100%;min-width:0}app-workflow-card-form .approval-group{min-width:0;padding:.62rem}app-workflow-card-edit-modal .activity-inputs:not(.mobile-section-active),app-workflow-card-edit-modal .edit-timeline-secondary:not(.mobile-section-active){display:none}app-workflow-card-edit-modal .activity-inputs.mobile-section-active{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}app-workflow-card-edit-modal .activity-inputs.mobile-section-active>.field:first-of-type,app-workflow-card-edit-modal .activity-inputs.mobile-section-active>.field:last-of-type{grid-column:1 / -1}app-workflow-card-details-modal .modal-body{display:block}app-workflow-card-details-modal .mobile-detail-overview .sidebar-column,app-workflow-card-details-modal .mobile-detail-overview .timeline-section{display:none!important}app-workflow-card-details-modal .mobile-detail-assignment .content-column,app-workflow-card-details-modal .mobile-detail-assignment .progress-section{display:none!important}app-workflow-card-details-modal .mobile-detail-assignment .sidebar-column{display:grid;grid-template-columns:1fr;gap:.6rem}app-workflow-card-details-modal .mobile-detail-assignment .sidebar-column>:not(.mobile-assignment-card){display:none!important}app-workflow-card-details-modal .mobile-detail-assignment .mobile-workflow-card{grid-column:1 / -1}app-workflow-card-details-modal .mobile-detail-approvals .content-column,app-workflow-card-details-modal .mobile-detail-approvals .progress-section{display:none!important}app-workflow-card-details-modal .mobile-detail-approvals .sidebar-column>:not(.mobile-approvals-card){display:none!important}app-workflow-card-details-modal .mobile-detail-approvals .mobile-approvals-card{display:grid;grid-template-columns:1fr;gap:.6rem}app-workflow-card-details-modal .mobile-detail-approvals .mobile-approvals-card>.sidebar-eyebrow,app-workflow-card-details-modal .mobile-detail-approvals .mobile-approvals-card>small{grid-column:1 / -1}app-workflow-card-details-modal .mobile-detail-approvals .rejection-card{grid-template-columns:1fr}app-workflow-card-details-modal .mobile-detail-timeline .sidebar-column,app-workflow-card-details-modal .mobile-detail-timeline .progress-section{display:none!important}app-workflow-card-details-modal .mobile-detail-timeline .content-column>:not(.timeline-section){display:none!important}app-workflow-card-details-modal .mobile-detail-timeline .timeline-section{display:block}app-workflow-card-details-modal .header-actions{display:none}.cdk-overlay-container .filter-menu .menu-option{justify-items:start;text-align:left}.cdk-overlay-container .filter-menu .menu-option.no-option-color{grid-template-columns:1rem minmax(0,1fr)}.cdk-overlay-container .filter-menu .menu-option.no-option-color .option-color{display:none}.cdk-overlay-container .filter-menu .menu-option.no-option-color:not(.selected){grid-template-columns:minmax(0,1fr)}.cdk-overlay-container .filter-menu .menu-option.no-option-color:not(.selected) .option-check{display:none}.cdk-overlay-container .filter-menu .menu-option .option-label{width:100%;text-align:left}app-workflow-card-details-modal .modal-footer .footer-actions{display:flex;align-items:stretch;width:100%;gap:.4rem}app-workflow-card-details-modal .modal-footer .footer-actions .btn{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;box-sizing:border-box;width:auto;min-width:0;min-height:40px;height:40px;padding:.24rem .3rem;border-radius:.55rem;font-size:.76rem;text-align:center;line-height:1;white-space:nowrap}}.c2-table-card{padding:0;overflow:hidden}.c2-data-table-wrap{width:100%;overflow-x:auto;border-radius:inherit}.c2-data-table{width:100%;border-collapse:collapse;table-layout:fixed;color:var(--color-text)}.c2-projects-table{min-width:980px}.c2-clients-table{min-width:920px}.c2-data-table th,.c2-data-table td{border-bottom:1px solid var(--color-border);padding:.68rem .78rem;text-align:left;vertical-align:middle}.c2-data-table th{background:color-mix(in srgb,var(--color-surface-alt) 84%,transparent);color:var(--color-text-muted);font-size:.68rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase;white-space:nowrap}.c2-data-table tbody tr{background:var(--color-surface);transition:background .14s ease,box-shadow .14s ease}.c2-data-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--color-surface-alt) 28%,var(--color-surface))}.c2-data-table tbody tr:hover{background:color-mix(in srgb,var(--color-chip-bg) 34%,var(--color-surface))}.c2-data-table tbody tr:last-child td{border-bottom:0}.c2-projects-table th:nth-child(1){width:27%}.c2-projects-table th:nth-child(2){width:22%}.c2-projects-table th:nth-child(3){width:14%}.c2-projects-table th:nth-child(4){width:11%}.c2-projects-table th:nth-child(5){width:10%}.c2-projects-table th:nth-child(6){width:16%}.c2-clients-table th:nth-child(1){width:23%}.c2-clients-table th:nth-child(2){width:16%}.c2-clients-table th:nth-child(3){width:18%}.c2-clients-table th:nth-child(4){width:14%}.c2-clients-table th:nth-child(5){width:11%}.c2-clients-table th:nth-child(6){width:8%}.c2-clients-table th:nth-child(7){width:10%}.c2-table-identity{display:flex;align-items:flex-start;gap:.62rem;min-width:0}.c2-table-primary,.c2-table-stack{display:grid;gap:.16rem;min-width:0}.c2-table-primary strong,.c2-table-stack strong{min-width:0;overflow-wrap:anywhere}.c2-table-primary span,.c2-table-stack span,.c2-data-table td{font-size:.76rem}.c2-table-id{max-width:100%;overflow:hidden;color:var(--color-text-muted);font-family:ui-monospace,monospace;font-size:.62rem!important;text-overflow:ellipsis;white-space:nowrap}.c2-table-description{display:-webkit-box;margin:.12rem 0 0;overflow:hidden;color:var(--color-text-muted);font-size:.7rem;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.c2-data-table .actions-wrap,.c2-data-table .row-actions{justify-content:flex-start;white-space:nowrap}@media(max-width:760px){.c2-data-table-wrap{overflow:visible}.c2-data-table,.c2-data-table tbody,.c2-data-table tr,.c2-data-table td{display:block;width:100%}.c2-data-table{min-width:0}.c2-data-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.c2-data-table tbody{display:grid;gap:.62rem}.c2-data-table tbody tr{border:1px solid var(--color-border);border-radius:.78rem;padding:.68rem .72rem;box-shadow:var(--shadow-sm)}.c2-data-table tbody tr:nth-child(2n){background:var(--color-surface)}.c2-data-table td{display:grid;grid-template-columns:minmax(5.7rem,34%) minmax(0,1fr);gap:.65rem;align-items:start;border:0;padding:.34rem 0}.c2-data-table td:before{content:attr(data-label);color:var(--color-text-muted);font-size:.65rem;font-weight:800;letter-spacing:.025em;text-transform:uppercase}.c2-data-table td:first-child{padding-top:0}.c2-data-table td:last-child{padding-bottom:0}.c2-data-table .actions-wrap,.c2-data-table .row-actions{flex-wrap:wrap}.c2-table-card{padding:0;border:0;background:transparent;box-shadow:none}}.c2-data-table .actions-wrap,.c2-data-table .row-actions{display:flex;align-items:center;justify-content:flex-start;gap:.34rem}.c2-table-action{display:inline-flex;align-items:center;justify-content:center;min-height:1.85rem;padding:.18rem .58rem;border-radius:.52rem;font-size:.7rem;font-weight:700;line-height:1;text-decoration:none;white-space:nowrap}.c2-table-pager{display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-top:1px solid var(--color-border);padding:.7rem .78rem;background:var(--color-surface)}.c2-table-page-summary{flex:0 0 auto;color:var(--color-text-muted);font-size:.72rem;font-weight:650;white-space:nowrap}.c2-table-page-controls{display:flex;align-items:center;justify-content:flex-end;gap:.32rem;min-width:0}.c2-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;border:1px solid var(--color-border);border-radius:.48rem;padding:.24rem .52rem;background:var(--color-surface);color:var(--color-text);font:inherit;font-size:.7rem;font-weight:700;cursor:pointer}.c2-page-btn:hover:not(:disabled){background:var(--color-surface-alt)}.c2-page-btn.is-active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.c2-page-btn:disabled{cursor:not-allowed;opacity:.48}.c2-page-btn:focus-visible,.c2-table-action:focus-visible{outline:3px solid color-mix(in srgb,var(--color-secondary) 52%,transparent);outline-offset:2px}@media(max-width:760px){.c2-table-pager{align-items:stretch;flex-direction:column;padding-inline:0;background:transparent}.c2-table-page-controls{justify-content:flex-start;overflow-x:auto;padding-bottom:.15rem}.c2-page-btn{flex:0 0 auto;min-height:2.35rem}}.c2-table-card{overflow:visible}.c2-table-pager{position:sticky;bottom:0;z-index:20;isolation:isolate;box-shadow:0 -.55rem 1.25rem color-mix(in srgb,var(--color-text) 10%,transparent)}.c2-icon-action{width:2rem;min-width:2rem;padding-inline:0}.c2-edit-icon{display:block;width:1rem;height:1rem;object-fit:contain}@media(max-width:760px){.c2-table-pager{align-items:center;flex-direction:row;gap:.5rem;border:1px solid var(--color-border);border-bottom:0;border-radius:.72rem .72rem 0 0;padding:.5rem .58rem;background:var(--color-surface)}.c2-table-page-controls{justify-content:flex-end;margin-left:auto;overflow-x:auto}.c2-projects-table tbody tr,.c2-clients-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) auto 2.4rem;gap:.55rem;align-items:center;padding:.58rem .65rem}.c2-projects-table td,.c2-clients-table td{display:block;width:auto;min-width:0;border:0;padding:0}.c2-projects-table td:before,.c2-clients-table td:before{display:none;content:none}.c2-projects-table td:nth-child(3),.c2-projects-table td:nth-child(4),.c2-projects-table td:nth-child(5),.c2-clients-table td:nth-child(2),.c2-clients-table td:nth-child(3),.c2-clients-table td:nth-child(5),.c2-clients-table td:nth-child(6){display:none}.c2-projects-table .c2-mobile-name-cell,.c2-clients-table .c2-mobile-name-cell{grid-column:1}.c2-projects-table .c2-project-mobile-phone-cell,.c2-clients-table .c2-client-mobile-phone-cell{grid-column:2;white-space:nowrap}.c2-projects-table td:last-child,.c2-clients-table td:last-child{grid-column:3}.c2-projects-table .c2-project-mobile-phone-cell .c2-table-stack>strong,.c2-projects-table .c2-project-mobile-phone-cell .c2-table-stack>span:first-of-type{display:none}.c2-projects-table .c2-mobile-name-cell app-project-logo,.c2-projects-table .c2-mobile-name-cell .c2-table-id,.c2-projects-table .c2-mobile-name-cell .c2-table-description,.c2-clients-table .c2-mobile-name-cell .c2-table-id{display:none}.c2-projects-table .c2-table-identity{display:block}.c2-projects-table .c2-table-primary,.c2-projects-table .c2-table-stack,.c2-clients-table .c2-table-primary{gap:0}.c2-projects-table .c2-mobile-name-cell strong,.c2-clients-table .c2-mobile-name-cell strong{display:block;overflow:hidden;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.c2-projects-table .c2-project-mobile-phone-cell,.c2-clients-table .c2-client-mobile-phone-cell{color:var(--color-text-muted);font-size:.72rem}.c2-projects-table .actions-wrap,.c2-clients-table .row-actions{justify-content:flex-end;flex-wrap:nowrap;gap:0}.c2-icon-action{width:2.35rem;min-width:2.35rem;min-height:2.35rem;border-radius:.58rem;padding:0}.c2-edit-icon{width:1.05rem;height:1.05rem}}@media(min-width:761px)and (max-width:1180px){app-team-members-page .people-command{display:grid;grid-template-columns:5.3rem 5.3rem minmax(8rem,1fr) 6.8rem 6.8rem 5.4rem 8.3rem;gap:.32rem;align-items:stretch;padding:.55rem;overflow:visible}app-team-members-page .summary-item,app-team-members-page .member-search,app-team-members-page .directory-count,app-team-members-page .command-add,app-team-members-page .command-filter{min-width:0;min-height:3.2rem}app-team-members-page .summary-item{padding:.38rem .46rem}app-team-members-page .summary-item span,app-team-members-page .summary-item small{font-size:.5rem}app-team-members-page .summary-item strong{font-size:.9rem}app-team-members-page .member-search{width:100%;padding-inline:.55rem;font-size:.62rem}app-team-members-page .directory-count{padding-inline:.35rem;font-size:.58rem}app-team-members-page .command-add{width:100%;padding-inline:.45rem;font-size:.61rem}app-team-members-page .command-filter button{padding-inline:.45rem;font-size:.61rem}}@media(max-width:760px){app-team-members-page .people-command{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"search add" "status sort";gap:.45rem;padding:.55rem;align-items:stretch;overflow:visible}app-team-members-page .summary-item,app-team-members-page .directory-count{display:none}app-team-members-page .member-search{grid-area:search;width:100%;min-width:0;min-height:3rem;padding-inline:.65rem}app-team-members-page .command-add{grid-area:add;min-height:3rem;padding-inline:.7rem;font-size:.64rem;white-space:nowrap}app-team-members-page app-filter-dropdown.command-filter:nth-of-type(1){grid-area:status}app-team-members-page app-filter-dropdown.command-filter:nth-of-type(2){grid-area:sort}app-team-members-page .command-filter{min-width:0;width:100%}app-team-members-page .command-filter button{width:100%;min-height:2.8rem;padding-inline:.65rem}}@media(max-width:390px){app-team-members-page .people-command{grid-template-columns:minmax(0,1fr) 7.4rem}app-team-members-page .command-add{padding-inline:.35rem;font-size:.58rem}}@media(min-width:761px)and (max-width:1180px){app-team-members-page .people-command{display:grid!important;grid-template-columns:4.7rem 4.7rem minmax(7rem,1fr) 6.5rem 6.5rem 5.5rem 7.5rem!important;grid-template-areas:none!important;gap:.28rem!important;align-items:stretch!important;padding:.48rem!important;overflow:visible!important}app-team-members-page .summary-item,app-team-members-page .member-search,app-team-members-page .command-filter,app-team-members-page .directory-count,app-team-members-page .command-add{width:100%!important;min-width:0!important;min-height:2.85rem!important;height:2.85rem!important;margin:0!important}app-team-members-page .summary-item{display:grid!important;padding:.3rem .38rem!important}app-team-members-page .summary-item span,app-team-members-page .summary-item small{font-size:.43rem!important;line-height:1.1!important}app-team-members-page .summary-item strong{font-size:.78rem!important}app-team-members-page .member-search{padding-inline:.45rem!important;font-size:.54rem!important}app-team-members-page .command-filter button,app-team-members-page .command-filter .filter-trigger{width:100%!important;min-width:0!important;min-height:2.85rem!important;height:2.85rem!important;padding-inline:.42rem!important;font-size:.52rem!important}app-team-members-page .directory-count{display:grid!important;place-items:center!important;padding-inline:.25rem!important;font-size:.48rem!important;white-space:nowrap!important}app-team-members-page .command-add{display:flex!important;align-items:center!important;justify-content:center!important;padding-inline:.35rem!important;font-size:.49rem!important;white-space:nowrap!important}}@media(max-width:760px){app-team-members-page .people-command{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(8.2rem,auto)!important;grid-template-areas:"search add" "status sort"!important;gap:.45rem!important;padding:.55rem!important;align-items:stretch!important;overflow:visible!important}app-team-members-page .summary-item,app-team-members-page .directory-count{display:none!important}app-team-members-page .member-search{grid-area:search!important;width:100%!important;min-width:0!important;min-height:3rem!important;height:3rem!important;margin:0!important;padding-inline:.65rem!important}app-team-members-page .command-add{grid-area:add!important;width:100%!important;min-width:0!important;min-height:3rem!important;height:3rem!important;margin:0!important;padding-inline:.55rem!important;display:flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;font-size:.62rem!important}app-team-members-page app-filter-dropdown.command-filter:nth-of-type(1){grid-area:status!important}app-team-members-page app-filter-dropdown.command-filter:nth-of-type(2){grid-area:sort!important}app-team-members-page .command-filter{width:100%!important;min-width:0!important;margin:0!important}app-team-members-page .command-filter button,app-team-members-page .command-filter .filter-trigger{width:100%!important;min-width:0!important;min-height:2.9rem!important;height:2.9rem!important;margin:0!important;padding-inline:.65rem!important}}@media(max-width:390px){app-team-members-page .people-command{grid-template-columns:minmax(0,1fr) 7.7rem!important}app-team-members-page .command-add{padding-inline:.3rem!important;font-size:.56rem!important}}@media(min-width:761px)and (max-width:1180px){body app-team-members-page .people-command{display:flex!important;flex-flow:row nowrap!important;align-items:stretch!important;gap:.28rem!important;padding:.48rem!important;width:100%!important;min-width:0!important;overflow:visible!important}body app-team-members-page .people-command>*{min-width:0!important;margin:0!important}body app-team-members-page .summary-item{display:grid!important;flex:0 0 4.35rem!important;width:4.35rem!important;height:2.85rem!important;min-height:2.85rem!important;padding:.26rem .34rem!important;border-radius:.55rem!important}body app-team-members-page .summary-item span,body app-team-members-page .summary-item small{font-size:.4rem!important;line-height:1.05!important}body app-team-members-page .summary-item strong{font-size:.72rem!important}body app-team-members-page .member-search{flex:1 1 7.5rem!important;width:auto!important;height:2.85rem!important;min-height:2.85rem!important;padding:0 .48rem!important;font-size:.5rem!important;border-radius:.55rem!important}body app-team-members-page app-filter-dropdown.command-filter{display:block!important;flex:0 0 5.9rem!important;width:5.9rem!important;min-width:0!important;height:2.85rem!important}body app-team-members-page app-filter-dropdown.command-filter button,body app-team-members-page app-filter-dropdown.command-filter .filter-trigger{width:100%!important;height:2.85rem!important;min-height:2.85rem!important;padding:0 .42rem!important;font-size:.48rem!important;border-radius:.55rem!important;overflow:hidden!important;white-space:nowrap!important;text-overflow:ellipsis!important}body app-team-members-page .directory-count{display:grid!important;place-items:center!important;flex:0 0 4.75rem!important;width:4.75rem!important;height:2.85rem!important;min-height:2.85rem!important;padding:0 .2rem!important;font-size:.43rem!important;border-radius:.55rem!important;white-space:nowrap!important}body app-team-members-page .command-add{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 6.9rem!important;width:6.9rem!important;height:2.85rem!important;min-height:2.85rem!important;padding:0 .3rem!important;font-size:.46rem!important;border-radius:.55rem!important;white-space:nowrap!important}}@media(max-width:760px){body app-team-members-page .people-command{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:3rem 3rem!important;grid-template-areas:"search add" "status sort"!important;gap:.45rem!important;padding:.55rem!important;width:100%!important;min-width:0!important;overflow:visible!important}body app-team-members-page .summary-item,body app-team-members-page .directory-count{display:none!important}body app-team-members-page .member-search{grid-area:search!important;width:100%!important;min-width:0!important;height:3rem!important;min-height:3rem!important;margin:0!important;padding:0 .65rem!important;border-radius:.7rem!important}body app-team-members-page .command-add{grid-area:add!important;width:100%!important;min-width:0!important;height:3rem!important;min-height:3rem!important;margin:0!important;padding:0 .4rem!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:.61rem!important;border-radius:.7rem!important;white-space:nowrap!important}body app-team-members-page app-filter-dropdown.command-filter:nth-of-type(1){grid-area:status!important}body app-team-members-page app-filter-dropdown.command-filter:nth-of-type(2){grid-area:sort!important}body app-team-members-page app-filter-dropdown.command-filter{display:block!important;width:100%!important;min-width:0!important;height:3rem!important;margin:0!important}body app-team-members-page app-filter-dropdown.command-filter button,body app-team-members-page app-filter-dropdown.command-filter .filter-trigger{width:100%!important;min-width:0!important;height:3rem!important;min-height:3rem!important;margin:0!important;padding:0 .65rem!important;border-radius:.7rem!important}}app-passwords-page .vault-header,app-passwords-page .mobile-vault-toolbar{display:none!important}app-passwords-page .filter-card{display:grid!important;grid-template-columns:minmax(18rem,1.8fr) minmax(10rem,.85fr) minmax(10rem,.85fr) auto!important;align-items:end!important;gap:.75rem!important;margin-bottom:var(--space-3)!important}app-passwords-page .filter-card>*{min-width:0!important}app-passwords-page .search-field,app-passwords-page .filter-card app-filter-dropdown,app-passwords-page .filter-add-credential{width:100%!important}app-passwords-page .filter-add-credential{min-height:42px!important;height:42px!important;white-space:nowrap!important}@media(max-width:1024px){app-passwords-page .filter-card{grid-template-columns:minmax(12rem,1.35fr) minmax(8.75rem,.8fr) minmax(8.75rem,.8fr) minmax(10.5rem,auto)!important;align-items:end!important}app-passwords-page .filter-add-credential{min-width:10.5rem!important}}@media(max-width:640px){app-passwords-page .filter-card{grid-template-columns:1fr!important;gap:.7rem!important}app-passwords-page .search-field,app-passwords-page .filter-card app-filter-dropdown,app-passwords-page .filter-add-credential{grid-column:auto!important;width:100%!important}app-passwords-page .filter-add-credential{min-width:0!important}}@media(min-width:641px)and (max-width:1024px){body app-passwords-page .filter-card{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(0,.8fr) minmax(0,.8fr) minmax(7.5rem,1fr)!important;grid-template-rows:auto!important;align-items:end!important;gap:.45rem!important;width:100%!important}body app-passwords-page .filter-card>*{grid-column:auto!important;grid-row:auto!important;width:100%!important;min-width:0!important;margin:0!important}body app-passwords-page .search-field input,body app-passwords-page .filter-card app-filter-dropdown,body app-passwords-page .filter-add-credential{width:100%!important;min-width:0!important}body app-passwords-page .filter-add-credential{min-width:0!important;height:42px!important;min-height:42px!important;padding-inline:.55rem!important;font-size:.62rem!important;white-space:nowrap!important}}@media(max-width:640px){body app-passwords-page .credentials-grid{display:flex!important;flex-direction:column!important;gap:0!important}body app-passwords-page .credential-card{width:100%!important;max-width:100%!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;border:0!important;border-bottom:1px solid rgba(8,43,36,.12)!important;padding:.9rem 0!important;margin:0!important}body app-passwords-page .credential-card:first-child{border-top:1px solid rgba(8,43,36,.12)!important}body app-passwords-page .credential-card>*{margin-left:0!important;margin-right:0!important}body app-passwords-page .credential-header{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:.75rem!important;margin-bottom:.65rem!important}body app-passwords-page .credential-mark{width:2.25rem!important;height:2.25rem!important;min-width:2.25rem!important;min-height:2.25rem!important;border-radius:.7rem!important}body app-passwords-page .credential-title,body app-passwords-page .credential-name{font-size:1.1rem!important;line-height:1.2!important}body app-passwords-page .credential-type,body app-passwords-page .credential-badge{justify-self:end!important;white-space:nowrap!important}body app-passwords-page .credential-details,body app-passwords-page .credential-metadata,body app-passwords-page .credential-meta{display:grid!important;grid-template-columns:1fr 1fr!important;gap:.55rem 1rem!important;margin-bottom:.7rem!important}body app-passwords-page .credential-description,body app-passwords-page .credential-note{margin:.65rem 0 .8rem!important;padding-top:.7rem!important;border-top:1px solid rgba(8,43,36,.08)!important}body app-passwords-page .credential-actions{display:flex!important;gap:.55rem!important;flex-wrap:nowrap!important;align-items:stretch!important}body app-passwords-page .credential-actions .btn,body app-passwords-page .credential-actions button{flex:1 1 0!important;min-width:0!important}}body app-passwords-page .filter-card .search-field>span{display:none!important}body app-passwords-page .filter-card app-filter-dropdown,body app-passwords-page .filter-card app-filter-dropdown label{display:block!important}body app-passwords-page .filter-card{align-items:stretch!important}body app-passwords-page .search-field,body app-passwords-page .filter-card app-filter-dropdown,body app-passwords-page .filter-add-credential{align-self:stretch!important}body app-passwords-page .search-field input,body app-passwords-page .filter-card app-filter-dropdown button,body app-passwords-page .filter-card app-filter-dropdown .filter-trigger,body app-passwords-page .filter-add-credential{height:42px!important;min-height:42px!important}@media(max-width:640px){body app-passwords-page .filter-card{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:42px 42px!important;grid-template-areas:"search add" "visibility project"!important;gap:.55rem!important;padding:.7rem!important}body app-passwords-page .search-field{grid-area:search!important;width:100%!important;min-width:0!important}body app-passwords-page .filter-add-credential{grid-area:add!important;width:100%!important;min-width:0!important;margin:0!important;padding-inline:.35rem!important;font-size:.62rem!important;white-space:nowrap!important}body app-passwords-page .filter-card app-filter-dropdown:nth-of-type(1){grid-area:visibility!important}body app-passwords-page .filter-card app-filter-dropdown:nth-of-type(2){grid-area:project!important}body app-passwords-page .filter-card app-filter-dropdown{display:block!important;width:100%!important;min-width:0!important;margin:0!important}body app-passwords-page .search-field input,body app-passwords-page .filter-card app-filter-dropdown button,body app-passwords-page .filter-card app-filter-dropdown .filter-trigger{width:100%!important;min-width:0!important;margin:0!important}}body app-passwords-page .filter-card app-filter-dropdown label>span:first-child,body app-passwords-page .filter-card app-filter-dropdown .filter-label,body app-passwords-page .filter-card app-filter-dropdown .dropdown-label{display:none!important}