@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap");:root{--color-primary:#3b82f6;--color-primary-dark:#2563eb;--color-primary-light:#eff6ff;--color-success:#10b981;--color-danger:#ef4444;--color-warning:#f59e0b;--color-text:#1f2937;--color-muted:#6b7280;--color-bg:#f3f4f6;--color-surface:#ffffff;--color-border:#e5e7eb;--color-border-dark:#d1d5db;--font-family:"Inter","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-size-xs:12px;--font-size-sm:13px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:20px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semi:600;--font-weight-bold:700;--spacing-xs:4px;--spacing-sm:8px;--spacing-12:12px;--spacing-md:16px;--spacing-20:20px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:40px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:9999px;--btn-h-sm:28px;--btn-h-md:36px;--btn-h-lg:42px;--header-height:48px;--sidebar-width:240px;--sidebar-collapsed-width:64px;--content-max-width:1600px;--z-dropdown:1000;--z-sticky:1020;--z-sidebar:1030;--z-modal:1050;--z-toast:1100;--shadow-card:0 4px 6px -1px rgba(0,0,0,0.05),0 2px 4px -1px rgba(0,0,0,0.03);--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--background:#fbfbfb;--foreground:#171717;--form-label-color:#111827}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed;--form-label-color:#e5e7eb}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--color-text);background:var(--color-bg);font-family:var(--font-family);font-size:var(--font-size-sm);line-height:1.35;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}.content-readable{max-width:72ch;margin-left:auto;margin-right:auto}canvas,img,svg,video{max-width:100%;height:auto;display:block}@media (hover:hover){.hover-effect:hover{transition:all .2s ease}}.density-compact{gap:2px}.density-normal{gap:4px}.density-comfortable{gap:8px}@media (min-width:1440px){.density-adaptive{gap:16px!important}}.grid-adaptive{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:1rem}.table-responsive{width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:.375rem}@media (min-width:1024px){.sidebar-layout{display:flex}.sidebar-layout .content{flex:1}}@media (min-width:1440px){.app-container{padding:0}}.app-container{width:100%}@media (min-width:1440px){.app-container{width:100%;position:relative;background-color:#fff}}.table{font-family:var(--font-family);font-size:13px;margin-bottom:.25rem;line-height:1.25}.table th{height:32px;background-color:#fafbfc!important;font-weight:600;color:#111827;border-bottom:2px solid #dee2e6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.table td,.table th{font-family:var(--font-family);font-size:13px;padding:4px 6px!important;vertical-align:middle}.table td{height:28px;line-height:1.25}.table tbody tr:hover td{background-color:#f1f5f9!important}.table thead.sticky-top th{border-top:1px solid #e5e7eb!important;background-clip:padding-box}.plan-table__thead.sticky-top{z-index:10;top:0}.plan-table__th{color:#111827;font-size:14px;font-weight:600;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.table th.vietnamese-header{font-family:var(--font-family),"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;text-rendering:optimizeLegibility!important}.btn,.dropdown-item,.dropdown-toggle,.input-group,.pagination,.table-controls{font-family:var(--font-family);font-size:14px}.btn-sm{padding:.25rem .5rem;font-size:.8125rem;border-radius:.25rem}.text-break{overflow-wrap:anywhere;word-break:normal}.card-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.table-10px{font-family:var(--font-family),"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;font-style:normal;font-optical-sizing:auto;letter-spacing:.02em;text-transform:none;line-height:1.5rem;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.table-10px,.tiny{font-size:12px!important}.tiny{line-height:1.2}.text-sm{font-size:.8125rem;line-height:1.15rem}.uppercase{text-transform:uppercase}.font-medium{font-weight:500}.text-xs{font-size:.75rem;line-height:1rem}.alert-success{background-color:#d1e7dd!important;border-color:#badbcc!important;color:#0f5132!important}.alert-danger{background-color:#f8d7da!important;border-color:#f5c2c7!important;color:#842029!important}.alert-info{background-color:#d1ecf1!important;border-color:#bee5eb!important;color:#055160!important}.alert-warning{background-color:#fff3cd!important;border-color:#ffecb5!important;color:#664d03!important}.plan-list--fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;margin:0;max-width:none;height:100vh;display:flex;flex-direction:column;animation:planFullscreenEnter .25s ease-in-out;background-color:#fff}.plan-list--fullscreen .card-header{flex-shrink:0;border-bottom:2px solid #dee2e6}.plan-list--fullscreen .table-responsive{flex:1;overflow:auto;max-height:calc(100vh - 70px);border-radius:0}@keyframes planFullscreenEnter{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.plan-list--fullscreen{z-index:1000}.steps{position:relative;display:flex;gap:.5rem}.steps,.steps.steps-vertical{flex-direction:column}.step-item{position:relative;display:flex;align-items:flex-start;padding-left:2.5rem}.step-item:before{content:"";position:absolute;left:.5rem;top:1.25rem;bottom:-.75rem;width:.125rem;background-color:#e5e7eb}.step-item:last-child:before{display:none}.step-item.active:before{background-color:#3b82f6}.step-item.completed:before{background-color:#10b981}.step-marker{position:absolute;left:0;top:0;width:1.125rem;height:1.125rem;border-radius:50%;background-color:#e5e7eb;border:.125rem solid #fff;box-shadow:0 0 0 .125rem #e5e7eb;display:flex;align-items:center;justify-content:center;font-size:.625rem;color:#6b7280;z-index:1}.step-item.active .step-marker{background-color:#3b82f6;box-shadow:0 0 0 .125rem #3b82f6;color:#fff}.step-item.completed .step-marker{background-color:#10b981;box-shadow:0 0 0 .125rem #10b981;color:#fff}.step-content{flex:1;padding-top:.125rem}.step-title{color:#6b7280;font-weight:400}.step-item.active .step-title{color:#111827;font-weight:600}.step-item.completed .step-title{color:#10b981}.custom-tooltip{--bs-tooltip-bg:#1e293b;--bs-tooltip-color:#ffffff;--bs-tooltip-opacity:0.95;border-radius:8px!important;border:1px solid #3b82f6!important;box-shadow:0 4px 12px rgba(59,130,246,.2);font-size:.75rem;padding:8px 12px;max-width:250px}.custom-tooltip:before{border-top-color:#3b82f6!important}.custom-tooltip:after{border-top-color:#1e293b!important}.section-title{font-size:18px;font-weight:600;color:#111827}.section{margin-bottom:16px}.border-bottom,.border-end,.border-start,.border-top,hr{border-color:#e5e7eb!important}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.btn-premium-outline{border:1px solid #e2e8f0;color:#475569;background-color:#fff;transition:all .2s ease-in-out;display:flex;align-items:center;justify-content:center}.btn-premium-outline:hover{background-color:#475569!important;border-color:#475569!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.btn-premium-outline:active{transform:translateY(0)}.custom-scrollbar::-webkit-scrollbar{height:6px;width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{line-height:1.2}.table input[type=checkbox]{width:16px;height:16px;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-family);font-weight:500;border-radius:6px;transition:all .2s ease-in-out;padding:.5rem 1rem;font-size:.875rem;line-height:1.5;border:1px solid transparent}.btn i,.btn svg{font-size:1.125em;width:1.125em;height:1.125em}.btn-primary{background-color:#0d6efd;border-color:#0d6efd;color:#ffffff}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:#0b5ed7;border-color:#0a58ca;color:#ffffff}.btn-success{background-color:#198754;border-color:#198754;color:#ffffff}.btn-success:active,.btn-success:focus,.btn-success:hover{background-color:#157347;border-color:#146c43;color:#ffffff}.btn-outline-primary{background-color:#ffffff;border-color:#0d6efd;color:#0d6efd}.btn-outline-primary:active,.btn-outline-primary:focus,.btn-outline-primary:hover{background-color:#f0f7ff;border-color:#0d6efd;color:#0d6efd}.btn:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.btn-success:focus{box-shadow:0 0 0 .25rem rgba(25,135,84,.25)}.btn>:first-child{margin-right:0}.dense-alert-error{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#fef2f2;color:#dc2626;border-radius:4px;font-size:11px;font-weight:600;margin-bottom:10px}.dense-modal-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;height:100%;min-height:450px}.dense-modal-grid-mobile{grid-template-columns:1fr;min-height:auto}.dense-modal-col{display:flex;flex-direction:column;gap:8px;overflow:hidden}.dense-modal-col-left{background:#f9fafb;padding:10px;border-radius:6px}.dense-modal-col-right{background:#ffffff;padding:10px}.dense-section-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:#111827;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.dense-search-wrapper{position:relative;margin-bottom:10px}.dense-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#9ca3af}.dense-search-input{padding-left:32px}.dense-action-row{display:flex;gap:6px;margin-bottom:10px}.dense-vehicle-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding-right:4px}.dense-vehicle-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;transition:all .15s ease}.dense-vehicle-item:hover{border-color:#3b82f6;background:#f0f7ff}.dense-vehicle-item-selected{border-color:#3b82f6;background:#eff6ff}.dense-vehicle-checkbox{width:16px;height:16px;border:2px solid #e5e7eb;border-radius:3px;background:#ffffff;flex-shrink:0;transition:all .15s ease}.dense-vehicle-item-selected .dense-vehicle-checkbox{border-color:#3b82f6;background:#3b82f6;position:relative}.dense-vehicle-item-selected .dense-vehicle-checkbox:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ffffff;font-size:10px;font-weight:700}.dense-vehicle-info{flex:1;min-width:0}.dense-vehicle-name{font-size:12px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.dense-vehicle-detail{font-size:10px;color:#6b7280;line-height:1.2;margin-top:2px}.dense-selected-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:4px}.dense-selected-vehicle-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:6px;padding:8px;display:flex;flex-direction:column;gap:8px}.dense-selected-vehicle-header{display:flex;align-items:flex-start;gap:8px}.dense-selected-vehicle-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.dense-vehicle-icon-small{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#f3f4f6;border-radius:4px;color:#6b7280;flex-shrink:0}.dense-selected-vehicle-info{flex:1;min-width:0}.dense-selected-vehicle-name{font-size:11px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.dense-selected-vehicle-plate{font-size:10px;color:#6b7280;line-height:1.2;margin-top:2px}.dense-support-section{display:flex;flex-direction:column;gap:4px}.dense-warning-text{display:flex;align-items:center;gap:4px;color:#f59e0b;font-size:10px;font-weight:600;margin-top:4px}.dense-modal-footer{padding:10px 16px;background:#ffffff;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:12px}.dense-footer-left,.dense-footer-right{display:flex;gap:6px}.dense-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#ffffff;border:1px solid #e5e7eb;border-radius:4px;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease;height:28px;color:#374151}.dense-btn:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.dense-btn:disabled{opacity:.5;cursor:not-allowed}.dense-btn-primary{background:#3b82f6;border-color:#3b82f6;color:#ffffff}.dense-btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.dense-btn-secondary{background:#6b7280;border-color:#6b7280;color:#ffffff}.dense-btn-secondary:hover:not(:disabled){background:#4b5563;border-color:#4b5563}.dense-btn-ghost{background:transparent;border-color:transparent;color:#6b7280}.dense-btn-ghost:hover{background:#f3f4f6;color:#111827}.dense-btn-outline{background:transparent;border-color:#d1d5db;color:#374151}.dense-btn-outline:hover{background:#f9fafb;border-color:#9ca3af}.dense-btn-lg{padding:6px 20px;min-width:120px}.dense-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:4px;cursor:pointer;transition:all .15s ease;color:#6b7280}.dense-icon-btn:hover{background:#f3f4f6;color:#111827}.dense-icon-btn-sm{width:24px;height:24px}.dense-icon-btn-danger:hover{background:#fee2e2;color:#991b1b}.dense-input{width:100%;padding:6px 10px;background:#ffffff;border:1px solid #e5e7eb;border-radius:4px;font-size:11px;color:#374151;transition:all .15s ease;height:28px}.dense-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.dense-input::placeholder{color:#9ca3af}.dense-label-sm{font-size:10px;font-weight:600;color:#6b7280;line-height:1.2;text-transform:uppercase;letter-spacing:.02em}.dense-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:#f9fafb;border:2px dashed #e5e7eb;border-radius:6px;text-align:center}.dense-empty-state svg{color:#d1d5db;margin-bottom:8px}.dense-empty-state p{font-size:11px;color:#6b7280;margin:0}.dense-selected-list::-webkit-scrollbar,.dense-vehicle-list::-webkit-scrollbar{width:6px}.dense-selected-list::-webkit-scrollbar-track,.dense-vehicle-list::-webkit-scrollbar-track{background:transparent}.dense-selected-list::-webkit-scrollbar-thumb,.dense-vehicle-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.dense-selected-list::-webkit-scrollbar-thumb:hover,.dense-vehicle-list::-webkit-scrollbar-thumb:hover{background:#cbd5e1}@media (max-width:768px){.dense-modal-dialog{max-width:100%}.dense-modal-grid{grid-template-columns:1fr;min-height:auto;gap:16px}.dense-modal-col{max-height:400px}.dense-modal-content{max-height:95vh}.dense-modal-footer{flex-direction:column-reverse;gap:8px}.dense-btn-lg,.dense-footer-left,.dense-footer-right{width:100%}}