.app{min-height:100vh;display:flex;flex-direction:column;background-color:#0a0a0a}.app-content{display:flex;flex:1;gap:20px;padding:20px;overflow:hidden;scroll-behavior:smooth}.left-section{width:300px;flex-shrink:0;overflow-y:auto;scroll-behavior:smooth}.left-section::-webkit-scrollbar,.center-section::-webkit-scrollbar,.right-section::-webkit-scrollbar{width:8px}.left-section::-webkit-scrollbar-track,.center-section::-webkit-scrollbar-track,.right-section::-webkit-scrollbar-track{background:#0a0a0a;border-radius:4px}.left-section::-webkit-scrollbar-thumb,.center-section::-webkit-scrollbar-thumb,.right-section::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.left-section::-webkit-scrollbar-thumb:hover,.center-section::-webkit-scrollbar-thumb:hover,.right-section::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.center-section{flex:1;min-width:0;overflow-y:auto;scroll-behavior:smooth}.right-section{width:400px;flex-shrink:0;overflow-y:auto;scroll-behavior:smooth}.empty-detail-panel{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:60px 20px;text-align:center;color:#666;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px}.empty-detail-panel:before{content:"👆";font-size:48px;display:block;margin-bottom:16px;opacity:.5}.empty-detail-panel p{margin:0;font-size:16px;color:#999;font-weight:500}@media (max-width: 1400px){.right-section{width:350px}}@media (max-width: 1200px){.app-content{flex-direction:column}.left-section,.right-section{width:100%}.right-section{max-height:500px}}.search-panel{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:20px;height:fit-content;position:sticky;top:90px}.search-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-panel-header h2{font-size:18px;font-weight:600;color:#e0e0e0;margin:0}.clear-button{background:transparent;color:#a855f7;border:1px solid #6b21a8;padding:6px 12px;border-radius:6px;font-size:12px;transition:all .2s ease}.clear-button:hover{background:#6b21a8;color:#fff}.search-fields{display:flex;flex-direction:column;gap:16px}.search-field{display:flex;flex-direction:column;gap:6px}.search-field label{font-size:13px;color:#999;font-weight:500}.search-field input{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:6px;padding:10px 12px;color:#e0e0e0;font-size:14px;transition:all .2s ease}.search-field input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.search-field input::placeholder{color:#555}.search-field select{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:6px;padding:10px 12px;color:#e0e0e0;font-size:14px;transition:all .2s ease;cursor:pointer;font-family:inherit}.search-field select:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.search-field select option{background:#1a1a1a;color:#e0e0e0}.filter-checkboxes{margin-top:24px;padding-top:24px;border-top:1px solid #2a2a2a}.filter-checkboxes h3{font-size:14px;font-weight:600;color:#e0e0e0;margin:0 0 12px}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;color:#ccc;transition:color .2s ease}.checkbox-label:hover{color:#e0e0e0}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#7c3aed}.checkbox-label span{-webkit-user-select:none;user-select:none}.table-container{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:20px;display:flex;flex-direction:column;height:100%}.table-header{margin-bottom:16px}.table-header h2{font-size:18px;font-weight:600;color:#e0e0e0;margin:0}.table-wrapper{flex:1;overflow:auto;scroll-behavior:smooth}.table-wrapper::-webkit-scrollbar{width:8px;height:8px}.table-wrapper::-webkit-scrollbar-track{background:#0a0a0a;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.vehicle-table{width:100%;border-collapse:collapse;font-size:14px}.vehicle-table thead{background:#0a0a0a;position:sticky;top:0;z-index:10}.vehicle-table th{padding:12px;text-align:left;font-weight:600;color:#999;border-bottom:2px solid #2a2a2a;font-size:12px;text-transform:uppercase;letter-spacing:.5px}.vehicle-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .2s ease;position:relative}.vehicle-table th.sortable:focus{outline:2px solid #7c3aed;outline-offset:-2px;border-radius:4px}.vehicle-table th.sortable:hover{color:#a855f7}.sort-icon{display:inline-block;margin-left:4px;font-size:12px;transition:all .2s ease}.sort-icon.active{color:#7c3aed;opacity:1}.vehicle-table tbody tr{border-bottom:1px solid #2a2a2a;transition:all .2s ease;cursor:pointer}.vehicle-table tbody tr:focus{outline:2px solid #7c3aed;outline-offset:-2px}.vehicle-table tbody tr:hover{background:#252525}.vehicle-table tbody tr.selected{background:#7c3aed26;border-left:3px solid #7c3aed}.vehicle-table tbody tr.selected:hover{background:#7c3aed33}.vehicle-table td{padding:12px;color:#e0e0e0}.reg-number{color:#a855f7;font-weight:600}.no-reg-number{color:#666}.empty-state{text-align:center;padding:40px;color:#666}.empty-state-content{display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state-icon{font-size:48px;opacity:.5}.empty-state-content p{margin:0;font-size:16px;color:#999;font-weight:500}.empty-state-content small{font-size:12px;color:#666}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#666;gap:16px}.loading-spinner{width:40px;height:40px;border:3px solid rgba(124,58,237,.2);border-top-color:#7c3aed;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{margin:0;font-size:14px;color:#999}.pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:20px;padding-top:20px;border-top:1px solid #2a2a2a}.page-button{background:#2a2a2a;color:#e0e0e0;border:1px solid #3a3a3a;padding:8px 16px;border-radius:6px;font-size:14px;transition:all .2s ease}.page-button:hover:not(:disabled){background:#3a3a3a;border-color:#7c3aed}.page-button:disabled{opacity:.4;cursor:not-allowed}.page-info{color:#999;font-size:14px}.vehicle-table tbody tr.archived{opacity:.6}.vehicle-table tbody tr.missing-coc{border-left:2px solid #f59e0b}.status-badges{display:flex;flex-wrap:wrap;gap:6px}.status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.status-ok{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.status-missing-coc{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-badge.status-archived{background:#6b728033;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.status-badge.status-conflict{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-badge.status-coc-sent{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.status-coc-unsent{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.coc-status{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.coc-status.coc-status-sent{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.coc-status.coc-status-unsent{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.coc-status.coc-status-invalid{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.coc-status.coc-status-unknown{background:#6b728033;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.detail-panel{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:20px;height:fit-content;position:sticky;top:90px}.detail-panel-header{margin-bottom:20px}.detail-panel-header h2{font-size:18px;font-weight:600;color:#e0e0e0;margin:0}.detail-content{display:flex;flex-direction:column;gap:20px}.vehicle-image-container{width:100%;aspect-ratio:4/3;background:#0a0a0a;border-radius:8px;overflow:hidden;border:1px solid #2a2a2a}.vehicle-image{width:100%;height:100%;object-fit:cover}.detail-cards{display:flex;flex-direction:column;gap:12px}.detail-card{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:6px;padding:12px;transition:all .2s ease}.detail-card:hover{border-color:#3a3a3a}.detail-card.highlight{border-color:#6b21a8;background:#6b21a80d}.detail-label{font-size:12px;color:#999;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.detail-value{font-size:15px;color:#e0e0e0;font-weight:500;word-break:break-word}.reg-number-value{color:#a855f7;font-size:18px;font-weight:600}.no-reg-number-text{color:#666;font-style:italic}.detail-actions{margin-top:8px}.assign-reg-button{width:100%;background:linear-gradient(135deg,#7c3aed,#6b21a8);color:#fff;border:none;padding:14px;border-radius:8px;font-size:15px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 6px #6b21a84d}.assign-reg-button:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);transform:translateY(-2px);box-shadow:0 6px 12px #6b21a866}.assign-reg-button:active:not(:disabled){transform:translateY(0)}.assign-reg-button:disabled{opacity:.5;cursor:not-allowed;background:#2a2a2a;color:#666}.assign-reg-button:focus{outline:2px solid #a855f7;outline-offset:2px}.status-badges-header{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}.edit-form{display:flex;flex-direction:column;gap:12px}.edit-input{background:#0a0a0a;border:1px solid #2a2a2a;border-radius:6px;padding:10px 12px;color:#e0e0e0;font-size:14px;width:100%;transition:all .2s ease;font-family:inherit}.edit-input:focus{outline:none;border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}.detail-actions{display:flex;gap:12px;margin-top:8px}.edit-button,.archive-button,.save-button,.cancel-button,.delete-button{flex:1;padding:12px;border-radius:8px;font-size:14px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.edit-button{background:linear-gradient(135deg,#7c3aed,#6b21a8);color:#fff;box-shadow:0 4px 6px #6b21a84d}.edit-button:hover{background:linear-gradient(135deg,#8b5cf6,#7c3aed);transform:translateY(-2px);box-shadow:0 6px 12px #6b21a866}.archive-button{background:#2a2a2a;color:#e0e0e0;border:1px solid #3a3a3a}.coc-sent-button,.coc-unsent-button{flex:1;padding:12px;border-radius:8px;font-size:14px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.coc-sent-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 6px #22c55e4d}.coc-sent-button:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);transform:translateY(-2px);box-shadow:0 6px 12px #22c55e66}.coc-unsent-button{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 6px #f59e0b4d}.coc-unsent-button:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-2px);box-shadow:0 6px 12px #f59e0b66}.coc-sent-button:disabled,.coc-unsent-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.archive-button:hover:not(:disabled){background:#3a3a3a;border-color:#7c3aed;color:#a855f7}.archive-button:disabled{opacity:.5;cursor:not-allowed}.save-button{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#4ade80,#22c55e);transform:translateY(-2px)}.save-button:disabled{opacity:.6;cursor:not-allowed}.cancel-button{background:#2a2a2a;color:#e0e0e0;border:1px solid #3a3a3a}.cancel-button:hover:not(:disabled){background:#3a3a3a;border-color:#ef4444;color:#ef4444}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.delete-button{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;box-shadow:0 4px 6px #dc35454d}.delete-button:hover:not(:disabled){background:linear-gradient(135deg,#c82333,#bd2130);transform:translateY(-2px);box-shadow:0 6px 12px #dc354566}.delete-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.detail-card small{display:block;margin-top:4px;font-size:11px;color:#666}.status-badge{padding:4px 10px;border-radius:12px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:inline-block}.status-badge.status-ok{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.status-missing-coc{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.status-badge.status-archived{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.status-badge.status-coc-sent{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.status-coc-unsent{background:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.detail-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.detail-actions button{min-width:120px;white-space:nowrap}.detail-actions button:focus{outline:2px solid #7c3aed;outline-offset:2px}@media (max-width: 768px){.detail-actions{flex-direction:column}.detail-actions button{width:100%;min-width:unset}}.top-bar{background:#1a1a1a;border-bottom:2px solid #6b21a8;padding:0 20px;position:sticky;top:0;z-index:100}.top-bar-content{max-width:100%;display:flex;align-items:center;justify-content:space-between;height:70px}.app-title{font-size:24px;font-weight:600;color:#e0e0e0;margin:0}.import-button{background:linear-gradient(135deg,#7c3aed,#6b21a8);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;transition:all .3s ease;box-shadow:0 4px 6px #6b21a84d}.import-button:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);transform:translateY(-2px);box-shadow:0 6px 12px #6b21a866}.import-button:active:not(:disabled){transform:translateY(0)}.import-button:disabled{opacity:.6;cursor:not-allowed}.import-button:focus{outline:2px solid #a855f7;outline-offset:2px}.top-bar-actions{display:flex;gap:12px;align-items:center}.health-check-button{background:#2a2a2a;color:#e0e0e0;border:1px solid #3a3a3a;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;transition:all .3s ease}.health-check-button:hover{background:#3a3a3a;border-color:#7c3aed;color:#a855f7}.health-check-button:focus,.import-button:focus{outline:2px solid #a855f7;outline-offset:2px}.toast{position:fixed;bottom:20px;right:20px;min-width:300px;max-width:500px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;padding:16px;box-shadow:0 8px 24px #00000080;z-index:1000;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{border-left:4px solid #10b981}.toast-error{border-left:4px solid #ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.toast-icon{font-size:18px;font-weight:700;flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff1a}.toast-success .toast-icon{background:#10b98133;color:#10b981}.toast-error .toast-icon{background:#ef444433;color:#ef4444}.toast-warning .toast-icon{background:#f59e0b33;color:#f59e0b}.toast-info .toast-icon{background:#3b82f633;color:#3b82f6}.toast-message{color:#e0e0e0;font-size:14px;flex:1}.toast-close{background:transparent;border:none;color:#999;font-size:24px;line-height:1;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.toast-close:hover{color:#e0e0e0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#e0e0e0;overflow-x:hidden}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit}