:root{color:#172033;background:#f5f7fa;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:#125e97}button{color:#fff;cursor:pointer;font:inherit;background:#1769aa;border:0;border-radius:.3rem;padding:.55rem .8rem}.action-button{width:2.2rem;height:2.2rem;padding:0;font-size:0;position:relative}.action-button:before{font-size:1.1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.action-add:before{content:"+"}.action-edit:before{content:"✎"}.action-delete:before{content:"🗑"}.action-details:before{content:"ℹ"}.action-fuel:before{content:"⛽"}.action-maintenance:before{content:"🔧"}.application main{max-width:1100px;min-height:100vh;margin:0 0 0 16rem;padding:2rem}.sidebar{color:#fff;z-index:2;background:#172033;width:16rem;height:100vh;padding:1rem;position:fixed;top:0;left:0;overflow-y:auto}.sidebar a{color:#fff;font-weight:650;text-decoration:none}.sidebar-heading{justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:1.4rem;display:flex}.sidebar nav{gap:.8rem;display:grid}.sidebar nav>button{text-align:left;background:0 0;padding:0}.sidebar details{border-top:1px solid #fff3;padding-top:.7rem}.sidebar details:last-of-type{margin-bottom:.8rem}.sidebar summary{cursor:pointer;font-weight:700}.sidebar details a{margin:.6rem 0 0 1rem;font-size:.9rem;font-weight:500;display:block}.menu-toggle,.sidebar-heading button{display:none}.login{max-width:390px;margin:5rem auto;padding:0 1rem}form{gap:1rem;display:grid}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}label{gap:.3rem;font-weight:600;display:grid}input,select,textarea{width:100%;font:inherit;border:1px solid #aab4c4;border-radius:.3rem;padding:.55rem}textarea{min-height:5rem}.wide{grid-column:1/-1}.cards{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.card{color:inherit;background:#fff;border-radius:.5rem;gap:.3rem;padding:1rem;display:grid;box-shadow:0 1px 3px #0002}.card-actions{gap:.5rem;margin-top:.5rem;display:flex}.car-list .action-button{color:#4b5b73;background:0 0;border:1px solid #aab4c4}.car-list .action-button:hover{color:#172033;background:#e9edf3}.title{justify-content:space-between;align-items:center;gap:1rem;display:flex}.title span,.actions,.row-actions{gap:.5rem;display:flex}.danger{background:#b42318}.icon-button{color:inherit;background:0 0;padding:.15rem .4rem;font-size:1.5rem;line-height:1}dl{background:#fff;grid-template-columns:1fr 2fr;padding:1rem;display:grid}dt{font-weight:700}dd{margin:0 0 .75rem}.records{margin-top:1rem}.record-summary{background:#fff;margin:1rem 0;padding:.75rem 1rem;font-weight:700}table{border-collapse:collapse;background:#fff;width:100%}th,td{text-align:left;border-bottom:1px solid #d8dee8;padding:.6rem}.link-button{color:#125e97;background:0 0;padding:0;text-decoration:underline}.error{color:#b42318}.modal-backdrop{z-index:10;background:#0008;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:.5rem;width:100%;max-width:680px;max-height:calc(100vh - 2rem);padding:1.25rem;overflow-y:auto;box-shadow:0 1rem 2rem #0005}.modal .title{margin-bottom:1rem}.modal h2{margin:0}.menu-backdrop{display:none}@media (width<=760px){.application main{margin-left:0;padding:4.5rem 1rem 1rem}.sidebar{transition:transform .2s;transform:translate(-100%);box-shadow:.25rem 0 1rem #0005}.sidebar.open{transform:translate(0)}.sidebar-heading button{display:block}.menu-toggle{z-index:1;display:block;position:fixed;top:.75rem;right:.75rem}.menu-backdrop{z-index:1;background:#0005;display:block;position:fixed;inset:0}.grid{grid-template-columns:1fr}.wide{grid-column:auto}.title{align-items:flex-start}.title h1{font-size:1.5rem}dl{grid-template-columns:1fr}dd{margin-bottom:1rem}th,td{padding:.45rem}}