@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.ant-layout{background:#f0f2f5}.ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.ant-btn,.ant-input{border-radius:6px}.ant-select-selector{border-radius:6px!important}@media (max-width:768px){.ant-layout-sider{height:100vh;position:fixed!important;z-index:999}.ant-layout-content{margin-left:0!important}}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.main-layout{height:100vh}.layout-sider{background:#000!important;border-right:1px solid #333;box-shadow:2px 0 8px #0000001a;height:100vh;left:0;position:fixed;transition:width .2s ease;z-index:100}.mobile-sider-overlay{background:#00000059;inset:0;position:fixed;z-index:90}.logo{align-items:center;background:#0000;border-radius:8px;cursor:pointer;display:flex;height:64px;justify-content:center;margin:20px 16px;padding:8px;transition:background-color .2s ease}.logo-image{display:block;height:48px;object-fit:contain;width:48px}.logo:hover{background-color:#ffffff1a}.logo-text{color:#fff}.sidebar-menu{background:#0000!important;border-right:none}.sidebar-menu .ant-menu-item{border-radius:8px!important;color:#fffc!important;margin:4px 12px!important;transition:all .3s ease!important}.sidebar-menu .ant-menu-item:hover{background:#ffffff1a!important;color:#fff!important}.sidebar-menu .ant-menu-item-selected{background:#fff3!important;color:#fff!important;font-weight:600!important}.sidebar-menu .ant-menu-item-selected:after{display:none!important}.site-layout{display:flex;flex-direction:column;margin-left:250px;min-height:100vh;transition:margin-left .2s}.site-layout.collapsed{margin-left:80px}.layout-header{background:#fff;border-bottom:1px solid #f0f0f0;box-shadow:0 1px 4px #00000014;justify-content:space-between;padding:0 24px;position:relative;z-index:10}.header-left,.layout-header{align-items:center;display:flex}.trigger{color:#666;cursor:pointer;font-size:18px;line-height:64px;transition:color .3s}.trigger:hover{color:#2563eb}.header-right{align-items:center;display:flex}.header-button{color:#666;font-size:16px}.user-info{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:8px 12px;transition:background-color .3s}.user-info:hover{background-color:#f5f5f5}.user-avatar{background-color:#2563eb;margin-right:12px}.user-details{display:flex;flex-direction:column;line-height:1.2}.company-name{font-size:12px}.layout-content{background:#fff;border:1px solid #f0f0f0;border-radius:4px;box-shadow:0 1px 3px #0000000a;box-sizing:border-box;flex:1 1;margin:24px;min-height:-webkit-fit-content;min-height:fit-content;overflow:visible;padding:24px;width:calc(100% - 48px)}.content-wrapper{display:flex;flex-direction:column;min-height:100%;overflow:visible;width:100%}.bottom-navigation{background:#fff;border-top:1px solid #f0f0f0;bottom:0;margin-top:auto;padding:16px 0;position:-webkit-sticky;position:sticky;z-index:10}.page-with-bottom-nav{display:flex;flex-direction:column;min-height:calc(100vh - 200px)}.ant-modal .ant-modal-content{display:flex;flex-direction:column;max-height:calc(100vh - 40px)!important;overflow:hidden}.ant-modal .ant-modal-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:0!important}.photo-preview-modal .ant-modal-content{height:calc(100vh - 40px);max-height:calc(100vh - 40px)}.photo-preview-modal .ant-modal-body{height:100%;overflow:hidden}@media (max-width:768px){.site-layout{margin-left:0}.photo-preview-modal .ant-modal-content{height:calc(100vh - 20px);margin:10px;max-height:calc(100vh - 20px)}.photo-preview-modal{max-width:100%!important;padding:0;width:100%!important}.layout-sider{position:fixed;z-index:1000}.user-details{display:none}.layout-content{margin:16px;padding:16px;width:calc(100% - 32px)}.ant-row{margin-left:-8px!important;margin-right:-8px!important}.ant-col{padding-left:8px!important;padding-right:8px!important}}@media (max-width:576px){.layout-content{margin:8px;padding:12px;width:calc(100% - 16px)}.ant-card{margin-bottom:12px}.ant-table-wrapper{overflow-x:auto}}.login-container{align-items:center;background:linear-gradient(135deg,#000,#1a1a1a 50%,#2d2d2d);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.login-container:before{background-image:radial-gradient(circle at 20% 50%,#ffffff08 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff08 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-content{max-width:420px;position:relative;width:100%;z-index:1}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 20px 60px #0006}.login-header{margin-bottom:32px;padding-top:8px;text-align:center}.login-logo{filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));height:80px;margin-bottom:20px;object-fit:contain;width:80px}.login-title{color:#1a1a1a;font-weight:700;margin-bottom:8px!important}.login-form{width:100%}.login-submit{margin-bottom:0}.login-button{background:#000;border-color:#000;border-radius:8px;font-size:16px;font-weight:600;height:48px;letter-spacing:.5px;text-transform:uppercase;transition:all .3s ease}.login-button:hover:not(:disabled){background:#1a1a1a!important;border-color:#1a1a1a!important;box-shadow:0 4px 12px #0000004d;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}@media (max-width:480px){.login-container{padding:16px}.login-card{margin:0}}.dashboard{padding:0}.dashboard-header{margin-bottom:24px}.dashboard-header .ant-typography{margin-bottom:8px}.dashboard-stats{margin-bottom:24px}.dashboard-stats .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a;transition:box-shadow .3s,transform .2s}.dashboard-stats .ant-card:hover{box-shadow:0 4px 16px #00000026}.clickable-card{cursor:pointer;position:relative;transition:all .3s ease}.clickable-card:hover{border-color:#1890ff;box-shadow:0 6px 20px #00000026!important;transform:translateY(-2px)}.clickable-card:active{transform:translateY(0)}.clickable-card .ant-card-head{min-height:auto;padding:8px 16px}.clickable-card .ant-card-head-title{opacity:0;text-align:center;transition:opacity .3s ease}.clickable-card:hover .ant-card-head-title{opacity:1}.clickable-card .ant-card-body{padding:16px}.clickable-card:before{background:linear-gradient(90deg,#1890ff,#722ed1);border-radius:8px 8px 0 0;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.clickable-card:hover:before{opacity:1}.dashboard-content{margin-bottom:24px}.dashboard-content .ant-card{height:100%}.dashboard-actions .ant-card,.dashboard-content .ant-card{border-radius:8px;box-shadow:0 2px 8px #0000001a}.empty-state .ant-typography{color:#666}.ant-statistic-content{align-items:center;display:flex}.ant-statistic-content-prefix{font-size:24px;margin-right:8px}.mobile-vehicle-item{border-bottom:1px solid #f0f0f0;padding:12px 0}.mobile-vehicle-item:last-child{border-bottom:none}.mobile-vehicle-header{align-items:flex-start}.mobile-vehicle-title{color:#1890ff;cursor:pointer;font-size:14px;font-weight:500}.mobile-vehicle-details{display:flex;flex-direction:column;gap:4px}.mobile-vehicle-info{color:#666;font-size:13px}@media (max-width:991px) and (min-width:768px){.dashboard-header h2{font-size:24px}.dashboard-stats .ant-card-body{padding:12px}.ant-statistic-content-prefix{font-size:20px}.ant-statistic-content-value{font-size:20px!important}.dashboard-actions .ant-space{display:flex;flex-wrap:wrap;gap:8px}}@media (max-width:767px){.dashboard{padding:0}.dashboard-header{margin-bottom:16px}.dashboard-header h2{font-size:20px;margin-bottom:4px}.dashboard-header .ant-typography{font-size:13px}.dashboard .ant-alert{font-size:13px;margin-bottom:12px;padding:8px 12px}.dashboard .ant-card.ant-card-small{margin-bottom:12px}.dashboard .ant-card.ant-card-small .ant-card-body{padding:12px}.dashboard-stats{margin-bottom:16px}.dashboard-stats .ant-col{margin-bottom:0!important}.dashboard-stats .ant-card{box-shadow:0 1px 4px #00000014}.clickable-card .ant-card-body,.dashboard-stats .ant-card-body{padding:12px}.clickable-card:hover{box-shadow:0 1px 4px #00000014!important;transform:none}.clickable-card:hover .ant-card-head-title{opacity:.7}.clickable-card:hover:before{opacity:0}.ant-statistic-title{font-size:12px!important;margin-bottom:4px!important}.ant-statistic-content{font-size:18px}.ant-statistic-content-prefix{font-size:18px;margin-right:6px}.ant-statistic-content-value{font-size:18px!important}.ant-statistic-content-suffix{font-size:11px!important}.dashboard-content{margin-bottom:16px}.dashboard-content .ant-col{margin-bottom:0!important}.dashboard-content .ant-card{box-shadow:0 1px 4px #00000014}.dashboard-content .ant-card-head{min-height:auto;padding:12px 16px}.dashboard-content .ant-card-head-title{font-size:15px}.dashboard-content .ant-card-body{padding:12px}.dashboard-content .ant-card-extra{font-size:12px}.desktop-vehicle-table{display:none!important}.mobile-vehicle-list{display:block}.dashboard-content .ant-list-item{padding:10px 0}.dashboard-content .ant-list-item-meta-avatar{margin-right:12px}.dashboard-content .ant-avatar{height:32px;width:32px}.dashboard-content .ant-list-item-meta-title{font-size:13px;margin-bottom:4px}.dashboard-content .ant-list-item-meta-description{font-size:12px}.empty-state{padding:30px 16px}.empty-state .anticon{font-size:36px!important}.empty-state h4{font-size:16px;margin-top:12px}.empty-state .ant-typography{font-size:13px}.dashboard-actions .ant-card-head{padding:12px 16px}.dashboard-actions .ant-card-body{padding:12px}.dashboard-actions .ant-space{justify-content:center;width:100%}.dashboard-actions .ant-space-item{width:100%}.dashboard-actions button{font-size:14px;height:40px;width:100%}.ant-tag{font-size:11px;line-height:18px;padding:0 6px}.dashboard .ant-btn{font-size:13px;height:32px;padding:4px 12px}.dashboard .ant-btn-lg{font-size:14px;height:40px;padding:6px 15px}.dashboard .ant-btn-icon-only{height:32px;width:32px}}@media (max-width:480px){.dashboard-header h2{font-size:18px}.dashboard-header .ant-typography{font-size:12px}.clickable-card .ant-card-body,.dashboard-stats .ant-card-body{padding:10px}.ant-statistic-title{font-size:11px!important}.ant-statistic-content-value{font-size:16px!important}.ant-statistic-content-prefix{font-size:16px}.dashboard-content,.dashboard-stats{margin-left:-4px;margin-right:-4px}.dashboard-content .ant-col,.dashboard-stats .ant-col{padding-left:4px!important;padding-right:4px!important}.dashboard .ant-card.ant-card-small .ant-col{text-align:left}.empty-state{padding:20px 12px}.empty-state h4{font-size:14px;margin-top:10px}}.vehicle-list-container{padding:0}.mobile-vehicle-list{display:none}.mobile-vehicle-card{background:#fff;border:1px solid #e8e8e8;border-radius:10px;box-shadow:0 1px 4px #0000001a;margin-bottom:10px;padding:12px;transition:all .2s ease}.mobile-vehicle-card:active{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.mobile-vehicle-photos{display:flex;gap:8px;justify-content:center;margin-bottom:12px}.mobile-vehicle-photo{aspect-ratio:1;border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;flex-shrink:0;overflow:hidden;position:relative;transition:transform .2s ease}.mobile-vehicle-photo:active{transform:scale(.98)}.mobile-vehicle-photo-placeholder{align-items:center;aspect-ratio:1;background:#fafafa;border:2px dashed #d9d9d9;border-radius:8px;display:flex;justify-content:center}.mobile-vehicle-header{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.mobile-vehicle-id{align-items:center;color:#1890ff;cursor:pointer;display:flex;flex:1 1;font-size:13px;font-weight:600;gap:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-vehicle-id .anticon{flex-shrink:0}.mobile-vehicle-info{background:#fafafa;border-radius:6px;margin-bottom:8px;padding:8px}.mobile-vehicle-brand{color:#262626;display:block;font-size:13px;font-weight:600;line-height:1.3;margin-bottom:3px}.mobile-vehicle-details{color:#8c8c8c;font-size:11px;line-height:1.4}.mobile-vehicle-stats{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.mobile-vehicle-stats .ant-tag{font-size:10px!important;line-height:1.4;margin:0;padding:2px 6px!important}.mobile-vehicle-actions{display:flex;flex-wrap:wrap;gap:6px}.mobile-vehicle-actions .ant-btn{border-radius:6px;flex:1 1;font-size:11px!important;height:30px!important;min-width:0;padding:4px 8px!important}.mobile-vehicle-actions .ant-btn-icon-only{flex:0 0 auto;padding:4px!important;width:30px}@media (max-width:991px) and (min-width:768px){.vehicle-list-container .ant-statistic-content-value{font-size:22px!important}.vehicle-list-container .ant-statistic-title{font-size:13px!important}}@media (max-width:767px){.vehicle-list-container{padding:0}.vehicle-list-container .ant-card{border-radius:12px!important;margin-bottom:12px!important}.vehicle-list-container .ant-card-body{padding:12px!important}.vehicle-header-image{display:none!important}.vehicle-list-container h3.ant-typography{font-size:16px!important;line-height:1.3!important;margin-bottom:4px!important}.vehicle-list-container .ant-typography:not(h3){font-size:12px!important;line-height:1.4!important}.vehicle-list-container .ant-tag{font-size:10px!important;margin:2px!important;padding:2px 8px!important}.vehicle-list-container .ant-btn{font-size:12px!important;height:auto!important;padding:4px 10px!important}.vehicle-list-container .ant-btn-lg{font-size:13px!important;height:36px!important;padding:6px 12px!important}.vehicle-list-container .ant-space{gap:8px!important}.vehicle-list-container .ant-row{margin-left:-6px!important;margin-right:-6px!important}.vehicle-list-container .ant-col{padding-left:6px!important;padding-right:6px!important}.vehicle-list-container .ant-avatar{height:32px!important;width:32px!important}.vehicle-list-container .ant-statistic-title{font-size:9px!important;margin-bottom:2px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.vehicle-list-container .ant-statistic-content-value{font-size:18px!important;line-height:1.2!important}.vehicle-list-container .ant-statistic-content-suffix{font-size:11px!important}.vehicle-list-container .ant-space-align-start{gap:8px!important}.vehicle-list-container .ant-input-search{margin-bottom:8px}.vehicle-list-container .ant-select{width:100%!important}.vehicle-list-container .ant-input-lg{font-size:13px!important;padding:6px 11px!important}.vehicle-list-container .ant-select-lg{font-size:13px!important}.vehicle-list-container .ant-input-search-button{padding:0 8px!important}.vehicle-list-container .ant-card:nth-child(3) .ant-space{gap:4px!important}.desktop-vehicle-table{display:none!important}.mobile-vehicle-list{display:block}.vehicle-pagination-controls{align-items:stretch!important;flex-direction:column;gap:10px}.vehicle-pagination-controls .ant-space.vehicle-pagination-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr);justify-content:center;width:100%}.vehicle-pagination-controls .vehicle-pagination-indicator{color:#1890ff;font-weight:600;grid-column:1/-1;text-align:center}.vehicle-pagination-controls button{min-width:0;width:100%}.vehicle-list-container .ant-modal{margin:8px!important;max-width:100%!important}.vehicle-list-container .ant-modal-body{padding:16px!important}.vehicle-list-container .ant-form-item{margin-bottom:16px!important}.vehicle-list-container .ant-empty{padding:40px 20px!important}.vehicle-list-container .ant-empty-image{height:80px!important}.vehicle-list-container .ant-spin{margin:40px 0!important}}@media (max-width:480px){.vehicle-list-container .ant-card-body{padding:10px!important}.vehicle-header-image{display:none!important}.vehicle-list-container h3.ant-typography{font-size:14px!important;margin-bottom:3px!important}.vehicle-list-container .ant-typography:not(h3){font-size:11px!important}.vehicle-list-container .ant-avatar{height:28px!important;width:28px!important}.vehicle-list-container .ant-avatar .anticon{font-size:14px!important}.vehicle-list-container .ant-statistic-title{font-size:8px!important;letter-spacing:.3px!important}.vehicle-list-container .ant-statistic-content-value{font-size:16px!important}.vehicle-list-container .ant-statistic-content-suffix{font-size:10px!important}.vehicle-list-container .ant-btn-lg{font-size:12px!important;height:32px!important;padding:5px 10px!important}.vehicle-list-container .ant-tag{font-size:9px!important;padding:1px 6px!important}.vehicle-list-container .ant-space-horizontal{flex-wrap:wrap!important}.vehicle-list-container>div>div:nth-child(2) .ant-card-body,.vehicle-list-container>div>div:nth-child(2) .ant-col>div{padding:10px!important}.mobile-vehicle-card{border-radius:8px;margin-bottom:8px;padding:10px}.mobile-vehicle-photos{gap:6px;margin-bottom:10px}.mobile-vehicle-photo,.mobile-vehicle-photo-placeholder{border-radius:6px;max-width:180px}.mobile-vehicle-info{padding:6px}.mobile-vehicle-brand{font-size:12px!important}.mobile-vehicle-details{font-size:10px!important}.mobile-vehicle-id{font-size:12px!important}.mobile-vehicle-stats{gap:4px;margin-bottom:8px}.mobile-vehicle-stats .ant-tag{font-size:9px!important;padding:1px 5px!important}.mobile-vehicle-actions{gap:5px}.mobile-vehicle-actions .ant-btn{font-size:10px!important;height:28px!important;padding:3px 6px!important}.mobile-vehicle-actions .ant-btn-icon-only{width:28px}.mobile-vehicle-photo-placeholder .anticon{font-size:14px!important}.mobile-vehicle-actions button{font-size:12px!important;padding:4px 8px!important}.vehicle-list-container .ant-space-item{width:100%}.vehicle-pagination-controls button{font-size:12px!important;padding:4px 8px!important}}@media (max-width:767px) and (orientation:landscape){.vehicle-header-image{display:none!important}.vehicle-list-container .ant-card-body{padding:12px 16px!important}.mobile-vehicle-photos{flex-direction:row;flex-wrap:nowrap}}.vehicle-detail-container{padding:0}.mobile-photo-grid{grid-gap:12px;display:grid;gap:12px}@media (max-width:991px) and (min-width:768px){.vehicle-detail-container .photo-grid-item{height:auto}.vehicle-detail-container .photo-grid-item>div:first-child{height:200px!important}}@media (max-width:767px){.vehicle-detail-container{padding:0}.vehicle-detail-header{flex-direction:column;gap:12px}.vehicle-detail-header .ant-space{justify-content:space-between;width:100%}.vehicle-detail-header button{font-size:13px!important;height:36px!important;padding:6px 12px!important}.vehicle-detail-container .ant-select{margin-bottom:8px;width:100%!important}.vehicle-detail-actions{width:100%}.vehicle-detail-actions .ant-space{display:flex;flex-direction:column;width:100%}.vehicle-detail-actions .ant-space-item{width:100%}.vehicle-detail-actions button{height:42px;width:100%}.vehicle-detail-container .ant-descriptions{font-size:13px!important}.vehicle-detail-container .ant-descriptions-item-label{font-size:12px!important;padding:8px 12px!important}.vehicle-detail-container .ant-descriptions-item-content{font-size:13px!important;padding:8px 12px!important}.vehicle-detail-container .ant-tabs-nav{margin-bottom:16px!important}.vehicle-detail-container .ant-tabs-tab{font-size:13px!important;padding:8px 12px!important}.vehicle-detail-container .ant-tabs-tab-btn{font-size:13px!important}.vehicle-detail-container .ant-tag{font-size:10px!important;margin:0!important;padding:0 6px!important}.vehicle-detail-container .ant-row[gutter]{margin-left:-6px!important;margin-right:-6px!important}.vehicle-detail-container .ant-col{padding-left:6px!important;padding-right:6px!important}.photo-grid-item{border-radius:10px!important;margin-bottom:12px}.photo-grid-item>div:first-child{height:240px!important}.photo-grid-item>div>div:first-child{font-size:9px!important;padding:3px 8px!important}.photo-actions-overlay{opacity:0!important}.photo-grid-item:active .photo-actions-overlay{opacity:1!important}.photo-actions-overlay button{font-size:12px!important;height:auto!important;min-height:36px!important;padding:6px 12px!important}.photo-grid-item>div:last-child{padding:10px 12px!important}.photo-grid-item .ant-typography{font-size:12px!important}.vehicle-detail-container .ant-card-head-title>div{align-items:flex-start!important;flex-direction:column;gap:12px}.vehicle-detail-container .ant-card-head-title .ant-space{justify-content:space-between;width:100%}.vehicle-detail-container .ant-empty{padding:40px 16px!important}.vehicle-detail-container .ant-empty-description{font-size:13px!important}.vehicle-detail-container .ant-modal{margin:0!important;max-width:100%!important;padding:0!important;top:0!important}.vehicle-detail-container .ant-modal-content{border-radius:0!important}.vehicle-detail-container .ant-modal-body{padding:0!important}.preview-nav-arrow{display:none!important}.preview-modal-container{min-height:100vh!important}.preview-modal-container>div:nth-child(2){min-height:80vh!important;padding:16px!important}.preview-modal-container img{max-height:80vh!important}.preview-modal-container>div:last-child{padding:12px 16px!important}.preview-modal-container .ant-typography{font-size:14px!important}.vehicle-detail-container .ant-alert{font-size:13px!important;margin-bottom:12px!important;padding:10px 12px!important}.vehicle-detail-container .ant-card{border-radius:12px!important;margin-bottom:16px!important}.vehicle-detail-container .ant-card-body{padding:16px!important}.vehicle-detail-container .ant-card-head{padding:12px 16px!important}.vehicle-detail-container .qr-code-button{font-size:12px!important;height:32px!important;padding:4px 8px!important}}@media (max-width:480px){.vehicle-detail-container .ant-card-body{padding:12px!important}.vehicle-detail-container .ant-card-head{padding:10px 12px!important}.vehicle-detail-header button{font-size:12px!important;height:32px!important;padding:4px 10px!important}.vehicle-detail-container .ant-descriptions-item-content,.vehicle-detail-container .ant-descriptions-item-label{font-size:12px!important;padding:6px 10px!important}.vehicle-detail-container .ant-tabs-tab{font-size:12px!important;padding:6px 8px!important}.photo-grid-item>div:first-child{height:200px!important}.photo-actions-overlay button{font-size:11px!important;min-height:32px!important;padding:4px 10px!important}.vehicle-detail-container .ant-select-selector{font-size:13px!important;padding:4px 8px!important}.vehicle-detail-actions button{font-size:13px!important;height:38px!important}}@media (max-width:767px) and (orientation:landscape){.photo-grid-item>div:first-child{height:180px!important}.vehicle-detail-container .ant-descriptions{column-count:2!important}.preview-modal-container>div:nth-child(2){min-height:70vh!important}.preview-modal-container img{max-height:70vh!important}}@media (hover:none) and (pointer:coarse){.photo-grid-item,.vehicle-detail-container .ant-tabs-tab,.vehicle-detail-container button{min-height:44px}}.vehicle-preview-modal,.vehicle-preview-modal .ant-modal{max-width:100vw!important;padding:0!important}.vehicle-preview-modal .ant-modal{margin:0!important;top:0!important;width:100vw!important}.vehicle-preview-modal .ant-modal-wrap{overflow:hidden!important}.vehicle-preview-modal .ant-modal-content{border-radius:0!important;box-shadow:none!important;height:100vh!important;overflow:hidden!important}.vehicle-preview-modal .ant-modal-body{height:100vh!important;overflow:hidden!important;padding:0!important}.preview-modal-container{height:100vh!important;overflow:hidden!important;position:relative!important;width:100vw!important}@media (max-width:767px){.vehicle-preview-modal,.vehicle-preview-modal .ant-modal{margin:0!important;padding:0!important}.vehicle-preview-modal .ant-modal{height:100vh!important;max-width:100vw!important;top:0!important;width:100vw!important}.vehicle-preview-modal .ant-modal-content{border-radius:0!important;height:100vh!important}.preview-modal-container,.vehicle-preview-modal .ant-modal-body{height:100vh!important}.preview-modal-container>div:last-of-type{bottom:0!important;position:fixed!important}}.photo-management-container{padding:0;width:100%}.photo-management-grid{display:flex;flex-wrap:wrap;width:100%}@media (min-width:768px){.photo-management-grid{width:100%!important}.photo-management-grid .ant-col{display:flex;flex-direction:column;min-height:380px}.photo-card{display:flex;flex-direction:column;height:100%;width:100%}.photo-card .ant-card-cover{flex-shrink:0;height:auto;width:100%}.photo-image-container{display:block;height:280px!important;position:relative;width:100%!important}.photo-image-container img{display:block;height:100%!important;object-fit:cover!important;width:100%!important}.photo-card .ant-card-cover>div{height:280px!important;width:100%!important}.photo-card .ant-card-body{display:flex;flex:1 1;flex-direction:column}.photo-card-footer{bottom:0!important;left:0!important;position:absolute!important;right:0!important;width:100%!important}.photo-download-icon,.photo-hover-overlay{display:flex!important}}@media (max-width:991px) and (min-width:768px){.photo-management-container h2{font-size:24px!important}.photo-management-container .ant-card{margin-bottom:16px}}@media (max-width:767px){.photo-management-container{padding:0}.photo-header{margin-bottom:16px!important;padding:0 0 16px!important}.photo-header h2{font-size:22px!important;margin-bottom:0!important}.photo-header .ant-tag{font-size:10px!important;margin-left:8px!important;padding:0 6px!important}.photo-header button{font-size:13px!important;height:36px!important;padding:4px 12px!important}.photo-filters{margin-bottom:16px!important;padding:16px!important}.photo-filters .ant-input-search{margin-bottom:8px}.photo-filters .ant-select{width:100%!important}.photo-filters button{font-size:13px!important;height:36px!important;margin-top:8px;width:100%}.bulk-delete-actions{display:flex;flex-direction:column;gap:8px;width:100%}.bulk-delete-actions button{width:100%}.photo-stats-bar{align-items:flex-start!important;flex-direction:column!important;font-size:12px!important;gap:8px!important}.photo-management-grid .ant-col{margin-bottom:12px;padding:0 6px!important}.photo-management-grid{margin:0 -6px!important}.photo-card{border-radius:10px!important}.photo-card .ant-card-cover>div{height:200px!important}.photo-card-footer{padding:10px 12px!important}.photo-card-footer>div:first-child{font-size:12px!important}.photo-card-footer>div:last-child{font-size:11px!important}.photo-category-badge{font-size:10px!important;left:8px!important;padding:4px 10px!important;top:8px!important}.photo-download-icon{height:24px!important;opacity:.9!important;pointer-events:auto!important;width:24px!important}.photo-hover-overlay{opacity:0!important}.photo-image-container:active .photo-hover-overlay{opacity:1!important}.photo-management-container .ant-pagination{margin-top:24px!important}.photo-management-container .ant-pagination-item{font-size:12px!important}.photo-management-container .ant-pagination-item,.photo-management-container .ant-pagination-jump-next,.photo-management-container .ant-pagination-jump-prev,.photo-management-container .ant-pagination-next,.photo-management-container .ant-pagination-prev{height:28px!important;line-height:26px!important;min-width:28px!important}.photo-management-container .ant-alert{font-size:13px!important;margin-bottom:16px!important;padding:10px 12px!important}.photo-management-container .ant-skeleton-image{height:200px!important}.photo-management-container .ant-empty{padding:40px 20px!important}.photo-management-container .ant-empty-description{font-size:13px!important}.photo-preview-modal .ant-modal{margin:0!important;max-width:100%!important;padding:0!important;top:0!important}.photo-preview-modal .ant-modal-content{border-radius:0!important;height:100vh!important}.photo-preview-modal .ant-modal-body{height:100vh!important;padding:0!important}.modal-header-mobile{flex-wrap:wrap;padding:12px 16px!important}.modal-header-mobile h4{font-size:16px!important}.modal-header-mobile .ant-typography-secondary{font-size:11px!important}.modal-category-tabs{flex-direction:row;gap:4px!important;justify-content:flex-start!important;overflow-x:auto;padding:4px 0}.modal-category-tabs>div{gap:3px!important;padding:3px!important}.modal-category-tabs button{font-size:11px!important;height:32px!important;min-width:90px!important;padding:0 8px!important}.modal-close-btn{height:32px!important;width:32px!important}.modal-image-area{min-height:250px!important;padding:12px!important}.modal-nav-arrow{height:40px!important;left:12px!important;width:40px!important}.modal-nav-arrow.right{left:auto!important;right:12px!important}.modal-counter-badge{font-size:13px!important;padding:6px 12px!important;right:12px!important;top:12px!important}.mobile-thumbnail-strip{max-height:70px!important;min-height:70px!important;padding:8px 12px!important}.mobile-thumbnail-strip img,.mobile-thumbnail-strip>div>div{height:50px!important;width:50px!important}.modal-footer{padding:12px 16px!important}.modal-footer .ant-typography{font-size:13px!important}.modal-footer-info{padding:6px 12px!important}.modal-footer-info .ant-typography{font-size:10px!important}}@media (max-width:480px){.photo-header h2{font-size:18px!important}.photo-filters{padding:12px!important}.photo-card .ant-card-cover>div{height:180px!important}.photo-category-badge{font-size:9px!important;padding:3px 8px!important}.modal-header-mobile h4{font-size:14px!important}.modal-category-tabs button{font-size:10px!important;height:30px!important;min-width:80px!important}.modal-nav-arrow{height:36px!important;width:36px!important}.modal-counter-badge{font-size:12px!important;padding:4px 10px!important}.photo-stats-bar{font-size:11px!important}}@media (max-width:767px) and (orientation:landscape){.modal-image-area{min-height:200px!important}.mobile-thumbnail-strip{max-height:60px!important;min-height:60px!important}.mobile-thumbnail-strip img,.mobile-thumbnail-strip>div>div{height:45px!important;width:45px!important}}@media (hover:none) and (pointer:coarse){.photo-management-container button{min-height:44px}.photo-download-icon{opacity:1!important;pointer-events:auto!important}.photo-card{min-height:44px}.photo-management-container .ant-pagination-item,.photo-management-container .ant-pagination-next,.photo-management-container .ant-pagination-prev{height:40px!important;line-height:38px!important;min-width:40px!important}}@keyframes photoLoadProgress{0%{width:0}to{width:100%}}.photo-loading-bar{animation:photoLoadProgress .5s ease-in-out}.photo-settings-container{padding:0;width:100%}.photo-settings-header{margin-bottom:32px}.photo-settings-title-section{margin-bottom:24px}.photo-settings-icon-wrapper{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.photo-settings-info-card{background:linear-gradient(135deg,#f6f9fc,#e9f4ff);border:none;border-radius:12px;box-shadow:0 2px 12px #1890ff14}.photo-settings-feature-box{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000a;height:100%;padding:12px 16px}.photo-settings-feature-icon{align-items:center;border-radius:6px;display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.photo-views-list{margin-top:24px}.photo-view-item{margin-bottom:12px}.sortable-photo-item{background:#fff;border-radius:12px;padding:16px;transition:all .3s ease}.sortable-photo-item:hover{box-shadow:0 4px 16px #0000001a}.sortable-item-content{align-items:center;display:flex;gap:16px}.sortable-item-drag-handle{color:#8c8c8c;cursor:grab;font-size:20px}.sortable-item-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.sortable-item-info{flex:1 1;min-width:0}.sortable-item-actions{align-items:center;display:flex;gap:8px}.photo-settings-actions{border-top:1px solid #f0f0f0;margin-top:24px;padding-top:24px}@media (max-width:991px) and (min-width:768px){.photo-settings-header h2{font-size:24px!important}.photo-settings-icon-wrapper{height:42px;width:42px}.photo-settings-icon-wrapper .anticon{font-size:20px!important}}@media (max-width:767px){.photo-settings-container{padding:0}.photo-settings-header{margin-bottom:24px}.photo-settings-title-section{margin-bottom:16px}.photo-settings-title-section .ant-space{flex-wrap:wrap;width:100%}.photo-settings-icon-wrapper{border-radius:10px;height:40px;width:40px}.photo-settings-icon-wrapper .anticon{font-size:20px!important}.photo-settings-header h2{font-size:22px!important;margin-bottom:2px!important}.photo-settings-header .ant-typography{font-size:13px!important}.photo-settings-info-card{border-radius:10px;box-shadow:0 2px 8px #1890ff0f}.photo-settings-info-card .ant-card-body{padding:16px!important}.photo-settings-info-card .ant-space-item{width:100%}.photo-settings-info-card h4{font-size:14px!important}.photo-settings-info-card .ant-typography{font-size:13px!important}.photo-settings-feature-boxes .ant-row{margin-left:-6px!important;margin-right:-6px!important}.photo-settings-feature-boxes .ant-col{margin-bottom:8px;padding-left:6px!important;padding-right:6px!important}.photo-settings-feature-box{padding:10px 12px}.photo-settings-feature-icon{border-radius:5px;height:28px;width:28px}.photo-settings-feature-icon .anticon{font-size:14px!important}.photo-settings-feature-box .ant-typography{font-size:12px!important}.photo-settings-feature-box .ant-typography-secondary{font-size:11px!important;padding-left:36px!important}.photo-settings-info-card .ant-alert{border-radius:8px;margin-top:8px!important;padding:10px 12px!important}.photo-settings-info-card .ant-alert-message{font-size:13px!important}.photo-settings-info-card .ant-alert-description{font-size:12px!important}.photo-views-list{margin-top:16px}.photo-views-list,.photo-views-list .ant-card{overflow:hidden;width:100%}.photo-views-list .ant-card-body{overflow:hidden;padding:12px!important;width:100%}.photo-views-list .ant-card-head{padding:12px!important}.photo-views-list .ant-card-head-title{font-size:14px!important}.photo-views-list .ant-space-vertical{width:100%!important}.photo-views-list .ant-space-horizontal{flex-wrap:wrap;max-width:100%}.photo-view-item{margin-bottom:10px;overflow:hidden;width:100%}.photo-view-item>div{max-width:100%;width:100%}.sortable-photo-item{border-radius:10px;overflow:visible;padding:12px;width:100%}.sortable-photo-item .ant-card-body{overflow:visible;padding:12px!important;width:100%}.sortable-photo-item .ant-space-vertical{gap:12px!important;max-width:100%;width:100%!important}.sortable-photo-item .ant-typography{overflow-wrap:break-word!important;white-space:normal!important;width:100%;word-break:break-word!important}.sortable-photo-item .ant-space-horizontal{display:flex;flex-wrap:wrap;gap:8px!important;width:100%}.sortable-item-content{display:flex!important;flex-wrap:wrap;gap:12px;width:100%}.sortable-item-content .ant-space{display:flex;flex-wrap:wrap;max-width:100%;width:100%}.sortable-item-content .ant-space-item{max-width:100%}.sortable-photo-item .ant-space-vertical>.ant-space-item{width:100%}.sortable-photo-item .ant-space-vertical>.ant-space-item:first-child{align-items:center;display:flex;justify-content:space-between;width:100%}.sortable-item-drag-handle{font-size:18px;order:0}.sortable-item-icon{border-radius:7px;height:36px;order:1;width:36px}.sortable-item-icon .anticon{font-size:18px!important}.sortable-item-info{flex:1 1 100%;min-width:0;order:2;overflow:hidden;width:100%}.sortable-item-info h4{font-size:14px!important;margin-bottom:2px!important}.sortable-item-info .ant-typography,.sortable-item-info h4{overflow-wrap:break-word;white-space:normal;word-break:break-word}.sortable-item-info .ant-typography{font-size:12px!important}.sortable-item-info .ant-tag{display:inline-block;font-size:10px!important;margin-top:4px;padding:0 6px!important}.sortable-item-actions{display:flex!important;flex-wrap:wrap;gap:12px;margin-top:12px;order:3;width:100%}.sortable-item-actions>div{align-items:center;display:flex;flex-direction:row}.sortable-item-actions .ant-switch{flex-shrink:0;height:22px;min-width:44px}.sortable-item-actions .ant-typography{overflow:visible!important;white-space:nowrap!important;word-break:normal!important}.sortable-item-actions button{font-size:13px!important;font-weight:500!important;height:40px!important;padding:8px 16px!important}.photo-settings-actions{margin-top:20px;padding-top:20px}.photo-settings-actions .ant-space,.photo-settings-actions .ant-space-item{width:100%}.photo-settings-actions button{font-size:14px!important;height:42px!important;width:100%}.photo-settings-container .ant-empty{padding:40px 20px!important}.photo-settings-container .ant-empty-description{font-size:13px!important}.photo-settings-container .ant-card{border-radius:10px!important;margin-bottom:16px}.photo-settings-container .ant-card-body{padding:16px!important}.photo-settings-container .ant-modal{margin:8px!important;max-width:100%!important}.photo-settings-container .ant-modal-body{padding:16px!important}.photo-settings-container .ant-form-item{margin-bottom:16px!important}}@media (max-width:480px){.photo-settings-header h2{font-size:20px!important}.photo-settings-icon-wrapper{height:36px;width:36px}.photo-settings-icon-wrapper .anticon{font-size:18px!important}.photo-settings-info-card .ant-card-body{padding:12px!important}.photo-settings-feature-box{padding:8px 10px}.photo-settings-feature-icon{height:26px;width:26px}.photo-settings-feature-icon .anticon{font-size:13px!important}.sortable-photo-item{padding:10px}.sortable-item-icon{height:32px;width:32px}.sortable-item-icon .anticon{font-size:16px!important}.sortable-item-content{gap:10px}.photo-settings-actions button{font-size:13px!important;height:40px!important}}@media (max-width:767px) and (orientation:landscape){.photo-settings-feature-boxes .ant-col{width:50%!important}.sortable-item-content{flex-wrap:nowrap}.sortable-item-actions,.sortable-item-info{width:auto}}@media (hover:none) and (pointer:coarse){.photo-settings-container button{min-height:44px}.sortable-item-drag-handle{font-size:22px;padding:4px}.sortable-photo-item{min-height:44px}}.canva-designer-container{background:#f5f5f5;box-sizing:border-box;color:#1e293b;display:flex;flex-direction:column;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;height:calc(100vh - 64px);min-height:calc(100vh - 64px);overflow:hidden;padding-top:64px}.canva-main-layout{display:flex;flex:1 1;height:calc(100vh - 184px);overflow:hidden;width:100%}.car-designer-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);color:#1e293b;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}.designer-sidebar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fff;border:none;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin:0;max-height:calc(100vh - 40px);overflow-y:auto;padding:24px;position:-webkit-sticky;position:sticky;top:20px}.designer-sidebar::-webkit-scrollbar{width:6px}.designer-sidebar::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.designer-sidebar::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.designer-sidebar::-webkit-scrollbar-thumb:hover{background:#94a3b8}.sidebar-section{margin-bottom:32px}.sidebar-section:last-child{margin-bottom:0}.sidebar-title{alignItems:center;color:#0f172a;display:flex;font-size:18px;font-weight:600;gap:8px;margin:0 0 16px}.sidebar-title:before{border-radius:2px;content:"";height:20px;width:4px}.modern-btn,.sidebar-title:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.modern-btn{align-items:center;border:none;border-radius:10px;box-shadow:0 2px 4px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;min-width:120px;padding:12px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.modern-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.modern-btn:active{box-shadow:0 2px 4px #3b82f64d;transform:translateY(0)}.modern-btn-secondary{background:#f8fafc;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d;color:#475569}.modern-btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a;color:#334155}.modern-btn-success{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 4px #10b9814d}.modern-btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b98166}.btn-group{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.btn-group .modern-btn{flex:1 1;min-width:120px}.aspect-btn{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:13px;font-weight:500;min-width:60px;padding:8px 16px;text-align:center;transition:all .2s ease}.aspect-btn:hover{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.aspect-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;box-shadow:0 2px 4px #3b82f64d;color:#fff}.field-checkbox{align-items:center;border:1px solid #0000;border-radius:8px;display:flex;gap:12px;margin:4px 0;padding:12px;transition:all .2s ease}.field-checkbox:hover{background:#f8fafc;border-color:#e2e8f0}.field-checkbox input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:18px;width:18px}.field-checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px}.vehicle-info-card{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;margin-top:16px;padding:16px}.vehicle-info-header{align-items:center;color:#1e40af;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.vehicle-info-details{color:#1e40af;font-size:13px;margin-top:4px}.error-card{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;margin-top:16px;padding:16px}.error-header{align-items:center;color:#dc2626;display:flex;font-size:14px;font-weight:600;gap:8px;margin-bottom:8px}.error-message{color:#dc2626;font-size:12px}.error-fallback{color:#6b7280;font-size:12px;margin-top:4px}.photo-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.photo-modal{animation:slideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040,0 10px 10px -5px #0000000a;max-height:85vh;max-width:90vw;overflow:hidden;padding:24px}.photo-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.photo-modal-title{color:#111827;font-size:20px;font-weight:600;margin:0}.photo-modal-close{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.photo-modal-close:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.photo-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));max-height:60vh;overflow-y:auto;padding:4px}.photo-grid::-webkit-scrollbar{width:8px}.photo-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.photo-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.photo-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}.photo-item:hover{border-color:#3b82f6;box-shadow:0 8px 25px #3b82f626;transform:translateY(-2px)}.photo-item img{background:#f9fafb;height:140px;object-fit:cover;width:100%}.photo-item-info{background:#fff;padding:12px}.photo-item-title{color:#111827;font-size:13px;font-weight:600;margin-bottom:4px}.photo-item-category{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-size:11px;padding:2px 8px}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.loading-text{color:#6b7280;font-size:16px;font-weight:500}.loading-subtext{color:#9ca3af;font-size:14px;margin-top:8px}.empty-state{color:#6b7280}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.6}.empty-state-title{color:#374151;font-size:16px;font-weight:500;margin-bottom:8px}.empty-state-subtitle{color:#6b7280;font-size:14px}.canvas-container{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:24px}.canvas-wrapper{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);background-image:radial-gradient(circle at 1px 1px,#94a3b84d 1px,#0000 0);background-size:20px 20px;border:2px dashed #cbd5e1;border-radius:12px;display:flex;height:72vh;justify-content:center;max-height:900px;max-width:100%;position:relative;transition:all .2s ease;width:100%}.canvas-wrapper:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background-image:radial-gradient(circle at 1px 1px,#94a3b866 1px,#0000 0);background-size:20px 20px;border-color:#94a3b8}.canvas-wrapper.has-image{background:linear-gradient(135deg,#f9fafb,#f3f4f6);background-image:none;border-color:#e2e8f0;border-style:solid}.design-stage{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#fff,#f9fafb);background-image:linear-gradient(90deg,#9ca3af33 1px,#0000 0),linear-gradient(#9ca3af33 1px,#0000 0);background-position:0 0,0 0;background-size:24px 24px;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a,0 4px 6px #0000000d,inset 0 1px 0 #fffc;margin:0 auto;overflow:hidden;position:relative}.image-area{z-index:0}.image-area,.image-area img{height:100%;left:0;position:absolute;top:0;width:100%}.image-area img{object-fit:contain;object-position:center;pointer-events:none}.panel-green{background:#1e7e34;bottom:0;left:0;position:absolute;right:0;z-index:1}.draggable{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border:2px solid #3b82f64d;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#111827;font-size:14px;font-weight:500;position:absolute;transition:all .2s ease;z-index:2}.draggable:hover{background:#fff;border-color:#3b82f6;box-shadow:0 8px 20px #3b82f640;transform:translateY(-1px)}.variable-drag-handle{-webkit-user-select:none;user-select:none}.variable-drag-handle:active{cursor:grabbing!important}.draggable.brand-text{background:#0f172af2;border-color:#fff6;box-shadow:0 4px 12px #0f172a4d;color:#fff;font-size:18px;font-weight:700}.draggable.brand-text:hover{background:#0f172a;border-color:#fff9}.remove-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50%;box-shadow:0 2px 4px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:24px}.remove-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:scale(1.1)}.snap-guides{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.snap-guide{background:linear-gradient(45deg,#3b82f6,#1d4ed8);box-shadow:0 0 8px #3b82f699;position:absolute;transition:opacity .1s ease}.snap-guide.horizontal{height:2px;left:0;right:0}.snap-guide.vertical{bottom:0;top:0;width:2px}.snap-guide.center-horizontal{top:50%;transform:translateY(-50%)}.snap-guide.center-vertical{left:50%;transform:translateX(-50%)}.snap-guide.top{top:0}.snap-guide.bottom{bottom:0}.snap-guide.left{left:0}.snap-guide.right{right:0}.simple-text-box:hover .simple-remove-btn{opacity:1!important}.simple-remove-btn:hover{background:#dc2626!important;transform:scale(1.1)}.draggable:hover .variable-drag-handle{background-color:#3b82f640!important;border-bottom-color:#3b82f699!important}.react-resizable-handle{opacity:.5;transition:opacity .2s ease}.draggable:hover .react-resizable-handle{opacity:1}.react-resizable-handle-se{bottom:-10px;cursor:nwse-resize;height:20px;right:-10px;width:20px}.react-resizable-handle-sw{bottom:-10px;cursor:nesw-resize;height:20px;left:-10px;width:20px}.react-resizable-handle-ne{cursor:nesw-resize;height:20px;right:-10px;top:-10px;width:20px}.react-resizable-handle-nw{cursor:nwse-resize;height:20px;left:-10px;top:-10px;width:20px}@media (max-width:1024px){.car-designer-container{flex-direction:column;gap:16px;padding:16px}.designer-sidebar{max-height:none;position:relative;width:100%}.canvas-wrapper{height:50vh}}@media (max-width:768px){.photo-modal{margin:20px;max-width:calc(100vw - 40px)}.photo-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.btn-group{flex-direction:column}.modern-btn{width:100%}}.canva-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;display:flex;height:64px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;z-index:1000}.canva-header-center,.canva-header-left,.canva-header-right{align-items:center;display:flex;gap:12px}.canva-layout-context{align-items:center;display:flex;gap:10px;margin-right:8px}.context-chip{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;box-shadow:0 1px 2px #0f172a0f;color:#111827;display:flex;font-size:13px;font-weight:600;gap:8px;padding:6px 12px}.context-chip img{height:18px;object-fit:contain;width:18px}.context-chip .context-icon{font-size:16px;line-height:1}.canva-header-left{flex:1 1}.canva-header-right{flex:1 1;justify-content:flex-end}.canva-logo-btn{align-items:center;background:none;border:none;border-radius:8px;color:#6366f1;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.canva-logo-btn:hover{background:#f3f4f6}.canva-menu-btn{align-items:center;background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s}.canva-menu-btn:hover{background:#f3f4f6}.canva-menu-btn svg{transition:transform .2s}.canva-menu-btn:hover svg{transform:translateY(1px)}.canva-layout-name{margin-left:12px}.layout-name-display{border-radius:6px;color:#111827;cursor:text;font-size:14px;font-weight:500;padding:6px 12px;transition:background .2s}.layout-name-display:hover{background:#f3f4f6}.layout-name-input{border:2px solid #6366f1;border-radius:6px;color:#111827;font-size:14px;font-weight:500;min-width:200px;outline:none;padding:6px 12px}.canva-history-controls{background:#f9fafb;border-radius:8px;display:flex;gap:4px;padding:4px}.canva-icon-btn{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.canva-icon-btn:hover{background:#fff;color:#111827}.canva-icon-btn:disabled{cursor:not-allowed;opacity:.4}.save-status{align-items:center;background:#f9fafb;border-radius:8px;color:#6b7280;display:flex;font-size:13px;gap:8px;padding:6px 12px}.spinner-small{animation:spin .6s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#6366f1;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.canva-preview-btn{align-items:center;background:#fff;border:2px solid #6366f1;border-radius:8px;color:#6366f1;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.canva-preview-btn:hover{background:#f3f4f6;transform:translateY(-1px)}.canva-preview-btn.active{background:#6366f1;box-shadow:0 2px 8px #6366f14d;color:#fff}.canva-preview-btn.active:hover{background:#4f46e5}.canva-apply-layout-btn{align-items:center;background:#fff;border:2px solid #10b981;border-radius:8px;color:#10b981;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.canva-apply-layout-btn:hover{background:#f0fdf4;box-shadow:0 2px 8px #10b9814d;transform:translateY(-1px)}.canva-apply-layout-btn:active{transform:translateY(0)}.canva-share-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:8px;box-shadow:0 2px 8px #6366f14d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.canva-share-btn:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.canva-share-btn:active{transform:translateY(0)}.canva-dropdown{position:relative}.canva-dropdown-overlay{bottom:0;left:0;position:fixed;right:0;top:64px;z-index:999}.canva-dropdown-menu{animation:dropdownFadeIn .2s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;left:0;min-width:240px;padding:8px;position:absolute;top:calc(100% + 8px);z-index:1001}.canva-dropdown-menu.share-menu{left:auto;min-width:320px;right:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.canva-dropdown-item{align-items:center;background:none;border:none;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:12px;padding:10px 12px;text-align:left;transition:background .15s;width:100%}.canva-dropdown-item:hover{background:#f3f4f6}.canva-dropdown-item .item-icon{align-items:center;display:flex;font-size:16px;justify-content:center;width:20px}.canva-dropdown-item .item-shortcut{color:#9ca3af;font-size:12px;margin-left:auto}.dropdown-divider{background:#e5e7eb;height:1px;margin:6px 0}.share-menu-header{border-bottom:1px solid #e5e7eb;margin-bottom:12px;padding:12px 12px 16px}.share-menu-header h3{color:#111827;font-size:16px;font-weight:600;margin:0 0 4px}.share-menu-header p{color:#6b7280;font-size:13px;margin:0}.share-options-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr);padding:4px}.share-option{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px 12px;transition:all .2s}.share-option:hover{background:#f9fafb;border-color:#6366f1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.share-option-icon{align-items:center;border-radius:12px;display:flex;height:48px;justify-content:center;transition:transform .2s;width:48px}.share-option:hover .share-option-icon{transform:scale(1.1)}.share-option-name{color:#374151;font-size:13px;font-weight:500}@media (max-width:768px){.canva-header{padding:0 12px}.canva-layout-name,.save-status{display:none}.share-options-grid{grid-template-columns:1fr}}.legacy-media-container{display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 200px);overflow-y:auto}.legacy-header{border-bottom:2px solid #e5e7eb;justify-content:space-between;padding-bottom:12px}.legacy-header,.legacy-title{align-items:center;display:flex}.legacy-title{gap:8px}.legacy-icon{font-size:20px}.legacy-title h4{color:#111827;font-size:16px;font-weight:600;margin:0}.legacy-description{color:#6b7280;font-size:12px;font-style:italic;margin:0}.create-folder-btn{align-items:center;background:#3b82f6;border:2px solid #3b82f6;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:600;height:32px;justify-content:center;transition:all .2s;width:32px}.create-folder-btn:hover{background:#2563eb;border-color:#2563eb;transform:scale(1.05)}.create-folder-form{animation:slideIn .2s ease;background:#f9fafb;border:2px solid #3b82f6;border-radius:8px;display:flex;gap:8px;padding:12px}.folder-name-input{border:1px solid #d1d5db;border-radius:6px;flex:1 1;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s}.folder-name-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-actions{display:flex;gap:6px}.btn-cancel,.btn-confirm{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .2s;width:32px}.btn-confirm{background:#10b981;color:#fff}.btn-confirm:hover{background:#059669;transform:scale(1.05)}.btn-cancel{background:#ef4444;color:#fff}.btn-cancel:hover{background:#dc2626;transform:scale(1.05)}.folders-list{gap:12px}.empty-state,.folders-list{display:flex;flex-direction:column}.empty-state{align-items:center;color:#9ca3af;justify-content:center;padding:40px 20px;text-align:center}.empty-icon{font-size:48px;margin-bottom:12px;opacity:.6}.empty-state p{color:#6b7280;font-size:14px;margin:4px 0}.empty-hint{color:#9ca3af!important;font-size:12px!important;font-style:italic}.folder-item{background:#fff;border:2px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .2s}.folder-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f626}.folder-header{align-items:center;background:#f9fafb;cursor:pointer;display:flex;justify-content:space-between;padding:12px;transition:background .2s}.folder-header:hover{background:#f3f4f6}.folder-info{align-items:center;display:flex;flex:1 1;gap:8px}.folder-toggle{font-size:18px;transition:transform .2s}.folder-name{color:#111827;font-size:14px;font-weight:600}.folder-count{color:#6b7280;font-size:12px;font-weight:500}.folder-actions{display:flex;gap:4px}.folder-action-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;display:flex;font-size:14px;height:28px;justify-content:center;transition:all .2s;width:28px}.folder-action-btn:hover{background:#f3f4f6;border-color:#3b82f6;transform:scale(1.1)}.folder-action-btn.delete:hover{background:#fef2f2;border-color:#ef4444}.folder-content{animation:expandDown .2s ease;background:#fff;border-top:1px solid #e5e7eb;padding:12px}@keyframes expandDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}.empty-folder{align-items:center;color:#9ca3af;display:flex;flex-direction:column;justify-content:center;padding:30px 20px;text-align:center}.empty-folder span{font-size:36px;margin-bottom:8px}.empty-folder p{color:#6b7280;font-size:13px;margin:4px 0 12px}.upload-hint-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.upload-hint-btn:hover{background:#2563eb;transform:scale(1.05)}.images-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.image-item{display:flex;flex-direction:column;gap:6px}.image-preview{aspect-ratio:1;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;overflow:hidden;position:relative;transition:all .2s;width:100%}.image-preview:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}.image-preview img{display:block;height:100%;object-fit:cover;width:100%}.image-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;gap:8px;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.image-preview:hover .image-overlay{opacity:1}.add-to-canvas-btn,.delete-image-btn{align-items:center;background:#ffffffe6;border:2px solid #fff;border-radius:50%;cursor:pointer;display:flex;font-size:18px;font-weight:600;height:36px;justify-content:center;transition:all .2s;width:36px}.add-to-canvas-btn{color:#3b82f6}.add-to-canvas-btn:hover{background:#3b82f6;color:#fff;transform:scale(1.15)}.delete-image-btn{color:#ef4444;font-size:14px}.delete-image-btn:hover{background:#ef4444;color:#fff;transform:scale(1.15)}.image-info{display:flex;flex-direction:column;gap:2px}.image-name{color:#374151;font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.image-type{color:#9ca3af;font-size:9px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.legacy-tips{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;display:flex;flex-direction:column;gap:8px;margin-top:16px;padding:12px}.tip-item{color:#1e40af;font-size:12px;gap:8px}.tip-icon{font-size:14px}.tip-text{font-weight:500}.legacy-media-container::-webkit-scrollbar{width:6px}.legacy-media-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.legacy-media-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.legacy-media-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.canva-sidebar-container{display:flex;height:calc(100vh - 184px);position:relative}.sidebar-icon-menu{background:#fff;border-right:1px solid #e5e7eb;gap:8px;padding:16px 0;width:80px;z-index:10}.menu-icon-btn,.sidebar-icon-menu{align-items:center;display:flex;flex-direction:column}.menu-icon-btn{background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;gap:6px;margin:0 8px;padding:16px 8px;position:relative;transition:all .2s;width:100%}.menu-icon-btn:hover{background:#f3f4f6;color:#374151}.menu-icon-btn.active{background:linear-gradient(135deg,#eef2ff,#e0e7ff);color:#6366f1;font-weight:600}.menu-icon-btn.active:before{background:linear-gradient(180deg,#6366f1,#4f46e5);border-radius:0 4px 4px 0;content:"";height:40px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.menu-icon-btn .icon{font-family:Inter,sans-serif;font-size:24px;font-weight:700}.menu-icon-btn .label{font-size:11px;font-weight:600;letter-spacing:.5px;line-height:1.2;text-align:center;text-transform:uppercase}.sidebar-content-panel{background:#fff;border-right:1px solid #e5e7eb;overflow:hidden;transition:width .3s cubic-bezier(.4,0,.2,1);width:0}.sidebar-content-panel.open{width:320px}.panel-content{animation:fadeInPanel .3s ease;height:100%;overflow-y:auto;padding:20px;width:320px}@keyframes fadeInPanel{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:#f9fafb}.panel-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.panel-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}.section-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:12px}.section-title{color:#111827;font-size:18px;font-weight:700;margin:0}.close-panel-btn{align-items:center;background:none;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s;width:32px}.close-panel-btn:hover{background:#f3f4f6;color:#374151}.section-description{color:#6b7280;font-size:13px;line-height:1.5;margin:0 0 20px}.content-section{animation:slideIn .2s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.subsection{margin-bottom:28px}.subsection-title{color:#374151;font-size:14px;font-weight:600;margin:0 0 12px}.shapes-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.shape-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:16px 12px;transition:all .2s}.shape-button:hover{background:#f9fafb;border-color:#6366f1;box-shadow:0 4px 12px #6366f126;transform:translateY(-2px)}.shape-icon{font-size:32px}.shape-name{color:#374151;font-size:12px;font-weight:500}.action-button{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-bottom:10px;padding:12px 16px;transition:all .2s;width:100%}.action-button.primary{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 2px 8px #6366f14d;color:#fff}.action-button.primary:hover{box-shadow:0 4px 12px #6366f166;transform:translateY(-1px)}.action-button.secondary{background:#f3f4f6;border:1px solid #e5e7eb;color:#374151}.action-button.secondary:hover{background:#e5e7eb;border-color:#d1d5db}.selected-image-info{align-items:center;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;display:flex;gap:10px;margin-top:10px;padding:12px}.info-icon{font-size:16px}.info-text{color:#166534;flex:1 1;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aspect-ratio-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.aspect-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:12px;transition:all .2s}.aspect-button:hover{background:#f9fafb;border-color:#6366f1}.aspect-button.active{background:#eef2ff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.aspect-preview{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border:1px solid #a5b4fc;border-radius:6px;max-width:60px;width:100%}.aspect-label{color:#374151;font-size:12px;font-weight:600}.fields-list{display:flex;flex-direction:column;gap:8px}.field-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:12px;transition:all .2s}.field-item:hover{background:#f3f4f6;border-color:#d1d5db}.field-checkbox{accent-color:#6366f1;cursor:pointer;height:18px;width:18px}.field-icon{font-size:16px}.field-label{color:#374151;flex:1 1;font-size:13px;font-weight:500}.style-group{margin-bottom:20px}.style-label{color:#374151;display:block;font-size:13px;font-weight:600;margin-bottom:8px}.style-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.style-select:hover{border-color:#9ca3af}.style-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.color-pickers{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:14px}.color-pickers,.text-tools-grid{display:flex;flex-direction:column;gap:12px}.text-tool-button{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;display:flex;gap:16px;padding:20px 16px;transition:all .2s}.text-tool-button:hover{background:#f9fafb;border-color:#6366f1;box-shadow:0 4px 12px #6366f126;transform:translateX(4px)}.text-preview{align-items:center;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:10px;color:#4f46e5;display:flex;font-weight:700;height:60px;justify-content:center;transition:transform .2s;width:60px}.text-tool-button:hover .text-preview{transform:scale(1.1)}.text-preview.heading{font-size:28px}.text-preview.subheading{font-size:22px}.text-preview.body{font-size:18px}.text-label{color:#374151;font-size:14px;font-weight:600;text-align:left}.tips-list{display:flex;flex-direction:column;gap:10px}.tip-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:10px 12px}.tip-icon{flex-shrink:0;font-size:18px}.tip-text{color:#6b7280;font-size:13px}@media (max-width:1024px){.panel-content,.sidebar-content-panel.open{width:280px}.aspect-ratio-grid,.shapes-grid{grid-template-columns:1fr}}.photo-slide-carousel{border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -4px 16px #0000000a;gap:16px;height:120px;overflow:hidden;padding:16px 24px;position:-webkit-sticky;position:sticky;width:100%}.carousel-scroll-btn,.photo-slide-carousel{align-items:center;background:#fff;display:flex;flex-shrink:0;z-index:10}.carousel-scroll-btn{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 2px 4px #0000000a;color:#6b7280;cursor:pointer;height:32px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:32px}.carousel-scroll-btn:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 8px #00000014;color:#374151;transform:translateY(-1px)}.carousel-scroll-btn:active{box-shadow:0 2px 4px #0000000a;transform:translateY(0)}.carousel-slides-container{align-items:center;display:flex;flex:1 1;gap:12px;overflow-x:auto;overflow-y:hidden;padding:8px 4px;scroll-behavior:smooth}.carousel-slides-container::-webkit-scrollbar{display:none;height:0}.carousel-slides-container::-webkit-scrollbar-thumb,.carousel-slides-container::-webkit-scrollbar-track{background:#0000}.carousel-slides-container:after,.carousel-slides-container:before{content:"";height:100%;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s;width:40px;z-index:5}.carousel-slides-container:before{background:linear-gradient(90deg,#ffffffe6,#0000);left:60px}.carousel-slides-container:after{background:linear-gradient(270deg,#ffffffe6,#0000);right:60px}.slide-item{background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 6px #0000000a;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;height:80px;overflow:hidden;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);width:100px}.slide-item:hover{border-color:#3b82f6;box-shadow:0 8px 16px #3b82f61f;transform:translateY(-4px) scale(1.02)}.slide-item.active{border-color:#3b82f6;border-width:2.5px;box-shadow:0 0 0 4px #3b82f61f,0 4px 12px #3b82f626;transform:translateY(-2px) scale(1.05)}.slide-item.add-slide{align-items:center;background:linear-gradient(135deg,#fafafa,#f3f4f6);border:2px dashed #d1d5db;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-item.add-slide:hover{background:linear-gradient(135deg,#f0f9ff,#dbeafe);border-color:#3b82f6;border-style:solid;box-shadow:0 8px 20px #3b82f626;transform:translateY(-4px) scale(1.05)}.slide-add-content{align-items:center;color:#9ca3af;display:flex;flex-direction:column;gap:6px;transition:all .3s cubic-bezier(.4,0,.2,1)}.slide-item.add-slide:hover .slide-add-content{color:#3b82f6;transform:scale(1.1)}.slide-add-content span{font-size:10px;font-weight:700;letter-spacing:.3px;text-align:center}.slide-preview{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}.slide-preview img{height:100%;object-fit:cover;transition:transform .25s cubic-bezier(.4,0,.2,1);width:100%}.slide-item:hover .slide-preview img{transform:scale(1.08)}.slide-empty{color:#d1d5db}.slide-active-indicator,.slide-empty{align-items:center;display:flex;justify-content:center}.slide-active-indicator{animation:pulse-indicator 2s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(135deg,#3b82f6,#2563eb);border:2px solid #fff;border-radius:50%;box-shadow:0 2px 8px #3b82f666;height:20px;position:absolute;right:6px;top:6px;width:20px}@keyframes pulse-indicator{0%,to{box-shadow:0 2px 8px #3b82f666}50%{box-shadow:0 2px 16px #3b82f699}}.slide-info{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(0deg,#000000d9,#0006);bottom:0;display:flex;gap:4px;justify-content:center;left:0;padding:6px 8px;position:absolute;right:0}.slide-number{color:#fff;font-size:11px;font-weight:700}.slide-number,.slide-type{text-shadow:0 1px 2px #0006}.slide-type{color:#e5e7eb;font-size:9px;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slide-actions{display:flex;gap:4px;left:6px;opacity:0;position:absolute;top:6px;transform:translateY(-4px);transition:all .25s cubic-bezier(.4,0,.2,1)}.slide-item:hover .slide-actions{opacity:1;transform:translateY(0)}.slide-action-btn{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffffa;border:none;border-radius:6px;box-shadow:0 2px 8px #00000026;cursor:pointer;display:flex;height:22px;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);width:22px}.slide-action-btn:hover{box-shadow:0 4px 12px #00000040;transform:scale(1.15)}.slide-action-btn.duplicate{color:#3b82f6}.slide-action-btn.duplicate:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.slide-action-btn.delete{color:#ef4444}.slide-action-btn.delete:hover{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.carousel-counter{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#1f2937f2,#111827f2);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:600;gap:6px;padding:6px 14px;pointer-events:none}.counter-current{color:#60a5fa;font-size:14px}.counter-separator{color:#6b7280;margin:0 2px}.counter-total{color:#9ca3af;font-size:11px}@media (max-width:768px){.photo-slide-carousel{height:120px;padding:8px 12px}.slide-item{width:100px}.carousel-scroll-btn{height:32px;width:32px}}.device-preview-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.device-preview-container{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:linear-gradient(145deg,#1a1a1a,#2d2d2d);border-radius:20px;box-shadow:0 25px 50px -12px #00000080;display:flex;flex-direction:column;height:90vh;max-width:1400px;overflow:hidden;width:95vw}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.device-preview-header{align-items:center;background:#0000004d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px 32px}.device-preview-title{align-items:center;color:#fff;display:flex;gap:12px}.device-preview-title svg{color:#3b82f6}.device-preview-title h2{font-size:20px;font-weight:600;margin:0}.close-preview-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-preview-btn:hover{background:#ff3b3033;border-color:#ff3b3080;transform:scale(1.05)}.device-selector{background:#0003;border-bottom:1px solid #ffffff0d;display:flex;gap:12px;justify-content:center;padding:20px 32px}.device-btn{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#ffffffb3;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .2s ease}.device-btn svg{stroke:currentColor}.device-btn:hover{background:#ffffff1a;border-color:#fff3;color:#ffffffe6;transform:translateY(-2px)}.device-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;box-shadow:0 4px 16px #3b82f666;color:#fff}.device-display-area{align-items:center;background:radial-gradient(ellipse at top,#3b82f61a 0,#0000 50%),radial-gradient(ellipse at bottom,#8b5cf61a 0,#0000 50%);display:flex;flex:1 1;justify-content:center;overflow:auto;padding:40px}.device-mockup{animation:deviceAppear .5s cubic-bezier(.4,0,.2,1)}@keyframes deviceAppear{0%{opacity:0;transform:scale(.9) rotateX(10deg)}to{opacity:1;transform:scale(1) rotateX(0deg)}}.iphone-mockup{perspective:1000px}.iphone-frame{background:linear-gradient(145deg,#1c1c1e,#2c2c2e);border-radius:55px;box-shadow:0 0 0 2px #ffffff1a,0 20px 60px #00000080,inset 0 1px 0 #ffffff1a;height:844px;padding:12px;position:relative;transform-style:preserve-3d;transition:transform .3s ease;width:390px}.iphone-frame:hover{transform:rotateY(5deg) rotateX(2deg)}.iphone-notch{background:#000;border-radius:0 0 20px 20px;box-shadow:inset 0 -2px 4px #ffffff1a;height:30px;left:50%;position:absolute;top:12px;transform:translateX(-50%);width:120px;z-index:10}.iphone-screen{align-items:center;background:#000;border-radius:45px;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.iphone-home-indicator{background:#ffffff4d;border-radius:100px;bottom:8px;height:5px;left:50%;position:absolute;transform:translateX(-50%);width:140px}.tablet-mockup{perspective:1000px}.tablet-frame{background:linear-gradient(145deg,#1c1c1e,#2c2c2e);border-radius:40px;box-shadow:0 0 0 2px #ffffff1a,0 20px 60px #00000080,inset 0 1px 0 #ffffff1a;height:1180px;max-height:75vh;padding:20px;position:relative;transform-style:preserve-3d;transition:transform .3s ease;width:820px}.tablet-frame:hover{transform:rotateY(3deg) rotateX(1deg)}.tablet-camera{background:radial-gradient(circle,#646478cc 30%,#000000e6 70%);border-radius:50%;box-shadow:inset 0 1px 2px #00000080;height:12px;left:10px;position:absolute;top:50%;transform:translateY(-50%);width:12px}.tablet-screen{align-items:center;background:#000;border-radius:20px;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.tablet-home-button{background:#0000004d;border:2px solid #ffffff1a;border-radius:50%;bottom:-15px;height:50px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.mac-mockup{perspective:1500px}.mac-frame{max-width:90vw;transform-style:preserve-3d;transition:transform .3s ease;width:1100px}.mac-frame:hover{transform:rotateY(2deg) rotateX(1deg)}.mac-screen{background:linear-gradient(145deg,#1c1c1e,#2c2c2e);border-radius:12px;box-shadow:0 0 0 2px #ffffff1a,0 20px 60px #0009,inset 0 1px 0 #ffffff1a;padding:8px;position:relative}.mac-browser-chrome{align-items:center;background:#2d2d2d;border-bottom:1px solid #ffffff0d;border-radius:8px 8px 0 0;display:flex;gap:12px;padding:12px 16px}.mac-browser-dots{display:flex;gap:8px}.mac-browser-dots .dot{border-radius:50%;height:12px;width:12px}.mac-browser-dots .dot.red{background:#ff5f57}.mac-browser-dots .dot.yellow{background:#ffbd2e}.mac-browser-dots .dot.green{background:#28c840}.mac-browser-address-bar{background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;color:#fff9;flex:1 1;font-size:12px;padding:6px 12px;text-align:center}.mac-browser-icons{color:#ffffff80;display:flex;gap:8px}.mac-content{align-items:center;background:#000;display:flex;justify-content:center;max-height:calc(75vh - 100px);overflow:hidden;padding:24px}.mac-base,.mac-content{border-radius:0 0 8px 8px}.mac-base{background:linear-gradient(180deg,silver,#a0a0a0 50%,grey);height:8px;margin-top:-2px;position:relative}.mac-hinge{background:linear-gradient(180deg,#d0d0d0,#909090);border-radius:0 0 8px 8px;bottom:-12px;height:12px;left:50%;position:absolute;transform:translateX(-50%);width:200px}.preview-image{border-radius:4px;box-shadow:0 4px 12px #0003;max-height:100%;max-width:100%;object-fit:contain}.device-preview-footer{align-items:center;background:#0000004d;border-top:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:20px 32px}.preview-info{display:flex;gap:24px}.info-item{align-items:center;color:#ffffffb3;display:flex;font-size:13px;gap:8px}.info-item svg{color:#3b82f6}.preview-actions{display:flex;gap:12px}.preview-action-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.preview-action-btn:hover{box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}@media (max-width:1200px){.mac-frame{width:900px}.mac-content{max-height:calc(70vh - 80px)}.tablet-frame{transform:scale(.85)}}@media (max-width:768px){.device-preview-container{border-radius:0;height:100vh;width:100vw}.device-selector{flex-wrap:wrap;padding:16px}.device-btn{font-size:13px;padding:10px 16px}.iphone-frame{transform:scale(.8)}.tablet-frame{transform:scale(.6)}.mac-frame{transform:scale(.7);width:100%}.device-preview-footer{align-items:flex-start;flex-direction:column;gap:16px}.preview-info{flex-direction:column;gap:8px}}.mac-content::-webkit-scrollbar{display:none}.mac-content::-webkit-scrollbar-track{background:#ffffff0d}.mac-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.mac-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.dealer-website{background:#fff;height:100%;overflow-y:auto;width:100%}.dealer-header{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 12px #00000026;display:flex;justify-content:space-between;padding:16px 32px}.dealer-logo{color:#fff;font-size:22px;font-weight:800;letter-spacing:-.5px}.dealer-logo.brand{font-size:24px;font-weight:900;letter-spacing:-.7px}.dealer-nav{display:flex;gap:32px}.dealer-nav span{border-radius:6px;color:#ffffffd9;cursor:pointer;font-size:14px;font-weight:500;padding:8px 12px;transition:all .2s}.dealer-nav span:hover{background:#ffffff1a;color:#fff}.dealer-nav span.active{background:#ffffff26;color:#fff;font-weight:600}.dealer-content{background:linear-gradient(180deg,#f9fafb,#fff);margin:0 auto;max-width:1200px;padding:24px 32px}.dealer-breadcrumb{color:#6b7280;font-size:12px;font-weight:500;margin-bottom:20px}.dealer-breadcrumb:before{content:"🏠";margin-right:6px}.dealer-vehicle-detail{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1.5fr 1fr}.dealer-gallery{display:flex;flex-direction:column;gap:16px}.dealer-main-image{aspect-ratio:16/9;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;box-shadow:0 4px 12px #0000001a;overflow:hidden;position:relative;width:100%}.dealer-car-image{height:100%;object-fit:contain;object-position:center;transition:filter .3s ease;width:100%}.gallery-nav-arrow{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#1e40af;cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:48px;z-index:10}.gallery-nav-arrow:hover{background:#fff;box-shadow:0 6px 20px #0003;transform:translateY(-50%) scale(1.1)}.gallery-nav-arrow.left{left:16px}.gallery-nav-arrow.right{right:16px}.image-counter{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;border-radius:20px;bottom:16px;color:#fff;font-size:13px;font-weight:600;padding:8px 16px;position:absolute;right:16px}.dealer-thumbnails{display:flex;gap:12px;overflow-x:auto}.dealer-thumbnails .thumbnail{align-items:center;background:#f3f4f6;border:3px solid #0000;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;transition:all .2s;width:80px}.dealer-thumbnails .thumbnail:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633;transform:translateY(-3px)}.dealer-thumbnails .thumbnail.active{background:#fff;border-color:#3b82f6;box-shadow:0 4px 16px #3b82f666}.dealer-thumbnails .thumbnail img{height:100%;object-fit:cover;object-position:center;width:100%}.dealer-thumbnails .thumbnail .placeholder{color:#9ca3af;font-size:20px}.dealer-info{height:-webkit-fit-content;height:fit-content;position:-webkit-sticky;position:sticky;top:20px}.dealer-title{color:#0f172a;font-size:32px;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 12px}.dealer-price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#3b82f6 50%,#60a5fa);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:900;letter-spacing:-1px;margin-bottom:24px}.dealer-features{grid-gap:12px;background:linear-gradient(135deg,#f9fafb,#fff);border:2px solid #e5e7eb;border-radius:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:20px}.feature-item{align-items:center;background:#fff;border-radius:8px;color:#0f172a;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px;transition:all .2s}.feature-item:hover{box-shadow:0 2px 8px #0000000d;transform:translateX(4px)}.feature-icon{font-size:20px}.dealer-cta-row{display:flex;gap:12px}.dealer-cta{border:1px solid #0000;border-radius:10px;cursor:pointer;font-size:15px;font-weight:700;padding:14px 18px}.dealer-cta.primary{background:#111827;border-color:#111827;color:#fff}.dealer-cta.secondary{background:#f3f4f6;border-color:#e5e7eb;color:#111827}.desktop-dealer-shell{background:linear-gradient(180deg,#fff,#f5f7fb);border-radius:18px;box-shadow:0 16px 32px #0f172a1f;display:flex;flex-direction:column;gap:16px;max-height:100%;overflow:hidden;padding:0 24px 20px;width:100%}.desktop-header-compact{align-items:center;display:flex;justify-content:space-between;padding-top:22px}.desktop-brand{align-items:center;color:#111827;display:flex;font-weight:800;gap:10px;letter-spacing:-.4px}.desktop-nav{color:#475569;display:flex;font-size:13px;gap:18px}.desktop-nav span{cursor:pointer;padding-bottom:4px;position:relative}.desktop-nav span.active,.desktop-nav span:hover{color:#111827}.desktop-nav span.active:after,.desktop-nav span:hover:after{background:#2563eb;border-radius:999px;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.desktop-actions{display:flex;gap:10px}.desktop-primary-btn,.desktop-secondary-btn{border:1px solid #0000;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;padding:8px 16px}.desktop-primary-btn{background:#2563eb;border-color:#2563eb;box-shadow:0 10px 20px #2563eb40;color:#fff}.desktop-secondary-btn{background:#f1f5f9;border-color:#e2e8f0;color:#1f2937}.desktop-body{align-items:center;display:flex;gap:24px;justify-content:space-between}.desktop-gallery-compact{display:flex;flex:1 1;flex-direction:column;gap:12px}.desktop-image-area{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:16px;min-height:320px;overflow:hidden;padding:16px 48px;position:relative}.desktop-gallery-nav,.desktop-image-area{align-items:center;display:flex;justify-content:center}.desktop-gallery-nav{background:#fffffff2;border:none;border-radius:999px;box-shadow:0 12px 18px #0f172a24;cursor:pointer;font-size:26px;height:42px;position:absolute;top:50%;transform:translateY(-50%);width:42px}.desktop-gallery-nav.left{left:12px}.desktop-gallery-nav.right{right:12px}.desktop-gallery-nav:hover{background:#fff}.desktop-image-wrapper{display:flex;justify-content:center;position:relative;width:100%}.desktop-main-image{background:#0f172a;border-radius:12px;max-height:340px;object-fit:contain;width:100%}.desktop-image-counter{background:#0f172abf;border-radius:999px;color:#fff;font-size:11px;font-weight:700;padding:6px 10px;position:absolute;right:12px;top:12px}.desktop-thumb-row{display:flex;gap:10px;overflow-x:auto}.desktop-thumb{background:#f8fafc;border:2px solid #0000;border-radius:10px;cursor:pointer;flex-shrink:0;height:60px;overflow:hidden;width:90px}.desktop-thumb.active{background:#fff;border-color:#2563eb;box-shadow:0 10px 18px #2563eb33}.desktop-thumb img{height:100%;object-fit:cover;width:100%}.desktop-info-compact{color:#0f172a;display:flex;flex-direction:column;gap:12px;width:260px}.desktop-info-compact h1{font-size:26px;letter-spacing:-.4px;margin:0}.desktop-breadcrumb{color:#64748b;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.desktop-price-line{display:flex;flex-direction:column;gap:4px}.desktop-price{font-size:30px;font-weight:900;letter-spacing:-.6px}.desktop-price-sub{color:#64748b;font-size:12px}.desktop-badges{display:flex;flex-wrap:wrap;gap:8px}.desktop-badges .badge{border-radius:999px;font-size:10px;font-weight:700;letter-spacing:1px;padding:4px 10px;text-transform:uppercase}.desktop-badges .green{background:#ecfdf5;color:#047857}.desktop-badges .blue{background:#eff6ff;color:#1d4ed8}.desktop-badges .gray{background:#f1f5f9;color:#475569}.desktop-spec-strip{grid-gap:10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;font-size:12px;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 14px}.desktop-spec-strip div{display:flex;flex-direction:column;gap:2px}.desktop-spec-strip strong{color:#111827;font-size:13px}.desktop-spec-strip span{color:#64748b;letter-spacing:.6px;text-transform:uppercase}.desktop-cta-row{display:flex;gap:10px}.desktop-footer-minimal{align-items:center;color:#475569;display:flex;font-size:12px;justify-content:space-between}.desktop-footer-minimal .footer-actions{display:flex;gap:10px}@media (max-width:1500px){.desktop-body{align-items:stretch;flex-direction:column}.desktop-gallery-compact,.desktop-info-compact{width:100%}.desktop-cta-row{justify-content:center}}.mobile-dealer-website{background:#fff;display:flex;flex-direction:column;height:100%;overflow-y:auto;width:100%}.mobile-dealer-header{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 12px #00000026;display:flex;justify-content:space-between;padding:12px 16px}.mobile-back-btn,.mobile-menu-btn{align-items:center;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:24px;justify-content:center;text-align:center;transition:background .2s;width:32px}.mobile-back-btn:hover,.mobile-menu-btn:hover{background:#ffffff1a}.mobile-dealer-logo{color:#fff;font-size:16px;font-weight:800}.mobile-dealer-content{flex:1 1;overflow-y:auto}.mobile-vehicle-hero{position:relative}.mobile-price-chip{background:#16a34a;border-radius:999px;box-shadow:0 6px 16px #16a34a59;color:#fff;font-size:12px;font-weight:800;padding:6px 10px;position:absolute;right:10px;top:10px;z-index:2}.mobile-image-carousel{aspect-ratio:4/3;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-bottom:1px solid #e5e7eb;overflow:hidden;position:relative;width:100%}.mobile-car-image{height:100%;object-fit:contain;object-position:center;transition:filter .3s ease;width:100%}.mobile-carousel-indicators{align-items:center;bottom:12px;display:flex;justify-content:space-between;left:0;padding:0 12px;position:absolute;right:0}.carousel-arrow{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#1e40af;cursor:pointer;display:flex;font-size:24px;height:36px;justify-content:center;transition:all .2s;width:36px}.carousel-arrow:hover{background:#fff;transform:scale(1.1)}.mobile-carousel-dots{display:flex;gap:6px}.mobile-carousel-dots .dot{background:#ffffff80;border-radius:50%;cursor:pointer;height:8px;transition:all .2s;width:8px}.mobile-carousel-dots .dot:hover{background:#fffc}.mobile-carousel-dots .dot.active{background:#fff;border-radius:4px;box-shadow:0 2px 6px #0003;width:24px}.mobile-image-label{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;border-radius:16px;color:#fff;font-size:11px;font-weight:600;left:12px;padding:6px 12px;position:absolute;top:12px}.mobile-vehicle-info{padding:16px}.mobile-vehicle-info h2{color:#111827;font-size:20px;font-weight:700;margin:0 0 8px}.mobile-badges{display:flex;gap:8px}.mobile-badges .badge{background:#f3f4f6;border-radius:999px;color:#111827;font-size:11px;font-weight:700;padding:4px 8px}.mobile-badges .badge.green{background:#ecfdf5;color:#065f46}.mobile-badges .badge.blue{background:#eff6ff;color:#1e40af}.mobile-price{color:#3b82f6;font-size:24px;font-weight:800;margin-bottom:16px}.mobile-quick-info{background:#f9fafb;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding:16px}.mobile-specs-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;padding:0 16px 16px}.spec-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 4px #0000000a;display:flex;gap:10px;padding:10px}.spec-label{color:#6b7280;font-size:11px}.spec-value{color:#111827;font-size:13px;font-weight:700}.mobile-cta-bar{display:flex;gap:10px;padding:0 16px 16px}.mobile-cta.primary{background:#111827;border:none;border-radius:10px;color:#fff;flex:1 1;font-weight:700;padding:12px}.mobile-cta.secondary{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;color:#111827;flex:1 1;font-weight:700;padding:12px}.mobile-quick-info span{background:#fff;border-radius:6px;box-shadow:0 1px 3px #0000001a;color:#374151;font-size:12px;padding:6px 12px}.mobile-cta{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:14px;width:100%}.tablet-dealer-website{background:#fff;display:flex;flex-direction:column;height:100%;overflow-y:auto;width:100%}.tablet-dealer-header{align-items:center;background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 12px #00000026;display:flex;justify-content:space-between;padding:16px 24px}.tablet-dealer-logo{color:#fff;font-size:19px;font-weight:800}.tablet-dealer-nav{display:flex;gap:24px}.tablet-dealer-nav span{border-radius:6px;color:#ffffffd9;cursor:pointer;font-size:13px;font-weight:500;padding:6px 10px;transition:all .2s}.tablet-dealer-nav span:hover{background:#ffffff1a;color:#fff}.tablet-dealer-nav span.active{border-bottom:2px solid #fff;color:#fff;font-weight:600}.tablet-dealer-content{flex:1 1;overflow-y:auto;padding:20px 24px}.tablet-breadcrumb{color:#6b7280;font-size:11px;margin-bottom:16px}.tablet-vehicle-layout{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1.2fr 1fr}.tablet-image-section{display:flex;flex-direction:column;gap:12px}.tablet-main-image{aspect-ratio:16/10;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:10px;box-shadow:0 4px 12px #0000001a;overflow:hidden;position:relative;width:100%}.tablet-car-image{height:100%;object-fit:contain;object-position:center;transition:filter .3s ease;width:100%}.image-nav-arrow{align-items:center;background:#fffffff2;border:none;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#1e40af;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:40px;z-index:10}.image-nav-arrow:hover{background:#fff;box-shadow:0 4px 16px #0003;transform:translateY(-50%) scale(1.1)}.image-nav-arrow.left{left:12px}.image-nav-arrow.right{right:12px}.tablet-thumbnails{display:flex;gap:8px;overflow-x:auto}.tablet-thumb{align-items:center;background:#f3f4f6;border:2px solid #0000;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:45px;justify-content:center;overflow:hidden;transition:all .2s;width:60px}.tablet-thumb:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f633;transform:translateY(-2px)}.tablet-thumb.active{background:#fff;border-color:#3b82f6;box-shadow:0 2px 12px #3b82f666}.tablet-thumb img{height:100%;object-fit:cover;object-position:center;width:100%}.tablet-info-section h2{color:#111827;font-size:22px;font-weight:700;margin:0 0 10px}.tablet-price{color:#3b82f6;font-size:28px;font-weight:800;margin-bottom:20px}.tablet-specs{grid-gap:12px;background:#f9fafb;border-radius:10px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:16px}.tablet-specs .spec{color:#374151;font-size:12px}.tablet-cta-row{display:flex;gap:10px}.tablet-cta{border:1px solid #0000;border-radius:10px;font-weight:700;padding:12px 16px}.tablet-cta.primary{background:#111827;border-color:#111827;color:#fff}.tablet-cta.secondary{background:#f3f4f6;border-color:#e5e7eb;color:#111827}@media (max-width:1200px){.dealer-vehicle-detail{grid-template-columns:1fr}.dealer-info{position:relative;top:0}.tablet-vehicle-layout{grid-template-columns:1fr}}@media (max-width:768px){.dealer-header,.tablet-dealer-header{padding:12px 16px}.dealer-nav,.tablet-dealer-nav{display:none}}