@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{color:#1f2926;font-synthesis:none;background:#f4efe6;font-family:Space Grotesk,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 90% 0,#dbe8df 0,#0000 28rem),#f4efe6;min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.setup-page{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:6rem;max-width:1100px;min-height:100vh;margin:auto;padding:4rem 2rem;display:grid}.intro-block h1,.dashboard-header h1{letter-spacing:-.06em;margin:.2rem 0 1rem;font-size:clamp(2.6rem,6vw,5.6rem);font-weight:600;line-height:.95}.lede{color:#627069;max-width:32rem;margin:0;font-size:1.2rem}.eyebrow{color:#bc603c;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .6rem;font-family:DM Mono,monospace;font-size:.7rem}.setup-form,.panel,.activity-log{background:#fffdf7d6;border:1px solid #d6d7ca;box-shadow:0 20px 50px #363c3312}.setup-form{border-top:5px solid #bc603c;gap:1.25rem;padding:2rem;display:grid}label{color:#66716b;letter-spacing:.04em;text-transform:uppercase;gap:.45rem;font-size:.78rem;font-weight:600;display:grid}select,input{color:#1f2926;background:#fffdf7;border:1px solid #c8cec6;border-radius:2px;outline:none;width:100%;padding:.85rem .9rem}select:focus,input:focus{border-color:#bc603c;box-shadow:0 0 0 3px #bc603c26}.button{color:#1f2926;border:1px solid #0000;border-radius:2px;padding:.75rem 1rem;font-weight:600;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button-primary{color:#fffdf7;background:#1f2926}.button-secondary{background:0 0;border-color:#b8c2bb}.button-accent{color:#fffdf7;background:#bc603c}.button-quiet{color:#69766e;background:0 0;padding:.35rem .6rem}.full-width{width:100%}.dashboard-header{color:#fffdf7;background:#1f2926;grid-template-columns:1fr auto;gap:1.25rem 2rem;padding:3.5rem max(2rem,50vw - 600px);display:grid}.dashboard-header h1{margin-bottom:0;font-size:clamp(2.6rem,6vw,4.8rem)}.dashboard-header .eyebrow{color:#d58a6f}.header-actions{align-items:center;gap:1rem;display:flex}.save-status{color:#aebcb2;font-family:DM Mono,monospace;font-size:.7rem}.header-actions .button-quiet{color:#fffdf7;border:1px solid #53625a}.metrics{border-top:1px solid #44534b;grid-column:1/-1;grid-template-columns:repeat(4,1fr);padding-top:1.5rem;display:grid}.metrics div{border-right:1px solid #44534b;gap:.3rem;padding-right:1rem;display:grid}.metrics div+div{padding-left:1.2rem}.metrics div:last-child{border:0}.metrics span,.vehicle-facts span,.offer-amount span{color:#9fac9f;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.68rem}.metrics strong{font-size:1.2rem;font-weight:500}.positive{color:#b9d3b5}.negative{color:#edaa91}.game-main{max-width:1200px;margin:auto;padding:2rem}.content-grid{grid-template-columns:1.25fr 1fr 1fr;align-items:start;gap:1.25rem;display:grid}.panel,.activity-log{padding:1.4rem}.section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}h2,h3{letter-spacing:-.03em;margin:0}h2{font-size:1.35rem}h3{font-size:1rem}.section-count,.condition-tag,.offer-status,.inspected,.uninspected{color:#718078;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.65rem}.vehicle-list{gap:.85rem;display:grid}.vehicle-row{border-top:1px solid #e0e0d6;justify-content:space-between;gap:1rem;padding:1rem 0;display:flex}.vehicle-row p{color:#7d877f;margin:.2rem 0 0;font-size:.78rem}.vehicle-year{color:#bc603c;text-transform:uppercase;font-family:DM Mono,monospace;font-size:.65rem}.vehicle-action{white-space:nowrap;justify-items:end;gap:.45rem;display:grid}.owned-list{margin-top:2rem}.owned-vehicle{color:#1f2926;text-align:left;background:0 0;border:0;border-top:1px solid #e0e0d6;justify-content:space-between;width:100%;padding:.9rem 0;display:flex}.owned-vehicle small{color:#7d877f;margin-top:.2rem;display:block}.owned-vehicle.selected{color:#bc603c}.arrow{font-size:1.3rem}.vehicle-facts{grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.3rem;display:grid}.vehicle-facts div{gap:.15rem;display:grid}.vehicle-facts strong{font-size:.9rem}.history-box{background:#edf1eb;gap:1rem;margin-bottom:1.3rem;padding:1rem;display:grid}.history-box>div:first-child{justify-content:space-between;display:flex}.history-box dl{grid-template-columns:1fr 1fr;gap:.75rem;margin:0;display:grid}.history-box dl div{gap:.15rem;display:grid}.history-box dt{color:#77837a;font-size:.7rem}.history-box dd{margin:0;font-size:.8rem}.inspected{color:#4c7e58}.uninspected{color:#a56545}.price-form,.counter-form{gap:.5rem;margin-bottom:1rem;display:grid}.input-action{gap:.5rem;display:flex}.input-action input{min-width:0}.empty-detail{min-height:18rem}.empty-detail p:last-child,.empty-state,.customer-note{color:#718078;font-size:.88rem}.offer-amount{background:#f5e8de;border-left:3px solid #bc603c;gap:.2rem;margin:1.5rem 0;padding:1.2rem;display:grid}.offer-amount strong{font-size:2rem}.offer-actions{gap:.5rem;margin-bottom:1.3rem;display:flex}.activity-log{margin-top:1.25rem}.activity-log ol{color:#69766e;gap:.65rem;margin:0;padding-left:1.5rem;font-size:.85rem;display:grid}.activity-log li::marker{color:#bc603c;font-family:DM Mono,monospace}.error-banner{color:#6d2f20;background:#f7dace;border-left:3px solid #bc603c;max-width:26rem;padding:1rem 1.2rem;position:fixed;bottom:1.5rem;right:1.5rem;box-shadow:0 12px 30px #502d2326}@media (width<=950px){.content-grid{grid-template-columns:1fr 1fr}.inventory-panel{grid-column:1/-1}.setup-page{gap:3rem}}@media (width<=650px){.setup-page{padding:3rem 1.2rem;display:block}.intro-block{margin-bottom:2.5rem}.setup-form{padding:1.2rem}.dashboard-header{padding:2.5rem 1.2rem;display:block}.header-actions{justify-content:space-between;margin-top:1.5rem}.metrics{grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem}.metrics div,.metrics div+div{border:0;padding:0}.game-main{padding:1.2rem}.content-grid{display:block}.panel{margin-bottom:1.2rem}.vehicle-row{align-items:flex-start}.vehicle-action{text-align:right}.error-banner{max-width:none;bottom:1rem;left:1rem;right:1rem}}
