@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap");:root{--color-bg:hsl(222,47%,9%);--color-bg-secondary:hsl(222,47%,11%);--color-surface:hsl(222,40%,14%);--color-surface-hover:hsl(222,40%,17%);--color-surface-active:hsl(222,40%,20%);--color-elevated:hsl(222,38%,18%);--color-border:hsl(220,20%,22%);--color-border-light:hsl(220,20%,26%);--color-border-focus:hsl(220,80%,56%);--color-primary:hsl(220,80%,56%);--color-primary-hover:hsl(220,80%,50%);--color-primary-muted:hsl(220,60%,25%);--color-primary-bg:hsla(220,80%,56%,0.1);--color-success:hsl(152,60%,42%);--color-success-bg:hsla(152,60%,42%,0.12);--color-success-text:hsl(152,60%,55%);--color-warning:hsl(38,92%,50%);--color-warning-bg:hsla(38,92%,50%,0.12);--color-warning-text:hsl(38,92%,60%);--color-danger:hsl(0,72%,55%);--color-danger-bg:hsla(0,72%,55%,0.12);--color-danger-text:hsl(0,72%,65%);--color-text:hsl(210,40%,96%);--color-text-secondary:hsl(215,20%,65%);--color-text-muted:hsl(215,15%,50%);--color-text-inverse:hsl(222,47%,9%);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","SF Mono","Fira Code","Consolas",monospace;--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.875rem;--text-md:0.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.65;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--radius-2xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px hsla(0,0%,0%,0.3);--shadow-md:0 2px 8px hsla(0,0%,0%,0.3);--shadow-lg:0 4px 16px hsla(0,0%,0%,0.35);--shadow-xl:0 8px 32px hsla(0,0%,0%,0.4);--transition-fast:120ms ease;--transition-base:200ms ease;--transition-slow:300ms ease;--sidebar-width:240px;--sidebar-collapsed:64px;--header-height:56px;--mobile-nav-height:60px;--content-max-width:1600px;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--color-background-base:var(--color-bg);--color-background-surface:var(--color-surface);--color-background-elevated:var(--color-elevated);--color-text-primary:var(--color-text);--color-error:var(--color-danger);--background:var(--color-bg);--bg-default:var(--color-bg);--bg-secondary:var(--color-surface);--bg-tertiary:var(--color-elevated);--border-color:var(--color-border);--button-primary-hover:var(--color-primary-hover);--button-secondary-hover:var(--color-surface-hover);--primary-color:var(--color-primary);--primary-hover:var(--color-primary-hover);--text-primary:var(--color-text);--error-bg:var(--color-danger-bg);--error-text:var(--color-danger-text);--success-bg:var(--color-success-bg);--success-text:var(--color-success-text);--warning-bg:var(--color-warning-bg);--warning-text:var(--color-warning-text);--info-bg:hsla(220,80%,56%,0.12);--info-text:hsl(220,80%,65%)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);overflow-x:hidden}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}table{border-collapse:collapse;width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsl(215,15%,30%);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:hsl(215,15%,40%)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;line-height:1.5;min-height:36px}.btn:hover{text-decoration:none}.btn-primary{background:var(--color-primary);color:white}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-hover);border-color:var(--color-border-light)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-surface);color:var(--color-text)}.btn-danger{background:var(--color-danger);color:white}.btn-danger:hover{background:hsl(0,72%,48%)}.btn-success{background:var(--color-success);color:white}.btn-success:hover{background:hsl(152,60%,36%)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);min-height:30px}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-md);min-height:44px}.btn-icon{padding:var(--space-2);min-height:unset;min-width:36px}.input{display:block;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-base);line-height:1.5;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:38px}.input::placeholder{color:var(--color-text-muted)}.input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-bg)}.input:disabled{opacity:.5;cursor:not-allowed}.input-sm{padding:var(--space-1) var(--space-2);font-size:var(--text-sm);min-height:32px}.input-lg{padding:var(--space-3) var(--space-4);font-size:var(--text-md);min-height:44px}.input-search{padding-left:var(--space-10);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'/%3E%3C/svg%3E");background-position:var(--space-3) center;background-size:16px}.input-search,.select{background-repeat:no-repeat}.select{display:block;width:100%;padding:var(--space-2) var(--space-3);padding-right:var(--space-8);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-surface);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right var(--space-3) center;border:1px solid var(--color-border);border-radius:var(--radius-md);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;min-height:38px;transition:border-color var(--transition-fast)}.select:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-primary-bg)}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full);white-space:nowrap}.badge-available{background:var(--color-success-bg);color:var(--color-success-text)}.badge-sold{background:var(--color-warning-bg);color:var(--color-warning-text)}.badge-received{background:var(--color-primary-bg);color:var(--color-primary)}.badge-not-received{background:var(--color-danger-bg);color:var(--color-danger-text)}.badge-cancelled{background:hsla(0,0%,50%,.12);color:hsl(0,0%,60%)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.card-title{font-size:var(--text-md);font-weight:600;color:var(--color-text)}.card-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5)}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500;margin-bottom:var(--space-1)}.stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);font-family:var(--font-mono)}.stat-subtext{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}.overlay{position:fixed;inset:0;background:hsla(222,47%,5%,.7);z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;animation:fadeIn var(--transition-base)}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:560px;width:90%;max-height:85vh;overflow-y:auto;animation:slideUp var(--transition-slow)}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border)}.modal-body,.modal-header{padding:var(--space-5)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}.light-surface{color:#0f172a!important}.light-surface input,.light-surface select,.light-surface textarea{color:#0f172a;background-color:white}.light-surface input::placeholder,.light-surface textarea::placeholder{color:#94a3b8}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-1)}.form-hint{color:var(--color-text-muted)}.form-error,.form-hint{font-size:var(--text-xs);margin-top:var(--space-1)}.form-error{color:var(--color-danger-text)}.form-row{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-4);gap:var(--space-4)}@media (max-width:640px){.form-row{grid-template-columns:1fr}}.license-plate{font-weight:600;font-size:var(--text-sm);letter-spacing:.5px;color:var(--color-text);background:hsla(220,80%,56%,.08);border:1px solid hsla(220,80%,56%,.2);padding:2px 8px;border-radius:var(--radius-sm)}.currency,.license-plate{font-family:var(--font-mono);white-space:nowrap}.currency{font-weight:500}.currency-positive{color:var(--color-success-text)}.currency-negative{color:var(--color-danger-text)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-4);color:var(--color-text-muted);text-align:center}.empty-state svg{margin-bottom:var(--space-4);opacity:.4}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .6s linear infinite}.tooltip-wrapper{position:relative}.tooltip-wrapper:hover .tooltip{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(4px);padding:4px 8px;background:hsl(222,40%,24%);color:var(--color-text);font-size:var(--text-xs);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:var(--z-dropdown);pointer-events:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:translateX(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:639px){:root{--text-base:0.8125rem;--text-2xl:1.25rem;--text-3xl:1.5rem}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-muted{color:var(--color-text-secondary)}.text-mono{font-family:var(--font-mono)}.flex-center{justify-content:center}.flex-between,.flex-center{display:flex;align-items:center}.flex-between{justify-content:space-between}