:root{color-scheme:dark;--bg:#0d0d0d;--bg-elevated:#121212;--surface:rgba(23,23,23,0.92);--surface-strong:#171717;--surface-soft:rgba(255,255,255,0.03);--line:#27272a;--line-strong:rgba(212,175,55,0.26);--text:#f7f3e8;--muted:#a1a1aa;--accent:#d4af37;--accent-soft:rgba(212,175,55,0.15);--accent-strong:#f2d271;--ok:#3fb980;--danger:#f05252;--shadow:0 30px 80px rgba(0,0,0,0.42)}*{box-sizing:border-box}html{background:radial-gradient(circle at top left,rgba(212,175,55,.16),transparent 28%),radial-gradient(circle at top right,rgba(255,255,255,.05),transparent 22%),linear-gradient(180deg,#0b0b0b,#101011 50%,#0c0c0d)}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,Segoe UI,sans-serif;background:radial-gradient(circle at 15% 20%,rgba(212,175,55,.08),transparent 20%),radial-gradient(circle at 90% 15%,rgba(255,255,255,.05),transparent 15%),linear-gradient(180deg,rgba(12,12,13,.98),rgba(10,10,10,1))}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 0);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent);mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent)}button,input,select{font:inherit}h1,h2,h3{font-family:Space Grotesk,Inter,sans-serif;letter-spacing:-.03em;margin:0}p{margin:0}.shell{max-width:1440px;margin:0 auto;padding:28px}.shellCentered{min-height:100vh;display:grid;align-items:center}.dashboardGrid{display:grid;grid-template-columns:300px minmax(0,1fr);grid-gap:22px;gap:22px}.contentCard,.heroPanel,.loginCard,.loginHero,.metricCard,.noticeCard,.sidebarPanel,.spotlightPanel{border:1px solid var(--line);background:linear-gradient(180deg,rgba(23,23,23,.96),rgba(15,15,15,.96));box-shadow:var(--shadow)}.contentCard,.heroPanel,.loginCard,.noticeCard,.sidebarPanel,.spotlightPanel{border-radius:28px}.sidebarPanel{min-height:calc(100vh - 56px);padding:24px;position:-webkit-sticky;position:sticky;top:28px;display:grid;grid-template-rows:auto 1fr auto;grid-gap:24px;gap:24px}.contentStack,.mainColumn,.sidebarFooter,.sidebarTop{display:grid;grid-gap:18px;gap:18px}.sidebarTitle{font-size:2rem}.brandBadge{display:inline-flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:7px 12px;border-radius:999px;background:var(--accent-soft);border:1px solid var(--line-strong);color:var(--accent-strong);font-size:.82rem;font-weight:600;letter-spacing:.14em}.brandBadge,.eyebrow{text-transform:uppercase}.eyebrow{color:var(--accent);letter-spacing:.18em;font-size:.75rem;font-weight:700}.mutedText{color:var(--muted);line-height:1.6}.sidebarNav{display:grid;grid-gap:10px;gap:10px;align-content:start}.navCard{text-align:left;display:grid;grid-template-columns:44px 1fr;grid-template-areas:"icon label" "icon desc";grid-column-gap:12px;column-gap:12px;grid-row-gap:4px;row-gap:4px;width:100%;padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.05);color:var(--text);background:rgba(255,255,255,.02);cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.navCard:hover{transform:translateY(-1px)}.navCard.active,.navCard:hover{border-color:var(--line-strong)}.navCard.active{background:linear-gradient(135deg,rgba(212,175,55,.16),rgba(255,255,255,.03))}.navIcon{grid-area:icon;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);transition:background .16s ease,border-color .16s ease,transform .16s ease}.navCard.active .navIcon,.navCard:hover .navIcon{background:linear-gradient(135deg,rgba(212,175,55,.22),rgba(212,175,55,.08));border-color:var(--line-strong);transform:translateY(-1px)}.navIcon svg{width:20px;height:20px;stroke:var(--accent);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.navLabel{grid-area:label;font-family:Space Grotesk,Inter,sans-serif;font-size:1rem}.navDescription,.userChip p{grid-area:desc;color:var(--muted);font-size:.84rem}.userChip{display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.04)}.profileSeal,.userInitials{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#8f7321);color:#111;font-family:Space Grotesk,Inter,sans-serif;font-weight:700;font-size:1.05rem}.mainColumn{min-width:0}.heroPanel{padding:28px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.9fr);grid-gap:18px;gap:18px;overflow:hidden;position:relative}.heroPanel:after,.loginHero:after,.spotlightPanel:after{content:"";position:absolute;inset:auto -80px -80px auto;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.22),transparent 62%);pointer-events:none}.heroCopy{display:grid;grid-gap:10px;gap:10px}.heroCopy h2,.loginBrand h1,.spotlightPanel h1{font-size:clamp(2rem,4vw,3.4rem);line-height:.98}.heroMetrics,.metricRail{display:grid;grid-gap:12px;gap:12px}.heroMetrics{grid-template-columns:repeat(3,1fr)}.metricRail{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metricCard{border-radius:20px;padding:16px 18px;display:grid;grid-gap:10px;gap:10px;min-height:104px}.metricCard span{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.73rem;font-weight:700}.metricCard strong{font-size:1.24rem;font-family:Space Grotesk,Inter,sans-serif}.metricCard.accent{border-color:var(--line-strong);background:linear-gradient(180deg,rgba(212,175,55,.14),rgba(23,23,23,.98))}.contentCard,.contentStack{display:grid;grid-gap:18px;gap:18px}.contentCard{padding:24px}.cardHeader,.profileHero,.sectionHeading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cardHeader h2,.sectionHeading h3{font-size:1.6rem}.formGrid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:end}.reportControls{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.stackForm{display:grid;grid-gap:14px;gap:14px}.authModeToggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;padding:6px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}.authModeButton{min-height:48px;border-radius:14px;background:transparent;color:var(--muted);border-color:transparent;font-weight:700}.authModeButton.active{color:#111;background:linear-gradient(135deg,var(--accent),#8e7426);border-color:rgba(255,255,255,.08)}.authModeHint{color:var(--muted);font-size:.84rem;line-height:1.55}.field{display:grid;grid-gap:8px;gap:8px;color:var(--muted);font-size:.85rem}.field span{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700}input,select{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:var(--text);padding:14px;outline:none;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}input:focus,select:focus{border-color:var(--line-strong);box-shadow:0 0 0 4px rgba(212,175,55,.12);background:rgba(255,255,255,.04)}button{border-radius:16px;border:1px solid transparent;padding:14px 16px;cursor:pointer;transition:transform .16s ease,opacity .16s ease,background .16s ease,border-color .16s ease}button:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.primaryButton{background:linear-gradient(135deg,var(--accent),#8e7426);color:#111;font-weight:700;border-color:rgba(255,255,255,.1)}.primaryButton:hover{background:linear-gradient(135deg,#e3c35a,#9c7e28)}.ghostButton{background:rgba(255,255,255,.02);color:var(--text);border-color:rgba(255,255,255,.08)}.ghostButton:hover{background:rgba(255,255,255,.05)}.noticeCard{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.noticeCard strong{display:block;margin-bottom:4px}.noticeCard p{color:var(--muted)}.noticeCard.danger{border-color:rgba(240,82,82,.35);background:linear-gradient(180deg,rgba(90,22,22,.42),rgba(22,14,14,.96))}.noticeCard.danger p,.noticeCard.danger strong{color:#ffd6d6}.noticeCard.compact{padding:14px 16px}.tableShell{overflow:auto;border-radius:22px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.015)}.reportTableShell{border-color:var(--line-strong)}.aggregateTableShell{border-color:rgba(255,255,255,.08)}.dataTable{width:100%;min-width:860px;border-collapse:collapse}.dataTable thead th{color:var(--accent);font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;font-weight:700;background:rgba(255,255,255,.02)}.dataTable td,.dataTable th{padding:16px;border-bottom:1px solid rgba(255,255,255,.05);text-align:left;vertical-align:middle}.dataTable tbody tr:hover{background:rgba(255,255,255,.025)}.dataTable tfoot td{border-top:1px solid var(--line-strong);border-bottom:none;background:rgba(212,175,55,.06)}.timesheetWrap{display:grid;grid-gap:14px;gap:14px}.timesheetCaption{display:grid;grid-gap:8px;gap:8px}.timesheetCaption h4{margin:0;font-family:Space Grotesk,Inter,sans-serif;font-size:1.2rem}.timesheetShell{background:rgba(11,11,11,.88)}.timesheetExecutiveGrid{display:block}.timesheetBoard,.timesheetInspectorCard{border-radius:24px;border:1px solid rgba(212,175,55,.16);background:linear-gradient(180deg,rgba(18,18,18,.98),rgba(10,10,10,.98));box-shadow:var(--shadow)}.timesheetBoard{padding:18px;display:grid;grid-gap:16px;gap:16px}.timesheetBoardToolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.inspectorHints,.timesheetBoardLegend,.timesheetBoardMeta{display:flex;flex-wrap:wrap;gap:8px}.timesheetBoardLegend span,.timesheetBoardMeta span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.legendSwatch{width:10px;height:10px;border-radius:999px;display:inline-block}.legendSwatch.low{background:rgba(212,175,55,.18)}.legendSwatch.mid{background:rgba(212,175,55,.38)}.legendSwatch.high{background:rgba(212,175,55,.68)}.timesheetGridShell{overflow:auto;border-radius:20px;border:1px solid rgba(255,255,255,.05);background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,.01)),rgba(5,5,5,.55)}.timesheetGrid{display:grid;grid-template-columns:150px repeat(var(--timesheet-cols,1),minmax(130px,1fr));min-width:max-content}.timesheetCellCard,.timesheetDateCol,.timesheetGridCorner,.timesheetSummaryCell,.timesheetSummaryLabel,.timesheetWorkerHead{min-height:92px;border-right:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.timesheetGridCorner,.timesheetWorkerHead{position:-webkit-sticky;position:sticky;top:0;z-index:2;background:linear-gradient(180deg,rgba(22,22,22,.99),rgba(16,16,16,.99));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.timesheetGridCorner{left:0;z-index:3;padding:16px;display:grid;align-content:center;grid-gap:6px;gap:6px}.timesheetGridCorner strong{font-family:Space Grotesk,Inter,sans-serif;font-size:1rem}.timesheetWorkerHead{padding:14px 14px 16px;display:grid;grid-gap:8px;gap:8px;align-content:center}.timesheetWorkerHead span{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.timesheetWorkerHead strong{font-family:Space Grotesk,Inter,sans-serif;font-size:.95rem;line-height:1.15}.timesheetDateCol{position:-webkit-sticky;position:sticky;left:0;z-index:1;padding:14px;display:grid;align-content:center;grid-gap:6px;gap:6px;background:linear-gradient(180deg,rgba(18,18,18,.98),rgba(14,14,14,.98))}.timesheetDateCol span{color:var(--text);font-weight:700;font-size:.96rem}.timesheetDateCol strong{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.timesheetSummaryLabel{position:-webkit-sticky;position:sticky;left:0;z-index:1;padding:14px;display:grid;align-content:center;grid-gap:6px;gap:6px;background:linear-gradient(180deg,rgba(28,24,12,.98),rgba(18,18,18,.98))}.timesheetSummaryLabel strong{font-family:Space Grotesk,Inter,sans-serif;font-size:.98rem}.timesheetSummaryCell{padding:14px;display:grid;align-content:center;grid-gap:8px;gap:8px;background:linear-gradient(180deg,rgba(212,175,55,.12),rgba(255,255,255,.02))}.timesheetSummaryCell span{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}.timesheetSummaryCell strong{font-family:Space Grotesk,Inter,sans-serif;font-size:1.12rem;color:var(--accent-strong)}.timesheetCellCard{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left;padding:14px 14px 12px;display:grid;grid-gap:10px;gap:10px;align-content:space-between;background:rgba(255,255,255,.015);color:var(--text);border-radius:0;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.timesheetCellCard:hover{background:rgba(255,255,255,.045)}.timesheetCellCard.empty{color:var(--muted);background:rgba(255,255,255,.012)}.timesheetCellCard.light{background:linear-gradient(180deg,rgba(212,175,55,.08),rgba(255,255,255,.02))}.timesheetCellCard.medium{background:linear-gradient(180deg,rgba(212,175,55,.14),rgba(255,255,255,.02))}.timesheetCellCard.dense{background:linear-gradient(180deg,rgba(212,175,55,.24),rgba(212,175,55,.08));box-shadow:inset 0 0 0 1px rgba(212,175,55,.16)}.timesheetCellCard.selected{outline:1px solid rgba(242,210,113,.75);outline-offset:-1px;box-shadow:inset 0 0 0 1px rgba(242,210,113,.35),0 0 0 4px rgba(212,175,55,.08)}.cellShift{font-family:Space Grotesk,Inter,sans-serif;font-size:1.08rem;font-weight:700;color:var(--text)}.cellHours{color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}.timesheetDrawerBackdrop{position:fixed;inset:0;z-index:39;border:0;padding:0;background:rgba(0,0,0,.46);cursor:pointer}.timesheetDrawer{position:fixed;top:24px;right:24px;bottom:24px;width:min(380px,calc(100vw - 32px));z-index:40}.timesheetInspectorCard{height:100%;padding:18px;display:grid;align-content:start;grid-gap:16px;gap:16px}.timesheetInspectorCard h5{margin:0;font-family:Space Grotesk,Inter,sans-serif;font-size:1.25rem}.timesheetDrawerHead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.inspectorStats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px;gap:10px}.inspectorStats div{padding:14px;border-radius:18px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.025);display:grid;grid-gap:6px;gap:6px}.inspectorStats span{color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.inspectorStats strong{font-family:Space Grotesk,Inter,sans-serif;font-size:1.15rem}.timesheetTable{width:max-content;min-width:100%;border-collapse:collapse;table-layout:fixed;color:var(--text);font-size:.82rem}.timesheetTable td{min-width:72px;padding:10px 8px;border-right:1px solid rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.04);white-space:nowrap;text-align:center}.timesheetTable tr td:first-child,.timesheetTable tr td:nth-child(2){min-width:34px}.timesheetTable tr td:nth-child(3){min-width:122px;text-align:left}.timesheetTitleRow{font-family:Space Grotesk,Inter,sans-serif;font-size:.88rem;color:var(--accent-strong);background:rgba(212,175,55,.08)}.timesheetHeaderRow{color:var(--accent);font-weight:700;background:rgba(255,255,255,.03)}.timesheetFilledCell{color:#ffe7a0;background:rgba(212,175,55,.14);font-weight:700}.timesheetMutedCell{color:var(--muted)}.tableIdentity{display:grid;grid-gap:4px;gap:4px}.tableIdentity strong{font-size:.98rem}.tableIdentity span{color:var(--muted);font-size:.78rem;word-break:break-all}.statusPill{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.statusPill.ok{color:#c8ffe5;background:rgba(63,185,128,.18);border:1px solid rgba(63,185,128,.24)}.statusPill.muted{color:#d4d4d8;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.07)}.statusControl{display:grid;grid-gap:10px;gap:10px}.profileCard{gap:24px}.profileHero{align-items:center;justify-content:flex-start}.profileSeal{width:72px;height:72px;border-radius:24px;font-size:1.4rem}.profileGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px}.profileField{display:grid;grid-gap:6px;gap:6px;padding:18px;border-radius:18px;border:1px solid rgba(255,255,255,.05);background:rgba(255,255,255,.02)}.profileField span{color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.12em}.profileField strong{word-break:break-word}.loginHero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,420px);grid-gap:22px;gap:22px;padding:22px;border-radius:32px}.loginBrand,.loginCard,.spotlightPanel{position:relative;z-index:1}.loginBrand{padding:20px;display:grid;align-content:start;grid-gap:16px;gap:16px}.loginCard,.spotlightPanel{padding:26px}.narrowPanel,.spotlightPanel{max-width:620px}.skeletonPanel{min-height:280px;align-content:center;justify-items:start}.spotlightActions{margin-top:18px;display:flex;gap:12px}@media (max-width:1080px){.dashboardGrid{grid-template-columns:1fr}.timesheetDrawer{top:auto;right:12px;left:12px;bottom:12px;width:auto;max-height:72vh}.sidebarPanel{min-height:auto;position:static}.heroPanel,.loginHero{grid-template-columns:1fr}.navCard{grid-template-columns:40px 1fr}}@media (max-width:720px){.shell{padding:14px}.contentCard,.heroPanel,.loginCard,.loginHero,.noticeCard,.sidebarPanel,.spotlightPanel{border-radius:22px}.heroCopy h2,.loginBrand h1,.sidebarTitle,.spotlightPanel h1{font-size:1.8rem}}