:root{color:#111;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;font:16px/145% Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}#root{min-height:100vh}:root{--page:#fff;--panel:#fff;--soft:#f4f6fa;--soft-blue:#e8f6fd;--line:#d7dce3;--line-dark:#c9ced8;--text:#111827;--muted:#5f6673;--blue:#005bc8;--blue-2:#0066d9;--red:#e51b2d;--shadow:0 5px 14px #0f172a14;color:var(--text);background:var(--page);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--page);margin:0}button,input,select{font:inherit}button{cursor:pointer}input[type=checkbox]{width:14px;height:14px;accent-color:var(--blue);margin:0}.loginShell{background:#f4f6fa;place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{border:1px solid var(--line);width:min(440px,100%);box-shadow:var(--shadow);background:#fff;border-radius:14px;gap:14px;padding:28px;display:grid}.loginCard p{color:var(--blue);margin:0;font-weight:850}.loginCard h1{margin:0;font-size:24px;line-height:1.15}.loginCard span{color:var(--muted);font-size:14px}.errorBanner{color:#b91c1c;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px;padding:10px 12px;font-size:13px}.toast,.errorToast{z-index:100;box-shadow:var(--shadow);border-radius:10px;padding:10px 13px;font-size:13px;font-weight:750;position:fixed;top:14px;right:18px}.toast{color:#047857;background:#ecfdf3;border:1px solid #bbf7d0}.errorToast{color:#b91c1c;background:#fff1f2;border:1px solid #fecdd3}.loadingBar{z-index:101;background:linear-gradient(90deg, var(--blue), #7dd3fc, var(--blue));background-size:200% 100%;height:3px;animation:.8s linear infinite loadingSlide;position:fixed;top:0;left:0;right:0}@keyframes loadingSlide{to{background-position:-200% 0}}.selectionApp{background:#fff;grid-template-columns:74px 248px minmax(0,1fr);min-height:100vh;display:grid}.globalMenu{color:#dbe4f0;background:#111827;border-right:1px solid #1f2937;flex-direction:column;align-items:stretch;gap:10px;min-height:100vh;padding:9px 7px;display:flex}.menuToggle{color:#fff;background:#0b1220;border:1px solid #ffffff1f;border-radius:9px;width:100%;height:38px;font-size:18px;font-weight:800}.moduleNav{gap:5px;display:grid}.moduleNav button{color:#cbd5e1;background:0 0;border:0;border-radius:9px;place-items:center;gap:3px;min-height:54px;padding:7px 4px;display:grid}.moduleNav button:hover{color:#fff;background:#ffffff14}.moduleNav button.active{color:var(--blue);box-shadow:inset 3px 0 0 var(--blue);background:#eaf4ff}.moduleNav span{font-size:17px;font-weight:850;line-height:1}.moduleNav small{text-overflow:ellipsis;max-width:58px;color:inherit;text-align:center;font-size:9px;font-weight:750;line-height:1.05;overflow:hidden}.jobSidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.companyHeader{color:#1d2430;align-items:center;min-height:42px;padding:10px 13px 8px;font-size:14px;font-weight:750;display:flex}.projectCard{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:8px;margin:6px 10px 12px;padding:12px 12px 12px 17px;position:relative;overflow:hidden}.projectCard:before{content:"";background:var(--red);width:6px;position:absolute;top:0;bottom:0;left:0}.projectStatusRow{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.statusPill{height:22px;color:var(--blue);background:#eaf4ff;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:750;display:inline-flex}.projectIcons{gap:5px;display:flex}.projectIcons button{color:#687081;background:#fff;border:1px solid #d4d9e0;border-radius:6px;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.projectCard h2{white-space:nowrap;text-overflow:ellipsis;color:#151a23;margin:0 0 7px;font-size:14px;line-height:1.25;overflow:hidden}.projectCard p{color:#454c58;margin:2px 0;font-size:12.5px;line-height:1.35}.jobControls{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 10px 10px;display:grid}.segmentedTabs{border:1px solid var(--line);background:#f1f3f7;border-radius:9px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.segmentedTabs button{color:#56606e;background:0 0;border:0;border-radius:7px;height:30px;font-size:13px;font-weight:700}.segmentedTabs button.active{color:var(--text);background:#fff;box-shadow:0 1px 4px #0f172a1f}.newJobButton{background:var(--blue-2);color:#fff;border:0;border-radius:8px;height:36px;padding:0 12px;font-size:13px;font-weight:800}.sidebarSearchRow{grid-template-columns:minmax(0,1fr) 32px 32px;gap:7px;padding:0 10px 9px;display:grid}.searchBox{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 9px;display:flex}.searchBox input{width:100%;min-width:0;color:var(--text);border:0;outline:none;font-size:13px}.searchBox span{color:#6f7682;font-size:15px}.iconButton{border:1px solid var(--line);color:#4b5563;background:#fff;border-radius:8px;height:34px;font-size:13px;font-weight:800;position:relative}.iconButton small{background:var(--blue-2);color:#fff;border-radius:999px;place-items:center;width:15px;height:15px;font-size:10px;display:grid;position:absolute;top:-5px;right:-5px}.jobList{flex:1;align-content:start;gap:2px;padding:0 9px 14px;display:grid;overflow:auto}.jobList button{color:#303743;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:7px;width:100%;min-height:31px;padding:7px 9px;font-size:13px;line-height:1.2;overflow:hidden}.jobList button:hover{background:#f4f6fa}.jobList button.active{background:var(--soft-blue);color:#142131;font-weight:750}.emptyState{color:var(--muted);margin:8px 9px;font-size:12px}.sidebarCollapsed{grid-template-columns:74px minmax(0,1fr)}.selectionMain{background:#fff;flex-direction:column;min-width:0;min-height:100vh;display:flex;position:relative}.collapseButton{z-index:3;border:1px solid var(--line);color:#636b77;background:#fff;border-radius:999px;width:28px;height:28px;font-size:20px;line-height:1;position:absolute;top:67px;left:-15px;box-shadow:0 2px 8px #0f172a1f}.selectionHeader{padding:18px 30px 7px}.selectionHeader p{color:#596171;margin:0 0 5px;font-size:12.5px;font-weight:600}.selectionHeader h1{color:#0f172a;margin:0;font-size:23px;font-weight:750;line-height:1.15}.viewTabs{border-bottom:1px solid var(--line);align-items:flex-end;gap:24px;min-height:43px;padding:0 30px;display:flex}.viewTabs button{color:#222936;background:0 0;border:0;border-bottom:3px solid #0000;height:43px;font-size:14px;font-weight:650}.viewTabs button.active{color:var(--blue);border-bottom-color:var(--blue)}.selectionToolbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:8px 30px;display:flex}.toolbarLeft{flex-wrap:wrap;gap:8px;display:flex}.toolbarLeft button,.primaryButton,.viewSelector button,.paginationControls button{border:1px solid var(--line-dark);color:#242b36;background:#fff;border-radius:7px;height:32px;padding:0 11px;font-size:13px;font-weight:650}.toolbarLeft button span,.viewSelector span,.paginationControls span span{color:#6b7280}.toolbarLeft button.active,.iconButton.active{color:var(--blue);background:#eaf4ff;border-color:#9bc5ff}.primaryButton{border-color:var(--blue-2);background:var(--blue-2);color:#fff;font-weight:800}.primaryButton:disabled{opacity:.65;cursor:wait}.modeNotice{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;min-width:940px;margin:10px 0;padding:9px 11px;font-size:13px;font-weight:650}.selectionTableShell{background:#fff;flex:1;min-height:0;padding:0 30px;overflow:auto}.selectionTable{border-left:1px solid var(--line-dark);border-right:1px solid var(--line-dark);min-width:940px;margin-top:0}.selectionTableHeader,.selectionGroupRow,.selectionChildRow,.tableTotalRow{grid-template-columns:28px 38px minmax(240px,1.3fr) 120px 130px 110px 130px 105px 90px;align-items:center;display:grid}.selectionTableHeader{border-bottom:1px solid var(--line-dark);color:#2f3744;background:#f3f5f9;min-height:35px;font-size:12px;font-weight:800}.selectionTableHeader>span,.selectionGroupRow>span,.selectionGroupRow>strong,.selectionChildRow>span,.selectionChildRow>strong,.tableTotalRow>span,.tableTotalRow>strong{border-right:1px solid var(--line-dark);align-items:center;min-width:0;height:100%;padding:0 9px;display:flex}.selectionTableHeader>span:last-child,.selectionGroupRow>span:last-child,.selectionChildRow>span:last-child,.tableTotalRow>span:last-child{border-right:0}.caretColumn{padding:0!important}.checkboxColumn{justify-content:center;padding:0!important}.selectionGroupRow{border:0;border-bottom:1px solid var(--line-dark);background:var(--soft);color:#26303d;text-align:left;border-radius:0;width:100%;min-height:35px;padding:0;font-size:13px}.selectionGroupRow:hover{background:#eef2f8}.selectionGroupRow strong{white-space:nowrap;text-overflow:ellipsis;font-weight:750;overflow:hidden}.blueCaret{color:var(--blue);justify-content:center;font-size:12px;transition:transform .15s;padding:0!important}.blueCaret.open{transform:rotate(90deg)}.selectionChildRow{border-bottom:1px solid var(--line-dark);color:#2f3744;background:#fff;min-height:35px;font-size:12.5px}.selectionChildRow:hover{background:#f8fbff}.selectionChildRow strong{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.statusBadge{color:#344054;background:#edf2f7;border:0;border-radius:999px;align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.deleteMini{color:#b91c1c;background:#fff;border:1px solid #fecdd3;border-radius:6px;padding:3px 7px;font-size:11px;font-weight:750}.statusBadge.overdue{color:#b91c1c;background:#fff1f2}.statusBadge.pending,.statusBadge.open,.statusBadge.due{color:var(--blue);background:#eaf4ff}.statusBadge.selected,.statusBadge.approved,.statusBadge.submitted{color:#047857;background:#ecfdf3}.statusBadge.pricing{color:#b45309;background:#fffbeb}.tableTotalRow{border-bottom:1px solid var(--line-dark);background:var(--soft);min-height:35px;font-size:13px}.tableTotalRow strong{color:#111827;justify-content:center;font-size:14px}.moduleScreen{background:#fff;flex:1;min-height:0;padding:18px 30px 30px;overflow:auto}.moduleToolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.moduleToolbar h2{color:#17202c;margin:0 auto 0 0;font-size:18px}.moduleToolbar button,.rowActions button{border:1px solid var(--line-dark);color:#242b36;background:#fff;border-radius:7px;min-height:30px;padding:0 10px;font-size:12.5px;font-weight:700}.metricGrid{grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;margin-bottom:16px;display:grid}.metricCard{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:14px}.metricCard span{color:var(--muted);font-size:12px;font-weight:750;display:block}.metricCard strong{color:#0f172a;margin-top:6px;font-size:25px;display:block}.multiPanel{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:16px;display:grid}.subPanel{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:14px}.moduleTableShell h3{color:#17202c;margin:0 0 8px;font-size:14px}.moduleTable{border:1px solid var(--line-dark);border-radius:8px;min-width:620px;overflow:hidden}.moduleTableHeader,.moduleTableRow{grid-template-columns:repeat(var(--cols,4), minmax(120px, 1fr)) minmax(170px, .8fr);align-items:center;display:grid}.moduleTableHeader{color:#2f3744;background:#f3f5f9;min-height:34px;font-size:12px;font-weight:850}.moduleTableRow{border-top:1px solid var(--line);color:#2f3744;min-height:39px;font-size:12.5px}.moduleTableHeader span,.moduleTableRow span{text-overflow:ellipsis;white-space:nowrap;border-right:1px solid var(--line);min-width:0;padding:8px 10px;overflow:hidden}.moduleTableHeader span:last-child,.moduleTableRow span:last-child{border-right:0}.rowActions{flex-wrap:wrap;gap:7px;display:flex}.selectionFooter{border-top:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding:9px 30px;display:flex}.viewSelector,.paginationControls{align-items:center;gap:8px;display:flex}.moreButton{width:36px;padding:0!important}.paginationControls{color:#4b5563;font-size:13px}.paginationControls button{min-width:32px;padding:0 9px}.paginationControls button:disabled{color:#a7adb8;cursor:not-allowed;background:#f6f7f9}.paginationControls .pageButton{color:#17202c;background:#fff;border-color:#aeb6c2}.paginationControls .nextButton{color:var(--blue);border-color:#b7c9e5}@media (width<=980px){.selectionApp{grid-template-columns:1fr}.globalMenu{border-bottom:1px solid #1f2937;border-right:0;flex-direction:row;min-height:auto;overflow-x:auto}.menuToggle{flex:0 0 46px;width:46px}.moduleNav{gap:5px;display:flex}.moduleNav button{flex:0 0 66px;width:66px}.jobSidebar{border-right:0;border-bottom:1px solid var(--line);min-height:auto;max-height:48vh}.collapseButton{display:none}.selectionToolbar,.selectionFooter{flex-direction:column;align-items:flex-start}.metricGrid,.multiPanel{grid-template-columns:1fr}.moduleScreen{padding:14px}.paginationControls{flex-wrap:wrap}}.appShell{background:radial-gradient(circle at 96% 0,#d7192024,#0000 28%),linear-gradient(#fff 0%,#f4f4f4 45%,#eee 100%);grid-template-columns:292px minmax(0,1fr);min-height:100vh;display:grid}.appShell .sidebar{color:#fff;background:#050505;border-right:1px solid #ffffff1a;height:100vh;padding:24px 18px;position:sticky;top:0;overflow-y:auto}.appShell .brandBlock{align-items:center;gap:12px;padding:8px 6px 22px;display:flex}.appShell .brandMark{color:#fff;background:#d71920;border-radius:16px;place-items:center;width:48px;height:48px;font-size:1.35rem;font-weight:950;display:grid;box-shadow:0 16px 38px #d7192052}.appShell .brandBlock strong{letter-spacing:-.03em;font-size:1.1rem;display:block}.appShell .brandBlock span{color:#bdbdbd;font-size:.83rem;display:block}.appShell .navList{gap:5px;display:grid}.appShell .navItem{color:#d7d7d7;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:13px;justify-content:space-between;align-items:center;width:100%;padding:11px 12px;font-weight:850;transition:background .16s,color .16s,transform .16s;display:flex}.appShell .navItem:hover{color:#fff;background:#ffffff14;transform:translate(2px)}.appShell .navItem.active{color:#fff;background:#d71920;box-shadow:0 14px 28px #d7192040}.appShell .navItem small{color:#fff;text-transform:uppercase;background:#ffffff1f;border-radius:999px;padding:3px 7px;font-size:.66rem}.appShell .workspace{min-width:0;padding:34px 42px 56px}.appShell .topbar{background:#fffffff0;border:1px solid #e7e7e7;border-radius:34px;justify-content:space-between;align-items:flex-start;gap:24px;max-width:1320px;margin:0 auto 18px;padding:34px;display:flex;position:relative;overflow:hidden;box-shadow:0 22px 70px #00000014}.appShell .topbar:after{content:"";opacity:.09;background:#d71920;border-radius:50%;width:320px;height:320px;position:absolute;bottom:-120px;right:-80px}.appShell .eyebrow{color:#d71920;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-size:.74rem;font-weight:950}.appShell h1,.appShell h2,.appShell h3{color:#050505}.appShell h1{letter-spacing:-.07em;max-width:860px;margin:0;font-size:clamp(2.15rem,4vw,4.6rem);line-height:.95}.appShell .heroCopy{color:#444;max-width:790px;margin:18px 0 0;font-size:1rem;line-height:1.65}.appShell .topActions{z-index:1;flex-wrap:wrap;justify-content:flex-end;gap:10px;min-width:220px;display:flex;position:relative}.appShell .topActions button,.appShell .primaryButton,.appShell .saveButton{color:#fff;cursor:pointer;background:#050505;border:0;border-radius:999px;padding:12px 16px;font-weight:950}.appShell .liveBadge,.appShell .countPill{color:#950c12;background:#fff1f2;border-radius:999px;align-items:center;padding:8px 11px;font-size:.78rem;font-weight:950;display:inline-flex}.appShell .noticeStack,.appShell .contentStack{max-width:1320px;margin-left:auto;margin-right:auto}.appShell .noticeStack{gap:10px;margin-bottom:18px;display:grid}.appShell .notice{border-radius:16px;margin:0;padding:13px 15px;font-size:.9rem;line-height:1.45}.appShell .notice.success{color:#176b35;background:#f0fff4}.appShell .notice.error{color:#950c12;background:#fff0f0}.appShell .contentStack{gap:20px;display:grid}.appShell .moduleScreen{background:0 0;min-height:0;padding:0;overflow:visible}.appShell .moduleToolbar{background:#fff;border:1px solid #e7e7e7;border-radius:24px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;padding:18px;display:flex;box-shadow:0 14px 38px #0000000f}.appShell .moduleToolbar h2{letter-spacing:-.03em;margin:0 auto 0 0;font-size:1.15rem}.appShell .moduleToolbar button,.appShell .rowActions button{color:#151515;background:#fff;border:1px solid #e7e7e7;border-radius:999px;min-height:34px;padding:0 13px;font-size:.8rem;font-weight:900}.appShell .moduleToolbar .primaryButton{color:#fff;background:#050505;border-color:#050505}.appShell .metricGrid{grid-template-columns:repeat(5,minmax(130px,1fr));gap:14px;margin-bottom:20px;display:grid}.appShell .metricCard,.appShell .moduleTableShell,.appShell .subPanel{background:#fff;border:1px solid #e7e7e7;border-radius:28px;box-shadow:0 16px 44px #00000012}.appShell .metricCard{min-height:126px;padding:20px}.appShell .metricCard span{color:#686868;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:950;display:block}.appShell .metricCard strong{color:#050505;letter-spacing:-.06em;margin-top:16px;font-size:clamp(1.7rem,3vw,2.6rem);display:block}.appShell .moduleTableShell{padding:24px;overflow-x:auto}.appShell .moduleTableShell h3{margin:0 0 14px;font-size:1rem}.appShell .moduleTable{border:1px solid #e7e7e7;border-radius:18px;min-width:620px;overflow:hidden}.appShell .moduleTableHeader{color:#fff;background:#050505;min-height:40px;font-size:.78rem;font-weight:950}.appShell .moduleTableRow{color:#333;background:#fff;border-top:1px solid #e7e7e7;min-height:46px;font-size:.86rem}.appShell .moduleTableHeader span,.appShell .moduleTableRow span{border-right:1px solid #e7e7e7;padding:10px 12px}.appShell .multiPanel{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:18px;display:grid}.appShell .subPanel{min-width:0;padding:20px}.appShell .deleteMini{color:#b91c1c!important;background:#fff1f2!important;border-color:#fecdd3!important}@media (width<=980px){.appShell{grid-template-columns:1fr}.appShell .sidebar{height:auto;position:relative}.appShell .workspace{padding:22px}.appShell .topbar{border-radius:24px;flex-direction:column}.appShell .metricGrid,.appShell .multiPanel{grid-template-columns:1fr}}.workflowGrid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;width:100%;display:grid}.widePanel{grid-column:1/-1}.notice{color:#555;background:#f3f3f3;border-radius:999px;padding:8px 12px;font-size:.82rem;font-weight:800}
