@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+Arabic:wght@500;600;700&display=swap";:root{color:#24312f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#253330;--muted:#8c9792;--line:#e9ece7;--green:#20312e;--green-light:#eaf1eb;--amber:#bd8352;--paper:#fff;background:#f5f6f3;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #b9d1c2}.app-shell{min-height:100vh}.sidebar{color:#f4f3ee;z-index:2;background:#20312e;flex-direction:column;width:248px;padding:29px 17px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:inherit;align-items:center;gap:10px;padding:0 8px;text-decoration:none;display:flex}.brand-mark{color:#d99b6c;place-items:center;width:58px;height:47px;display:grid}.vintage-car-mark{width:57px;height:40px}.brand-copy{flex-direction:column;gap:1px;display:flex}.brand-name{letter-spacing:2.1px;font:800 15px/1 Manrope,sans-serif}.brand-caption{letter-spacing:2.1px;color:#a9b4ae;font-size:8px;line-height:1.6}.workspace-label{letter-spacing:1.4px;color:#82908a;margin:52px 12px 13px;font-size:9px;font-weight:700}.primary-nav{gap:5px;display:grid}.nav-item{color:#aeb9b3;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:13px;width:100%;height:43px;padding:0 13px;font-size:12.5px;transition:all .18s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#2b3d39}.nav-item.active{color:#fff;background:#344742;font-weight:600}.nav-item.active:before{content:"";background:#d69a6c;border-radius:0 3px 3px 0;width:3px;height:22px;position:absolute;left:-17px}.nav-count{color:#d0d8d2;background:#40534d;border-radius:5px;place-items:center;min-width:24px;height:21px;margin-left:auto;padding:0 6px;font-size:10px;display:grid}.sidebar-bottom{margin-top:auto}.access-card{border:1px solid #3a4a45;border-radius:8px;align-items:center;gap:9px;margin:0 2px 17px;padding:12px 9px;display:flex}.access-icon{color:#d8a47d;background:#3c4842;border-radius:7px;flex:0 0 29px;place-items:center;width:29px;height:29px;display:grid}.access-copy,.profile-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.access-copy strong,.profile-copy strong{font-size:10.5px;font-weight:600}.access-copy small,.profile-copy small{color:#9ca9a2;font-size:9px}.access-indicator{background:#87b38f;border-radius:50%;align-self:flex-start;width:6px;height:6px;margin-left:auto;box-shadow:0 0 0 3px #344b40}.profile-row{width:100%;color:inherit;border-top:1px solid #3a4945;align-items:center;gap:10px;padding:14px 5px 0;display:flex}.sign-out-button{color:#c9b3a2;background:0 0;border:0;margin-left:auto;padding:0;font-size:9px;font-weight:600}.sign-out-button:hover{color:#fff}.login-screen{background:#20312e;place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login-card{background:#fff;border-radius:12px;width:min(100%,400px);padding:32px 28px 26px;box-shadow:0 24px 70px #0d171466}.login-brand{flex-direction:column;gap:2px;margin-bottom:22px;display:flex}.login-card h1{margin-top:0;font-size:26px}.login-card>p{color:#7d8a84;margin-top:6px;font-size:13px}.login-card form{gap:14px;margin-top:22px;display:grid}.login-card .form-field input{height:42px;font-size:14px}.login-card .form-field>span{font-size:12px}.login-error{color:#a35248;font-size:12px}.login-submit{width:100%;min-height:42px;font-size:13px}.login-submit:disabled{opacity:.7;cursor:progress}.avatar{color:#fbf5ed;background:#9c7053;border-radius:50%;flex:0 0 33px;place-items:center;width:33px;height:33px;font:700 10px Manrope,sans-serif;display:grid}.profile-copy{flex:1}.profile-button>svg{color:#9ca9a2}.main-content{min-height:100vh;margin-left:248px}.topbar{background:#ffffffb8;border-bottom:1px solid #e9ece7;justify-content:space-between;align-items:center;height:65px;padding:0 48px;display:flex}.breadcrumb{color:#9aa39e;align-items:center;gap:10px;font-size:11px;display:flex}.breadcrumb strong{color:#4b5b55;font-weight:600}.topbar-actions{align-items:center;gap:18px;display:flex}.today-label{color:#909b95;font-size:10px}.icon-button{color:#52615b;background:0 0;border:1px solid #e9ece7;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:relative}.notification-dot{background:#c87e58;border:1px solid #fff;border-radius:50%;width:5px;height:5px;position:absolute;top:7px;right:7px}.topbar-divider{background:#e7eae5;width:1px;height:25px}.top-avatar{flex-basis:29px;width:29px;height:29px;font-size:9px}.signed-in{align-items:center;gap:8px;display:flex}.signed-in-copy{flex-direction:column;align-items:flex-end;gap:1px;max-width:220px;display:flex}.signed-in-copy strong{color:#3d4c46;font-size:11px;font-weight:600}.signed-in-copy span{color:#8b9690;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.page-wrap{max-width:1440px;margin:0 auto;padding:36px 48px 21px}.welcome-row{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.eyebrow,.section-kicker{color:#9a765b;letter-spacing:1.4px;align-items:center;gap:8px;font-size:9px;font-weight:700;display:flex}.eyebrow-line{background:#c99b77;width:19px;height:1px}h1,h2,p{margin:0}h1{color:#263430;letter-spacing:-.8px;margin-top:10px;font:600 27px/1.25 Manrope,sans-serif}.wave{color:#bc855e;font:400 19px DM Sans,sans-serif;display:inline-block;transform:rotate(14deg)}.welcome-subtitle{color:#89948e;margin-top:7px;font-size:11.5px}.button{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:37px;padding:0 14px;font-size:10.5px;font-weight:600;transition:all .18s;display:inline-flex}.button-primary{color:#fff;background:#293a35;border:1px solid #293a35;box-shadow:0 2px 4px #1c342c1c}.button-primary:hover{background:#3c514a;border-color:#3c514a;transform:translateY(-1px)}.button-outline{color:#485851;background:#fff;border:1px solid #e3e8e1}.button-outline:hover,.button-light:hover{background:#fafbf8;border-color:#cbd6cd}.button-light{color:#68746e;background:#fff;border:1px solid #e6eae5}.button-danger{color:#fff;background:#aa5147;border:1px solid #aa5147}.stats-grid{grid-template-columns:1fr 1fr 1.15fr 1fr;gap:13px;margin-top:26px;display:grid}.stat-card{background:#fff;border:1px solid #e8ebe6;border-radius:8px;min-height:148px;padding:16px 17px 13px;position:relative;overflow:hidden}.stat-top{justify-content:space-between;align-items:center;display:flex}.stat-icon{border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.stat-icon.sage{color:#53715f;background:#edf3ed}.stat-icon.amber{color:#a8784d;background:#f8f0e8}.stat-icon.rose{color:#9f695d;background:#f6eeeb}.stat-change{color:#588163;background:#edf5ee;border-radius:4px;align-items:center;gap:3px;padding:4px 6px;font-size:9px;font-weight:600;display:inline-flex}.change-arrow{font-size:11px}.muted-change{color:#99917f;background:#f5f3ed;font-weight:500}.stat-value{z-index:1;color:#293834;letter-spacing:-.8px;margin-top:12px;font:700 26px/1 Manrope,sans-serif;position:relative}.stat-money{font-size:23px}.stat-label{z-index:1;color:#59665f;margin-top:5px;font-size:10px;font-weight:600;position:relative}.stat-label span{color:#9da59f;margin-left:3px;font-size:9px;font-weight:400}.stat-sparkline{opacity:.55;align-items:end;gap:3px;width:70px;height:34px;display:flex;position:absolute;bottom:0;right:12px}.stat-sparkline i{background:#b2c6b2;border-radius:3px 3px 0 0;width:3px;height:28%}.stat-sparkline i:nth-child(3n){height:76%}.stat-sparkline i:nth-child(4n){height:49%}.stat-sparkline i:nth-child(5n){height:100%}.stat-sparkline i:nth-child(7n){height:65%}.spark-amber i{background:#ddc29f}.spark-rose i{background:#dab7a9}.stat-card-note{background:#edece3;border-color:#edece3;padding:17px 18px}.note-top{justify-content:space-between;align-items:center;display:flex}.note-overline{color:#928c77;letter-spacing:1.1px;font-size:8px;font-weight:700}.note-sun{color:#b98a59;font-size:19px}.stat-card-note p{color:#47524b;max-width:208px;margin-top:12px;font:500 12px/1.55 Manrope,sans-serif}.note-author{color:#968f7b;margin-top:6px;font-size:8.5px;display:block}.note-road{opacity:.6;background:repeating-linear-gradient(90deg,#b58a60 0 15px,#0000 15px 21px);height:3px;position:absolute;bottom:0;left:0;right:0}.inventory-section{background:#fff;border:1px solid #e8ebe6;border-radius:8px;margin-top:32px;padding:23px 22px 0;box-shadow:0 3px 12px #283b2f04}.section-heading{justify-content:space-between;align-items:center;gap:15px;display:flex}.section-kicker{letter-spacing:1.2px;color:#a18165;font-size:8px}.section-heading h2,.modal-header h2{color:#2d3b36;letter-spacing:-.4px;margin-top:5px;font:600 18px/1.3 Manrope,sans-serif}.section-heading p,.modal-header p{color:#909b95;margin-top:4px;font-size:10.5px}.inventory-toolbar{border-bottom:1px solid #eff1ee;justify-content:space-between;align-items:center;gap:14px;margin-top:20px;padding-bottom:15px;display:flex}.search-box{color:#96a09a;background:#fff;border:1px solid #e8ebe7;border-radius:5px;align-items:center;gap:8px;width:min(330px,48%);height:35px;padding:0 9px;display:flex}.search-box input{color:#47554e;background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0;font-size:10px}.search-box input::placeholder{color:#a9b0ab}.search-box kbd{color:#9da69f;background:#fafbf9;border:1px solid #e7eae6;border-radius:3px;padding:2px 4px;font:9px DM Sans,sans-serif}.toolbar-right{align-items:center;gap:8px;display:flex}.filter-select{color:#7b8780;border:1px solid #e8ebe7;border-radius:5px;align-items:center;gap:7px;height:35px;padding:0 9px;display:flex}.filter-select select,.select-wrap select{appearance:none;color:#617069;cursor:pointer;background:0 0;border:0;outline:none;min-width:94px;font-size:10px}.toolbar-right .button{min-height:35px;padding:0 11px;font-size:10px}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}thead th{color:#9ba49e;letter-spacing:.8px;height:38px;font-size:8px;font-weight:700}thead th:first-child{width:43%}thead th:nth-child(2){width:9%}thead th:nth-child(3),thead th:nth-child(4),thead th:nth-child(5){width:14%}thead th:last-child{width:6%}tbody tr{border-top:1px solid #f0f2ef;transition:background .15s}tbody tr:hover{background:#fcfdfa}tbody td{color:#506058;height:65px;font-size:10px}.vehicle-cell{align-items:center;gap:11px;display:flex}.vehicle-photo{background:#e8ebe5;border-radius:5px;flex:0 0 64px;width:64px;height:43px;position:relative;overflow:hidden}.vehicle-photo img{z-index:1;object-fit:cover;width:100%;height:100%;position:relative}.photo-fallback{color:#829085;background:linear-gradient(135deg,#e8ece6,#dce4dc);place-items:center;display:grid;position:absolute;inset:0}.vehicle-photo img:not([src]){display:none}.vehicle-info{flex-direction:column;gap:5px;display:flex}.vehicle-info strong{color:#34433d;font-size:10.5px;font-weight:600}.vehicle-info span{color:#9aa49d;align-items:center;gap:6px;font-size:8.5px;display:flex}.vehicle-info i{background:#b8c0ba;border-radius:50%;width:3px;height:3px}.table-muted{color:#727f77}.price-cell{color:#3a4942;font-size:10.5px;font-weight:600}.status-badge{border-radius:4px;align-items:center;gap:6px;padding:5px 8px;font-size:8px;font-weight:600;display:inline-flex}.status-badge i{background:currentColor;border-radius:50%;width:5px;height:5px}.status-available,.status-valid{color:#1d8a3a;background:#eef8f0}.status-reserved,.status-pending{color:#a87943;background:#faf4e9}.status-sold,.status-invalid{color:#a35248;background:#f8efed}.inventory-table{min-width:980px}.inventory-table thead th,.inventory-table thead th:first-child,.inventory-table thead th:nth-child(2),.inventory-table thead th:nth-child(3),.inventory-table thead th:nth-child(4),.inventory-table thead th:nth-child(5){width:auto}.detail-list{gap:12px;margin:0;display:grid}.detail-list div{grid-template-columns:140px 1fr;gap:12px;display:grid}.detail-list dt{color:#809087;font-size:12px}.detail-list dd{color:#2d3b36;margin:0;font-size:14px;font-weight:600}.vehicle-modal{width:min(100%,720px);max-height:min(92vh,860px)}.form-field.span-2{grid-column:1/-1}.form-field textarea{color:#4c5a53;resize:vertical;background:#fff;border:1px solid #e4e9e3;border-radius:5px;width:100%;min-height:72px;padding:10px;font:400 10px/1.5 inherit}.actions-col{z-index:1;background:#fff;min-width:108px;position:sticky;left:0;box-shadow:10px 0 14px -12px #283b2f33}thead .actions-col{z-index:2;background:#fff}tbody tr:hover .actions-col{background:#fcfdfa}.actions-button{color:#3f4e47;background:#fff;border:1px solid #e3e8e1;border-radius:5px;align-items:center;gap:6px;height:30px;padding:0 10px;font-size:10px;font-weight:600;display:inline-flex}.actions-button:hover,.actions-button[aria-expanded=true]{background:#f7faf6;border-color:#cbd6cd}.menu-backdrop{z-index:6;background:0 0;border:0;position:fixed;inset:0}.action-menu{z-index:7;background:#fff;border:1px solid #e6ebe4;border-radius:8px;min-width:148px;padding:5px;position:fixed;box-shadow:0 12px 32px #16251f24}.action-menu button{color:#3f4e47;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;width:100%;height:32px;padding:0 8px;font-size:11px;font-weight:600;display:flex}.action-menu button:hover{background:#f4f7f3}.action-menu button.danger{color:#a35248}.action-menu button.danger:hover{background:#f8efed}.table-footer{color:#9aa39d;border-top:1px solid #eef0ed;justify-content:space-between;align-items:center;min-height:47px;font-size:9px;display:flex}.table-footer strong{color:#6e7b73;font-weight:600}.view-all-button,.empty-state button{color:#65786b;background:0 0;border:0;align-items:center;gap:6px;padding:5px 0 5px 8px;font-size:9px;font-weight:600;display:inline-flex}.view-all-button:hover,.empty-state button:hover{color:#31473a}.empty-state{color:#929e96;white-space:normal;text-align:center;flex-direction:column;align-items:center;gap:8px;padding:32px 10px;display:flex}.empty-icon{color:#718577;background:#edf2ed;border-radius:50%;place-items:center;width:41px;height:41px;margin-bottom:2px;display:grid}.empty-state strong{color:#46554c;font-size:12px}.empty-state>span:last-of-type{font-size:10px}.empty-state button{color:#597965;padding:5px}.page-footer{color:#a0a9a2;justify-content:space-between;padding:17px 2px 0;font-size:9px;display:flex}.page-footer span:last-child{align-items:center;gap:6px;display:flex}.page-footer i{background:#81a487;border-radius:50%;width:5px;height:5px}.modal-backdrop{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#17231f80;place-items:center;padding:20px;animation:.16s fade-in;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #e8ebe5;border-radius:10px;width:min(100%,560px);max-height:min(90vh,760px);padding:25px 26px 22px;animation:.2s modal-up;overflow-y:auto;box-shadow:0 24px 70px #16251f38}.modal-header{justify-content:space-between;gap:15px;margin-bottom:22px;display:flex}.modal-header h2{margin-top:6px;font-size:20px}.modal-close{border-color:#ecefea;flex:0 0 33px}.form-grid{grid-template-columns:1fr 1fr;gap:15px 13px;display:grid}.form-field{color:#56645c;flex-direction:column;gap:6px;font-size:10px;font-weight:600;display:flex}.form-field>span em{color:#a2aaa4;margin-left:3px;font-size:9px;font-style:normal;font-weight:400}.form-field input,.input-prefix,.select-wrap{color:#4c5a53;background:#fff;border:1px solid #e4e9e3;border-radius:5px;width:100%;height:38px;font-size:10px;font-weight:400}.form-field input{padding:0 10px}.form-field input::placeholder{color:#b2bab4}.input-prefix{align-items:center;display:flex}.input-prefix>span{color:#8e9992;padding-left:10px}.input-prefix input{border:0;outline:none;height:100%;padding-left:5px}.select-wrap{align-items:center;padding:0 10px;display:flex;position:relative}.select-wrap select{color:#4c5a53;flex:1;height:100%;font-size:10px}.select-wrap>svg{color:#97a19a;pointer-events:none}.form-note{color:#809087;background:#f5f7f3;border-radius:5px;align-items:center;gap:7px;margin-top:17px;padding:10px 11px;font-size:9px;display:flex}.form-note svg{color:#8d9b8f}.modal-actions{border-top:1px solid #eef0ed;justify-content:flex-end;gap:8px;margin-top:22px;padding-top:16px;display:flex}.delete-modal{width:min(100%,410px);padding:27px}.delete-icon{color:#a5554b;background:#f8efed;border-radius:8px;place-items:center;width:39px;height:39px;display:grid}.delete-modal h2{color:#2c3a34;margin-top:16px;font:600 17px Manrope,sans-serif}.delete-modal p{color:#7e8982;margin-top:8px;font-size:11px;line-height:1.65}.delete-modal p strong{color:#56645c;font-weight:600}.toast{z-index:7;color:#3f5146;background:#fff;border:1px solid #dce8dd;border-radius:7px;align-items:center;gap:9px;padding:11px 15px 11px 11px;font-size:11px;animation:.2s modal-up;display:flex;position:fixed;bottom:24px;right:25px;box-shadow:0 6px 25px #263b2a19}.toast>span{color:#588367;background:#edf5ee;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-up{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (width>=1500px){.page-wrap,.topbar{padding-left:62px;padding-right:62px}}@media (width<=1120px){.sidebar{width:220px}.main-content{margin-left:220px}.topbar{padding:0 30px}.page-wrap{padding:32px 30px 20px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{min-height:135px}.stat-card-note p{max-width:260px}}@media (width<=760px){.sidebar{flex-direction:row;align-items:center;width:100%;height:auto;min-height:64px;padding:9px 16px;position:relative}.brand{padding:0}.brand-mark{width:47px;height:41px}.vintage-car-mark{width:48px}.workspace-label,.sidebar-bottom{display:none}.primary-nav{gap:3px;margin-left:auto;display:flex}.nav-item{gap:7px;width:auto;height:38px;padding:0 9px;font-size:10px}.nav-item.active:before{width:auto;height:2px;bottom:-9px;left:9px;right:9px}.nav-count{display:none}.main-content{min-height:calc(100vh - 64px);margin-left:0}.topbar{height:51px;padding:0 19px}.today-label,.topbar-divider,.signed-in-copy strong{display:none}.signed-in-copy{max-width:140px}.topbar-actions{gap:0}.page-wrap{padding:27px 19px 18px}.welcome-row{align-items:flex-start}h1{max-width:370px;font-size:23px}.welcome-subtitle{max-width:270px;line-height:1.5}.welcome-row>.button{min-height:34px;padding:0 10px;font-size:9px}.stats-grid{gap:9px;margin-top:22px}.stat-card{min-height:133px;padding:13px}.stat-value{font-size:23px}.stat-money{font-size:19px}.stat-label span{margin:4px 0 0;display:block}.inventory-section{margin-top:22px;padding:18px 14px 0}.section-heading h2{font-size:16px}.section-heading p{font-size:9px}.section-heading>.button{min-height:33px;padding:0 9px;font-size:9px}.inventory-toolbar{margin-top:15px}.search-box{width:min(230px,55%)}.search-box kbd{display:none}.filter-select{gap:4px;padding:0 6px}.filter-select select{min-width:80px;font-size:9px}.toolbar-right{gap:5px}.toolbar-right .button{padding:0 7px;font-size:9px}table{min-width:690px}thead th:first-child{width:38%}tbody td{height:61px}.page-footer{font-size:8px}}@media (width<=480px){.brand-name{letter-spacing:1.4px;font-size:12px}.brand-caption{letter-spacing:1.4px;font-size:7px}.brand{gap:6px}.primary-nav{gap:0}.nav-item{justify-content:center;width:34px;padding:0}.nav-item span{display:none}.nav-item.active:before{left:5px;right:5px}.breadcrumb{font-size:9px}.page-wrap{padding-left:13px;padding-right:13px}.welcome-row{flex-direction:column;align-items:flex-start;gap:14px}.welcome-row>.button{align-self:flex-end;margin-top:-2px}.eyebrow{font-size:8px}h1{font-size:22px}.stat-card{min-height:127px;padding:11px}.stat-icon{width:29px;height:29px}.stat-change{padding:3px 4px;font-size:8px}.stat-value{margin-top:10px;font-size:21px}.stat-money{font-size:17px}.stat-label{font-size:9px}.stat-label span{font-size:8px}.stat-card-note{padding:13px 12px}.stat-card-note p{font-size:10px}.inventory-section{padding-left:10px;padding-right:10px}.inventory-toolbar{flex-direction:column;align-items:stretch}.search-box{width:100%}.toolbar-right{justify-content:flex-end}.table-footer,.view-all-button{font-size:8px}.form-grid{grid-template-columns:1fr;gap:11px}.modal-card{padding:20px 17px 16px}.modal-header{margin-bottom:17px}.form-field input,.input-prefix,.select-wrap{height:36px}.page-footer{gap:10px}}.public-message{color:#66746c;margin-top:18vh;font-size:14px}.setup-banner{color:#6a5340;background:#fbf6ef;border:1px solid #ead9c2;border-radius:8px;margin-top:16px;padding:12px 14px;font-size:12px;line-height:1.5}
