@import"https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap";#root{width:100%;max-width:none!important;margin:0!important;padding:0!important;text-align:left}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.custom-grid-table{border-collapse:separate;border-spacing:0 4px}.custom-grid-table tbody tr{border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000000d}.custom-grid-table td:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.custom-grid-table td:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.ant-menu-submenu-popup,.ant-dropdown-menu{max-height:70vh;overflow-y:auto}.ant-menu-submenu-popup::-webkit-scrollbar,.ant-dropdown-menu::-webkit-scrollbar{width:6px}.ant-menu-submenu-popup::-webkit-scrollbar-track,.ant-dropdown-menu::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.ant-menu-submenu-popup::-webkit-scrollbar-thumb,.ant-dropdown-menu::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.ant-menu-submenu-popup::-webkit-scrollbar-thumb:hover,.ant-dropdown-menu::-webkit-scrollbar-thumb:hover{background:#a8a8a8}[data-headlessui-state=open]>div{max-height:70vh!important;overflow-y:auto!important;overflow-x:hidden!important}[data-headlessui-state=open]>div>div:first-child{max-height:70vh!important;overflow-y:auto!important}[data-headlessui-state=open]>div::-webkit-scrollbar{width:6px}[data-headlessui-state=open]>div::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}[data-headlessui-state=open]>div::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}[data-headlessui-state=open]>div::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.mega-menu-scroll{max-height:70vh!important;overflow-y:auto!important;overflow-x:hidden!important}.ant-table-thead>tr>th{background:linear-gradient(135deg,#6b7280,#4b5563)!important;color:#fff!important;font-weight:600!important;border-bottom:2px solid #dc2626!important}.ant-table-thead>tr>th{background:linear-gradient(135deg,#6b7280,#4b5563)!important;color:#fff!important}.ant-table-column-sorter .anticon-caret-up,.ant-table-column-sorter .anticon-caret-down{color:#9ca3af!important;font-size:11px}.ant-table-column-sorter-up.active,.ant-table-column-sorter-down.active{color:#e60e0e!important;transform:scale(1.15);transition:transform .2s ease}.ant-table-column-sort{background:linear-gradient(135deg,#fef2f2,#f1ebd0)!important}.ant-table-column-sort .ant-table-column-title{color:#eb0c0c!important;font-weight:600!important}th.ant-table-column-has-sorters:hover{background:#92920afb!important;transition:background .2s ease}.carbon-header{position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:4px solid #dc2626;box-shadow:0 4px 20px #0000004d;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 2px,transparent 2px,transparent 8px),repeating-linear-gradient(135deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 6px)}.carbon-header:before{content:"";position:absolute;top:0;left:0;right:0;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 50%,rgba(0,0,0,.1) 100%);pointer-events:none}.carbon-header-bold{position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:4px solid #dc2626;box-shadow:0 4px 20px #0000004d;background:#1a1a1a;background-image:linear-gradient(45deg,#333333 25%,transparent 25%),linear-gradient(-45deg,#333333 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#333333 75%),linear-gradient(-45deg,transparent 75%,#333333 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}.carbon-header-bold:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.carbon-table-premium .ant-table-thead>tr>th{background:linear-gradient(135deg,#1a1a1a,#2a2a2a)!important;background-image:linear-gradient(45deg,#333333 20%,transparent 20%),linear-gradient(-45deg,#333333 20%,transparent 20%),linear-gradient(45deg,transparent 80%,#333333 80%),linear-gradient(-45deg,transparent 80%,#333333 80%)!important;background-size:16px 16px!important;background-position:0 0,0 8px,8px -8px,-8px 0px!important;color:#fff!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.5px!important;border-bottom:3px solid #dc2626!important;border-right:1px solid #333333!important}.carbon-table-premium .ant-table-tbody>tr:hover>td{background:#dc26261a!important;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:all .3s ease}.automotive-bg{position:fixed;right:0;top:50%;transform:translateY(-50%);width:300px;height:400px;pointer-events:none;z-index:0;opacity:.15;background-image:url(/assets/car-silhouette.png);background-size:contain;background-repeat:no-repeat;background-position:right center}@media (min-width: 1920px){.automotive-bg{width:400px;height:500px;opacity:.2}}@media (max-width: 768px){.automotive-bg{display:none}}@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{font-family:Inter,sans-serif;background-color:#f9fafb;color:#111827;-webkit-font-smoothing:antialiased;-moz-osx-ont-smoothing:grayscale}input,select,textarea{@apply border-gray-300 rounded-lg shadow-sm focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all;}button{@apply transition-all duration-200;}}@layer components{.card{@apply bg-white rounded-xl shadow-md hover:shadow-lg transition-shadow duration-200 border border-gray-100;}.card-header{@apply px-6 py-4 border-b border-gray-100 bg-gray-50/50 rounded-t-xl;}.card-title{@apply text-lg font-semibold text-gray-800;}.card-body{@apply p-6;}.table-wrapper{@apply bg-white rounded-xl shadow-lg overflow-hidden border border-gray-200;}.table{@apply min-w-full divide-y divide-gray-200;}.table thead{@apply bg-gray-50 border-b border-gray-200;}.table th{@apply px-6 py-4 text-left text-xs font-semibold text-gray-600 uppercase tracking-wider;}.table td{@apply px-6 py-4 text-sm text-gray-700 border-b border-gray-100;}.table tbody tr{@apply hover:bg-gray-50/80 transition-colors duration-150;}.table tbody tr:last-child td{@apply border-b-0;}.badge{@apply inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium;}.badge-success{@apply bg-green-100 text-green-800;}.badge-warning{@apply bg-yellow-100 text-yellow-800;}.badge-danger{@apply bg-red-100 text-red-800;}.badge-info{@apply bg-blue-100 text-blue-800;}.badge-purple{@apply bg-purple-100 text-purple-800;}.btn{@apply inline-flex items-center justify-center px-4 py-2 rounded-lg text-sm font-medium transition-all duration-200 focus:outline-none focus:ring-2 focus:ring-offset-2;}.btn-primary{@apply bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500;}.btn-secondary{@apply bg-white text-gray-700 border border-gray-300 hover:bg-gray-50 focus:ring-gray-500;}.btn-danger{@apply bg-red-600 text-white hover:bg-red-700 focus:ring-red-500;}.btn-success{@apply bg-green-600 text-white hover:bg-green-700 focus:ring-green-500;}.btn-sm{@apply px-3 py-1.5 text-xs;}.btn-lg{@apply px-6 py-3 text-base;}.icon-btn{@apply p-1.5 rounded-md text-gray-500 hover:text-gray-700 hover:bg-gray-100 transition-all duration-200;}.icon-btn-sm{@apply p-1 rounded;}.icon-btn-primary{@apply text-blue-600 hover:text-blue-800 hover:bg-blue-50;}.icon-btn-success{@apply text-green-600 hover:text-green-800 hover:bg-green-50;}.icon-btn-danger{@apply text-red-600 hover:text-red-800 hover:bg-red-50;}.icon-btn-warning{@apply text-yellow-600 hover:text-yellow-800 hover:bg-yellow-50;}.search-bar{@apply flex items-center bg-white border border-gray-200 rounded-lg shadow-sm px-3 py-2 focus-within:ring-2 focus-within:ring-blue-500 focus-within:border-blue-500 transition-all;}.search-bar input{@apply flex-1 border-0 bg-transparent text-sm text-gray-700 placeholder-gray-400 focus:outline-none focus:ring-0;}.pagination{@apply flex items-center justify-between px-6 py-4 border-t border-gray-200 bg-gray-50/50;}.pagination-info{@apply text-sm text-gray-600;}.pagination-controls{@apply flex items-center gap-2;}.pagination-btn{@apply px-3 py-1 border border-gray-300 rounded-md text-sm font-medium text-gray-700 bg-white hover:bg-gray-50 transition-colors;}.pagination-btn.active{@apply bg-blue-600 text-white border-blue-600 hover:bg-blue-700;}.pagination-btn:disabled{@apply opacity-50 cursor-not-allowed hover:bg-white;}.action-bar{@apply bg-white rounded-lg shadow-sm border border-gray-200 p-4 mb-6;}.action-badge{@apply inline-flex items-center px-3 py-1 rounded-full text-sm font-medium bg-blue-50 text-blue-700 border border-blue-200;}.action-button{@apply inline-flex items-center px-3 py-1.5 rounded-md text-sm font-medium transition-all border;}.action-button-primary{@apply bg-blue-50 text-blue-700 border-blue-200 hover:bg-blue-100;}.action-button-success{@apply bg-green-50 text-green-700 border-green-200 hover:bg-green-100;}.action-button-danger{@apply bg-red-50 text-red-700 border-red-200 hover:bg-red-100;}.action-button-warning{@apply bg-yellow-50 text-yellow-700 border-yellow-200 hover:bg-yellow-100;}}@layer utilities{.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-10px);opacity:0}to{transform:translate(0);opacity:1}}.invoice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;padding:1rem}.invoice-card{transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.invoice-card:hover{transform:translateY(-4px)}.content-container{@apply w-full px-4 sm:px-6 lg:px-8 py-8;max-width:none!important}.page-header{@apply flex flex-col sm:flex-row justify-between items-start sm:items-center mb-8;}.page-title{@apply text-2xl font-bold text-gray-900;}.page-subtitle{@apply text-sm text-gray-600 mt-1;}}.ant-table-wrapper,.ant-table,.ant-table-container,.ant-table-content{width:100%!important;max-width:none!important}main>div{max-width:none!important}.ant-modal{max-width:90vw!important;width:auto!important;min-width:320px}.responsive-table{width:100%}.responsive-table .ant-table{font-size:14px}@media (min-width: 1536px){.content-container{padding-left:2rem;padding-right:2rem}.invoice-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:1.5rem}.page-title{font-size:1.875rem}.table th,.table td{padding:1rem 1.5rem}}@media (min-width: 1920px){.content-container{padding-left:2.5rem;padding-right:2.5rem}.invoice-grid{grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:1.75rem}.card-body{padding:1.75rem}.table th{padding:1.25rem 1.5rem;font-size:.875rem}.table td{padding:1rem 1.5rem;font-size:.9375rem}.btn{padding:.625rem 1.5rem;font-size:.9375rem}.responsive-table .ant-table{font-size:15px}.responsive-table .ant-table-thead>tr>th{padding:16px 20px}.responsive-table .ant-table-tbody>tr>td{padding:14px 20px}}@media (min-width: 2560px){.content-container{padding-left:3rem;padding-right:3rem}body{font-size:1rem}.invoice-grid{grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:2rem}.card-header{padding:1.5rem 2rem}.card-title{font-size:1.5rem}.card-body{padding:2rem}.table th{padding:1.5rem 2rem;font-size:1rem}.table td{padding:1.25rem 2rem;font-size:1rem}.page-title{font-size:2.25rem}.btn{padding:.75rem 1.75rem;font-size:1rem}.ant-modal{max-width:85vw!important}}@media (min-width: 3840px){.content-container{padding-left:4rem;padding-right:4rem}body{font-size:1.125rem}.invoice-grid{grid-template-columns:repeat(auto-fill,minmax(550px,1fr));gap:2.5rem}.card-header{padding:2rem 2.5rem}.card-title{font-size:1.75rem}.card-body{padding:2.5rem}.table th{padding:1.75rem 2.5rem;font-size:1.125rem}.table td{padding:1.5rem 2.5rem;font-size:1.125rem}.page-title{font-size:2.5rem}.btn{padding:.875rem 2rem;font-size:1.125rem}.search-bar input{font-size:1rem;padding:.5rem 0}.ant-modal{max-width:80vw!important}}.table-wrapper{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch}@media (max-width: 1280px){.table-wrapper{overflow-x:auto}.table{min-width:800px}}@media (max-width: 1024px){.table{min-width:700px}}.grid-responsive-2{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (min-width: 1280px){.grid-responsive-2{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (min-width: 1920px){.grid-responsive-2{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}.grid-responsive-3{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (min-width: 1280px){.grid-responsive-3{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1920px){.grid-responsive-3{gap:1.5rem}}.grid-responsive-4{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}@media (min-width: 1280px){.grid-responsive-4{grid-template-columns:repeat(4,1fr)}}.max-w-full{max-width:100%}.px-wide{padding-left:1rem;padding-right:1rem}@media (min-width: 1920px){.px-wide{padding-left:2rem;padding-right:2rem}}@media (min-width: 2560px){.px-wide{padding-left:3rem;padding-right:3rem}}.container-fluid{width:100%;margin-right:auto;margin-left:auto;max-width:none!important}.modal-xl{max-width:90vw}.detail-layout{display:grid;grid-template-columns:auto 1fr;gap:24px}.detail-image{width:200px}.detail-info{flex:1}.detail-field{margin-bottom:8px}.detail-label{font-size:12px;color:#6b7280;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:14px;color:#1f2937;font-weight:500}.detail-value.price{color:#10b981;font-size:18px;font-weight:600}.vehicles-grid{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.vehicle-tag{margin:0}.compatibility-section{background:#f9fafb;border-radius:12px;padding:16px}.section-subtitle{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.responsive-modal .ant-modal-content{border-radius:16px}.responsive-modal .ant-modal-header{border-radius:16px 16px 0 0;padding:20px 24px}.responsive-modal .ant-modal-title{font-size:18px;font-weight:600}.locations-table-wrapper{overflow-x:auto}@media (max-width: 768px){.detail-layout{grid-template-columns:1fr;gap:16px}.detail-image{width:100%;max-width:200px;margin:0 auto}}@media (max-width: 640px){.action-bar{flex-direction:column;gap:.75rem}.page-header{flex-direction:column;gap:1rem}.invoice-grid{grid-template-columns:1fr}.card-body{padding:1rem}.table th,.table td{padding:.75rem 1rem}.ant-modal{max-width:95vw!important}}.react-table th{@apply font-semibold text-gray-600 uppercase text-xs tracking-wider;}.react-table td{@apply text-sm text-gray-700;}.selection-checkbox{@apply w-4 h-4 text-blue-600 rounded border-gray-300 focus:ring-blue-500;}a{@apply transition-colors duration-200;}.message-success{@apply bg-green-50 border border-green-200 text-green-700 px-4 py-3 rounded-lg;}.message-error{@apply bg-red-50 border border-red-200 text-red-700 px-4 py-3 rounded-lg;}.message-warning{@apply bg-yellow-50 border border-yellow-200 text-yellow-700 px-4 py-3 rounded-lg;}.ant-table-tbody>tr:hover>td{background-color:#e0f2fe!important;transition:all .2s ease-in-out;cursor:pointer}.table tbody tr:hover{background-color:#e0f2fe!important;transform:scale(1.01);transition:all .2s ease-in-out}.card:hover{transform:translateY(-6px);box-shadow:0 20px 25px -12px #00000026;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #2563eb4d}.btn-secondary:hover{transform:translateY(-2px);background-color:#f3f4f6;box-shadow:0 4px 6px -1px #0000001a}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #dc26264d}a:hover{color:#2563eb;transform:translate(2px);transition:all .2s ease}.icon-btn:hover{transform:scale(1.15);transition:transform .2s ease}.icon-btn-primary:hover{background-color:#dbeafe;transform:scale(1.1)}.badge:hover{transform:scale(1.05);transition:transform .2s ease;filter:brightness(.95)}input:hover,select:hover,textarea:hover{border-color:#60a5fa;background-color:#fefce8;transition:all .2s ease}.ant-dropdown-menu-item:hover,.ant-menu-item:hover{background-color:#dbeafe!important;transform:translate(4px);transition:all .2s ease}.product-card:hover,.invoice-card:hover{transform:translateY(-8px);box-shadow:0 25px 30px -12px #0003;transition:all .3s cubic-bezier(.4,0,.2,1)}.ant-btn:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a;transition:all .2s ease}.ant-btn-primary:hover{background-color:#1d4ed8!important;transform:translateY(-2px);box-shadow:0 10px 15px -3px #2563eb66}.ant-table-tbody .ant-btn-link:hover{transform:scale(1.05);color:#1d4ed8}.filter-card:hover{background-color:#f8fafc;border-color:#93c5fd;transition:all .2s ease}.sidebar-nav-item:hover{background-color:#1e40af;transform:translate(8px);transition:all .2s ease}.quick-action-btn:hover{transform:scale(1.1);transition:transform .15s ease}.ant-tag:hover{transform:scale(1.05);transition:transform .2s ease;opacity:.9}.glow-on-hover:hover{box-shadow:0 0 15px #2563eb80;transition:box-shadow .3s ease}img:hover{transform:scale(1.02);transition:transform .3s ease}
