:root{color:#37414b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1f3ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}.app-shell{width:min(100% - 20px,1120px);margin:0 auto;padding:14px 0 88px}.app-bar{z-index:5;grid-template-columns:44px minmax(0,1fr) minmax(44px,auto) 44px;align-items:center;gap:8px;margin-bottom:18px;display:grid;position:sticky;top:0}.brand-mark,.profile-button,.add-button{border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex}.brand-mark{background:0 0;overflow:hidden}.brand-mark.large{width:58px;height:58px}.brand-mark img,.welcome-icon img{width:100%;height:100%;display:block}.auth-shell{align-items:center;min-height:100vh;display:grid}.auth-panel{background:#fff;border:1px solid #dfe4db;border-radius:8px;gap:18px;width:100%;max-width:620px;margin:0 auto;padding:20px;display:grid;box-shadow:0 18px 46px #1f252d1f}.auth-legal{color:#68737c;text-align:center;font-size:.82rem}.auth-legal a{color:#24705a;font-weight:850}.status-message{color:#5c4720;background:#fff5e4;border:1px solid #f0c15b;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-weight:750}.install-banner{background:#fff;border:1px solid #dfe4db;border-radius:8px;grid-template-columns:minmax(0,1fr) auto 34px;align-items:center;gap:10px;margin-bottom:12px;padding:10px;display:grid;box-shadow:0 14px 36px #242a3214}.install-banner div{gap:3px;min-width:0;display:grid}.install-banner strong{color:#1f252d}.install-banner span{color:#68737c;font-size:.86rem}.install-dismiss{color:#68737c;font:inherit;background:#f5f7f2;border:1px solid #dfe4db;width:34px;height:34px;font-weight:900}.vehicle-picker{min-width:0;position:relative}.vehicle-picker-trigger{text-align:left;background:#fff;border:1px solid #dfe4db;border-radius:8px;gap:2px;width:100%;min-width:0;min-height:44px;padding:6px 10px;display:grid;box-shadow:0 10px 26px #242a320d}.vehicle-picker-trigger span{color:#68737c;text-transform:uppercase;font-size:.66rem;font-weight:850;line-height:1}.vehicle-picker-trigger strong{color:#1f252d;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.94rem;font-weight:850;overflow:hidden}.vehicle-menu{z-index:20;background:#fff;border:1px solid #dfe4db;border-radius:8px;gap:4px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 18px 46px #1f252d29}.vehicle-menu-item,.vehicle-menu-add{font:inherit;text-align:left;border:0;width:100%}.vehicle-menu-item{background:0 0;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px;min-height:54px;padding:8px;display:grid}.vehicle-menu-item.active,.vehicle-menu-item:hover,.vehicle-menu-add:hover{background:#f5f7f2}.vehicle-menu-thumb{border-radius:7px;width:38px;height:38px}.vehicle-menu-item span:last-child{min-width:0;display:grid}.vehicle-menu-item strong,.vehicle-menu-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vehicle-menu-item small{color:#68737c}.vehicle-menu-add{color:#24705a;background:0 0;border-top:1px solid #e4e8df;min-height:44px;margin-top:4px;padding:10px 8px 6px;font-weight:900}.user-menu-wrapper{position:relative}.profile-button,.add-button{border:1px solid #dfe4db;font-weight:900;box-shadow:0 10px 26px #242a320d}.profile-button{color:#1f252d;background:#f0c15b;gap:8px;width:auto;max-width:148px;padding:0 8px;overflow:hidden}.profile-button img,.user-menu-summary img{aspect-ratio:1;object-fit:cover;border-radius:8px}.profile-button img,.profile-button span{flex:0 0 30px;width:30px;height:30px}.profile-button span,.user-menu-summary span{background:#ffffff85;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.profile-button strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:none;overflow:hidden}.user-menu{z-index:20;background:#fff;border:1px solid #dfe4db;border-radius:8px;gap:4px;width:min(278px,100vw - 20px);padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 46px #1f252d29}.user-menu-summary{border-bottom:1px solid #e4e8df;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:4px;padding:8px;display:grid}.user-menu-summary img,.user-menu-summary span{width:42px;height:42px}.user-menu-summary div{min-width:0;display:grid}.user-menu-summary strong,.user-menu-summary small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu-summary small{color:#68737c}.user-menu-item{color:#34404a;font:inherit;text-align:left;background:0 0;border:0;min-height:42px;padding:8px;font-weight:850}.user-menu-item:hover{background:#f5f7f2}.user-menu-item.danger{color:#a23a31}.add-menu-wrapper{position:relative}.add-button{color:#fff;background:#24705a;font-size:1.65rem;line-height:1}.add-button[aria-expanded=true]{background:#1f252d}.add-button:disabled{color:#fff;cursor:not-allowed;background:#c9d1c6}.add-menu{z-index:20;background:#fff;border:1px solid #dfe4db;border-radius:8px;gap:4px;width:min(240px,100vw - 20px);padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 46px #1f252d29}.add-menu-item{font:inherit;text-align:left;background:0 0;border:0;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;min-height:48px;padding:7px;display:grid}.add-menu-item:hover{background:#f5f7f2}.add-menu-item span{color:#24705a;background:#eef6f2;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:950;display:inline-flex}.entry-icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9px;width:18px;height:18px}.entry-icon-badge{border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.entry-icon-badge.fuel,.entry-dot.fuel{color:#24705a;background:#e4f4ed}.entry-icon-badge.maintenance,.entry-dot.maintenance{color:#e45745;background:#fde9e6}.entry-icon-badge.document,.entry-dot.document{color:#4d7ea8;background:#e7f0f8}.entry-icon-badge.inspection,.entry-dot.inspection{color:#7b5fb2;background:#eee9f7}.entry-icon-badge.event,.entry-dot.event{color:#9b6d08;background:#fff4cf}.entry-icon-badge.expense,.entry-dot.expense{color:#2f63b7;background:#e9f1ff}.entry-icon-badge.reminder{color:#465a8c;background:#eef0f7}.add-menu-item strong{color:#1f252d;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-header,.composer-head,.timeline-head,.permission-strip{gap:16px;display:grid}.app-header{padding:6px 0 12px}.eyebrow{color:#24705a;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:.72rem;font-weight:900}h1,h2,h3,p{margin:0}h1,h2,h3{color:#1f252d;letter-spacing:0;line-height:1.08}h1{font-size:1.72rem}h2{font-size:1.25rem}h3{font-size:1rem}button,input,select,textarea{border-radius:8px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.72}.primary-action{color:#fff;background:#1f252d;border:1px solid #1f252d;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-weight:850;display:inline-flex}.primary-action.compact{min-height:42px}.secondary-action{color:#34404a;font:inherit;background:#fff;border:1px solid #dfe4db;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-weight:850;display:inline-flex}.auth-text-button{color:#24705a;font:inherit;text-align:left;background:0 0;border:0;justify-self:start;min-height:34px;padding:0;font-weight:850}.auth-text-button:hover{color:#1f252d}.profile-avatar-editor{background:#f5f7f2;border:1px solid #e4e8df;border-radius:8px;grid-template-columns:62px minmax(0,1fr);align-items:center;gap:12px;padding:10px;display:grid}.profile-avatar-editor img,.profile-avatar-editor span{aspect-ratio:1;color:#1f252d;object-fit:cover;background:#f0c15b;border-radius:8px;justify-content:center;align-items:center;width:62px;font-weight:950;display:inline-flex}.profile-avatar-editor div{gap:4px;min-width:0;display:grid}.profile-avatar-editor strong,.profile-avatar-editor small{text-overflow:ellipsis;overflow:hidden}.profile-avatar-editor small{color:#68737c}.help-guide{gap:10px;display:grid}.help-guide article{background:#f5f7f2;border:1px solid #e4e8df;border-radius:8px;gap:5px;padding:12px;display:grid}.help-guide strong{color:#1f252d}.help-guide p{color:#68737c;font-size:.92rem;line-height:1.45}.logs-modal{max-width:780px}.logs-list{gap:10px;max-height:min(560px,100vh - 210px);padding-right:2px;display:grid;overflow:auto}.log-row{border:1px solid #e4e8df;border-left:5px solid #7f8a93;border-radius:8px;gap:6px;padding:10px;display:grid}.log-row.success{border-left-color:#2f8f5b}.log-row.warning{border-left-color:#d19b28}.log-row.error{border-left-color:#c94f4f}.log-row-head{align-items:start;gap:4px;display:grid}.log-row-head span{color:#68737c;font-size:.78rem;font-weight:850}.log-row-head strong{color:#1f252d;font-size:.95rem}.log-row p{color:#34404a;margin:0;font-size:.92rem}.log-row small{color:#68737c;font-size:.8rem;font-weight:800}.log-row code{color:#34404a;overflow-wrap:anywhere;white-space:normal;background:#f5f7f2;border-radius:6px;padding:7px;font-size:.78rem;display:block}.vehicle-photo-editor{background:#f5f7f2;border:1px solid #e4e8df;border-radius:8px;gap:8px;padding:10px;display:grid}.vehicle-photo-editor div{aspect-ratio:4/3;border-radius:8px;min-height:140px}.vehicle-photo-editor span{color:#68737c;font-size:.82rem;font-weight:800}.member-chip small,.timeline-entry p,.entry-meta,dt,.quick-stats span{color:#68737c}.profile-photo{border-radius:8px;display:block}.vehicle-profile,.welcome-empty,.quick-stats article,.permission-strip,.composer,.timeline-panel,.stats-panel,.view-switch{background:#fff;border:1px solid #dfe4db;border-radius:8px;box-shadow:0 14px 36px #242a320f}.vehicle-profile{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:10px;margin-bottom:12px;padding:10px;display:grid}.welcome-empty{place-items:center start;gap:18px;margin-bottom:12px;padding:22px;display:grid}.welcome-empty p:not(.eyebrow){color:#68737c;max-width:46rem;margin-top:8px}.welcome-icon{background:0 0;border-radius:8px;justify-content:center;align-items:center;width:58px;height:58px;display:inline-flex;overflow:hidden}.profile-photo{aspect-ratio:1;width:76px;min-height:0}.profile-main{gap:10px;min-width:0;display:grid}.profile-title{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;display:grid}.profile-title h2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profile-title>strong{color:#24705a;white-space:nowrap;background:#eef6f2;border-radius:999px;padding:5px 8px;font-size:.84rem}.edit-vehicle-button{color:#34404a;font:inherit;background:#fff;border:1px solid #dfe4db;justify-self:start;min-height:34px;padding:0 10px;font-size:.82rem;font-weight:850}.edit-vehicle-button:hover{background:#f5f7f2}.profile-facts{flex-wrap:wrap;gap:7px;margin:0;display:flex}.profile-facts div{background:#f5f7f2;border-radius:999px;gap:6px;padding:6px 9px;display:inline-flex}dt{font-size:.72rem;line-height:1.2}dd{color:#1f252d;margin:0;font-weight:850;line-height:1.2}.quick-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.quick-stats article{gap:6px;min-height:86px;padding:14px;display:grid}.quick-stats strong{color:#1f252d;font-size:1.35rem;line-height:1}.permission-strip,.composer,.timeline-panel,.stats-panel,.reminder-panel,.onboarding-panel{margin-bottom:12px;padding:16px}.reminder-panel,.onboarding-panel{background:#fff;border:1px solid #dfe4db;border-radius:8px;box-shadow:0 14px 36px #242a320f}.onboarding-panel{gap:12px;display:grid}.onboarding-actions{flex-wrap:wrap;gap:8px;display:flex}.reminder-list{gap:8px;display:grid}.reminder-item{background:#f5f7f2;border:1px solid #e4e8df;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.reminder-item strong,.reminder-item span,.reminder-item small{text-overflow:ellipsis;display:block;overflow:hidden}.reminder-item span,.reminder-item small{color:#68737c;font-size:.86rem}.reminder-actions{flex-wrap:wrap;justify-content:end;gap:6px;display:flex}@media (width>=760px){.onboarding-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center}}.view-switch{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin-bottom:12px;padding:6px;display:grid}.view-switch button{color:#68737c;font:inherit;background:0 0;border:0;min-height:40px;font-weight:900}.view-switch button.active{color:#fff;background:#1f252d}.stats-actions{flex-wrap:wrap;justify-content:end;align-items:center;gap:8px;display:flex}.stats-actions select{color:#1f252d;font:inherit;background:#fff;border:1px solid #dfe4db;min-height:42px;padding:0 10px;font-weight:850}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.stats-grid article{background:#f5f7f2;border:1px solid #e4e8df;border-radius:8px;gap:6px;min-height:82px;padding:12px;display:grid}.stats-grid span,.bar-row span,.trend-row time,.empty-note{color:#68737c}.stats-grid strong{color:#1f252d;font-size:1.25rem;line-height:1}.stats-columns{gap:18px;margin-top:18px;display:grid}.stats-columns h3{margin-bottom:10px}.bar-list,.trend-list{gap:10px;display:grid}.bar-row{gap:7px;display:grid}.bar-row div,.trend-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.bar-row strong,.trend-row span{color:#1f252d;font-size:.92rem}.bar-row i{background:linear-gradient(90deg,#24705a,#f0c15b);border-radius:999px;min-width:4px;height:8px;display:block}.trend-row{border-bottom:1px solid #e4e8df;min-height:36px;padding-bottom:9px;position:relative}.trend-row:after{content:"";background:#e4e8df;border-radius:999px;height:5px;position:absolute;bottom:3px;left:0;right:0}.trend-row i{z-index:1;background:#e45745;border:2px solid #fff;border-radius:999px;width:12px;height:12px;display:block;position:absolute;bottom:-1px;transform:translate(-50%);box-shadow:0 2px 8px #1f252d33}.empty-note{font-size:.92rem}.member-list{flex-wrap:wrap;gap:8px;display:flex}.share-section-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;margin-bottom:12px;display:grid}.share-table{border:1px solid #e4e8df;border-radius:8px;display:grid;overflow-x:auto}.share-row{background:#fff;border-top:1px solid #e4e8df;grid-template-columns:minmax(220px,1.5fr) minmax(128px,.7fr) minmax(164px,auto);align-items:center;gap:8px;min-width:560px;padding:10px;display:grid}.share-row:first-child{border-top:0}.share-row.header{color:#68737c;text-transform:uppercase;background:#f5f7f2;font-size:.76rem;font-weight:900;display:grid}.share-row>span{min-width:0}.share-row strong,.share-row small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.share-row small{color:#68737c}.table-action{color:#34404a;font:inherit;background:#fff;border:1px solid #dfe4db;min-height:34px;padding:0 10px;font-size:.82rem;font-weight:850}.table-action.danger{color:#a23a31}.danger-action{color:#fff;background:#a23a31;border-color:#a23a31}.share-row-actions{flex-wrap:wrap;gap:6px;display:flex}.share-muted-action{color:#68737c;font-weight:850}.member-chip,.filter-chip,.entry-meta span{border-radius:999px}.member-chip{color:#1f252d;background:#f0c15b;gap:6px;padding:8px 10px;display:inline-flex}.composer{gap:16px;display:grid}.filter-row,.mode-selector{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.filter-chip,.mode-button{color:#34404a;font:inherit;background:#f6f7f4;border:1px solid #dfe4db;flex:none;align-items:center;gap:8px;min-height:40px;padding:0 13px;font-weight:750;display:inline-flex}.filter-chip{justify-content:center;width:42px;min-width:42px;padding:0}.filter-chip.active,.mode-button.active{color:#fff;background:#1f252d;border-color:#1f252d}.form-note{color:#34404a;background:#eef6f2;border:1px solid #d5e4dc;border-radius:8px;padding:10px 12px;font-size:.86rem;font-weight:750}.dynamic-form{gap:12px;display:grid}label{color:#34404a;gap:7px;font-size:.86rem;font-weight:800;display:grid}input,select,textarea{color:#1f252d;background:#f8f9f6;border:1px solid #dfe4db;width:100%;min-height:44px;padding:10px 12px}textarea{resize:vertical}.timeline-panel{gap:16px;display:grid}.timeline-order{color:#68737c;margin-top:5px;font-size:.82rem;display:inline-flex}.timeline-list{gap:12px;display:grid}.timeline-entry{grid-template-columns:32px minmax(0,1fr);gap:12px;display:grid;position:relative}.timeline-entry:before{content:"";background:#dfe4db;width:2px;position:absolute;inset:34px auto -14px 15px}.timeline-entry:last-child:before{display:none}.entry-dot{z-index:1;background:#eef6f2;border:3px solid #fff;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;margin-top:2px;display:inline-flex;position:relative;box-shadow:0 0 0 1px #dfe4db}.timeline-entry>div{background:#f8f9f6;border:1px solid #e4e8df;border-radius:8px;gap:9px;padding:13px;display:grid}.entry-topline{color:#24705a;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:850;display:flex}.entry-meta{flex-wrap:wrap;gap:7px;font-size:.82rem;display:flex}.entry-meta span{background:#fff;border:1px solid #e4e8df;padding:5px 8px}.entry-actions{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.modal-backdrop{z-index:40;background:#1f252d6b;align-items:end;padding:12px;display:flex;position:fixed;inset:0}.entry-modal{background:#fff;border:1px solid #dfe4db;border-radius:8px;gap:16px;width:100%;max-height:min(760px,100vh - 24px);padding:16px;display:grid;overflow:auto;box-shadow:0 26px 70px #1f252d3d}.modal-head,.modal-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.modal-close{color:#34404a;font:inherit;background:#f5f7f2;border:1px solid #dfe4db;min-height:40px;padding:0 12px;font-weight:850}@media (width<=420px){.quick-stats{grid-template-columns:1fr}}@media (width>=760px){.app-shell{padding-top:28px}.app-header,.composer-head,.timeline-head,.permission-strip{grid-template-columns:minmax(0,1fr) auto;align-items:end}h1{max-width:760px;font-size:2.4rem}.app-bar{grid-template-columns:48px minmax(280px,440px) minmax(48px,auto) 48px;justify-content:end}.brand-mark,.add-button{width:48px;height:48px}.profile-button{max-width:190px;height:48px}.profile-button strong{display:block}.modal-backdrop{justify-content:center;align-items:center;padding:24px}.entry-modal{max-width:680px}.dynamic-form{grid-template-columns:repeat(2,minmax(0,1fr))}.share-row,.share-row.header{grid-template-columns:minmax(0,1.5fr) 150px minmax(170px,auto);min-width:0}.wide{grid-column:1/-1}}