@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:"DM Sans",Segoe UI,Arial,sans-serif;color:#242833;background:#fff}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.48}
[hidden]{display:none!important}
.top{position:relative;z-index:2;min-height:102px;padding:0 max(24px,calc((100vw - 1340px)/2));display:flex;align-items:center;gap:35px;background:#fff;border-bottom:1px solid #f1e5dc;box-shadow:0 2px 14px #9c4e1009}
.brand{position:relative;display:flex;align-items:center;flex:0 0 252px;width:252px;height:96px;overflow:hidden;white-space:nowrap;text-decoration:none;color:#242833;font:800 21px "Manrope",sans-serif;letter-spacing:-.055em}
.brand-logo{position:absolute;left:-39px;top:-7px;width:330px;height:110px;max-width:none;object-fit:cover;object-position:center}
.brand-fallback{padding-left:8px}
.brand small{display:block;font:700 10px "DM Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#f06a20;margin-top:1px}
.mark{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:linear-gradient(135deg,#ff9c52,#eb5a16);color:#fff;font:800 24px "Manrope",sans-serif;box-shadow:0 7px 18px #f9731640}
.nav{display:flex;align-items:stretch;align-self:stretch;gap:7px}
.nav a{display:flex;align-items:center;padding:0 17px;border-bottom:3px solid transparent;color:#58606a;text-decoration:none;font-weight:700;font-size:13px}
.nav a:hover{color:#df5d1d}
.nav a.active{color:#e65d18;border-bottom-color:#f97316}
.top #logout{margin-left:auto}
button,.outline{border:1px solid #e9d6c8;border-radius:10px;padding:10px 16px;background:#fff;color:#3b4149;font-weight:700}
button:hover,.outline:hover{border-color:#f79c63}
.primary{border:1px solid #ef681e;background:#f97316;color:#fff;box-shadow:0 5px 13px #f9731630}
.primary:hover{background:#e85f0b;color:#fff}
main{width:min(1340px,calc(100% - 48px));margin:0 auto;flex:1;padding:38px 0 72px}
.eyebrow{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em;color:#e86622}
h1,h2,h3,p{margin-top:0}
h1,h2{font-family:Manrope,Segoe UI,sans-serif;letter-spacing:-.055em}
h1{font-size:clamp(34px,4.3vw,62px);line-height:1.13;font-weight:800;margin:12px 0}
h2{font-size:clamp(23px,2.1vw,31px);font-weight:800;margin:5px 0 0}
.accent{color:#f97316}
.page-heading{padding:22px 0 32px}
.page-heading p{color:#69717b;font-size:15px;margin:0}
.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:10px 0 0}
.summary>div{display:flex;align-items:center;gap:16px;padding:21px 25px;border:1px solid #f1e3da;border-radius:16px;background:#fff;box-shadow:0 12px 32px #97562f0b}
.summary strong{font:800 38px Manrope,sans-serif;letter-spacing:-.06em;color:#e96820}
.summary span{font-size:12px;font-weight:800;color:#65707a;text-transform:uppercase;letter-spacing:.05em}
.section{margin-top:48px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding-bottom:17px;border-bottom:1px solid #edddd2}
.section-meta{font-size:12px;font-weight:700;color:#89919a}
.table-scroll{overflow-x:auto;background:#fff;border:1px solid #f0e3d9;border-radius:0 0 14px 14px;box-shadow:0 12px 28px #97562f09}
table{width:100%;min-width:860px;border-collapse:collapse}
th{text-align:left;background:#f8fafc;color:#b45318;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
th,td{padding:15px 17px;border-bottom:1px solid #f1e8e2;vertical-align:top}
tbody tr:last-child td{border-bottom:0}
tbody tr:hover{background:#fffaf7}
td{font-size:13px;line-height:1.5;color:#39404a}
td strong{font-weight:800;color:#242833}
td small{display:block;color:#9299a1;font-size:11px;margin-top:3px}
td.empty{text-align:center;padding:33px;color:#8b929b}
.mono{font-family:Consolas,monospace;font-size:12px}
.status-cell{text-align:right;white-space:nowrap}
th:last-child{text-align:right}
.tag{display:inline-block;max-width:180px;padding:7px 11px;border-radius:999px;border:1px solid currentColor;border-left:4px solid var(--status-color,currentColor);background:#fff0e6;color:#ad5522;font-size:10px;font-weight:800;text-transform:uppercase;white-space:normal;text-align:left}
.tag.open{background:#eaf4fd;color:#23698d}
.tag.pending{background:#fff3d9;color:#9b640e}
.tag.accepted{background:#e6f7ed;color:#167342}
.tag.rejected{background:#fff0ef;color:#b33434}
.tag.closed{background:#f0f2f2;color:#67737a}
.item-list,.work-list{padding:0;margin:0;list-style:none}
.item-list li{display:flex;justify-content:space-between;gap:20px;padding:4px 0;border-bottom:1px solid #f1e8e2}
.item-list li:last-child{border-bottom:0}
.item-list strong{white-space:nowrap}
.work-list li{padding:2px 0}
.work-list li:before{content:"• ";color:#f97316;font-weight:800}
.price{font-weight:800;white-space:nowrap}
.row-actions{display:flex;justify-content:flex-end;gap:6px;margin-top:9px}
.small{padding:7px 10px;font-size:11px}
.request-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;align-items:end;background:#fff;padding:25px;border:1px solid #f0e3d9;border-top:0;border-radius:0 0 14px 14px}
.request-form .notes-field{grid-column:1 / 3}
.request-form .message{grid-column:1 / -1}
.request-form button{min-height:45px}
.new-vehicle-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:end;padding:24px;background:#fff;border:1px solid #f0e3d9;border-top:0;border-radius:0 0 14px 14px}
.new-vehicle-form .vehicle-notes{grid-column:2 / 5}
.new-vehicle-form button{min-height:45px;grid-column:1 / 3}
.new-vehicle-form .message{grid-column:3 / 5}
.form-explainer{margin:10px 2px 0;color:#828a94;font-size:12px}
.submissions-heading{margin:26px 0 10px;font:800 16px Manrope,sans-serif}
label{display:grid;gap:8px;color:#525c65;font-size:12px;font-weight:800}
input,select,textarea{width:100%;padding:11px 13px;border:1px solid #e2d7d0;border-radius:9px;background:#fff;color:#242833}
input[type=search]{padding-left:39px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23e86a27' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5'/%3E%3Cpath d='m16 16 5 5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:12px center}
input:focus,select:focus,textarea:focus{outline:3px solid #ffcfaa;border-color:#f97316}
textarea{min-height:82px;resize:vertical}
.message{color:#b33434;font-size:12px}
.search-hint{font-size:11px;font-weight:600;color:#99929a}
.registration-search{align-self:start}
.list-search{display:flex;align-items:end;gap:18px;padding:18px 0}
.list-search label{width:min(360px,100%)}
.list-search .search-hint{padding-bottom:13px}
.filters{display:flex;gap:16px;flex-wrap:wrap;padding:19px 0}
.filters label{min-width:240px}
.table-link{color:#e8611a;font-weight:800;text-decoration:none}
.table-link:hover{text-decoration:underline;text-underline-offset:3px}
.date-group{margin:0 0 22px}
.date-heading{display:flex;align-items:baseline;gap:12px;padding:16px 19px;background:#f8fafc;border:1px solid #e5e7eb;border-left:4px solid #f97316;border-bottom:0;border-radius:13px 13px 0 0}
.date-heading strong{font:800 17px Manrope,sans-serif;color:#9f4418}
.date-heading span{font-size:11px;color:#a87a5b}
.empty-history{padding:34px;border:1px solid #f0e3d9;border-radius:12px;background:#fff;color:#898f97;text-align:center}
.login-layout{display:grid;grid-template-columns:1.15fr .85fr;min-height:555px;border:1px solid #f0e1d6;border-radius:22px;background:#fff;overflow:hidden;box-shadow:0 18px 60px #b05b230f;margin-top:28px}
.login-intro{position:relative;padding:58px 55px;background:#fff;border-right:4px solid #f97316;overflow:hidden}
.login-intro:after{content:"";position:absolute;right:-92px;bottom:-176px;width:420px;height:420px;border:42px solid #f973161c;border-radius:50%}
.login-intro h1{position:relative;z-index:1;max-width:670px;font-size:clamp(46px,4.7vw,72px)}
.login-intro h1 em{font-style:normal;color:#e9621a}
.login-intro p{position:relative;z-index:1;max-width:450px;line-height:1.65;color:#6c5d54}
.decor{position:absolute;bottom:35px;color:#bc713c;font-size:12px;font-weight:800}
.login-panel{align-self:center;padding:60px min(5vw,72px)}
.login-panel h2{margin:9px 0 32px;font-size:38px}
.stack{display:grid;gap:18px}
.stack button{margin-top:10px;text-align:left}
footer{padding:23px 24px;border-top:1px solid #f1e5dc;background:#fff;color:#a5a0a2;text-align:center;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
@media(max-width:920px){.top{flex-wrap:wrap;gap:0;padding:11px 18px}.nav{order:3;width:100%;overflow:auto;margin-top:11px}.nav a{padding:12px;white-space:nowrap}.top #logout{font-size:12px;padding:8px}main{width:calc(100% - 32px);padding-top:15px}.summary{grid-template-columns:repeat(2,1fr)}.request-form,.new-vehicle-form{grid-template-columns:repeat(2,minmax(0,1fr))}.request-form .notes-field{grid-column:1/-1}.new-vehicle-form button{grid-column:1/-1}.new-vehicle-form .message{grid-column:1/-1}.login-layout{grid-template-columns:1fr}.login-intro{min-height:260px;padding:35px}.login-panel{padding:35px}}
@media(max-width:620px){.summary{grid-template-columns:1fr}.summary>div{padding:12px 18px}.page-heading h1{font-size:39px}.section{margin-top:35px}.section-head{align-items:start;flex-direction:column;gap:6px}.request-form,.new-vehicle-form{grid-template-columns:1fr}.request-form .notes-field,.request-form .message,.new-vehicle-form button,.new-vehicle-form .message{grid-column:auto}.filters label{width:100%}.list-search{flex-direction:column;align-items:stretch}.list-search label{width:100%}.login-intro h1{font-size:43px}}
@media(max-width:920px){.login-intro{border-right:0;border-bottom:4px solid #f97316}}
@media(max-width:920px){.new-vehicle-form .vehicle-notes{grid-column:1 / -1}}
@media(max-width:620px){.brand{flex-basis:190px;width:190px;height:72px}.brand-logo{left:-30px;top:-6px;width:250px;height:84px}}