:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;background:#0a0a0a;color:#fafafa}.app{display:flex;min-height:100vh}.sidebar{width:220px;background:#111;border-right:1px solid rgba(255,255,255,.1);padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1rem}.sidebar-header h1{font-size:1.25rem;font-weight:700;margin:0;color:#f97316;letter-spacing:-.02em}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem}.nav-btn{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;border:none;background:transparent;color:#ffffffa6;font-size:.85rem;border-radius:.5rem;cursor:pointer;transition:background .15s,color .15s;font-family:inherit}.nav-btn:hover{background:#ffffff0f;color:#fff}.nav-btn.active{background:#f9731626;color:#f97316}.nav-icon{font-size:1.1rem;width:1.5rem;text-align:center}.main-content{flex:1;padding:2rem 2.5rem;overflow-y:auto;max-height:100vh}.tool-panel{max-width:720px}.tool-panel h2{font-size:1.5rem;font-weight:700;margin:0 0 .25rem;letter-spacing:-.02em}.tool-desc{margin:0 0 1.5rem;color:#ffffff80;font-size:.9rem}.input-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.5rem}.input-group{display:flex;flex-direction:column;gap:.35rem}.input-group label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff73}.input-group input,.input-group select{padding:.6rem .75rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:.5rem;color:#fff;font-size:.95rem;font-family:inherit;outline:none;transition:border-color .15s}.input-group input:focus,.input-group select:focus{border-color:#f97316}.input-group select{cursor:pointer}.input-group-section{grid-column:1 / -1;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:.75rem;padding:1.25rem}.input-group-section h3{font-size:.9rem;font-weight:600;margin:0 0 1rem;color:#ffffffb3}.toggle-group{display:flex;gap:.25rem;background:#ffffff0f;border-radius:.5rem;padding:.15rem}.toggle-btn{flex:1;padding:.5rem 1rem;border:none;background:transparent;color:#ffffff80;font-size:.85rem;font-family:inherit;border-radius:.4rem;cursor:pointer;transition:background .15s,color .15s}.toggle-btn.active{background:#f97316;color:#fff}.category-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;flex-wrap:wrap}.tab-btn{padding:.45rem .9rem;border:1px solid rgba(255,255,255,.12);background:transparent;color:#ffffff80;font-size:.8rem;font-family:inherit;border-radius:.4rem;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.tab-btn:hover{border-color:#ffffff40;color:#fff}.tab-btn.active{background:#f9731626;border-color:#f97316;color:#f97316}.result-section{margin-bottom:1.5rem}.result-section h3{font-size:.85rem;font-weight:600;margin:0 0 .75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.06em}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem}.result-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.6rem;padding:.85rem 1rem;display:flex;flex-direction:column;gap:.2rem}.result-card.highlight{border-color:#f97316;background:#f9731614}.result-card.warning{border-color:#ef4444;background:#ef44441a}.result-card.selected{border-color:#f97316}.result-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#fff6}.result-value{font-size:1.15rem;font-weight:600;color:#fff;font-feature-settings:"tnum"}.result-sub{font-size:.75rem;color:#ffffff59}.primary-btn{padding:.6rem 1.5rem;background:#f97316;border:none;border-radius:.5rem;color:#fff;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s;margin-top:.75rem}.primary-btn:hover{background:#ea580c}.primary-btn:disabled{opacity:.4;cursor:not-allowed}.progress-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:.35rem}.progress-fill{height:100%;background:#22c55e;border-radius:4px;transition:width .3s ease}.progress-fill.warning{background:#ef4444}.progress-label{font-size:.75rem;color:#fff6}.history-list{display:flex;flex-direction:column;gap:.5rem}.history-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:.5rem;padding:.75rem 1rem;display:flex;align-items:center;gap:1rem;position:relative}.history-main{display:flex;gap:1rem;flex:1;align-items:center}.history-date{font-size:.8rem;color:#ffffff80;min-width:80px}.history-mileage{font-size:.9rem;font-weight:600;color:#f97316;min-width:80px}.history-oil{font-size:.85rem;color:#ffffffb3}.history-notes{font-size:.8rem;color:#fff6;font-style:italic}.delete-btn{background:none;border:none;color:#ffffff4d;font-size:1.2rem;cursor:pointer;padding:.25rem;line-height:1;transition:color .15s}.delete-btn:hover{color:#ef4444}@media(max-width:700px){.app{flex-direction:column}.sidebar{width:100%;flex-direction:row;align-items:center;padding:1rem;overflow-x:auto;gap:.5rem}.sidebar-header{flex-shrink:0}.sidebar-nav{flex-direction:row;gap:.25rem}.nav-btn{white-space:nowrap;padding:.5rem .6rem;font-size:.75rem}.main-content{padding:1.25rem}.input-grid,.result-grid{grid-template-columns:1fr}.history-item{flex-direction:column;align-items:flex-start;gap:.5rem}.history-main{flex-direction:column;gap:.25rem}}