:root{font-family:Avenir Next,Segoe UI,sans-serif;color:#12314a;background:radial-gradient(circle at top right,rgba(0,89,153,.16),transparent 28%),linear-gradient(180deg,#eef4f9,#f8fbfd 48%,#edf4f8);line-height:1.5;font-weight:400;color-scheme:light;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--brand: #1261e8;--brand-dark: #0b315f;--brand-soft: rgba(18, 97, 232, .1);--success: #21835f;--warning: #a86b00;--danger: #a33d3d;--ink: #12314a;--muted: #5a7489;--border: rgba(6, 58, 94, .12);--panel: rgba(255, 255, 255, .9)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}button{cursor:pointer}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}.login-shell,.app-shell{min-height:100vh}.login-shell{display:flex;align-items:center;justify-content:center;padding:24px}.login-card,.panel,.panel-surface{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--panel);border:1px solid var(--border);border-radius:28px;box-shadow:0 20px 60px #052f4e14}.login-card{width:min(1080px,100%);padding:32px;display:grid;gap:24px}.logo{width:min(420px,100%)}.brand-logo{width:240px}.login-copy{display:grid;gap:12px}.eyebrow{color:var(--brand);font-size:.82rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:.98;max-width:12ch}h2{font-size:clamp(1.6rem,3vw,2.4rem);line-height:1.05}h3{font-size:1.2rem;line-height:1.1}.supporting-copy{color:var(--muted)}.credentials-panel,.form-panel{padding:24px}.login-form{display:grid;gap:18px}.login-actions{display:grid;justify-items:start;gap:10px;margin-top:2px}.login-actions .button{min-width:160px}.login-actions .text-button{padding:6px 2px}.credential-grid,.summary-grid,.detail-grid,.team-grid,.file-grid,.item-grid{display:grid;gap:16px}.credential-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:16px}.credential-card{padding:16px;border-radius:22px;border:1px solid rgba(0,89,153,.12);background:#0059990a;display:grid;gap:6px;text-align:left}.app-shell{padding:24px}.topbar,.toolbar-form,.dashboard-layout,.panel-header,.project-list-header,.task-list-header,.topbar-actions,.task-detail-header,.task-controls,.task-actions,.detail-header,.detail-badges,.project-stats,.mini-stat-list,.meta-grid,.section-tabs,.checkbox-row,.upload-form{display:flex;gap:12px}.topbar{align-items:center;justify-content:space-between;margin:0 auto 24px;max-width:1400px}.brand{display:flex;align-items:center;gap:18px}.topbar-actions{align-items:center}.user-chip{min-height:46px;padding:0 16px;border-radius:999px;background:#ffffffd9;border:1px solid var(--border);display:inline-flex;align-items:center;gap:8px;text-align:left}.user-chip-role{color:var(--muted);font-size:.85rem;font-weight:600}.user-chip-role:before{content:"·";margin-right:8px}.mobile-user-initials,.mobile-bottom-nav,.mobile-more-backdrop,.mobile-section-picker{display:none}.workspace{margin:0 auto;max-width:1400px;display:grid;gap:20px}.app-nav{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.app-nav-links,.app-nav-tools{display:flex;align-items:end;gap:12px;flex-wrap:nowrap}.app-nav-tools-shell{display:contents}.app-nav-tools-summary{display:none}.app-search-field{min-width:260px}.app-filter-field{min-width:140px}.app-nav-button{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(0,89,153,.12);background:#ffffffb8;color:var(--brand-dark);font-weight:700}.app-nav-button-active{background:var(--brand);border-color:var(--brand);color:#fff}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.stat-card{padding:22px;display:grid;gap:8px}.stat-label{color:var(--muted);font-size:.95rem}.stat-value{font-size:clamp(2rem,5vw,3rem);color:var(--brand-dark)}.toolbar{padding:20px}.toolbar-form{align-items:end;flex-wrap:wrap}.toolbar-form .button{align-self:end}.toolbar-field,.field-label{display:grid;gap:8px;color:var(--ink);font-weight:600}input,select,textarea{width:100%;padding:12px 14px;border-radius:16px;border:1px solid rgba(5,89,153,.14);background:#ffffffeb;color:var(--ink)}input[type=file]{padding:0;border:0;background:transparent;cursor:pointer;color:var(--muted);font-weight:500}input[type=file]::file-selector-button{border:0;min-height:46px;padding:0 18px;border-radius:999px;font-weight:700;background:#00599914;color:var(--brand-dark);border:1px solid rgba(0,89,153,.12);cursor:pointer;margin-right:12px;transition:transform .15s ease,opacity .15s ease,background .15s ease;font-family:inherit}input[type=file]::file-selector-button:hover{transform:translateY(-1px);background:#0059991f}textarea{resize:vertical}.button{border:0;min-height:46px;padding:0 18px;border-radius:999px;font-weight:700;transition:transform .15s ease,opacity .15s ease,background .15s ease}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.65;cursor:wait}.button-primary{background:var(--brand);color:#fff}.button-secondary{background:#00599914;color:var(--brand-dark);border:1px solid rgba(0,89,153,.12)}.button-danger{color:var(--danger);border-color:#a33d3d29;background:#a33d3d14}.button-success{background:var(--success);color:#fff;border-color:var(--success)}.dashboard-layout{align-items:start}.dashboard-column{flex:0 0 420px;display:grid;gap:20px}.detail-column{flex:1;min-width:0}.panel,.panel-surface{padding:22px}.users-view{display:grid;gap:24px}.users-form{padding:22px;border-radius:24px;border:1px solid rgba(0,89,153,.1);background:#00599909}.users-actions{display:flex;justify-content:end}.users-list{gap:16px}.modal-backdrop{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#071f3166;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:40}.modal-panel{width:min(960px,100%);max-height:min(90vh,920px);overflow:auto}.modal-actions{display:flex;justify-content:end;gap:12px;position:sticky;bottom:-22px;margin:0 -22px -22px;padding:18px 22px 22px;background:linear-gradient(180deg,#ffffffb8,#f8fbfdfa 32%);border-top:1px solid rgba(0,89,153,.08);z-index:2}.project-modal-form{padding-bottom:6px}.panel-header{align-items:center;justify-content:space-between;margin-bottom:18px}.status-pill{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;font-size:.82rem;font-weight:700}.status-pill-active,.status-pill-complete{background:#21835f1f;color:var(--success)}.status-pill-planning,.status-pill-medium{background:#0059991a;color:var(--brand-dark)}.status-pill-waiting,.status-pill-blocked{background:#a86b001f;color:var(--warning)}.status-pill-high{background:#a33d3d1f;color:var(--danger)}.status-pill-low,.status-pill-todo,.status-pill-in_progress{background:#05599914;color:var(--brand-dark)}.project-list,.task-list,.stack-list,.note-list,.user-list{display:grid;gap:14px}.project-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.project-overview-table{display:grid;gap:0;overflow:hidden;border:1px solid var(--border);border-radius:20px}.project-overview-head,.project-overview-row{display:grid;grid-template-columns:minmax(190px,1.35fr) minmax(220px,1.6fr) minmax(120px,.85fr) minmax(145px,.9fr) minmax(100px,.65fr) minmax(120px,.7fr);gap:18px;align-items:center}.project-overview-head{padding:12px 18px;background:#0059990f;color:var(--muted);font-size:.73rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.project-overview-row{width:100%;padding:16px 18px;border:0;border-top:1px solid var(--border);background:#ffffffd6;color:var(--text);text-align:left;cursor:pointer;transition:background .14s ease,box-shadow .14s ease}.project-overview-head+.project-overview-row{border-top:0}.project-overview-row:hover,.project-overview-row:focus-visible{background:#0059990b;box-shadow:inset 4px 0 0 var(--brand)}.project-overview-job,.project-overview-current,.project-overview-progress{display:grid;gap:5px;min-width:0}.project-overview-job strong,.project-overview-current strong{overflow:hidden;text-overflow:ellipsis}.project-overview-job small,.project-overview-current small,.project-overview-meta,.progress-copy{color:var(--muted);font-size:.82rem}.project-overview-current small{display:flex;align-items:center;gap:8px}.project-overview-current .status-pill{padding:4px 8px;font-size:.68rem}.progress-track{height:7px;overflow:hidden;border-radius:999px;background:#0059991a}.progress-track>span{display:block;height:100%;border-radius:inherit;background:var(--brand)}.project-overview-status{display:flex;align-items:center;gap:8px;justify-content:space-between}.status-pill-archived{background:#6b7280;color:#fff}.row-arrow{color:var(--brand);font-size:1.25rem;font-weight:800}.mobile-field-label{display:none;color:var(--muted);font-size:.68rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.stat-card-attention .stat-value{color:var(--danger)}.company-admin-stack,.invitation-list,.organization-list{display:grid;gap:18px}.onboarding-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.onboarding-step{display:flex;align-items:center;gap:10px;padding:14px;border:1px solid var(--border);border-radius:16px;color:var(--muted);background:#ffffffb3}.onboarding-step-complete{color:var(--text);border-color:#2882573d;background:#28825712}.onboarding-step-number{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:999px;background:#00599917;color:var(--brand-dark);font-weight:800}.onboarding-step-complete .onboarding-step-number{background:#28825726;color:#1f6e49}.color-input-row{display:grid;grid-template-columns:58px 1fr;gap:10px}.color-input-row input[type=color]{min-height:46px;padding:4px}.invitation-form,.platform-organization-form{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(150px,.7fr) auto;gap:12px;align-items:end;margin-bottom:18px}.platform-organization-form{grid-template-columns:repeat(3,minmax(170px,1fr)) auto}.invitation-link-box{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(260px,1.5fr) auto;gap:12px;align-items:center;margin-bottom:18px;padding:16px;border-radius:18px;background:#0059990f}.invitation-row-actions{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end}.invitation-row,.organization-row{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--border);border-radius:18px;background:#ffffffbf}.organization-row{grid-template-columns:minmax(220px,1fr) auto auto auto}.status-pill-pending{background:#b575141f;color:#8a5a12}.status-pill-accepted{background:#2882571f;color:#1f6e49}.status-pill-revoked,.status-pill-expired,.status-pill-inactive{background:#6b728021;color:#5c6470}.invitation-accept-card{max-width:760px}.project-list-card,.task-list-card,.task-detail-card,.note-card,.user-card,.team-card,.file-card,.muted-card,.item-card{border-radius:22px;border:1px solid var(--border);background:#ffffffd6}.project-list-card{padding:18px;display:grid;gap:12px;text-align:left}.project-list-card-active{border-color:#0059996b;box-shadow:inset 0 0 0 1px #0059992e}.project-code{color:var(--muted);font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project-stats,.mini-stat-list,.meta-grid{flex-wrap:wrap}.project-stats span,.mini-stat-list div,.meta-grid div{padding:10px 12px;border-radius:14px;background:#0059990d}.task-list-card,.note-card,.team-card,.file-card,.muted-card{padding:18px}.task-detail-card{padding:20px;display:grid;gap:16px}.task-detail-header{display:flex;flex-direction:column;gap:14px;padding-bottom:14px;border-bottom:1px solid rgba(0,89,153,.08)}.task-header-main h3{margin:0 0 10px;font-size:1.25rem;color:var(--text)}.task-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:.9rem;color:var(--muted)}.task-meta-item{display:flex;align-items:center;gap:6px}.task-meta-item strong{font-weight:600;color:var(--text)}.priority-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.priority-high{background:#dc26261f;color:#dc2626}.priority-medium{background:#ea580c1f;color:#ea580c}.priority-low{background:#0059991a;color:var(--primary)}.task-actions{display:flex;align-items:center;gap:12px;justify-content:flex-start}.status-control{display:flex;align-items:center;gap:8px}.status-label{font-size:.9rem;font-weight:600;color:var(--text)}.status-select{padding:6px 32px 6px 12px;border:1px solid rgba(0,89,153,.2);border-radius:8px;font-size:.9rem;font-weight:500;background:#fff;color:var(--text);cursor:pointer;transition:all .15s ease}.status-select:hover:not(:disabled){border-color:#00599966;background:#00599905}.status-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0059991a}.status-select:disabled{opacity:.5;cursor:not-allowed}.delete-task-button{padding:6px 12px;border:1px solid rgba(220,38,38,.2);border-radius:8px;font-size:.85rem;font-weight:500;background:#fff;color:#dc2626;cursor:pointer;transition:all .15s ease}.delete-task-button:hover{background:#dc262614;border-color:#dc262666}.delete-task-button:active{transform:translateY(1px)}.edit-task-button{padding:6px 12px;border:1px solid rgba(0,89,153,.2);border-radius:8px;font-size:.85rem;font-weight:500;background:#fff;color:var(--primary);cursor:pointer;transition:all .15s ease}.edit-task-button:hover{background:#00599914;border-color:#00599966}.edit-task-button:active{transform:translateY(1px)}.inline-select-input{padding:4px 24px 4px 8px;border:1px solid rgba(0,89,153,.2);border-radius:6px;font-size:.85rem;background:#fff;cursor:pointer;transition:all .15s ease}.inline-select-input:hover{border-color:#00599966}.inline-select-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0059991a}.task-edit-form{display:grid;gap:16px;padding:20px;background:#00599908;border-radius:12px}.task-edit-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid rgba(0,89,153,.12)}.task-edit-header h4{margin:0;color:var(--text)}.inline-date-input{padding:4px 8px;border:1px solid rgba(0,89,153,.2);border-radius:6px;font-size:.85rem;background:#fff;cursor:pointer;transition:all .15s ease}.inline-date-input:hover{border-color:#00599966}.inline-date-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0059991a}.task-description{margin:0;padding:12px 16px;background:#00599908;border-radius:8px;font-size:.95rem;color:var(--muted);line-height:1.6}.detail-panel{min-height:740px}.project-workspace{display:grid}.detail-header{align-items:start;justify-content:space-between;margin-bottom:18px}.detail-header-actions{display:flex;align-items:start;justify-content:end;gap:12px}.detail-badges{flex-wrap:wrap;justify-content:end}.section-tabs{flex-wrap:wrap;margin-bottom:20px}.tab-button{min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(0,89,153,.12);background:#0059990a;color:var(--brand-dark);font-weight:700}.tab-button-active{background:var(--brand);color:#fff}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-grid{margin-top:18px}.meta-grid dt{color:var(--muted);font-size:.82rem}.mini-stat-list{margin-top:18px}.mini-stat-list div{display:grid;min-width:130px}.mini-stat-list strong{font-size:1.2rem}.item-grid{grid-template-columns:1fr}.item-card{padding:14px 16px;display:grid;grid-template-columns:minmax(220px,1.6fr) minmax(180px,1fr) auto;gap:12px;align-items:center}.item-card-paired{grid-template-columns:minmax(220px,1.4fr) minmax(220px,1fr) 110px auto}.muted-card{display:grid;gap:12px}.item-card-static{grid-template-columns:minmax(220px,1.3fr) 1fr}.item-card-full{grid-template-columns:1fr;grid-template-rows:auto auto auto}.item-card-full .item-label{margin:0}.item-card-full .item-input-wide{grid-column:1}.item-card-full .item-save-button{justify-self:start}.item-label{margin:0}.item-input{min-height:44px;margin:0}.item-input-wide{min-height:120px;resize:vertical}.item-input-checkbox{display:flex;align-items:center;min-height:44px;padding:0 14px;border-radius:16px;border:1px solid rgba(5,89,153,.14);background:#ffffffeb}.item-input-qty{max-width:110px}.item-save-button{min-width:130px}.field-label{font-size:.95rem}.read-only-field{min-height:46px;padding:12px 14px;border-radius:16px;border:1px solid rgba(5,89,153,.14);background:#0059990a;color:var(--muted);font-weight:500}.checkbox-row{align-items:center;font-weight:500;color:var(--muted)}.checkbox-row input{width:auto}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field-span-2{grid-column:1 / -1}.upload-form{align-items:end;flex-wrap:wrap}.add-step-form{display:flex;align-items:end;gap:16px;flex-wrap:wrap}.step-select{flex:1 1 320px}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.file-card{overflow:hidden}.file-image,.file-fallback,.image-placeholder{width:100%;aspect-ratio:4 / 3;border-radius:18px;object-fit:cover;background:linear-gradient(135deg,#00599914,#0059992e)}.file-fallback,.image-placeholder{display:flex;align-items:center;justify-content:center;color:var(--brand-dark);text-transform:uppercase;font-weight:700}.file-meta{display:grid;gap:6px;margin-top:12px}.file-card-actions{display:flex;justify-content:end;margin-top:6px}.file-name{font-weight:700}.team-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.team-assign-grid{padding:0 16px 16px;gap:12px;align-items:start}.team-picker-stack{display:grid;gap:8px;margin-top:4px}.team-picker-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.team-chip-list{display:flex;flex-wrap:wrap;gap:8px;min-height:36px}.team-chip{border:1px solid rgba(5,89,153,.18);border-radius:999px;background:#00599914;color:var(--brand-dark);padding:8px 12px;font-size:.92rem;font-weight:600;line-height:1;cursor:pointer}.team-chip:hover:not(:disabled){background:#00599924;border-color:#05599942}.team-chip:disabled{opacity:.6;cursor:not-allowed}.team-assign-actions{display:flex;justify-content:flex-start}.team-assign-grid .field-label{gap:6px}.team-assign-grid input,.team-assign-grid select{padding:9px 12px;border-radius:14px;min-height:40px}.team-assign-grid .button{min-height:40px;padding:0 14px}.templates-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:20px}.templates-sidebar{align-self:start}.template-actions{position:static;margin:0;padding:0;background:transparent;border-top:0}.template-step-form{display:grid;gap:16px;padding:18px;border-radius:22px;border:1px solid var(--border);background:#ffffffd6}.template-step-actions{display:flex;justify-content:end;gap:12px}.reorder-button{border:0;background:#00599914;color:var(--brand-dark);border:1px solid rgba(0,89,153,.12);border-radius:6px;width:24px;height:18px;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;transition:transform .15s ease,background .15s ease}.reorder-button:hover:not(:disabled){background:#00599924;transform:translateY(-1px)}.reorder-button:disabled{opacity:.3;cursor:not-allowed}.user-card{padding:16px;display:flex;justify-content:space-between;align-items:center;gap:14px}.empty-state{padding:24px;border-radius:22px;border:1px dashed rgba(0,89,153,.18);background:#ffffffb8}.tall-empty-state{min-height:420px;display:flex;align-items:center;justify-content:center;text-align:center}.error-banner{padding:14px 16px;border-radius:18px;background:#a33d3d1a;color:var(--danger);font-weight:700}.success-banner{padding:14px 16px;border-radius:18px;background:#2882571f;color:#1f6e49;font-weight:700}.preview-notice{background:#fff7ed;border:1px solid #fdba74;border-radius:10px;color:#9a3412;margin:0 0 16px;padding:12px 14px}.field-help{color:var(--muted-text);font-size:.8rem;font-weight:400}.analytics-summary{margin-bottom:16px}.analytics-events{display:flex;flex-wrap:wrap;gap:8px}.text-button{padding:4px 0;border:0;background:transparent;color:var(--brand-dark);font-weight:750;text-align:left;cursor:pointer}.manager-attention-panel{display:grid;gap:16px}.manager-attention-clear{display:flex;align-items:center;gap:14px}.manager-attention-clear-icon{display:grid;flex:0 0 42px;width:42px;height:42px;place-items:center;border-radius:999px;background:#21835f1f;color:var(--success);font-size:1.2rem;font-weight:800}.attention-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:3px}.attention-tab{display:flex;align-items:center;gap:8px;white-space:nowrap;padding:10px 13px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--muted);font-weight:750}.attention-tab span{display:grid;min-width:22px;height:22px;place-items:center;border-radius:999px;background:#00599914}.attention-tab-active{border-color:var(--brand);background:var(--brand);color:#fff}.attention-list{display:grid;overflow:hidden;border:1px solid var(--border);border-radius:18px}.attention-row{display:grid;grid-template-columns:minmax(220px,1.5fr) minmax(110px,.7fr) 100px auto 20px;gap:12px;align-items:center;padding:14px 16px;border:0;border-top:1px solid var(--border);background:#ffffffd1;color:var(--text);text-align:left}.attention-row:first-child{border-top:0}.attention-row>span:first-child{display:grid;gap:3px}.attention-row small{color:var(--muted)}.my-work-view,.my-work-list,.activity-layout,.activity-feed,.preference-list{display:grid;gap:18px}.my-work-hero,.my-work-card-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.my-work-count{display:grid;min-width:64px;height:64px;place-items:center;border-radius:22px;background:#00599914;color:var(--brand-dark);font-size:1.8rem}.my-work-card{display:grid;gap:16px}.quick-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.quick-status-button{min-height:44px;padding:8px;border:1px solid var(--border);border-radius:13px;background:#fff;color:var(--brand-dark);font-weight:750}.quick-status-button-active{border-color:var(--brand);background:var(--brand);color:#fff}.my-work-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;border-radius:16px;background:#0059990a}.my-work-note,.my-work-upload{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.my-work-upload{grid-template-columns:minmax(180px,1fr) minmax(160px,.8fr) auto}.activity-layout{grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr)}.preference-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px;border:1px solid var(--border);border-radius:16px}.preference-row span{display:grid;gap:3px}.preference-row small{color:var(--muted)}.preference-row input{width:22px;height:22px}.activity-event{display:grid;grid-template-columns:12px 1fr;gap:12px;align-items:start}.activity-dot{width:10px;height:10px;margin-top:5px;border-radius:999px;background:var(--brand)}.client-portal-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.client-portal-summary>div{display:grid;gap:7px;min-height:120px;align-content:center;padding:16px;border:1px solid var(--border);border-radius:18px;background:#0059990b}.client-portal-summary strong{color:var(--brand-dark);font-size:1.15rem}.client-portal-summary small{color:var(--muted)}.client-progress-card strong{font-size:1.8rem}.template-import-button{display:inline-flex;justify-content:center;cursor:pointer}.template-import-button input{display:none}.template-portability-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.platform-control-center{display:grid;gap:20px}.platform-hero{display:flex;align-items:center;justify-content:space-between;gap:28px}.platform-hero h1{margin:4px 0 8px}.platform-metrics{display:grid;grid-template-columns:repeat(3,minmax(110px,1fr));gap:10px}.platform-metrics span{padding:14px 18px;border:1px solid var(--border);border-radius:16px;background:var(--surface-soft);color:var(--muted);text-align:center}.platform-metrics strong{display:block;color:var(--brand-dark);font-size:1.45rem}.platform-create-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.25fr auto;gap:12px;align-items:end}.platform-company-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.platform-company-card{display:grid;gap:13px;padding:18px;border:1px solid var(--border);border-radius:18px;background:#fff}.platform-company-card-selected{border-color:var(--brand);box-shadow:0 0 0 3px #1261e81a}.platform-company-card h3{margin:0 0 4px}.platform-company-stats{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.platform-internal-card,.support-session-banner{display:flex;align-items:center;justify-content:space-between;gap:16px}.support-session-banner{position:sticky;z-index:40;top:10px;padding:12px 18px;border:1px solid #f0b65f;border-radius:16px;background:#fff4de;color:#774500;box-shadow:var(--shadow-soft)}.status-pill-warning{background:#fff0d2;color:#8b5000}@media(max-width:1180px){.dashboard-layout,.topbar,.brand{flex-direction:column;align-items:stretch}.dashboard-column,.detail-column{flex:1 1 auto}.detail-grid,.file-grid,.team-grid,.project-card-grid,.templates-layout{grid-template-columns:1fr}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-overview-head{display:none}.project-overview-row{grid-template-columns:minmax(180px,1.1fr) minmax(220px,1.4fr) minmax(140px,.8fr)}.mobile-field-label{display:block}.onboarding-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-organization-form,.platform-create-grid,.invitation-link-box{grid-template-columns:1fr 1fr}.activity-layout{grid-template-columns:1fr}.client-portal-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.platform-hero,.platform-internal-card,.support-session-banner{align-items:flex-start;flex-direction:column}.platform-metrics{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.platform-metrics span{padding:10px 6px;font-size:.75rem}.platform-create-grid,.platform-company-grid{grid-template-columns:1fr}.app-shell,.login-shell{padding:12px}.app-shell{padding-bottom:calc(92px + env(safe-area-inset-bottom))}.app-shell-client{padding-bottom:12px}.workspace{gap:12px;width:100%;min-width:0}.login-card,.panel{padding:16px;border-radius:20px}.credential-grid,.form-grid{grid-template-columns:1fr}.login-actions{justify-items:stretch}.login-actions .button{width:100%}.login-actions .text-button{justify-self:start}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:5px;overflow:hidden;border:1px solid var(--border);border-radius:20px;background:#ffffffe6;box-shadow:0 12px 36px #052f4e12}.stat-card{min-height:82px;padding:11px 13px;align-content:center;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.stat-card:nth-child(odd){border-right:1px solid var(--border)}.stat-card:nth-child(-n+2){border-bottom:1px solid var(--border)}.stat-value{font-size:1.65rem;line-height:1}.stat-label{font-size:.78rem}.onboarding-grid,.invitation-form,.platform-organization-form,.platform-create-grid,.invitation-link-box,.invitation-row,.organization-row,.attention-row,.my-work-items,.my-work-note,.my-work-upload,.quick-status-grid{grid-template-columns:1fr}.client-portal-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.client-portal-summary>div{min-height:108px;padding:14px}.quick-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.my-work-hero,.my-work-card-header{align-items:flex-start}.item-card,.item-card-static{grid-template-columns:1fr;align-items:stretch}.project-overview-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;padding:14px}.project-overview-job,.project-overview-current{grid-column:1 / -1}.project-overview-job small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-overview-job .project-code,.task-project-code,.project-detail-code,.attention-project-code,.my-work-card .project-code{display:none}.project-overview-current{padding:10px 0;border-block:1px solid var(--border)}.project-overview-current strong{font-size:1.04rem}.project-overview-progress{grid-column:1}.project-overview-row>.project-overview-meta:nth-child(3){display:none}.project-overview-row>.project-overview-meta:nth-child(5){grid-column:2;align-self:end;text-align:right}.project-overview-status{grid-column:1 / -1;justify-content:space-between}.row-arrow{margin-left:auto}.toolbar-form,.detail-header,.detail-header-actions,.task-detail-header,.upload-form{flex-direction:column;align-items:stretch}.modal-backdrop{z-index:90;padding:0}.modal-panel{width:100%;height:100dvh;max-height:100dvh;border-radius:0;padding-top:max(18px,env(safe-area-inset-top))}.modal-actions{flex-direction:column-reverse;bottom:-18px;margin:0 -18px -18px;padding:16px 18px 18px}.detail-badges{justify-content:start}.project-workspace,.detail-panel,.detail-header,.detail-header>div,.detail-grid,.muted-card{width:100%;max-width:100%;min-width:0}.detail-header h2,.detail-header .supporting-copy,.muted-card .supporting-copy,.meta-grid dd{overflow-wrap:anywhere;word-break:normal}.detail-header h2{font-size:1.65rem;line-height:1.08}.detail-header .supporting-copy{margin-top:5px;font-size:.92rem;line-height:1.35}.detail-header-actions{align-items:flex-start}.detail-header-actions .button{align-self:flex-start;min-height:40px;padding:0 14px;font-size:.84rem}.app-nav,.app-nav-tools,.add-step-form,.users-actions,.user-card{flex-direction:column;align-items:stretch}.topbar{flex-direction:row;align-items:center;gap:10px;margin-bottom:12px}.brand{flex-direction:row;align-items:center}.brand .eyebrow,.topbar-company-name{display:none}.topbar-actions{display:flex;flex:1;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px}.topbar-actions .toolbar-field{order:3;flex:0 0 100%}.user-chip{flex:0 0 42px;width:42px;min-width:42px;min-height:42px;padding:0;justify-content:center}.mobile-user-initials{display:inline;color:var(--brand-dark);font-size:.82rem;font-weight:800}.user-chip-name,.user-chip-role{display:none}.app-nav{display:none;position:static;gap:8px;padding:8px;background:#fffffff5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.app-nav-projects{display:flex}.app-nav-links{display:none}.app-nav-links::-webkit-scrollbar,.section-tabs::-webkit-scrollbar{display:none}.app-nav-button{flex:0 0 auto;min-height:42px;padding:0 15px;scroll-snap-align:start}.app-nav-tools-shell{display:block;width:100%}.app-nav-tools-summary{width:100%;min-height:42px;padding:0 14px;border:0;border-radius:14px;background:#1261e814;color:var(--brand-dark);font-weight:750;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;text-align:left}.app-nav-tools-summary:after{content:"+";font-size:1.2rem}.app-nav-tools-shell-open .app-nav-tools-summary:after{content:"−"}.app-nav-tools-summary span{margin-left:auto;color:var(--brand);font-size:.75rem}.app-nav-tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 4px 4px}.app-nav-tools-shell:not(.app-nav-tools-shell-open) .app-nav-tools{display:none}.app-search-field,.app-filter-field{min-width:0;grid-column:1 / -1}.section-tabs{display:none}.mobile-section-picker{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;margin-bottom:16px;padding:9px 10px 9px 14px;border:1px solid var(--border);border-radius:16px;background:#1261e80f;color:var(--brand-dark);font-size:.78rem;font-weight:800}.mobile-section-picker select{min-width:0;min-height:42px;padding:8px 36px 8px 12px;border-radius:12px;background-color:#fff;color:var(--brand-dark);font-weight:750}.panel-header{align-items:flex-start;flex-wrap:wrap;gap:10px}.projects-overview-panel .panel-header{flex-wrap:nowrap}.projects-overview-panel .panel-header>div{min-width:0}.projects-overview-panel .panel-header .supporting-copy{display:none}.manager-attention-clear{min-height:66px;padding:11px 14px}.manager-attention-clear h3{font-size:1rem}.manager-attention-clear .eyebrow{font-size:.68rem}.detail-panel{min-height:auto;overflow-x:hidden}.detail-grid{grid-template-columns:1fr}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;width:100%;min-width:0;margin-top:14px}.meta-grid div{min-width:0;padding:11px}.meta-grid dt{font-size:.72rem}.meta-grid dd{margin:3px 0 0;font-size:.88rem;line-height:1.3}.meta-grid-address{grid-column:1 / -1}.meta-grid select{max-width:100%}.task-list-card,.note-card,.team-card,.file-card,.muted-card,.task-detail-card{padding:16px;border-radius:18px}.attention-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}.attention-row>span:first-child{grid-column:1 / -1}.attention-row>span:nth-child(3):before{content:"Due ";color:var(--muted)}.attention-row>span:last-child{grid-column:2;grid-row:2 / span 2;align-self:center}input,select,textarea{min-height:46px;font-size:16px}.button{min-height:46px}.brand-logo{width:142px}.topbar-actions>.button{min-height:42px;padding:0 13px;font-size:.84rem}.mobile-bottom-nav{position:fixed;z-index:70;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:6px;border:1px solid var(--border);border-radius:22px;background:#fffffff5;box-shadow:0 14px 42px #052f4e33;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.mobile-bottom-nav button{min-width:0;min-height:54px;padding:5px 3px;border:0;border-radius:16px;background:transparent;color:var(--muted);display:grid;place-items:center;align-content:center;gap:1px;font-size:.68rem;font-weight:750}.mobile-bottom-nav button>span{color:currentColor;font-size:1.05rem;line-height:1}.mobile-bottom-nav .mobile-bottom-nav-active{background:var(--brand-soft);color:var(--brand)}.mobile-more-backdrop{position:fixed;z-index:65;inset:0;display:flex;align-items:flex-end;padding:16px 12px calc(82px + env(safe-area-inset-bottom));background:#071f3157;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.mobile-more-panel{width:100%;padding:18px;border:1px solid var(--border);border-radius:24px;background:#fff;box-shadow:0 18px 56px #052f4e3d}.mobile-more-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.mobile-more-close{width:42px;height:42px;border:0;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:1.5rem}.mobile-more-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mobile-more-grid button{min-height:54px;padding:10px;border:1px solid var(--border);border-radius:16px;background:#1261e80a;color:var(--brand-dark);font-weight:750}.mobile-more-grid .mobile-more-primary{grid-column:1 / -1;border-color:var(--brand);background:var(--brand);color:#fff}}@media(max-width:380px){.summary-grid,.client-portal-summary{grid-template-columns:1fr}}
