:root{--bg:#f5f6f2;--paper:#fff;--ink:#253b34;--muted:#65766d;--green:#254f43;--deep:#193d32;--sage:#e8efe6;--lime:#dce7ae;--line:#e5e9e1;--red:#b3483c;--radius:17px;--sidebar:232px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);font-size:14px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.65;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #88a99a;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #7ca18e;outline-offset:1px}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}h1{font-size:34px;font-weight:650;letter-spacing:-1.15px;line-height:1.2}h2{font-size:17px;font-weight:650;letter-spacing:-.35px}h3{font-size:15px;font-weight:600}small{font-size:12px}form{margin:0}.muted{color:var(--muted)}.danger-text{color:var(--red)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-70px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fbfcf9;border-right:1px solid var(--line);padding:31px 18px 0;display:flex;flex-direction:column;z-index:30}.brand{font-size:38px;font-weight:750;letter-spacing:-2px;display:flex;align-items:center;gap:9px;width:fit-content}.brand-mark{width:35px;height:35px;border-radius:11px;background:var(--green);color:#ecf2dc;font-size:30px;line-height:30px;text-align:center;letter-spacing:-5px;padding-right:5px}.brand-mark span{font-size:17px;color:var(--lime);vertical-align:bottom}.brand-dot{color:#7e9761;margin-left:-9px}.sidebar .brand{margin-left:13px}.brand-caption{font-size:8px;letter-spacing:1.8px;color:#7b887e;margin:10px 0 40px 14px}.nav-label{font-size:9px;letter-spacing:1.9px;color:#849087;font-weight:650;padding:0 14px;margin-bottom:13px}.nav-link{display:flex;align-items:center;gap:12px;min-height:46px;padding:12px 14px;color:#627468;border-radius:10px;font-size:13px;margin:3px 0;transition:background .15s}.nav-link:hover{background:#edf1e9;color:var(--green)}.nav-link.selected{background:#e8eee3;color:#2a503d;font-weight:650}.nav-indicator{width:6px;height:6px;border-radius:50%;background:#6d8c56;margin-left:auto}.sidebar-bottom{margin-top:auto}.sidebar-note{background:#f0f2e6;border-radius:13px;padding:17px 13px;display:flex;gap:10px;align-items:flex-start;margin:24px 5px 18px;color:#73824f}.sidebar-note p{font-size:11px;line-height:1.8}.sidebar-note strong{font-weight:500;color:#66735f}.user{border-top:1px solid var(--line);padding:20px 4px;display:flex;gap:10px;align-items:center}.avatar{height:34px;width:34px;border-radius:50%;background:#e3e8da;color:#52664c;display:grid;place-items:center;font-weight:600}.user strong{display:block;font-size:12px}.user small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.user form{margin-left:auto}.icon-button{border:0;background:transparent;display:grid;place-items:center;padding:8px;color:var(--muted);border-radius:8px}.icon-button:hover{background:#e8eee3}.workspace{margin-left:var(--sidebar)}.topbar{height:78px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);padding:0 42px;background:#fafbf8}.topbar-left{display:flex;align-items:center;gap:12px;font-size:12px;white-space:nowrap}.topbar-left strong{font-weight:550}.breadcrumb-slash{color:#bcc5b8}.searchbox{margin-left:auto;display:flex;align-items:center;gap:9px;color:#94a08e;background:#f0f2ec;padding:9px 11px;border-radius:9px;width:250px}.searchbox input{background:none;border:0;width:100%;font-size:11px;color:var(--ink);outline:none;padding:1px}.searchbox input:focus{outline:none}.searchbox input::placeholder{color:#82907e}.search-hint{font-size:12px;color:#a0aa99}.top-date{font-size:11px;color:#7d897c;white-space:nowrap}.mobile-menu{display:none}main#main{padding:35px 42px 0;max-width:1540px;margin:auto;min-height:calc(100vh - 78px)}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{font-size:9px;font-weight:650;color:#7d8b6a;letter-spacing:1.8px;display:block;margin-bottom:10px}.subtitle{color:var(--muted);margin-top:10px;font-size:12px;line-height:1.7}.heading-actions{display:flex;gap:9px;align-items:center;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:9px;padding:12px 17px;font-size:12px;font-weight:550;min-height:42px;line-height:1.3;white-space:nowrap}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:var(--deep)}.button.secondary{background:#fff;border-color:#dfe5d8;color:var(--green)}.button.secondary:hover{background:#f0f3eb}.button.small{padding:9px 12px;min-height:35px;font-size:11px}.button.full{width:100%}.text-link{display:inline-flex;gap:7px;align-items:center;font-size:11px;font-weight:600;color:#50715b}.text-link:hover{text-decoration:underline}.hero{border-radius:var(--radius);background:var(--green);color:#fff;min-height:236px;position:relative;overflow:hidden;display:flex;justify-content:space-between;padding:30px 34px;margin-bottom:23px}.hero-label{font-size:8px;letter-spacing:2px;color:#d5e3bd;display:flex;align-items:center;gap:8px}.status-dot{width:5px;height:5px;border-radius:50%;background:#d5e3bd}.hero h2{font-size:30px;line-height:1.25;letter-spacing:-.8px;font-weight:500;margin-top:16px}.hero p{font-size:11px;color:#c1d1c3;margin-top:12px}.hero-link{display:flex;gap:20px;align-items:center;font-size:11px;color:#e2ecc4;margin-top:22px}.hero-art{width:280px;height:200px;position:absolute;right:30px;top:24px}.art-card{width:133px;background:#f3f5e7;color:var(--green);border:4px solid #ffffff30;border-radius:14px;padding:12px;position:absolute;top:16px;left:55px;transform:rotate(9deg);box-shadow:0 12px 25px #102a3620;display:flex;flex-direction:column;align-items:center}.art-icon{position:absolute;top:-16px;left:-18px;background:#dce6ae;padding:9px;border-radius:13px;transform:rotate(-18deg)}.art-card small{font-size:5px;letter-spacing:1px;margin-top:10px}.art-card>strong{font-size:57px;letter-spacing:-3px;font-weight:500;line-height:1.1;margin-top:6px}.art-card>span:last-of-type{font-size:11px}.art-lines{display:flex;gap:5px;margin-top:13px}.art-lines i{height:4px;width:22px;background:#d6dfc2;border-radius:3px}.art-lines i:last-child{background:#8fac7d}.art-orbit{position:absolute;width:270px;height:270px;border:1px solid #c5d7af25;border-radius:50%;top:-30px;left:-4px}.art-orbit.two{width:330px;height:330px;left:-35px;top:-60px}.art-sun{position:absolute;right:10px;top:7px;transform:rotate(15deg);color:#cbd996}.art-check{position:absolute;bottom:4px;right:38px;background:#b9ce98;color:#2a503e;padding:10px;border:5px solid #254f43;border-radius:18px;transform:rotate(-10deg)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.metric{border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;background:var(--paper);transition:transform .15s,box-shadow .15s}.metric:hover{transform:translateY(-2px);box-shadow:0 5px 15px #253b3408}.metric-label{display:flex;align-items:center;justify-content:space-between;gap:6px;color:var(--muted);font-size:11px}.metric-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;flex-shrink:0}.peach{background:#f8ebe2;color:#b18361}.sage{background:#eaf0e4;color:#6c8957}.yellow{background:#f5f0db;color:#9d8e4e}.lavender{background:#edeaf5;color:#8a79a0}.metric>strong{font-size:29px;font-weight:600;letter-spacing:-1px;display:block;margin:13px 0 8px}.metric>small{color:#8a9687;font-size:10px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:22px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:23px;min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.card-heading h2{display:flex;align-items:center;gap:9px}.card-heading h2 svg{color:#78916d}.card-description{font-size:11px;color:var(--muted);line-height:1.7;margin:6px 0 16px}.task-row,.item-row,.event-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid #edf0e9}.task-row:last-child,.item-row:last-child,.event-row:last-child{border-bottom:0}.row-main{flex:1;min-width:0}.row-main strong,.row-main>a{font-weight:550;font-size:12px;overflow-wrap:anywhere}.row-main small{font-size:10px;color:#88937f;display:block;line-height:1.7;margin-top:4px}.row-notes{font-size:12px;color:var(--muted);line-height:1.8;margin-top:9px;white-space:normal;overflow-wrap:anywhere}.check-button{height:20px;width:20px;border:1.5px solid #cdd8c7;background:#fff;border-radius:6px;display:grid;place-items:center;color:white;font-size:12px;padding:0;flex-shrink:0}.check-button:hover{background:#e8efe0}.check-button.checked{background:var(--green);border-color:var(--green)}.is-checked .row-main>strong{text-decoration:line-through;color:#8c9788}.badge{display:inline-flex;align-items:center;border-radius:6px;font-size:9px;padding:5px 8px;background:#edf2e9;color:#68815d;font-weight:550;white-space:nowrap}.badge.red{background:#fbe9e5;color:#aa5547}.badge.amber{background:#f7f0da;color:#978443}.date-tile{height:51px;min-width:45px;border:1px solid #e5eadd;border-radius:10px;background:#f6f8f1;display:flex;flex-direction:column;align-items:center;justify-content:center}.date-tile small{font-size:8px;text-transform:uppercase;color:#8c997f}.date-tile strong{font-size:20px;color:#536d48;font-weight:600;line-height:1.2;margin-top:3px}.event-row>svg{color:#a2ae97}.empty{padding:45px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:200px}.empty.compact{padding:26px 12px;min-height:175px}.empty h2,.empty h3{font-weight:550}.empty p{font-size:12px;line-height:1.8;color:var(--muted);max-width:390px}.empty .button,.empty .text-link{margin-top:7px}.empty-icon{display:inline-grid;place-items:center;height:53px;width:53px;background:#f0f4e9;color:#81976b;border-radius:15px;margin-bottom:3px}.empty.horizontal{flex-direction:row;text-align:left;justify-content:flex-start;gap:17px;min-height:120px}.empty.horizontal .button{margin-left:auto}.shopping-preview{display:flex;align-items:center;gap:12px;padding:19px 0;border-bottom:1px solid #edf0e9}.shopping-preview>strong{font-size:12px}.preview-icon{background:#f3f0df;padding:12px;border-radius:12px;color:#9b8f5f}.quick-add{border:1px dashed #dce3d4;border-radius:9px;padding:12px;display:flex;gap:7px;align-items:center;justify-content:center;color:#849476;font-size:11px;margin-top:15px}.quick-add:hover{background:#f5f8f0}.plan-preview{display:block;padding:18px 0;border-bottom:1px solid #edf0e9}.plan-preview>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:12px}.plan-preview>div>strong{font-weight:550}.plan-preview>div>span{font-size:10px;color:var(--muted)}.progress{height:5px;border-radius:5px;background:#edf1e7;overflow:hidden;margin:13px 0 9px}.progress>span{display:block;background:#8ba574;height:100%;border-radius:5px}.progress.over>span{background:#c27b68}.plan-preview>small{font-size:10px;color:#94a087}.section-gap{margin-top:23px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;font-weight:500;font-size:9px;text-transform:uppercase;letter-spacing:1px;color:#919d88;border-bottom:1px solid var(--line);padding:15px 12px}td{padding:17px 12px;border-bottom:1px solid #edf0e9;vertical-align:middle}tr:last-child td{border-bottom:0}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}td>strong{font-weight:550}.right{text-align:right}.amount{font-weight:600;font-size:12px;white-space:nowrap}.footer{display:flex;justify-content:space-between;gap:20px;padding:28px 0 23px;color:#9ba490;font-size:9px}.footer>span:first-child{font-weight:700;color:#6b7b61;font-size:12px}.footer .muted{font-weight:400;font-size:9px;margin-left:5px}.messages{margin-bottom:22px}.message{padding:13px 16px;background:#e7f1e2;border:1px solid #d9e7d0;border-radius:10px;display:flex;justify-content:space-between;gap:15px;font-size:12px;line-height:1.6}.message.error{background:#fceee8;color:#9b5144;border-color:#f0d5ca}.message button{background:none;border:0;color:inherit;font-size:20px;line-height:1}.stack{display:grid;gap:22px}.info-strip{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;background:#edf1e6;border-radius:11px;color:#6b805d;font-size:11px;line-height:1.8;margin-bottom:22px}.info-strip svg{margin-top:1px}.list-meta{display:flex;justify-content:space-between;gap:10px;font-size:11px;color:var(--muted);margin:16px 0}.list-meta strong{color:#5f7853;font-weight:550}.row-actions{display:flex;gap:11px;align-items:center;flex-shrink:0;margin-left:8px}.small-link{font-size:10px;background:none;padding:3px 0;border:0;color:#71876a;display:inline-flex;gap:5px;align-items:center}.small-link:hover{text-decoration:underline}.danger-link{color:#a68477}.card-bottom{border-top:1px solid #edf0e9;margin-top:18px;padding-top:17px;display:flex;justify-content:space-between;align-items:center;gap:14px}.card-bottom .row-actions{margin-left:0}.expense-top{display:grid;grid-template-columns:1fr 2fr;gap:22px}.total-card>strong{display:block;font-size:39px;font-weight:550;letter-spacing:-1.5px;margin:14px 0 6px}.total-card>.muted{font-size:11px}.filters{display:flex;align-items:center}.filters form{display:flex;align-items:flex-end;gap:14px;width:100%}.filters .field{margin:0;flex:1;min-width:0}.budget-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:23px;margin-top:24px}.budget-item>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px}.budget-item>div:first-child>strong{font-weight:550}.budget-item>div:first-child>.muted{font-size:9px}.budget-item p{font-size:13px;margin:13px 0}.budget-item small{font-size:10px}.cell-note{display:block;color:#829275;font-size:9px;margin-top:5px}.filter-tabs{display:flex;gap:7px;margin-bottom:23px;flex-wrap:wrap}.filter-tabs a{padding:10px 14px;background:#ecefe7;color:#7d8d73;border:1px solid transparent;border-radius:8px;font-size:11px}.filter-tabs a.active{background:#fff;border-color:#d6e0cb;color:#355d40;font-weight:600}.count{font-size:10px;padding:4px 7px;background:#edf2e7;color:#839477;border-radius:7px;margin-left:4px}.page-note{display:flex;align-items:center;gap:8px;color:#7e8d72;font-size:11px;line-height:1.8;margin-top:17px}.calendar-controls{display:flex;gap:7px}.calendar-card{padding-bottom:10px}.calendar-scroll{overflow:auto;margin:20px -12px 0}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));min-width:650px}.weekday{padding:15px 10px;font-size:9px;letter-spacing:1px;color:#8a9980;text-align:right}.calendar-day{min-height:123px;border-top:1px solid var(--line);border-right:1px solid var(--line);padding:8px;overflow:hidden}.calendar-day:nth-child(7n){border-right:0}.calendar-day.other-month{background:#fafbf7}.other-month .day-number{color:#b6bfac}.day-number{display:grid;place-items:center;width:27px;height:27px;margin-left:auto;font-size:11px;border-radius:8px}.day-number:hover{background:#e8eedf}.is-today .day-number{background:var(--green);color:#fff}.calendar-event,.calendar-task{display:block;font-size:9px;border-radius:5px;padding:6px;margin-top:5px;background:#e9efe3;color:#496a3f;line-height:1.5;overflow-wrap:anywhere}.calendar-event span{font-weight:650}.calendar-task{background:#f4efdf;color:#90794a}.vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.vehicle-card{position:relative;display:flex;gap:22px;align-items:center;padding-bottom:65px}.vehicle-card .row-actions{position:absolute;bottom:22px;right:22px}.vehicle-symbol{background:#edf2e7;border-radius:17px;padding:22px;color:#7e9669}.vehicle-card h2{font-size:23px}.vehicle-card p{font-size:12px;color:var(--muted);margin-top:8px}.odometer{font-size:24px;display:block;margin-top:17px;font-weight:550}.odometer small{font-size:12px;color:var(--muted)}.service-row{padding:23px 0;border-bottom:1px solid var(--line)}.service-row:last-child{border-bottom:0;padding-bottom:0}.service-header{display:flex;align-items:center;gap:12px}.service-header h3{font-size:14px}.next-service{display:flex;align-items:center;gap:12px;margin-top:17px;font-size:11px;color:var(--muted);flex-wrap:wrap}.service-row .card-bottom{border:0;padding-top:8px;margin-top:10px}.checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:start}.checklist-card>h2{font-size:21px;line-height:1.5;margin-top:15px;overflow-wrap:anywhere}.checklist-card>.muted{font-size:11px;margin-top:9px}.checklist-items .item-row{gap:9px;padding:14px 0;flex-wrap:wrap}.checklist-items .row-main strong{font-size:11px}.checklist-items .row-actions{gap:9px}.checklist-items .row-actions .small-link{font-size:9px}.checklist-card .card-bottom{justify-content:flex-end}.empty-line{font-size:11px;color:var(--muted);text-align:center;padding:22px}.full-width{grid-column:1/-1}.form-layout{display:grid;grid-template-columns:minmax(0,680px) minmax(0,250px);gap:35px;align-items:start}.form-card{max-width:680px}.data-form{margin-top:25px}.field{margin-bottom:22px}.field>label{display:block;font-size:12px;font-weight:550;margin-bottom:9px}.required{color:#8b9c78}.field input:not([type=checkbox]),.field select,.field textarea,.search-form input{width:100%;min-height:43px;padding:11px 13px;border:1px solid #dce3d5;background:#fbfcf8;border-radius:8px;color:var(--ink);font-size:13px}.field input[type=file]{font-size:11px}.field textarea{resize:vertical;min-height:95px}.field input[type=checkbox]{accent-color:var(--green)}.field select{padding-right:27px}.field .help-text{margin-top:8px}.help-text{font-size:10px;line-height:1.8;color:#829177;margin-top:16px}.help-text ul{padding-left:18px}.errorlist{padding:12px 14px 12px 30px;color:#9c5043;background:#fbedE7;border-radius:8px;font-size:12px;line-height:1.6;margin:10px 0}.has-error input,.has-error select,.has-error textarea{border-color:#c98e7b}.form-buttons{display:flex;justify-content:flex-end;gap:10px;padding-top:17px;border-top:1px solid var(--line);margin-top:28px}.form-aside{padding-top:30px}.form-aside h3{font-size:15px;margin:14px 0}.form-aside p{font-size:12px;color:var(--muted);line-height:1.9;margin-bottom:14px}.settings-list{margin:23px 0}.settings-list>div{display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:12px 0;border-bottom:1px solid var(--line)}.settings-list dt{color:var(--muted)}.settings-list dd{margin:0}.stack-buttons{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.search-form{display:flex;gap:12px;margin-bottom:22px}.search-result{display:flex;align-items:center;gap:14px;padding:18px 0;border-top:1px solid var(--line);font-size:12px}.search-result strong{font-weight:550;flex:1}.scrim{display:none}.login-page{background:#f5f6f1}.login-layout{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.login-story{background:var(--green);color:white;padding:45px 65px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-story .brand{font-size:47px}.login-story .brand-dot{color:#dce7ae}.login-story .eyebrow{color:#c3d5aa;font-size:10px;line-height:1.8}.login-story h1{font-size:48px;font-weight:500;letter-spacing:-1.8px;line-height:1.15;margin:20px 0}.login-story p{max-width:370px;color:#c4d3c4;line-height:1.9;font-size:14px}.login-foot{font-size:10px;color:#bdd0bc;position:relative}.login-form-area{display:flex;align-items:center;justify-content:center;padding:55px 35px}.login-form{width:100%;max-width:340px}.login-form .pill{font-size:8px;letter-spacing:1.1px;background:#e9eedf;color:#7b8d64;padding:7px 9px;border-radius:6px}.login-form h2{font-size:29px;letter-spacing:-.8px;margin:20px 0 10px}.login-form>.muted{font-size:12px;margin-bottom:32px}.login-help{font-size:10px;color:#89967e;text-align:center;line-height:1.8;margin-top:25px}.login-illustration{height:205px;position:relative;max-width:350px;margin:40px 0 10px}.orbit{position:absolute;display:block;width:230px;height:230px;border:1px solid #a7c28a38;border-radius:50%;top:-10px;left:25px}.orbit-two{width:290px;height:290px;left:-5px;top:-40px}.illustration-card{position:absolute;top:55px;left:35px;border-radius:17px;background:#e7edcf;color:#33563f;display:flex;align-items:center;gap:18px;padding:23px 30px;transform:rotate(-7deg);box-shadow:0 20px 50px #143b3333}.illustration-card span{font-size:15px}.floating-sun{position:absolute;left:270px;top:0;color:#d4e1a8}.error-page{padding:10%;display:flex;align-items:center;justify-content:center;min-height:100vh}
@media(min-width:1500px){main#main{padding-top:43px}.hero{min-height:265px;padding:37px 40px}.hero h2{font-size:34px}.hero-art{top:39px;right:70px}.card{padding:27px}.metric{padding:22px}.metric>strong{font-size:34px}.hero-copy p{font-size:12px}}
@media(max-width:1200px){:root{--sidebar:205px}.sidebar{padding-left:13px;padding-right:13px}.topbar{padding:0 27px;gap:18px}main#main{padding-left:27px;padding-right:27px}.top-date{display:none}.searchbox{width:220px}h1{font-size:28px}.page-heading{align-items:flex-start}.heading-actions{flex-wrap:wrap;justify-content:flex-end}.heading-actions .button{font-size:11px;padding:11px 13px}.metrics{gap:12px}.metric{padding:16px}.metric-label{font-size:10px}.hero-art{right:0;transform:scale(.9);transform-origin:right center}.hero h2{font-size:28px}.hero{padding:28px}.hero-copy{max-width:66%;z-index:1}.card{padding:20px}.card-heading .text-link{font-size:10px}.dashboard-grid{gap:18px}.row-actions{gap:9px}.item-row{flex-wrap:wrap}.item-row .row-actions{margin-left:auto}.expense-top{grid-template-columns:1fr}.filters form{gap:20px}.vehicle-grid{grid-template-columns:1fr}.form-layout{grid-template-columns:minmax(0,1fr) 210px}.checklist-grid{grid-template-columns:1fr}.task-row{flex-wrap:wrap}.task-row .row-main{flex-basis:50%}.task-row .row-actions{margin-left:auto}.sidebar-note{padding:13px 9px;gap:7px}.sidebar-note p{font-size:10px}}
@media(max-width:900px){:root{--sidebar:195px}.searchbox{width:190px}.dashboard-grid{grid-template-columns:1fr}.hero-art{opacity:.8;right:-38px}.hero-copy{max-width:80%}.hero h2{font-size:27px}.hero p{max-width:230px;line-height:1.8}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.page-heading{flex-direction:column;align-items:flex-start;gap:17px}.heading-actions{justify-content:flex-start}.form-layout{grid-template-columns:1fr}.form-aside{padding:0 0 15px;display:none}.sidebar-note{display:none}.empty.horizontal{flex-wrap:wrap}.empty.horizontal .button{margin-left:0}.calendar-day{min-height:115px}.login-story{padding:40px}.login-story h1{font-size:38px}.login-illustration{transform:scale(.8);transform-origin:left center}.floating-sun{left:225px}}
@media(max-width:680px){:root{--sidebar:245px}.sidebar{transform:translateX(-100%);transition:transform .2s;padding:25px 18px 0}.menu-open .sidebar{transform:translateX(0)}.menu-open .scrim{display:block;position:fixed;inset:0;border:0;background:#122e2666;z-index:29}.sidebar-note{display:flex}.workspace{margin-left:0}.topbar{height:65px;padding:0 18px;gap:13px}.mobile-menu{display:grid;margin-left:-7px}.topbar-left{gap:8px;font-size:11px}.topbar-left>.muted,.breadcrumb-slash{display:none}.searchbox{width:165px;padding:8px 10px}.searchbox input{font-size:10px}.search-hint{display:none}main#main{padding:26px 18px 0;min-height:calc(100vh - 65px)}h1{font-size:28px;letter-spacing:-.9px}.eyebrow{font-size:8px;letter-spacing:1.5px}.subtitle{font-size:11px;line-height:1.8}.page-heading{margin-bottom:23px}.hero{min-height:242px;padding:25px 23px;margin-bottom:18px}.hero-copy{max-width:90%}.hero-label{font-size:7px}.hero h2{font-size:26px}.hero p{max-width:200px;font-size:10px}.hero-art{right:-52px;top:49px;transform:scale(.65);opacity:.55}.hero-copy{z-index:1}.hero-link{font-size:10px;gap:10px}.metrics{gap:11px;margin-bottom:18px}.metric{padding:15px;border-radius:14px}.metric-icon{width:29px;height:29px;border-radius:9px}.metric-icon svg{width:16px;height:16px}.metric-label{font-size:10px}.metric>strong{font-size:26px;margin-top:12px}.metric>small{font-size:9px}.card{padding:19px;border-radius:14px}.card h2{font-size:16px}.card-heading{gap:8px}.card-heading .text-link{font-size:9px}.card-heading h2{gap:7px}.card-description{font-size:10px}.dashboard-grid{gap:18px}.task-row,.event-row,.item-row{gap:10px;padding:15px 0}.row-main strong,.row-main>a{font-size:12px}.row-main small{font-size:9px}.badge{font-size:8px;padding:5px 7px}.empty{padding:30px 9px}.empty.compact{padding:25px 9px}.empty p{font-size:11px}.empty h3{font-size:14px}.section-gap{margin-top:18px}.footer{font-size:8px;gap:10px}.footer .muted{display:none}.footer>span:first-child{font-size:12px}.footer>span:last-child{align-self:center}.info-strip{font-size:10px;padding:14px 15px;gap:9px}.card-bottom{flex-wrap:wrap;gap:17px}.card-bottom>form{margin-left:auto}.card-bottom .button{font-size:10px;padding:10px}.shopping-preview>strong{font-size:11px}.preview-icon{padding:10px}.item-row>.row-main{min-width:100px}.row-actions{margin-left:auto}.item-row .row-actions{flex-basis:100%;justify-content:flex-end;margin-top:-4px}.checklist-items .item-row .row-actions{flex-basis:auto;margin-top:0}.checklist-items .row-main{min-width:80px}.list-meta{font-size:10px;flex-wrap:wrap;line-height:1.8}.filters form{flex-wrap:wrap;gap:13px}.filters .field{flex-basis:43%}.filters .button{width:100%}.field input:not([type=checkbox]),.field textarea,.field select{font-size:16px}.expense-top{gap:18px}.total-card>strong{font-size:36px}.budget-grid{grid-template-columns:1fr;gap:24px}td{font-size:11px;min-width:85px}td .row-actions{min-width:90px}.filter-tabs{gap:6px}.filter-tabs a{font-size:10px;padding:9px 10px}.page-note{font-size:10px;align-items:flex-start}.calendar-card{padding:18px 12px 5px}.calendar-card .card-heading{padding:0 5px}.calendar-card .month-title{font-size:18px}.calendar-controls{gap:5px}.calendar-controls .button{min-height:31px;padding:7px 10px}.calendar-scroll{margin-left:0;margin-right:0}.vehicle-card{gap:15px}.vehicle-card h2{font-size:20px}.vehicle-symbol{padding:17px}.vehicle-symbol svg{width:31px;height:31px}.vehicle-card .eyebrow{font-size:8px}.service-header{flex-wrap:wrap}.service-header .amount{margin-left:auto}.next-service{font-size:10px;gap:8px}.checklist-card>h2{font-size:20px}.checklist-items .row-main strong{font-size:11px}.form-card h2{font-size:19px}.form-buttons .button{flex:1}.search-form{flex-wrap:wrap}.search-form .button{width:100%}.search-result{flex-wrap:wrap;gap:10px}.settings-list>div{font-size:11px}.stack-buttons{align-items:stretch}.stack-buttons .button{font-size:11px;white-space:normal}.login-layout{grid-template-columns:1fr;min-height:100vh}.login-story{padding:27px 28px 32px;min-height:260px}.login-story .brand{font-size:33px}.login-story .eyebrow{font-size:7px;margin-top:24px}.login-story h1{font-size:31px;margin:12px 0 10px}.login-story p{font-size:11px;max-width:280px}.login-illustration{display:none}.login-foot{display:none}.login-form-area{padding:35px 26px 45px}.login-form h2{font-size:27px}.login-form .field input{font-size:16px}.login-form .button{font-size:13px}.login-form>.muted{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.sr-only{left:0;top:0;clip-path:inset(50%);white-space:nowrap}
@media(max-width:680px){.expenses-table thead{display:none}.expenses-table table,.expenses-table tbody{display:block}.expenses-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:18px 0;border-bottom:1px solid var(--line)}.expenses-table tr:last-child{border:0}.expenses-table td{display:block;min-width:0;border:0;padding:0!important}.expenses-table td:nth-child(1){grid-column:1;grid-row:1 / span 2;overflow-wrap:anywhere}.expenses-table td:nth-child(2){grid-column:1;grid-row:3;color:var(--muted);font-size:10px}.expenses-table td:nth-child(3){grid-column:2;grid-row:2;text-align:right}.expenses-table td:nth-child(4){grid-column:2;grid-row:1}.expenses-table td:nth-child(5){grid-column:2;grid-row:3}.expenses-table td .row-actions{justify-content:flex-end;min-width:0}}