*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#172437;font:15px system-ui,sans-serif;display:flex}aside{width:240px;background:#10243b;color:#e5ecf5;min-height:100vh;padding:30px 18px;display:flex;flex-direction:column;position:fixed}.brand{display:flex;align-items:center;gap:11px;padding:0 8px;font-weight:800;letter-spacing:.09em}.brand-logo{display:block;width:52px;height:52px;object-fit:contain;background:#fff;border-radius:8px;flex-shrink:0}.brand small{display:block;font-size:9px;letter-spacing:.16em;color:#a6b5c7;margin-top:4px}.side-label,.eyebrow{font-size:10px;letter-spacing:.14em;font-weight:800;color:#899aab}.side-label{margin:45px 10px 12px}nav{display:grid;gap:4px}nav button{color:#b8c5d3;text-align:left;background:transparent;border:0;padding:12px;border-radius:7px;cursor:pointer;font-size:14px}nav button.active{background:#2b4054;color:white;font-weight:700}.aside-foot{margin-top:auto;font-size:12px;color:#c7d3dc;padding:10px}.aside-foot small{display:block;color:#8295a6;margin:8px 16px}main{margin-left:240px;padding:36px 44px;width:calc(100% - 240px)}header{display:flex;justify-content:space-between;align-items:center}h1{font-size:31px;margin:8px 0 24px;letter-spacing:-.04em}button{cursor:pointer}header button,.primary{background:#172d43;color:white;border:0;border-radius:8px;padding:12px 17px;font-weight:650}.notice{background:#fff6d8;border:1px solid #f2df99;color:#725d21;border-radius:8px;padding:12px 15px;font-size:12px;margin-bottom:25px}.intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:19px}.intro h2{margin:0;font-size:20px}.intro p,.muted{color:#77879a;font-size:13px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card,.panel{background:white;border:1px solid #e5eaf0;border-radius:11px;padding:20px}.card .label{font-size:12px;color:#738397}.card strong{font-size:30px;display:block;margin:12px 0 5px}.card small{color:#78899a}.layout{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-top:20px}.panel h3{font-size:15px;margin:0 0 18px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0;border-top:1px solid #eef1f4}.row:first-of-type{border-top:0}.row strong{font-size:13px}.row small{display:block;color:#8998a8;margin-top:5px}.tag{font-size:11px;background:#edf5d6;color:#607821;border-radius:20px;padding:6px 9px;white-space:nowrap}.tag.amber{background:#fff1d7;color:#a06c1a}.table{margin-top:10px}.search{width:100%;border:1px solid #dce3e9;border-radius:8px;padding:12px;margin-bottom:14px;font:inherit}.empty{padding:35px;text-align:center;color:#7a8a99}.mobile-card{max-width:520px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chips span{background:#eef2f4;border-radius:5px;padding:5px 7px;font-size:11px}.back{margin-bottom:20px;border:0;background:none;color:#5c7185;padding:0}.detail{line-height:1.7}.detail dt{font-size:11px;color:#8290a0;text-transform:uppercase;font-weight:bold}.detail dd{margin:0 0 12px}.pill{background:#d2e964;color:#273c20;padding:5px 9px;border-radius:4px;font-size:10px;font-weight:800}@media(max-width:850px){aside{position:static;width:100%;min-height:0;padding:16px}.brand{margin-bottom:12px}.side-label,.aside-foot{display:none}nav{display:flex;overflow:auto}nav button{white-space:nowrap}body{display:block}main{margin:0;width:100%;padding:22px}.grid{grid-template-columns:repeat(2,1fr)}.layout{grid-template-columns:1fr}header h1{font-size:26px}}@media(max-width:430px){.grid{gap:8px}.card{padding:15px}header button{padding:10px;font-size:12px}}

.record-sections{display:grid;gap:8px;margin-top:20px}.record-section{border:1px solid #e5eaf0;border-radius:8px}.record-section summary{padding:14px 16px;cursor:pointer;font-weight:650;list-style:none}.record-section summary::-webkit-details-marker{display:none}.record-section summary::after{content:"+";float:right;color:#738397;font-size:18px;line-height:1}.record-section[open] summary::after{content:"−"}.record-section p{margin:0;padding:0 16px 16px;color:#77879a;font-size:13px;line-height:1.5}.record-section summary:focus-visible{outline:2px solid #128c80;outline-offset:2px;border-radius:8px}

.fleet-tabs{display:flex;gap:6px;margin-bottom:20px;border-bottom:1px solid #dce3e9}.fleet-tabs button{border:0;background:transparent;color:#687b8e;padding:10px 15px;font:inherit;font-weight:650;border-bottom:3px solid transparent}.fleet-tabs button.active{color:#172d43;border-bottom-color:#12aa98}.fleet-tabs button:focus-visible{outline:2px solid #128c80;outline-offset:2px}

.availability{padding:0 16px 16px}.availability p{padding:0;margin:0 0 12px}.day-option{display:inline-flex;align-items:center;gap:4px;margin:0 12px 12px 0;font-size:13px}.booking-form{display:flex;align-items:end;gap:10px;flex-wrap:wrap}.booking-form label{display:grid;gap:5px;font-size:12px}.booking-form input{border:1px solid #dce3e9;border-radius:6px;padding:9px;font:inherit}.booking-list{margin:12px 0}.booking-list .back{margin:0}
