:root{--ink:#17212b;--muted:#71808d;--line:#e4e9ec;--paper:#f7f9f8;--white:#fff;--navy:#183642;--teal:#1d9187;--mint:#dff2ed;--amber:#f4b547;--coral:#e66b5d;--blue:#5b91d6}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:DM Sans,system-ui,sans-serif}a,button{font:inherit}button{cursor:pointer}.shell{display:flex;min-height:100vh}.sidebar{width:256px;flex:0 0 256px;background:var(--navy);color:#edf6f3;padding:30px 18px 22px;display:flex;flex-direction:column}.brand-mark{width:43px;height:43px;border:2px solid #8ed4c7;border-radius:13px;display:grid;place-items:center;color:#9ee0d2;font:700 13px Space Grotesk;letter-spacing:0}.brand-copy{position:absolute;margin:4px 0 0 56px;display:flex;flex-direction:column;font-family:Space Grotesk;font-size:14px;line-height:1.1}.brand-copy span{color:#9eb8ba;font-weight:500}.workspace-switcher{margin:70px 4px 28px;padding:15px 14px;border:1px solid #365663;border-radius:10px;display:flex;flex-direction:column;gap:5px;font-size:12px}.workspace-switcher strong{font-size:13px;line-height:1.35}.eyebrow{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.muted,.sidebar .eyebrow{color:#7f9da2}.muted{font-size:11px}nav{display:grid;grid-gap:5px;gap:5px}.nav-link{color:#aec2c2;text-decoration:none;border-radius:8px;padding:11px 12px;display:flex;align-items:center;gap:11px;font-size:13px}.nav-link.active,.nav-link:hover{color:white;background:#27505a}.nav-link.active{box-shadow:inset 3px 0 #8ed4c7}.nav-dot{width:7px;height:7px;border:1px solid;border-radius:50%;opacity:.8}.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:7px;padding:14px 10px 0;border-top:1px solid #2f535e;color:#9ab2b3;font-size:11px}.status-dot{width:7px;height:7px;background:#76d2a5;border-radius:50%;display:inline-block;margin-right:6px}.content{max-width:1500px;width:100%;padding:36px clamp(24px,4vw,64px) 60px}.hero-row,.panel-heading,.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}h1,h2,h3,p{margin:0}h1{font:700 clamp(24px,2.5vw,34px) Space Grotesk;margin-top:7px}h1,h2{letter-spacing:0}h2{font:700 clamp(28px,3.7vw,48px) Space Grotesk;max-width:620px}h3{font:700 20px Space Grotesk;margin-top:6px}.topbar-actions{display:flex;gap:10px;align-items:center}.icon-button{border:1px solid var(--line);background:var(--white);color:var(--navy);border-radius:9px;font-size:20px}.avatar,.icon-button{width:38px;height:38px}.avatar{display:grid;place-items:center;border-radius:50%;background:#f2cf9c;color:#704a2a;font-weight:700;font-size:12px}.notice{margin:28px 0 38px;background:var(--mint);border:1px solid #c7e8df;padding:12px 14px;border-radius:9px;color:#34645f;display:flex;align-items:center;gap:10px;font-size:12px}.notice-icon{border:1px solid #62aa9d;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-weight:700}.error-notice{background:#fce7e4;border-color:#f2c6c0;color:#93443b}.empty-state{color:var(--muted);font-size:13px;padding:18px 0 0}.notice button{border:0;background:transparent;color:#518e84;margin-left:auto;font-size:18px}.hero-row{align-items:flex-end;margin-bottom:28px}.hero-row h2{margin-top:8px}.hero-copy{color:var(--muted);max-width:490px;line-height:1.6;margin-top:10px;font-size:14px}.primary-button{border:0;background:var(--teal);color:#fff;border-radius:8px;padding:13px 17px;font-weight:700;font-size:13px;box-shadow:0 5px 12px #1d918733}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.metric-card,.panel{background:var(--white);border:1px solid var(--line);border-radius:10px}.metric-card{padding:20px;min-height:135px;display:flex;flex-direction:column;gap:9px}.metric-label{font-size:12px;color:var(--muted)}.metric-card strong{font:700 30px Space Grotesk}.metric-trend{font-size:11px;font-weight:700}.metric-trend em{color:var(--muted);font-style:normal;font-weight:400}.positive{color:var(--teal)}.warning{color:#bd7d1f}.neutral{color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.9fr);grid-gap:14px;gap:14px;margin-top:14px}.panel{padding:24px}.panel-heading{align-items:flex-start;margin-bottom:22px}.panel-heading a,.text-button{color:var(--teal);text-decoration:none;font-size:12px;border:0;background:transparent;padding:4px 0}.order-row,.table-head{display:grid;grid-template-columns:1.3fr 1fr 1fr .55fr;align-items:center;grid-gap:14px;gap:14px}.table-head{color:var(--muted);border-bottom:1px solid var(--line);padding:0 0 10px;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.order-row{padding:15px 0;border-bottom:1px solid #edf0f1;font-size:12px}.order-row:last-child{border-bottom:0;padding-bottom:0}.order-row div,.order-row strong{display:flex;flex-direction:column;gap:4px}.order-row strong{font-size:13px}.order-row div span{color:var(--muted);font-size:11px}.due{color:var(--muted)}.users-head,.users-row{grid-template-columns:1.5fr 1fr .7fr .5fr}.users-row>div{display:grid;grid-template-columns:34px 1fr;grid-column-gap:10px;column-gap:10px;align-items:center}.users-row>div span{grid-column:2}.users-row select{border:1px solid var(--line);border-radius:7px;padding:8px;color:var(--ink);background:white;font-size:12px}.pill{width:-moz-fit-content;width:fit-content;padding:5px 8px;border-radius:20px;font-size:10px;font-weight:700}.pill.amber{background:#fff1d4;color:#9a6919}.pill.blue{background:#e4effc;color:#4675ad}.pill.red{background:#fce7e4;color:#b24b40}.activity{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid #edf0f1;align-items:center}.activity:last-child{border-bottom:0}.activity>div:last-child{display:flex;flex-direction:column;gap:5px}.activity strong{font-size:12px}.activity span{color:var(--muted);font-size:11px}.activity-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:9px;display:grid;place-items:center;font-weight:700;font-size:10px}.teal{background:#dff2ed;color:#277c72}.coral{background:#fbe4df;color:#b45448}.gold{background:#fff0d0;color:#9a711e}@media (max-width:1050px){.sidebar{width:220px;flex-basis:220px}.dashboard-grid{grid-template-columns:1fr}}@media (max-width:760px){.shell{display:block}.sidebar{width:100%;min-height:auto;padding:18px}.brand-copy{margin-top:4px}.sidebar-footer,.workspace-switcher,nav{display:none}.content{padding:28px 18px 42px}.hero-row{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-card{min-height:120px;padding:16px}.table-head{display:none}.order-row{grid-template-columns:1fr auto;gap:9px}.order-row>span:nth-child(2){grid-column:1;color:var(--muted)}.order-row>span:nth-child(3){grid-column:2;grid-row:1/span 2;align-self:center}.order-row>span:nth-child(4){grid-column:1}.notice{align-items:flex-start}.notice-icon{flex:0 0 auto}}.marketing-shell{min-height:100vh;background:#f5f7f5;color:#17212b}.marketing-nav{max-width:1240px;margin:auto;padding:24px 28px;display:flex;align-items:center;gap:30px}.marketing-brand{color:#183642;text-decoration:none;font:700 18px Space Grotesk}.marketing-brand span{color:#71808d;font:500 12px DM Sans;margin-left:8px}.marketing-nav nav{display:flex;flex-direction:row;gap:22px;margin-left:auto}.marketing-actions a,.marketing-nav nav a{color:#52636c;text-decoration:none;font-size:12px}.marketing-actions{display:flex;align-items:center;gap:12px}.marketing-login{border:1px solid #cbd7d6;padding:9px 13px;border-radius:7px;color:#183642!important}.marketing-hero{max-width:1240px;margin:0 auto;padding:100px 28px 76px;min-height:610px;background:radial-gradient(circle at 80% 25%,#d8eee7 0 1%,transparent 35%),linear-gradient(135deg,#f5f7f5,#e9f3ef)}.marketing-kicker{color:#228b80;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.marketing-hero h1,.public-page-hero h1{max-width:790px;margin:18px 0;font:700 clamp(42px,6vw,78px) Space Grotesk;line-height:1.02}.marketing-hero p,.public-page-hero p{max-width:620px;color:#61727a;font-size:17px;line-height:1.7}.marketing-cta{display:flex;gap:12px;margin-top:30px}.marketing-primary,.marketing-secondary{display:inline-block;border-radius:7px;padding:13px 17px;text-decoration:none;font-size:13px;font-weight:700}.marketing-primary{color:white;background:#1d9187;box-shadow:0 6px 14px #1d918733}.marketing-secondary{border:1px solid #c9d9d5;color:#183642}.hero-signal{max-width:520px;margin-top:90px;display:grid;grid-template-columns:35px 1fr;grid-gap:4px 12px;gap:4px 12px;border-top:1px solid #cbdcd7;padding-top:14px;color:#71808d;font-size:12px}.hero-signal span:first-child{color:#228b80;font-weight:700}.hero-signal span:last-child{grid-column:2}.marketing-band{max-width:1240px;margin:0 auto;padding:70px 28px;display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;background:white}.bullet-section h2,.contact-grid h2,.marketing-band h2{font:600 30px Space Grotesk;margin-top:10px}.bullet-section li,.marketing-band p,.public-page-body p{color:#61727a;line-height:1.75;font-size:14px}.marketing-footer{max-width:1240px;margin:auto;padding:36px 28px;display:grid;grid-template-columns:1fr auto;grid-gap:18px;gap:18px;border-top:1px solid #d9e3df}.marketing-footer strong{font:600 16px Space Grotesk}.marketing-footer p,.marketing-footer small{color:#71808d;font-size:11px}.footer-links{display:flex;gap:15px;align-items:flex-start}.footer-links a{color:#52636c;font-size:11px;text-decoration:none}.marketing-footer small{grid-column:1/-1}.public-page-hero{max-width:1100px;margin:auto;padding:90px 28px 60px;border-bottom:1px solid #d9e3df}.public-page-hero h1{font-size:clamp(40px,5vw,64px)}.public-page-body{max-width:1100px;margin:auto;padding:60px 28px 100px}.bullet-section{display:grid;grid-template-columns:1fr 1fr;grid-gap:60px;gap:60px;padding:28px 0;border-bottom:1px solid #d9e3df}.bullet-section ul{margin:0;padding-left:20px}.bullet-section li{margin:12px 0}.disclaimer{padding:18px;background:#fff1d4;border:1px solid #f0d59b;border-radius:7px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:50px;gap:50px}.auth-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#edf6f1,#f8faf8);padding:24px}.auth-card{max-width:480px;background:white;border:1px solid #dce8e3;border-radius:12px;padding:42px;display:flex;flex-direction:column;gap:18px;box-shadow:0 18px 50px #18364214}.auth-card h1{font:600 34px Space Grotesk;margin:0}.auth-card p{color:#61727a;line-height:1.7}.auth-card>a:last-child{color:#61727a;font-size:12px;text-align:center}@media (max-width:760px){.marketing-nav{flex-wrap:wrap;padding:18px}.marketing-nav nav{order:3;width:100%;overflow-x:auto}.marketing-hero{padding:65px 20px 55px}.marketing-hero h1{font-size:44px}.bullet-section,.contact-grid,.marketing-band{grid-template-columns:1fr;gap:22px}.marketing-footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.marketing-footer small{grid-column:auto}}.account-form,.account-form label,.social-signin{display:flex;flex-direction:column;gap:12px}.account-form label{gap:6px;font-weight:600;font-size:14px;color:#183642}.account-form input{width:100%;box-sizing:border-box;border:1px solid #b8cbc4;border-radius:7px;padding:12px;font:inherit;background:#fff;color:#17212b}.account-form button{border:0;cursor:pointer;font:inherit}.account-form button:disabled{opacity:.6;cursor:wait}.account-form small{color:#52636c;line-height:1.5}.account-links{display:flex;flex-wrap:wrap;gap:14px;font-size:13px}.account-links a{color:#17665e}.social-signin a{text-align:center}@media (max-width:520px){.auth-card{padding:24px}.auth-card h1{font-size:28px}}