:root{--primary-color: #1976D2;--primary-dark: #1565C0;--primary-light: #BBDEFB;--accent-color: #FF6F00;--background-color: #FAFAFA;--surface-color: #FFFFFF;--error-color: #D32F2F;--success-color: #388E3C;--spacing-xs: 4px;--spacing-s: 8px;--spacing-m: 16px;--spacing-l: 24px;--spacing-xl: 32px;--border-radius-s: 4px;--border-radius-m: 8px;--border-radius-l: 12px;--border-radius-xl: 16px;--shadow-s: 0 1px 3px rgba(0,0,0,.12);--shadow-m: 0 4px 6px rgba(0,0,0,.1);--shadow-l: 0 10px 20px rgba(0,0,0,.15)}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0;padding:0;background-color:var(--background-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@supports (padding: max(0px)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}vaadin-button,button,a{min-height:44px;min-width:44px}vaadin-button{text-align:center;justify-content:center}vaadin-button::part(label){text-align:center;width:100%}vaadin-vertical-layout[theme~=card],.card{background:var(--surface-color);border-radius:var(--border-radius-l);box-shadow:var(--shadow-m);padding:var(--spacing-m);margin-bottom:var(--spacing-m)}img{max-width:100%;height:auto}.loading{opacity:.6;pointer-events:none}*{transition:opacity .2s ease,transform .2s ease}@media (max-width: 768px){vaadin-button,button{padding:var(--spacing-m);font-size:16px}vaadin-vertical-layout[theme~=card],.card{border-radius:var(--border-radius-m);margin-left:var(--spacing-s);margin-right:var(--spacing-s)}.desktop-only{display:none!important}.garage-card{max-width:100%!important;margin:var(--spacing-s) 0}vaadin-text-field,vaadin-text-area,vaadin-select,vaadin-date-picker,vaadin-time-picker{width:100%!important}vaadin-dialog-overlay{width:95vw!important;max-width:95vw!important}}@media (max-width: 480px){vaadin-button,button{min-height:48px;padding:var(--spacing-m) var(--spacing-l);font-size:16px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}*{max-width:100vw}}@media (orientation: landscape) and (max-height: 500px){vaadin-vertical-layout[theme~=card]{padding:var(--spacing-s)}}@media (prefers-color-scheme: dark){:root{--background-color: #121212;--surface-color: #1E1E1E}body{background-color:var(--background-color);color:#fff}}@media (prefers-contrast: high){*{border-width:2px!important}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports (-webkit-touch-callout: none){body{padding-bottom:env(safe-area-inset-bottom)}input,textarea,select{font-size:16px!important}}@media screen and (-webkit-min-device-pixel-ratio: 0){*{-webkit-overflow-scrolling:touch}}@media print{.no-print{display:none!important}}.flex-center{display:flex;align-items:center;justify-content:center}.text-center{text-align:center}.full-width{width:100%}.hidden{display:none}.visible{display:block}.garage-card{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.garage-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000026!important}.garage-card:active{transform:translateY(-2px)}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-l);padding:var(--spacing-m)}@media (max-width: 768px){.cards-container{grid-template-columns:1fr;gap:var(--spacing-m);padding:var(--spacing-s)}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}