:root{--ink:#24252a;--muted:#74767f;--muted-light:#9899a0;--line:#dedee3;--line-soft:#ebeae8;--canvas:#f5f3ee;--surface:#fff;--nav:#24252a;--nav-hover:#303138;--nav-muted:#a9aab1;--primary:#5664c9;--primary-dark:#4653b3;--primary-soft:#e8eafb;--primary-mid:#cdd2f5;--success:#3e7b61;--success-soft:#edf6f1;--warning:#a86428;--warning-soft:#fff2e5;--radius:16px;--shadow:0 9px 30px #24252a0d}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth;min-width:320px}body{color:var(--ink);background:var(--canvas);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}button,a{font:inherit}button{cursor:pointer}.icon{flex:none;display:block}.appShell{grid-template-columns:230px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:10;background:var(--nav);height:100vh;color:var(--nav-muted);flex-direction:column;padding:28px 16px 18px;display:flex;position:sticky;top:0}.brand{color:#fff;letter-spacing:-.045em;align-items:baseline;margin-bottom:38px;padding:0 12px;font-size:1.3rem;font-weight:700;text-decoration:none;display:flex}.brandBy{color:#aeb6ff}.brand strong{color:#aeb6ff;letter-spacing:.12em;text-transform:uppercase;margin-left:8px;font-size:.69rem;font-weight:700}.navLabel{color:#777880;letter-spacing:.13em;text-transform:uppercase;margin:0 12px 9px;font-size:.7rem;font-weight:700}.sidebar nav{gap:5px;display:grid}.sidebar nav a{min-height:44px;color:var(--nav-muted);border-radius:11px;align-items:center;gap:12px;padding:0 12px;font-size:.875rem;font-weight:550;text-decoration:none;display:flex;position:relative}.sidebar nav a:hover,.sidebar nav a:focus-visible{color:#fff;background:var(--nav-hover)}.sidebar nav a.active{color:#fff;background:#aeb6ff21}.sidebar nav a.active .icon{color:#bdc4ff}.sidebar nav a small{color:#fff;background:var(--primary);border-radius:7px;place-items:center;min-width:21px;height:20px;margin-left:auto;font-size:.69rem;font-weight:750;display:grid}.sidebarProfile{border-top:1px solid #ffffff17;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;margin-top:auto;padding:17px 10px 2px;display:grid}.avatar{width:36px;height:36px;color:var(--primary-dark);background:var(--primary-soft);border-radius:11px;place-items:center;font-size:.72rem;font-weight:800;display:grid}.profileCopy{min-width:0}.profileCopy strong,.profileCopy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.profileCopy strong{color:#fff;font-size:.75rem;font-weight:650}.profileCopy small{color:#96979e;font-size:.7rem}.workspace{min-width:0}.topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffb8;border-bottom:1px solid #24252a13;justify-content:space-between;align-items:center;gap:20px;min-height:74px;padding:11px clamp(22px,3vw,42px);display:flex}.companySwitcher{min-width:0;max-width:330px;color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:11px;padding:4px 6px 4px 4px;display:grid}.companySwitcher>span:nth-child(2){min-width:0}.companySwitcher strong,.companySwitcher small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.companySwitcher strong{font-size:.82rem;font-weight:650}.companySwitcher small{color:var(--muted);margin-top:1px;font-size:.69rem}.companyMark{width:36px;height:36px;color:var(--primary);border:1px solid var(--line);background:#fff;border-radius:10px;place-items:center;font-size:.78rem;font-weight:800;display:grid}.switcherChevron{color:var(--muted);font-size:1rem}.topActions{align-items:center;gap:9px;display:flex}.helpButton{min-height:38px;color:var(--muted);background:0 0;border:0;padding:0 11px;font-size:.8rem;font-weight:600}.iconButton{color:#62646c;border:1px solid var(--line);background:#fff;border-radius:11px;place-items:center;width:39px;height:39px;display:grid;position:relative}.notificationDot{background:var(--primary);border:1.5px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}main{width:min(1320px,100%);padding:32px clamp(22px,3vw,42px) 54px}.pageHeading{justify-content:space-between;align-items:flex-end;gap:26px;margin-bottom:25px;display:flex}.eyebrow{color:var(--primary);letter-spacing:.105em;text-transform:uppercase;margin:0 0 6px;font-size:.73rem;font-weight:750}h1,h2,p{margin-top:0}h1{letter-spacing:-.047em;margin-bottom:0;font-size:clamp(1.9rem,3.2vw,2.6rem);font-weight:650;line-height:1.12}h2{letter-spacing:-.02em;margin-bottom:0;font-size:1rem;font-weight:700;line-height:1.3}.intro{color:var(--muted);margin:8px 0 0;font-size:.9rem}.primaryButton{color:#fff;background:var(--primary);white-space:nowrap;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:42px;padding:0 17px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 7px 18px #5664c933}.primaryButton:hover{background:var(--primary-dark)}.summaryGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:19px;display:grid}.summaryCard,.card{border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);border:1px solid #24252a16}.summaryCard{min-height:126px;padding:17px 18px}.summaryTop{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:.78rem;display:flex}.softIcon{width:31px;height:31px;color:var(--primary-dark);background:var(--primary-soft);border-radius:9px;place-items:center;display:grid}.summaryCard>strong{letter-spacing:-.04em;margin-top:16px;font-size:1.55rem;font-weight:680;line-height:1;display:block}.summaryCard>small{color:var(--muted);margin-top:8px;font-size:.75rem;display:block}.summaryCard .meta-success{color:var(--success)}.summaryCard .meta-warning{color:var(--warning)}.dashboardGrid{grid-template-columns:minmax(0,1.55fr) minmax(290px,.82fr);gap:19px;display:grid}.card{padding:21px}.cardHeading{justify-content:space-between;align-items:center;gap:14px;display:flex}.cardHeading>a{color:var(--primary);align-items:center;gap:6px;font-size:.77rem;font-weight:700;text-decoration:none;display:inline-flex}.progressBlock{background:#f8f7f4;border-radius:13px;margin:19px 0 8px;padding:16px}.progressBlock>div:first-child{justify-content:space-between;gap:10px;margin-bottom:10px;font-size:.78rem;display:flex}.progressBlock strong{font-weight:650}.progressBlock span{color:var(--muted)}.progressBlock p{color:var(--muted);margin:10px 0 0;font-size:.74rem}.progressTrack{background:#e5e3df;border-radius:99px;height:7px;overflow:hidden}.progressTrack span{border-radius:inherit;background:var(--primary);width:72%;height:100%;display:block}.documentTable{margin-top:5px}.tableHeader,.tableRow{grid-template-columns:minmax(180px,1.5fr) minmax(70px,.55fr) minmax(76px,.55fr);align-items:center;gap:12px;display:grid}.tableHeader{color:var(--muted-light);letter-spacing:.08em;text-transform:uppercase;padding:10px;font-size:.66rem;font-weight:750}.tableRow{border-top:1px solid var(--line-soft);color:#62646c;min-height:65px;padding:10px;font-size:.78rem}.fileName{align-items:center;gap:11px;min-width:0;display:flex}.fileName>span:last-child{min-width:0}.fileName strong,.fileName small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.fileName strong{color:var(--ink);font-size:.8rem;font-weight:650}.fileName small{color:var(--muted);margin-top:2px;font-size:.69rem}.fileIcon{width:31px;height:35px;color:var(--primary-dark);background:var(--primary-soft);border-radius:8px;flex:none;place-items:center;font-size:.59rem;font-weight:800;display:grid}.status{border-radius:7px;align-items:center;width:max-content;min-height:23px;padding:0 8px;font-size:.67rem;font-weight:750;display:inline-flex}.statusSuccess{color:var(--success);background:var(--success-soft)}.statusWarning{color:var(--warning);background:var(--warning-soft)}.sideColumn{align-content:start;gap:19px;display:grid}.invoiceCard{color:#fff;border-radius:var(--radius);background:var(--ink);padding:21px;position:relative;overflow:hidden;box-shadow:0 12px 34px #24252a26}.invoiceCard:after{content:"";pointer-events:none;background:#aeb6ff1c;border-radius:50%;width:160px;height:160px;position:absolute;top:-54px;right:-35px}.darkHeading{z-index:1;position:relative}.darkHeading h2{color:#fff}.darkHeading button{color:#bdc4ff;background:0 0;border:0;padding:3px;font-size:.72rem;font-weight:700}.invoiceCard>p{color:#adaeb4;margin:19px 0 4px;font-size:.72rem}.amount{letter-spacing:-.045em;font-size:1.9rem;font-weight:650;line-height:1.1;display:block}.paid{color:#9ed1b8;align-items:center;gap:4px;margin-top:9px;font-size:.73rem;display:inline-flex}.invoiceDue{color:#adaeb4;border-top:1px solid #ffffff1c;justify-content:space-between;gap:12px;margin-top:20px;padding-top:15px;font-size:.72rem;display:flex}.invoiceDue strong{color:#fff;text-align:right;font-weight:600}.taskCounter{color:var(--primary);font-size:.72rem;font-weight:700}.tasksCard ol{margin:13px 0 0;padding:0;list-style:none}.tasksCard li{border-top:1px solid var(--line-soft);grid-template-columns:29px minmax(0,1fr) 28px;align-items:center;gap:10px;min-height:67px;display:grid}.tasksCard li:first-child{border-top:0}.taskNumber{width:26px;height:26px;color:var(--primary);border:1px solid var(--primary-mid);background:#f3f4ff;border-radius:8px;place-items:center;font-size:.7rem;font-weight:750;display:grid}.taskNumber.urgent{color:var(--warning);background:var(--warning-soft);border-color:#f2d1b2}.tasksCard li strong,.tasksCard li small{display:block}.tasksCard li strong{font-size:.76rem;font-weight:650}.tasksCard li small{color:var(--muted);margin-top:2px;font-size:.68rem}.tasksCard li button{width:28px;height:32px;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;display:grid}.tasksCard li button:hover{color:var(--primary);background:var(--primary-soft)}.mobileNav{display:none}@media (max-width:1050px){.appShell{grid-template-columns:82px minmax(0,1fr)}.sidebar{padding-inline:12px}.brand{justify-content:center;padding-inline:3px;font-size:1rem}.brand span:not(.brandBy),.brand strong,.navLabel,.sidebar nav a>span,.profileCopy,.sidebarProfile>.icon{display:none}.sidebar nav a{justify-content:center;padding:0}.sidebar nav a small{min-width:17px;height:17px;font-size:.61rem;position:absolute;top:4px;right:5px}.sidebarProfile{justify-content:center;padding-inline:0;display:flex}.dashboardGrid{grid-template-columns:1fr}.sideColumn{grid-template-columns:1fr 1fr}}@media (max-width:760px){.appShell{display:block}.sidebar{display:none}.topbar{min-height:65px;padding:10px 16px}.companySwitcher{grid-template-columns:34px minmax(0,1fr) auto}.companyMark{width:34px;height:34px}.helpButton{display:none}main{padding:24px 16px 100px}.pageHeading{flex-direction:column;align-items:flex-start;gap:18px}.primaryButton{width:100%}.summaryGrid{grid-template-columns:1fr 1fr}.summaryCard{min-height:118px;padding:15px}.dashboardGrid,.sideColumn{grid-template-columns:1fr;display:grid}.mobileNav{z-index:20;min-height:72px;padding:7px max(7px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(7px, env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;inset:auto 0 0}.mobileNav a{min-width:0;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.62rem;text-decoration:none;display:flex}.mobileNav a.active{color:var(--primary)}}@media (max-width:520px){h1{font-size:1.85rem}.intro{font-size:.84rem}.summaryCard>strong{font-size:1.35rem}.card{padding:17px}.tableHeader,.tableRow{grid-template-columns:minmax(160px,1fr) 78px}.tableHeader>span:nth-child(2),.tableRow>span:nth-child(2){display:none}.invoiceDue{flex-direction:column;gap:4px}.invoiceDue strong{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}