.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;background:#141416f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);padding:12px 16px;border-radius:12px;min-width:300px;max-width:400px;box-shadow:0 4px 20px #00000080;color:#fff;pointer-events:auto;animation:slideIn .3s cubic-bezier(.16,1,.3,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-icon{display:flex;align-items:center;justify-content:center}.toast-success .toast-icon{color:#10b981}.toast-error .toast-icon{color:#ef4444}.toast-warning .toast-icon{color:#f59e0b}.toast-info .toast-icon{color:#3b82f6}.toast-message{flex:1;font-size:.9rem;line-height:1.4}.toast-close{background:none;border:none;color:#ffffff80;cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.toast-close:hover{background:#ffffff1a;color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.release-notes-modal{max-width:450px;width:92%;max-height:85vh;display:flex;flex-direction:column;padding:0;overflow:hidden;background:#0f0f0fcc!important;backdrop-filter:blur(40px)!important;-webkit-backdrop-filter:blur(40px)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 25px 60px -12px #0009}.release-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:2rem;position:relative}.release-icon-wrapper{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--primary-color-rgb),.2),rgba(var(--primary-color-rgb),.05));display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--primary-color);box-shadow:0 0 20px rgba(var(--primary-color-rgb),.2);animation:pulse-glow 3s infinite alternate}@keyframes pulse-glow{0%{box-shadow:0 0 15px rgba(var(--primary-color-rgb),.1)}to{box-shadow:0 0 30px rgba(var(--primary-color-rgb),.4)}}.release-header h2{margin:0;font-size:1.5rem;font-weight:700;background:linear-gradient(to right,var(--text-primary),var(--primary-color));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.release-version{position:absolute;top:-10px;right:-10px;background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:800;box-shadow:0 4px 10px rgba(var(--primary-color-rgb),.3)}.release-body{margin-bottom:2rem}.release-body h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.release-changes{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.release-changes li{display:flex;align-items:flex-start;gap:.75rem;color:var(--text-secondary);font-size:.95rem;line-height:1.4}.release-footer{padding:1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));border-top:1px solid rgba(255,255,255,.05);background:#0003;display:flex;flex-direction:column;gap:1rem}.release-footer .btn-primary{font-weight:700;padding:1rem;font-size:1.1rem;transition:transform .2s ease,box-shadow .2s ease;background:linear-gradient(135deg,var(--color-primary) 0%,#ff8c00 100%);box-shadow:0 10px 30px #ff6b0033}.release-footer .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(var(--primary-color-rgb),.4)}.offline-banner-container{position:fixed;top:calc(24px + env(safe-area-inset-top,0px));left:0;right:0;z-index:9999;display:flex;justify-content:center;pointer-events:none}.offline-banner{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 20px;background:#feecc8f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:24px;color:#9a3412;font-size:.85rem;font-weight:700;letter-spacing:.2px;box-shadow:0 12px 24px #eab30826,0 4px 8px #0000000d,inset 0 2px 4px #fffc;max-width:90%}.offline-icon-3d{display:flex;justify-content:center;align-items:center;color:#ea580c;filter:drop-shadow(0px 4px 4px rgba(234,88,12,.3))}.offline-badge{background:#ea580c;color:#fff;border-radius:20px;padding:3px 10px;font-size:.75rem;font-weight:800;margin-left:4px;box-shadow:0 4px 8px #ea580c4d}.online-toast{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:12px 20px;background:#dcfce7f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.6);border-radius:24px;color:#166534;font-size:.85rem;font-weight:700;letter-spacing:.2px;box-shadow:0 12px 24px #22c55e26,0 4px 8px #0000000d,inset 0 2px 4px #fffc;max-width:90%}.online-icon-3d{display:flex;justify-content:center;align-items:center;color:#22c55e;filter:drop-shadow(0px 4px 4px rgba(34,197,94,.3))}@keyframes spin{to{transform:rotate(360deg)}}html{overscroll-behavior:none;overscroll-behavior-y:none}body{overscroll-behavior:none;overscroll-behavior-y:none;-webkit-overflow-scrolling:touch}.layout{min-height:100dvh;min-height:100vh;display:flex;flex-direction:column;overflow:hidden}.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:env(safe-area-inset-top,var(--space-sm)) var(--space-md) var(--space-sm);border-radius:0;border-top:none;background:#0a0a0ad9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border-bottom:1px solid rgba(255,255,255,.04)}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.header-left{display:flex;align-items:center}.logo{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-lg);font-weight:700;color:var(--color-primary)}.logo-icon{font-size:1.5rem}.header-right{display:flex;align-items:center;gap:var(--space-md)}.user-info{display:flex;align-items:center;gap:var(--space-sm)}.user-name{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.btn-logout{display:flex;align-items:center;justify-content:center;padding:var(--space-xs);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast)}.btn-logout:hover{background:#ff3b301a;color:var(--color-error)}.main-content{flex:1;padding-top:calc(60px + env(safe-area-inset-top,0px));padding-bottom:calc(90px + env(safe-area-inset-bottom,0px));overflow-y:auto;-webkit-overflow-scrolling:touch;will-change:transform;transform:translateZ(0);backface-visibility:hidden}.page-transition{min-height:100%}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:500;height:calc(72px + env(safe-area-inset-bottom,0px));background:#080808eb;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:stretch;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -10px 40px #00000080}.nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex:1;padding:8px 4px;color:var(--color-text-muted);text-decoration:none;border:none;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:color .2s ease;position:relative}.nav-item.active{color:var(--color-primary)}.nav-item:active{transform:scale(.9)}.nav-label{font-size:10px;font-weight:600;white-space:nowrap;line-height:1}.nav-icon-wrap{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:28px}.nav-active-dot{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:var(--color-primary);box-shadow:0 0 8px var(--color-primary)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:400}.drawer-sheet{position:fixed;bottom:0;left:0;right:0;z-index:450;border-radius:24px 24px 0 0;background:#0e0e0ef7;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-top:1px solid rgba(255,255,255,.08);padding-bottom:calc(env(safe-area-inset-bottom,0px) + 88px);box-shadow:0 -20px 60px #0009;overflow:hidden}.drawer-handle{width:40px;height:4px;border-radius:2px;background:#ffffff26;margin:12px auto 0}.drawer-user-row{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.05)}.drawer-avatar{position:relative;flex-shrink:0}.drawer-online-dot{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;background:#0df246;border:2px solid rgba(14,14,14,.97)}.drawer-items{display:flex;flex-direction:column;gap:2px;padding:8px 12px}.drawer-item{display:flex;align-items:center;gap:14px;padding:13px 12px;border-radius:14px;text-decoration:none;color:var(--color-text-primary);transition:background .18s ease}@media (hover: hover){.drawer-item:hover{background:#ffffff0d}}.drawer-item-active{background:#ff6b0014;color:var(--color-primary)}.drawer-item-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;flex-shrink:0;min-width:40px;transition:all .2s}.drawer-item-icon svg{flex-shrink:0;min-width:24px;width:24px;height:24px}.drawer-footer{padding:8px 20px 4px;border-top:1px solid rgba(255,255,255,.05);margin-top:4px}.drawer-logout{display:flex;align-items:center;gap:10px;width:100%;padding:13px 16px;border:none;border-radius:14px;background:#ee2b2b14;color:#ee2b2b;font-size:14px;font-weight:600;cursor:pointer;transition:background .18s ease}@media (hover: hover){.drawer-logout:hover{background:#ee2b2b26}}@media (min-width: 1024px){.bottom-nav{max-width:600px;margin:0 auto;left:0;right:0;border-radius:24px 24px 0 0;width:100%}.drawer-sheet{max-width:480px;margin:0 auto;left:0;right:0;border-radius:24px 24px 0 0}}.loading-screen{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#1a1a1a,#000);z-index:9999;font-family:Space Grotesk,sans-serif}.loading-container{background:#1e1e1e99;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.08);border-radius:32px;padding:clamp(40px,8vw,60px) clamp(30px,6vw,40px);display:flex;flex-direction:column;align-items:center;gap:32px;box-shadow:0 24px 48px #00000080,0 8px 16px #ff6b001a,inset 0 2px 4px #ffffff0d;min-width:280px;width:90%;max-width:440px}.loading-3d-icon{width:120px;height:120px;filter:drop-shadow(0 15px 25px rgba(255,107,0,.15));object-fit:contain}.loading-content{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.loading-text{font-size:28px;font-weight:800;margin:0;background:linear-gradient(to right,#fff,#aaa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.loading-bar-container{width:100%;height:8px;background:#00000080;border-radius:999px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0003;border:1px solid rgba(255,255,255,.05)}.loading-bar{position:absolute;top:0;left:0;height:100%;width:40%;background:#ff6b00;border-radius:999px;box-shadow:0 0 10px #ff6b0080}.emergency-logout-btn{position:absolute;bottom:30px;color:#64748b;font-size:13px;font-weight:600;background:none;border:none;cursor:pointer;text-decoration:underline;transition:color .2s}.emergency-logout-btn:hover{color:#ef4444}.auth-page{min-height:100dvh;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(16px,5vw,40px);background:radial-gradient(circle at 50% 50%,#1a1a1a,#000);position:relative;overflow:hidden;font-family:Space Grotesk,sans-serif}.auth-page:before{content:"";position:absolute;top:-10%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(255,107,0,.15) 0%,transparent 60%);filter:blur(80px);z-index:0}.auth-page:after{content:"";position:absolute;bottom:-10%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(255,140,66,.1) 0%,transparent 60%);filter:blur(60px);z-index:0}.auth-container{width:100%;max-width:440px;padding:clamp(30px,8vw,60px) clamp(24px,6vw,40px);position:relative;z-index:1;background:#1e1e1e99;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid rgba(255,255,255,.08);border-radius:32px;box-shadow:0 24px 48px #0006,0 8px 16px #ff6b001a,inset 0 2px 4px #ffffff0d}.auth-header{text-align:center;margin-bottom:40px}.auth-logo{display:flex;align-items:center;justify-content:center;margin:0 auto 24px;width:100px;height:100px;filter:drop-shadow(0 15px 25px rgba(255,107,0,.15))}.auth-logo img{width:100%;height:100%;object-fit:contain}.auth-header h1{font-size:32px;font-weight:800;margin-bottom:8px;background:linear-gradient(to right,#fff,#aaa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.auth-header p{color:#a1a1aa;font-weight:500;font-size:15px}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.label{font-size:.85rem;color:#cbd5e1;font-weight:700;margin-left:8px}.input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:16px;color:#ff6b00;filter:drop-shadow(0px 3px 4px rgba(255,107,0,.25));pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.auth-input{width:100%;padding:16px 16px 16px 52px;height:auto;border-radius:20px;background:#0000004d;border:2px solid transparent;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:15px;color:#f8fafc;font-weight:500;box-shadow:inset 0 2px 4px #0003}.auth-input::placeholder{color:#64748b;font-weight:400}.auth-input:focus{background:#00000080;border-color:#ff6b00;box-shadow:0 8px 16px #ff6b0026,inset 0 2px 4px #0000001a;outline:none}.input-wrapper:focus-within .auth-input-icon{color:#ff8c42;transform:scale(1.1);filter:drop-shadow(0px 4px 6px rgba(255,140,66,.35))}.error-message{padding:var(--space-md);background:#ff3b301a;border:1px solid rgba(255,59,48,.2);border-radius:var(--radius-md);color:#ff4d4d;font-size:.9rem;display:flex;align-items:center;gap:8px}.btn-primary{height:50px;font-size:1rem;font-weight:600;letter-spacing:.5px;background:linear-gradient(135deg,var(--color-primary),#ff8c42);border:none;box-shadow:0 4px 15px #ff6b004d;transition:transform .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #ff6b0066}.btn-primary:active:not(:disabled){transform:translateY(0)}.auth-footer{text-align:center;margin-top:var(--space-xl);font-size:.95rem;color:var(--color-text-muted)}.auth-link{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color .2s;margin-left:4px}.auth-link:hover{color:#ff8c42;text-decoration:none}.auth-tabs{background:#0006;border-radius:var(--radius-lg);padding:4px;margin-bottom:var(--space-xl);display:flex;border:1px solid rgba(255,255,255,.05)}.auth-tab-btn{flex:1;background:transparent!important;border:none!important;padding:10px!important;font-size:.9rem!important;font-weight:600!important;color:var(--color-text-muted)!important;cursor:pointer;border-radius:var(--radius-md);transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:none!important;height:auto!important}.auth-tab-btn.active{background:#ff6b0026!important;color:var(--color-primary)!important;box-shadow:0 4px 12px #0003!important}.auth-tab-btn:hover:not(.active){color:#fff!important;background:#ffffff0d!important}.custom-dropdown{position:relative;width:100%}.dropdown-selected{display:flex;align-items:center;gap:12px;padding:0 16px;height:50px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s;-webkit-user-select:none;user-select:none;color:#fff}.dropdown-selected:hover{border-color:#ff6b0066;background:#0006}.dropdown-selected.open{border-color:var(--color-primary);box-shadow:0 0 0 4px #ff6b001a}.dropdown-options{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#191919f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;z-index:100;box-shadow:0 10px 30px #00000080;overflow:hidden}.dropdown-option{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:8px;cursor:pointer;transition:all .2s;color:var(--color-text-muted);min-height:48px}.dropdown-option:hover{background:#ff6b001a;color:#fff}.dropdown-option.active{background:#ff6b0033;color:var(--color-primary);font-weight:600}.dropdown-chevron{margin-left:auto;color:var(--color-text-muted);transition:transform .3s cubic-bezier(.4,0,.2,1)}.dropdown-selected.open .dropdown-chevron{transform:rotate(180deg);color:var(--color-primary)}select.input-with-icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:18px;padding-right:40px!important}.help-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:1rem}.help-dialog-content{width:100%;max-width:500px;max-height:85vh;display:flex;flex-direction:column;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 25px -5px #0000004d}.help-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff05}.help-dialog-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--primary-light)}.help-dialog-body{padding:1.5rem;overflow-y:auto;font-size:.95rem;line-height:1.6;color:var(--text-muted)}.help-dialog-body p{margin-bottom:1rem}.help-dialog-body ul{margin-bottom:1rem;padding-left:1.25rem}.help-dialog-body li{margin-bottom:.5rem}.help-dialog-body strong{color:var(--text-secondary)}.help-dialog-footer{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.05)}.info-icon-btn{background:rgba(var(--primary-rgb),.1);color:var(--primary-light);border:1px solid rgba(var(--primary-rgb),.2);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.info-icon-btn:hover{background:rgba(var(--primary-rgb),.2);transform:scale(1.05)}@media (max-width: 480px){.help-dialog-content{max-height:90vh}.help-dialog-body{padding:1.25rem}}.dashboard{display:flex;flex-direction:column;gap:var(--space-lg)}.welcome-card{padding:var(--space-lg)}.welcome-card h2{font-size:var(--font-size-xl);margin-bottom:var(--space-xs)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}@media (min-width: 768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{padding:var(--space-md);display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.stat-card-clickable:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000059}.stat-card-active{border-color:#ff6b004d!important}.stat-active-bar{position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:0 0 var(--radius-md) var(--radius-md);opacity:.85}.stat-icon-3d{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;flex-shrink:0;transform:perspective(200px) rotateX(4deg) rotateY(-4deg);transition:transform .2s ease}.stat-card-clickable:hover .stat-icon-3d{transform:perspective(200px) rotateX(0) rotateY(0) scale(1.08)}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:var(--font-size-2xl);font-weight:700}.stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.dashboard-section{display:flex;flex-direction:column;gap:var(--space-md)}.section-header{display:flex;justify-content:space-between;align-items:center}.section-header h3{font-size:var(--font-size-lg)}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.vehicle-card{padding:var(--space-md);display:flex;align-items:center;gap:var(--space-md);cursor:pointer}.vehicle-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#ff6b001a;border-radius:var(--radius-md);color:var(--color-primary)}.vehicle-info{flex:1}.vehicle-info h4{font-size:var(--font-size-base);margin-bottom:2px}.repairs-list{display:flex;flex-direction:column;gap:var(--space-sm)}.repair-card{padding:var(--space-md);display:flex;align-items:center;gap:var(--space-md)}.repair-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ff9f0a1a;border-radius:var(--radius-sm);color:var(--color-warning)}.repair-info{flex:1}.repair-desc{font-size:var(--font-size-sm);margin-bottom:2px}.text-sm{font-size:var(--font-size-xs)}.empty-state,.loading-placeholder{padding:var(--space-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);text-align:center;grid-column:1 / -1}.page-content{display:flex;flex-direction:column;gap:var(--space-lg)}.page-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.page-header h2{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xl)}.search-bar{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.search-icon{color:var(--color-text-muted)}.search-input{flex:1;background:transparent;border:none;color:var(--color-text);font-size:var(--font-size-base);outline:none}.search-input::placeholder{color:var(--color-text-muted)}.empty-state{padding:var(--space-2xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);text-align:center}.empty-state h3{font-size:var(--font-size-lg);margin-top:var(--space-sm)}.empty-state p{max-width:300px}.header-actions{display:flex;gap:var(--space-sm)}.customers-list{display:flex;flex-direction:column;gap:var(--space-sm)}.customer-card{padding:var(--space-md);display:flex;align-items:center;gap:var(--space-md);position:relative}@media (max-width: 480px){.customer-card{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.customer-avatar{width:36px;height:36px;font-size:var(--font-size-base)}.customer-actions{width:100%;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.05);padding-top:var(--space-sm);margin-top:var(--space-xs)}}.customer-avatar{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:var(--radius-full);font-size:var(--font-size-lg);font-weight:600;color:#fff;flex-shrink:0}.customer-info{flex:1;min-width:0;width:100%}.customer-info h4{font-size:var(--font-size-base);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis}.customer-phone{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm);color:var(--color-primary);text-decoration:none;margin-bottom:2px}.customer-phone:hover{text-decoration:underline}.text-sm{font-size:var(--font-size-xs);opacity:.7}.customer-actions{display:flex;gap:var(--space-xs);flex-shrink:0}.btn-danger{color:var(--color-error)}.btn-danger:hover{background:#ff3b301a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-lg);z-index:1000}.modal{width:100%;max-width:400px;max-height:90vh;overflow-y:auto;padding:var(--space-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.modal-header h3{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-lg)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-md)}.vehicles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-md)}.vehicle-card{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);transition:transform .15s ease,box-shadow .15s ease}.vehicle-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.vehicle-card.priority-urgent{border-left:3px solid var(--color-error)}.vehicle-card.priority-high{border-left:3px solid var(--color-warning)}.priority-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.priority-urgent-badge{background:#ff3b3026;color:var(--color-error);border:1px solid rgba(255,59,48,.3)}.priority-high-badge{background:#ff9f0a26;color:var(--color-warning);border:1px solid rgba(255,159,10,.3)}.priority-normal-badge{background:#ffffff0d;color:var(--color-text-muted);border:1px solid rgba(255,255,255,.08)}.vehicle-actions{display:flex;justify-content:flex-end;gap:var(--space-xs);border-top:1px solid var(--color-border);padding-top:var(--space-sm);margin-top:auto}.vehicle-card{padding:0!important;overflow:hidden}.vehicle-card-image-wrapper{width:100%;height:160px;background:#0003;position:relative;border-bottom:1px solid var(--color-border)}.vehicle-card-image{width:100%;height:100%;cursor:zoom-in;position:relative}.vehicle-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.vehicle-card-image:hover img{transform:scale(1.1)}.vehicle-card-image .image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff}.vehicle-card-image:hover .image-overlay{opacity:1}.vehicle-card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-primary);opacity:.3}.vehicle-card-content{padding:var(--space-md);flex:1;display:flex;flex-direction:column}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media (max-width: 480px){.form-row{grid-template-columns:1fr}}.modal-header-actions{display:flex;align-items:center;gap:var(--space-xs)}.camera-btn{color:var(--color-primary)!important;cursor:pointer;display:flex!important;align-items:center;justify-content:center;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all .2s ease}.camera-btn:hover{background:#ff6b001a!important}.camera-btn.loading{opacity:.5;pointer-events:none}.confidence-indicator{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text);background:#ffffff0d;border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative;overflow:hidden}.confidence-indicator:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:var(--confidence-width, 0%);background:var(--confidence-color, var(--color-primary));transition:width 1s ease-out}.analysis-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0a0a0ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xl);border-radius:var(--radius-lg);padding:var(--space-xl)}.analysis-loader{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.loader-ring{position:absolute;width:100%;height:100%;border-radius:50%;border:2px solid transparent;border-top-color:var(--color-primary);animation:rotate 2s linear infinite}.loader-ring:nth-child(2){width:80%;height:80%;border-top-color:var(--color-secondary);animation:rotate 1.5s linear infinite reverse}.loader-ring:nth-child(3){width:60%;height:60%;border-top-color:var(--color-warning);animation:rotate 1s linear infinite}.loader-icon{color:var(--color-primary);filter:drop-shadow(0 0 10px var(--color-primary))}.analysis-steps{display:flex;flex-direction:column;gap:var(--space-sm);text-align:left;width:100%;max-width:250px}.analysis-steps p{font-size:var(--font-size-sm);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-sm);transition:all .3s ease}.analysis-steps p.active-step{color:var(--color-text);font-weight:500;transform:translate(5px)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vehicle-hero-image{width:100%;height:250px;position:relative;border-radius:var(--radius-md);overflow:hidden;background:#0003;margin-bottom:var(--space-md);cursor:pointer;border:1px solid var(--color-border)}.vehicle-hero-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}.vehicle-hero-image:hover img{transform:scale(1.05)}.hero-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-md);background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;font-weight:500}.vehicle-hero-image:hover .hero-overlay{opacity:1}.upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.vehicle-hero-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0d;color:var(--color-text-muted);gap:var(--space-sm);transition:all .2s ease}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-md)}.modal{width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.modal-scroll-content{overflow-y:auto;padding:var(--space-lg)}.modal-form{display:flex;flex-direction:column;gap:var(--space-md)}@media (max-width: 480px){.modal{height:100%;max-height:100%;border-radius:0}.modal-scroll-content{padding:var(--space-md)}}.upload-controls-group{display:flex;gap:var(--space-sm);width:100%}.upload-btn-premium{flex:1;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:#ffffff08;border:1px dashed rgba(255,255,255,.2);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;position:relative;overflow:hidden}.upload-btn-premium:hover{background:#ff6b000f;border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 12px #ff6b001a}.upload-btn-premium:active{transform:translateY(0)}.upload-btn-premium svg{opacity:.8;transition:transform .2s ease}.upload-btn-premium:hover svg{opacity:1;transform:scale(1.1)}.upload-btn-premium.compact{height:50px;flex-direction:row;gap:8px;font-size:10px}.photo-matrix{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-sm);margin-top:var(--space-sm)}.photo-item{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,.05)}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-item .remove-btn{position:absolute;top:-4px;right:-4px;width:22px;height:22px;background:#ff3b30;border:2px solid #1a1a1a;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:2;transition:all .2s ease}.photo-item .remove-btn:hover{transform:scale(1.1);background:#ff453a}.camera-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-md)}.camera-container{width:100%;max-width:500px;height:80vh;display:flex;flex-direction:column;overflow:hidden;position:relative}.camera-header{padding:var(--space-md);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-border)}.camera-header h3{display:flex;align-items:center;gap:var(--space-sm);margin:0}.camera-content{flex:1;position:relative;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-wrapper,.preview-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center}video,.preview-wrapper img{width:100%;height:100%;object-fit:cover}.camera-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);color:var(--color-text-muted)}.camera-error{padding:var(--space-xl);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.camera-guide{position:absolute;bottom:var(--space-md);left:0;right:0;text-align:center;padding:var(--space-sm);background:#00000080;font-size:var(--font-size-sm)}.camera-footer{padding:var(--space-lg);display:flex;justify-content:center;border-top:1px solid var(--color-border)}.capture-btn{width:64px;height:64px;border-radius:50%;border:4px solid #fff;background:transparent;padding:4px;cursor:pointer;transition:transform .2s ease}.capture-btn:active{transform:scale(.9)}.capture-icon{width:100%;height:100%;border-radius:50%;background:#fff}.preview-actions{display:flex;gap:var(--space-md);width:100%}.preview-actions button{flex:1}.repair-session-log{background:#00000040;border:1px solid rgba(255,255,255,.06);border-radius:12px;overflow:hidden;margin-top:.5rem}.session-log-header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#0df24612;border-bottom:1px solid rgba(13,242,70,.12);font-size:.8rem}.session-log-title{font-weight:600;color:var(--color-neon-green, #0DF246);font-size:.82rem;letter-spacing:.4px}.session-total{font-size:.78rem;color:#ffffff8c}.session-total strong{color:#ffffffe6}.session-list{display:flex;flex-direction:column;gap:0}.session-row{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .15s ease}.session-row:last-child{border-bottom:none}.session-row:hover{background:#ffffff08}.session-row.session-active{background:#0df2460d;border-left:2px solid var(--color-neon-green, #0DF246)}.session-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;overflow:hidden}.session-avatar img{width:100%;height:100%;object-fit:cover}.session-avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#3b82f64d;color:#93c5fd;font-size:.75rem;font-weight:700}.session-info{flex:1;min-width:0}.session-mechanic-name{font-size:.82rem;font-weight:600;color:#ffffffe0;display:flex;align-items:center;gap:6px}.active-badge{font-size:.68rem;font-weight:700;color:var(--color-neon-green, #0DF246);letter-spacing:.3px;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.5}}.session-time-range{font-size:.73rem;color:#fff6;margin-top:1px}.session-duration{font-size:.82rem;font-weight:700;color:#ffffffbf;flex-shrink:0;text-align:right}.live-timer{color:var(--color-neon-green, #0DF246);font-family:SF Mono,Fira Code,monospace;font-size:.85rem;font-weight:700;text-shadow:0 0 8px rgba(13,242,70,.5)}.session-log-loading,.session-log-empty{display:flex;align-items:center;gap:8px;padding:14px;font-size:.8rem;color:#fff6;background:#0003;border:1px solid rgba(255,255,255,.06);border-radius:12px;margin-top:.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.consent-banner{position:fixed;inset-inline:0;bottom:0;z-index:9000;background:#121212fa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.12);padding:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom));animation:consent-in .25s ease-out}@keyframes consent-in{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (prefers-reduced-motion: reduce){.consent-banner{animation:none}}.consent-inner{max-width:720px;margin-inline:auto}.consent-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.consent-head h2{font-size:1rem;font-weight:600;margin:0}.consent-intro{font-size:.875rem;line-height:1.5;opacity:.85;margin:0 0 .75rem}.consent-toggle{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;color:inherit;opacity:.8;font-size:.8125rem;text-decoration:underline;cursor:pointer;padding:.25rem 0}.consent-toggle .rotated{transform:rotate(180deg)}.consent-options{display:grid;gap:.75rem;margin:.75rem 0;padding:.75rem;border-radius:.5rem;background:#ffffff0a}.consent-option{display:flex;align-items:flex-start;gap:.6rem;cursor:pointer}.consent-option input{margin-top:.2rem;flex-shrink:0;width:1.1rem;height:1.1rem}.consent-option input:disabled{opacity:.5;cursor:not-allowed}.consent-option strong{display:block;font-size:.875rem;font-weight:600}.consent-option small{display:block;font-size:.75rem;line-height:1.45;opacity:.7;margin-top:.15rem}.consent-actions{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.9rem}.consent-actions .btn{width:100%;justify-content:center;min-height:44px}.consent-foot{font-size:.75rem;opacity:.65;margin:.75rem 0 0;text-align:center}.consent-foot a{color:inherit;text-decoration:underline}.consent-version{opacity:.6}.ai-badge{display:inline-flex;align-items:center;gap:.25rem;font-size:.6875rem;font-weight:600;letter-spacing:.02em;padding:.1rem .4rem;border-radius:999px;background:#8b5cf629;color:#c4b5fd;border:1px solid rgba(139,92,246,.35);vertical-align:middle}.ai-notice{border:1px solid rgba(245,158,11,.4);background:#f59e0b14;border-radius:.6rem;padding:.85rem;margin-bottom:1rem}.ai-notice.is-reviewed{border-color:#22c55e66;background:#22c55e14}.ai-notice-head{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem;font-size:.875rem}.ai-notice p{font-size:.8125rem;line-height:1.5;margin:0 0 .5rem;opacity:.9}.ai-field-list{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;padding:0;margin:0 0 .6rem}.ai-field-list li{font-size:.75rem;padding:.1rem .45rem;border-radius:.35rem;background:#ffffff14}.ai-reviewed-tag{font-size:.75rem;font-weight:600;color:#86efac}.ai-transparency{margin-top:1.5rem}.ai-transparency h3{display:flex;align-items:center;gap:.4rem;font-size:1rem;margin-bottom:.5rem}.ai-feature-card{border:1px solid rgba(255,255,255,.1);border-radius:.6rem;padding:.85rem;margin:.75rem 0}.ai-feature-card h4{font-size:.9375rem;margin:0 0 .5rem}.ai-feature-card dl{margin:0;display:grid;gap:.4rem}.ai-feature-card dt{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;opacity:.6}.ai-feature-card dd{margin:0;font-size:.8125rem;line-height:1.5}.ai-oversight{font-size:.8125rem;padding:.6rem .75rem;border-radius:.5rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.3)}.ai-legal{font-size:.75rem;opacity:.6;margin-top:.5rem}.data-rights h3{display:flex;align-items:center;gap:.4rem;font-size:1rem;margin-bottom:.75rem}.dr-subject{opacity:.6;font-weight:400}.dr-card{border:1px solid rgba(255,255,255,.1);border-radius:.6rem;padding:.9rem;margin-bottom:.75rem}.dr-card h4{display:flex;align-items:center;gap:.4rem;font-size:.9375rem;margin:0 0 .4rem}.dr-card p{font-size:.8125rem;line-height:1.5;opacity:.8;margin:0 0 .65rem}.dr-card.dr-danger{border-color:#ef444459;background:#ef44440d}.dr-label{display:block;font-size:.75rem;opacity:.7;margin-bottom:.25rem}.dr-card .input{margin-bottom:.6rem}.audit-log h3{display:flex;align-items:center;gap:.4rem;font-size:1rem;margin-bottom:.4rem}.audit-desc{font-size:.8125rem;opacity:.7;line-height:1.5;margin-bottom:.85rem}.audit-filter{display:flex;align-items:center;gap:.5rem;margin-bottom:.85rem;font-size:.8125rem}.audit-filter .input{max-width:220px}.audit-loading,.audit-empty{text-align:center;padding:2rem 0;opacity:.6;font-size:.875rem}.audit-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.audit-table{width:100%;border-collapse:collapse;font-size:.8125rem}.audit-table th{text-align:start;font-weight:600;padding:.5rem .6rem;border-bottom:1px solid rgba(255,255,255,.15);opacity:.7;white-space:nowrap}.audit-table td{padding:.5rem .6rem;border-bottom:1px solid rgba(255,255,255,.06);white-space:nowrap}.audit-action{display:inline-block;padding:.05rem .4rem;border-radius:.3rem;font-size:.6875rem;font-weight:600;background:#ffffff1a}.audit-action--delete,.audit-action--erase{background:#ef444433;color:#fca5a5}.audit-action--create,.audit-action--create_user{background:#22c55e2e;color:#86efac}.audit-action--export{background:#3b82f62e;color:#93c5fd}.audit-target{opacity:.65;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem}.lang-switch{display:inline-flex;gap:.25rem;padding:.2rem;border-radius:.5rem;background:#ffffff0f}.lang-btn{background:none;border:none;color:inherit;font-size:.8125rem;padding:.35rem .7rem;border-radius:.35rem;cursor:pointer;min-height:36px}.lang-btn.is-active{background:#ffffff24;font-weight:600}.lang-switch--compact{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .4rem}.lang-switch--compact select{background:none;border:none;color:inherit;font-size:.8125rem;cursor:pointer}.privacy-page{max-width:780px;margin-inline:auto;padding-bottom:3rem}.privacy-head h1{display:flex;align-items:center;gap:.5rem;font-size:1.375rem;margin-bottom:.5rem}.privacy-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;font-size:.8125rem;opacity:.75;margin-bottom:1.5rem}.privacy-body section{margin-bottom:1.5rem}.privacy-body h2{font-size:1rem;font-weight:600;margin-bottom:.5rem}.privacy-body p,.privacy-body li{font-size:.875rem;line-height:1.6;opacity:.88}.privacy-body ul{padding-inline-start:1.2rem;display:grid;gap:.35rem}.privacy-disclaimer{margin-top:2rem;padding:.75rem;border-radius:.5rem;border:1px dashed rgba(255,255,255,.2);font-size:.75rem;opacity:.6}@media (prefers-color-scheme: light){.consent-banner{background:#fffffffa;border-top-color:#0000001f}.consent-options,.lang-switch{background:#0000000a}.ai-field-list li{background:#0000000f}.dr-card,.ai-feature-card{border-color:#0000001f}.audit-table th{border-bottom-color:#00000026}.audit-table td{border-bottom-color:#00000012}}@media (min-width: 640px){.consent-banner{inset-inline:auto 1rem;bottom:1rem;max-width:480px;border:1px solid rgba(255,255,255,.14);border-radius:.85rem}}.invoices-list{display:grid;gap:1rem}.invoice-card{display:flex;justify-content:space-between;align-items:center;padding:1.5rem}.invoice-info h3{margin:0;font-size:1.2rem}.invoice-actions{display:flex;align-items:center;gap:1rem}.total{font-weight:700;font-size:1.2rem}.badge{padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;text-transform:uppercase;font-weight:600}.badge-draft{background:#e2e8f0;color:#475569}.badge-sent{background:#fef3c7;color:#d97706}.badge-paid{background:#dcfce7;color:#166534}.badge-cancelled{background:#fee2e2;color:#991b1b}.invoice-modal-container{width:95%;max-width:900px;height:90dvh;display:flex;flex-direction:column;padding:0;overflow:hidden;position:relative;margin-bottom:env(safe-area-inset-bottom)}.invoice-form-scroll{overflow-y:auto;padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:1.5rem}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.form-section{margin-bottom:1.5rem}.checkbox-item{display:flex;gap:.75rem;padding:.75rem;border-bottom:1px solid rgba(255,255,255,.1);cursor:pointer}.checkbox-item:hover{background:#ffffff0d}.items-manager{background:#0003;padding:1rem;border-radius:.5rem;margin:1.5rem 0}.row-item{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:1rem;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.add-item-box{display:grid;grid-template-columns:2fr 80px 100px auto;gap:1rem;margin-top:1rem}.totals-display{text-align:right;margin:2rem 0}.preview-container{height:100%;display:flex;flex-direction:column}.preview-toolbar{padding:1rem;background:#1e1e1e;display:flex;justify-content:flex-end;gap:1rem;border-bottom:1px solid #333}#print-view{flex:1;overflow-y:auto;background:#fff;color:#000;padding:40px;font-family:Times New Roman,Times,serif;position:relative;max-width:210mm;margin:0 auto}.watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);font-size:8rem;color:#0000001a;font-weight:700;z-index:0;pointer-events:none;border:5px dashed rgba(0,0,0,.1);padding:1rem 4rem}.invoice-header{display:flex;justify-content:space-between;margin-bottom:40px;border-bottom:2px solid #000;padding-bottom:20px}.company-details h1{margin:0;font-size:24px;text-transform:uppercase}.invoice-meta{text-align:right}.invoice-items-table{width:100%;border-collapse:collapse;margin:40px 0}.invoice-items-table th{border-bottom:2px solid #000;text-align:left;padding:10px}.invoice-items-table td{padding:10px;border-bottom:1px solid #ddd}.text-right{text-align:right}.invoice-footer{margin-top:60px;page-break-inside:avoid}.totals{float:right;width:300px}.totals .row{display:flex;justify-content:space-between;margin-bottom:5px}.grand-total{font-weight:700;font-size:1.2rem;border-top:2px solid #000;padding-top:10px;margin-top:10px!important}.signature-area{margin-top:100px;display:flex;justify-content:space-between;clear:both}.sig-line{border-top:1px solid #000;width:200px;text-align:center;padding-top:10px}.hidden-print-container{position:absolute;left:-9999px;top:-9999px;height:1px;width:1px;overflow:hidden}@media print{@page{margin:10mm;size:auto}body *{visibility:hidden}#print-view,#print-view *{visibility:visible}#print-view{position:absolute!important;left:0!important;top:0!important;width:100%!important;margin:0!important;padding:0!important;background:#fff!important;color:#000!important;box-shadow:none!important}.watermark{color:#0000000d!important}}.admin-panel{display:flex;flex-direction:column;gap:var(--space-lg)}.admin-header{display:flex;align-items:center;gap:var(--space-sm)}.admin-header h2{font-size:var(--font-size-xl)}.admin-section{display:flex;flex-direction:column;gap:var(--space-md)}.admin-section .section-header h3{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-base)}.users-list{display:flex;flex-direction:column;gap:var(--space-sm)}.user-card{padding:var(--space-md);display:flex;align-items:center;justify-content:space-between;gap:var(--space-md)}.user-card.pending{border-left:3px solid var(--color-warning)}.user-info{display:flex;align-items:center;gap:var(--space-md)}.user-avatar{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ff9f0a33;color:var(--color-warning);border-radius:var(--radius-full);font-weight:600;font-size:var(--font-size-lg)}.user-avatar.verified{background:#34c75933;color:var(--color-success)}.user-info h4{font-size:var(--font-size-sm);display:flex;align-items:center;gap:var(--space-sm)}.user-info p,.text-xs{font-size:var(--font-size-xs)}.user-actions{display:flex;gap:var(--space-xs)}.btn-approve{padding:var(--space-xs);background:#34c75926;border:1px solid rgba(52,199,89,.3);color:var(--color-success);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-approve:hover{background:#34c75940}.btn-reject{padding:var(--space-xs);background:#ff3b3026;border:1px solid rgba(255,59,48,.3);color:var(--color-error);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.btn-reject:hover{background:#ff3b3040}.badge-primary{background:#ff6b0033;color:var(--color-primary)}.loading-placeholder,.empty-state{padding:var(--space-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);text-align:center}.mechanics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-md)}.mechanic-card{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-md);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;cursor:pointer}.mechanic-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #0006,0 0 0 1px #ff6b0026;border-color:#ff6b0033}.mechanic-header{display:flex;align-items:center;gap:var(--space-md)}.mechanic-avatar{position:relative;width:64px;height:64px}.mechanic-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:2px solid var(--color-border)}.avatar-placeholder{width:100%;height:100%;border-radius:50%;background:linear-gradient(135deg,#ff8c42,#ff5e00 60%,#c43d00);box-shadow:0 4px 16px #ff5e0066,inset 0 1px #fff3;color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.4)}.status-indicator{position:absolute;bottom:0;right:0;width:16px;height:16px;border-radius:50%;border:2px solid var(--glass-bg)}.status-indicator.busy{background:var(--color-warning);box-shadow:0 0 8px var(--color-warning)}.status-indicator.available{background:var(--color-success);box-shadow:0 0 8px var(--color-success)}.mechanic-info h3{margin-bottom:var(--space-xs)}.contact-info{display:flex;flex-direction:column;gap:4px}.contact-link{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:none;transition:color .2s}.contact-link:hover{color:var(--color-primary)}.mechanic-status-section{flex:1;display:flex;flex-direction:column;justify-content:flex-end}.active-job-card{background:#ff6b001a;border:1px solid rgba(255,107,0,.2);border-radius:var(--radius-md);padding:var(--space-sm)}.job-label{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-warning);margin-bottom:var(--space-xs);text-transform:uppercase;font-weight:700}.plate{font-family:monospace;background:#0000004d;padding:2px 6px;border-radius:4px;font-size:var(--font-size-sm)}.time-elapsed{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-xs)}.available-state{display:flex;align-items:center;gap:var(--space-sm);color:#0df246;background:#0df24614;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid rgba(13,242,70,.15);font-weight:600;font-size:var(--font-size-sm)}.spin-slow{animation:spin 3s linear infinite}.active-job-container{padding:0;border:1px solid rgba(255,159,10,.3);background:linear-gradient(135deg,#141414f2,#1e1e1ee6);box-shadow:0 20px 50px -10px #00000080;overflow:hidden;position:relative;border-radius:var(--radius-lg)}.job-header-bg{background:linear-gradient(to bottom,rgba(255,159,10,.15),transparent);padding:var(--space-lg);border-bottom:1px solid rgba(255,255,255,.05)}.license-plate-display{font-family:SF Mono,Fira Code,monospace;font-size:3.5rem;font-weight:800;letter-spacing:-1px;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.5);line-height:1;margin:var(--space-xs) 0}.customer-info-row{display:flex;align-items:center;gap:var(--space-md);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.action-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-top:var(--space-lg)}.action-card-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.05);background:#ffffff08;transition:all var(--transition-normal);cursor:pointer;text-align:center;gap:var(--space-sm);color:var(--color-text)}.action-card-btn:hover{background:#ffffff14;transform:translateY(-2px)}.action-card-btn.pause{border-color:#ff9f0a4d}.action-card-btn.pause:hover{background:#ff9f0a1a;box-shadow:0 0 20px #ff9f0a1a}.action-card-btn.finish{border-color:#34c7594d}.action-card-btn.finish:hover{background:#34c7591a;box-shadow:0 0 20px #34c7591a}.btn-icon-large{margin-bottom:var(--space-xs)}.btn-label{font-size:var(--font-size-lg);font-weight:700;text-transform:uppercase;letter-spacing:1px}.btn-sublabel{font-size:var(--font-size-xs);opacity:.6}.job-details-grid{display:grid;grid-template-columns:2fr 1.5fr;gap:var(--space-lg);padding:var(--space-lg)}@media (max-width: 900px){.job-details-grid{grid-template-columns:1fr}}.detail-panel{background:#0003;border-radius:var(--radius-md);padding:var(--space-md);border:1px solid rgba(255,255,255,.05)}.panel-title{font-size:var(--font-size-sm);text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-md);letter-spacing:.5px;display:flex;justify-content:space-between;align-items:center}.photo-strip{display:flex;gap:var(--space-sm);overflow-x:auto;padding-bottom:var(--space-xs)}.photo-thumb{width:140px;height:140px;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.1);object-fit:cover;flex-shrink:0;cursor:pointer;transition:transform .2s}.photo-thumb:hover{transform:scale(1.05);border-color:var(--color-primary)}.add-photo-btn{width:140px;height:140px;border-radius:var(--radius-md);border:2px dashed rgba(255,255,255,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--color-text-muted);background:#ffffff0a;cursor:pointer;transition:all .2s;flex-shrink:0;font-size:16px;font-weight:500}.add-photo-btn:hover{background:#ffffff0d;border-color:var(--color-primary);color:var(--color-primary)}.parts-mini-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.part-mini-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff08;border-radius:6px;font-size:.9rem}.timeline-container{padding-left:2rem;position:relative;margin-top:.5rem}.timeline-container:before{content:"";position:absolute;left:11px;top:5px;bottom:5px;width:2px;background:linear-gradient(to bottom,var(--color-primary) 0%,rgba(255,94,0,.1) 100%);border-radius:2px}.timeline-item{position:relative;margin-bottom:2rem}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-2rem;top:.5rem;width:24px;height:24px;border-radius:50%;background:#000;border:2px solid var(--color-primary);box-shadow:0 0 10px #ff5e004d;z-index:2;transform:translate(-50%)}.settings-tabs-wrap{display:flex;align-items:center;gap:4px;padding:5px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#0000008c;border-radius:18px;border:1px solid rgba(255,255,255,.06);box-shadow:0 8px 32px #0006}.settings-tabs-wrap::-webkit-scrollbar{display:none}.settings-tab-btn{position:relative;display:flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:12px;font-size:11px;font-weight:700;white-space:nowrap;flex-shrink:0;cursor:pointer;transition:color .2s ease,background .2s ease;overflow:hidden;background:transparent;font-family:inherit;-webkit-tap-highlight-color:transparent;letter-spacing:.01em}.settings-tab-active{color:#fff}.settings-tab-pill-bg{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:13px;background:#ff6b00;box-shadow:0 4px 18px #ff6b0073}.settings-tab-inactive{color:#6b7280}.settings-tab-inactive:hover{background:#ffffff12;color:#d1d5db}/�*� ��� � �� � �T�h�e�m�e� �B�u�t�t�o�n�s� ��� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �*�/� � �.�t�h�e�m�e�-�b�t�n� �{� � � � � � �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� � � � � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � � � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � � � � �g�a�p�:� �1�r�e�m�;� � � � � � �p�a�d�d�i�n�g�:� �1�.�2�5�r�e�m�;� � � � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �1�r�e�m�;� � � � � � �b�o�r�d�e�r�:� �1�p�x� �s�o�l�i�d� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�0�3�)�;� � � � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�0�,� �0�,� �0�,� �0�.�2�)�;� � � � � � �t�r�a�n�s�i�t�i�o�n�:� �a�l�l� �0�.�5�s� �e�a�s�e�;� � � � � � �o�v�e�r�f�l�o�w�:� �h�i�d�d�e�n�;� � � � � � �c�u�r�s�o�r�:� �p�o�i�n�t�e�r�;� � � � � � �t�e�x�t�-�a�l�i�g�n�:� �l�e�f�t�;� � � � � � �w�i�d�t�h�:� �1�0�0�%�;� � �}� � � � �.�t�h�e�m�e�-�b�t�n�:�h�o�v�e�r� �{� � � � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�0�3�)�;� � � � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�1�)�;� � �}� � � � �.�t�h�e�m�e�-�b�t�n�.�a�c�t�i�v�e� �{� � � � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�0�5�)�;� � � � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �r�g�b�a�(�v�a�r�(�-�-�c�o�l�o�r�-�p�r�i�m�a�r�y�-�r�g�b�)�,� �0�.�5�)�;� � � � � � �/�*� �f�a�l�l�b�a�c�k� �*�/� � � � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�c�o�l�o�r�-�p�r�i�m�a�r�y�)�;� � � � � � �b�o�x�-�s�h�a�d�o�w�:� �0� �0� �3�0�p�x� �r�g�b�a�(�v�a�r�(�-�-�c�o�l�o�r�-�p�r�i�m�a�r�y�-�r�g�b�)�,� �0�.�1�)�;� � � � � � �/�*� �W�i�l�l� �u�s�e� �t�h�e� �a�c�t�u�a�l� �p�r�i�m�a�r�y� �c�o�l�o�r� �f�o�r� �b�o�x� �s�h�a�d�o�w� �i�f� �p�o�s�s�i�b�l�e� �b�u�t� �s�t�a�n�d�a�r�d� �c�s�s� �v�a�r�i�a�b�l�e�s� �d�o�n�"�t� �d�o� �o�p�a�c�i�t�y� �w�e�l�l� �w�i�t�h�o�u�t� �d�i�s�s�e�c�t�i�n�g� �t�h�e�m�,� �w�e�"�l�l� �l�e�a�n� �o�n� �t�h�e� �p�r�i�m�a�r�y� �c�o�l�o�r� �v�a�r�i�a�b�l�e� �*�/� � �}� � � � �/�*� �S�p�e�c�i�f�i�c� �b�o�x� �s�h�a�d�o�w�s� �f�o�r� �e�a�c�h� �t�h�e�m�e� �u�s�i�n�g� �t�h�e�i�r� �s�p�e�c�i�f�i�c� �c�o�l�o�r�s� �*�/� � �[�d�a�t�a�-�t�h�e�m�e�=�"�n�e�o�n�-�o�r�a�n�g�e�"�]� �.�t�h�e�m�e�-�b�t�n�.�a�c�t�i�v�e� �{� � � � � � �b�o�x�-�s�h�a�d�o�w�:� �0� �0� �3�0�p�x� �r�g�b�a�(�2�5�5�,� �1�0�7�,� �0�,� �0�.�2�)�;� � � � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �r�g�b�a�(�2�5�5�,� �1�0�7�,� �0�,� �0�.�5�)�;� � �}� � � � �[�d�a�t�a�-�t�h�e�m�e�=�"�c�y�b�e�r�-�b�l�u�e�"�]� �.�t�h�e�m�e�-�b�t�n�.�a�c�t�i�v�e� �{� � � � � � �b�o�x�-�s�h�a�d�o�w�:� �0� �0� �3�0�p�x� �r�g�b�a�(�0�,� �2�1�2�,� �2�5�5�,� �0�.�2�)�;� � � � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �r�g�b�a�(�0�,� �2�1�2�,� �2�5�5�,� �0�.�5�)�;� � �}� � � � �[�d�a�t�a�-�t�h�e�m�e�=�"�m�a�t�r�i�x�-�g�r�e�e�n�"�]� �.�t�h�e�m�e�-�b�t�n�.�a�c�t�i�v�e� �{� � � � � � �b�o�x�-�s�h�a�d�o�w�:� �0� �0� �3�0�p�x� �r�g�b�a�(�0�,� �2�5�5�,� �6�5�,� �0�.�2�)�;� � � � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �r�g�b�a�(�0�,� �2�5�5�,� �6�5�,� �0�.�5�)�;� � �}� � � � �[�d�a�t�a�-�t�h�e�m�e�=�"�p�u�r�p�l�e�-�h�a�z�e�"�]� �.�t�h�e�m�e�-�b�t�n�.�a�c�t�i�v�e� �{� � � � � � �b�o�x�-�s�h�a�d�o�w�:� �0� �0� �3�0�p�x� �r�g�b�a�(�1�5�7�,� �0�,� �2�5�5�,� �0�.�2�)�;� � � � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �r�g�b�a�(�1�5�7�,� �0�,� �2�5�5�,� �0�.�5�)�;� � �}� � � � � � �.�t�h�e�m�e�-�b�t�n�-�b�g�-�e�f�f�e�c�t� �{� � � � � � �p�o�s�i�t�i�o�n�:� �a�b�s�o�l�u�t�e�;� � � � � � �i�n�s�e�t�:� �0�;� � � � � � �o�p�a�c�i�t�y�:� �0�;� � � � � � �b�a�c�k�g�r�o�u�n�d�:� �l�i�n�e�a�r�-�g�r�a�d�i�e�n�t�(�t�o� �b�o�t�t�o�m� �r�i�g�h�t�,� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�0�2�)�,� �t�r�a�n�s�p�a�r�e�n�t�)�;� � � � � � �p�o�i�n�t�e�r�-�e�v�e�n�t�s�:� �n�o�n�e�;� � � � � � �t�r�a�n�s�i�t�i�o�n�:� �o�p�a�c�i�t�y� �0�.�7�s�;� � �}� � � � �.�t�h�e�m�e�-�b�t�n�:�h�o�v�e�r� �.�t�h�e�m�e�-�b�t�n�-�b�g�-�e�f�f�e�c�t� �{� � � � � � �o�p�a�c�i�t�y�:� �1�;� � �}� � � � �.�t�h�e�m�e�-�i�c�o�n�-�c�o�n�t�a�i�n�e�r� �{� � � � � � �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� � � � � � �w�i�d�t�h�:� �3�r�e�m�;� � � � � � �h�e�i�g�h�t�:� �3�r�e�m�;� � � � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �5�0�%�;� � � � � � �b�o�r�d�e�r�:� �2�p�x� �s�o�l�i�d� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�1�)�;� � � � � � �b�o�x�-�s�h�a�d�o�w�:� �0� �2�5�p�x� �5�0�p�x� �-�1�2�p�x� �r�g�b�a�(�0�,� �0�,� �0�,� �0�.�2�5�)�;� � � � � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � � � � �a�l�i�g�n�-�i�t�e�m�s�:� �c�e�n�t�e�r�;� � � � � � �j�u�s�t�i�f�y�-�c�o�n�t�e�n�t�:� �c�e�n�t�e�r�;� � � � � � �f�l�e�x�-�s�h�r�i�n�k�:� �0�;� � �}� � � � �.�t�h�e�m�e�-�i�c�o�n�-�g�l�o�w� �{� � � � � � �w�i�d�t�h�:� �1�r�e�m�;� � � � � � �h�e�i�g�h�t�:� �1�r�e�m�;� � � � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �5�0�%�;� � � � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�2�)�;� � � � � � �f�i�l�t�e�r�:� �b�l�u�r�(�4�p�x�)�;� � �}� � � � �.�t�h�e�m�e�-�t�e�x�t�-�c�o�n�t�a�i�n�e�r� �{� � � � � � �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� � � � � � �m�i�n�-�w�i�d�t�h�:� �0�;� � � � � � �f�l�e�x�-�g�r�o�w�:� �1�;� � �}� � � � �.�t�h�e�m�e�-�t�i�t�l�e� �{� � � � � � �f�o�n�t�-�w�e�i�g�h�t�:� �7�0�0�;� � � � � � �f�o�n�t�-�s�i�z�e�:� �1�r�e�m�;� � � � � � �t�r�a�n�s�i�t�i�o�n�:� �c�o�l�o�r� �0�.�3�s�;� � � � � � �c�o�l�o�r�:� �#�d�1�d�5�d�b�;� � � � � � �/�*� �g�r�a�y�-�3�0�0� �*�/� � �}� � � � �.�t�h�e�m�e�-�b�t�n�.�a�c�t�i�v�e� �.�t�h�e�m�e�-�t�i�t�l�e� �{� � � � � � �c�o�l�o�r�:� �v�a�r�(�-�-�c�o�l�o�r�-�p�r�i�m�a�r�y�)�;� � �}� � � � �.�t�h�e�m�e�-�d�e�s�c� �{� � � � � � �f�o�n�t�-�s�i�z�e�:� �0�.�6�2�5�r�e�m�;� � � � � � �/�*� �1�0�p�x� �*�/� � � � � � �c�o�l�o�r�:� �v�a�r�(�-�-�c�o�l�o�r�-�t�e�x�t�-�m�u�t�e�d�)�;� � � � � � �t�e�x�t�-�t�r�a�n�s�f�o�r�m�:� �u�p�p�e�r�c�a�s�e�;� � � � � � �l�e�t�t�e�r�-�s�p�a�c�i�n�g�:� �0�.�1�e�m�;� � � � � � �m�a�r�g�i�n�-�t�o�p�:� �0�.�1�2�5�r�e�m�;� � �}� � � � �.�t�h�e�m�e�-�c�h�e�c�k� �{� � � � � � �m�a�r�g�i�n�-�l�e�f�t�:� �a�u�t�o�;� � � � � � �c�o�l�o�r�:� �v�a�r�(�-�-�c�o�l�o�r�-�p�r�i�m�a�r�y�)�;� � �}� � � � �/�*� ��� � �� � �D�e�n�s�i�t�y� �B�u�t�t�o�n�s� ��� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �� � �*�/� � �.�d�e�n�s�i�t�y�-�b�t�n� �{� � � � � � �d�i�s�p�l�a�y�:� �f�l�e�x�;� � � � � � �f�l�e�x�-�d�i�r�e�c�t�i�o�n�:� �c�o�l�u�m�n�;� � � � � � �g�a�p�:� �0�.�5�r�e�m�;� � � � � � �p�a�d�d�i�n�g�:� �1�r�e�m�;� � � � � � �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �0�.�7�5�r�e�m�;� � � � � � �/�*� �x�l� �*�/� � � � � � �b�o�r�d�e�r�:� �1�p�x� �s�o�l�i�d� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�1�)�;� � � � � � �t�r�a�n�s�i�t�i�o�n�:� �a�l�l� �0�.�3�s�;� � � � � � �t�e�x�t�-�a�l�i�g�n�:� �c�e�n�t�e�r�;� � � � � � �w�i�d�t�h�:� �1�0�0�%�;� � � � � � �m�i�n�-�h�e�i�g�h�t�:� �8�0�p�x�;� � � � � � �j�u�s�t�i�f�y�-�c�o�n�t�e�n�t�:� �c�e�n�t�e�r�;� � � � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�0�5�)�;� � � � � � �c�u�r�s�o�r�:� �p�o�i�n�t�e�r�;� � �}� � � � �.�d�e�n�s�i�t�y�-�b�t�n�:�h�o�v�e�r� �{� � � � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�5�5�,� �2�5�5�,� �2�5�5�,� �0�.�1�)�;� � �}� � � � �.�d�e�n�s�i�t�y�-�b�t�n�.�a�c�t�i�v�e� �{� � � � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�v�a�r�(�-�-�c�o�l�o�r�-�p�r�i�m�a�r�y�-�r�g�b�)�,� �0�.�1�)�;� � � � � � �/�*� �f�a�l�l�b�a�c�k� �*�/� � � � � � �b�a�c�k�g�r�o�u�n�d�:� �v�a�r�(�-�-�c�o�l�o�r�-�p�r�i�m�a�r�y�-�l�i�g�h�t�)�;� � � � � � �/�*� �I�n� �a�c�t�u�a�l� �i�m�p�l�e�m�e�n�t�a�t�i�o�n� �w�e� �u�s�e� �t�h�e� �p�r�i�m�a�r�y� �c�o�l�o�r� �w�i�t�h� �l�o�w� �o�p�a�c�i�t�y�,� �b�u�t� �a�g�a�i�n� �v�a�r�i�a�b�l�e�s� �a�r�e� �t�r�i�c�k�y�.� �W�e�'ll use a hack */
� � � � � �b�o�r�d�e�r�-�c�o�l�o�r�:� �v�a�r�(�-�-�c�o�l�o�r�-�p�r�i�m�a�r�y�)�;� � � � � � �b�o�x�-�s�h�a�d�o�w�:� �0� �0� �2�0�p�x� �r�g�b�a�(�v�a�r�(�-�-�c�o�l�o�r�-�p�r�i�m�a�r�y�-�r�g�b�)�,� �0�.�2�)�;� � �}� � � � �[�d�a�t�a�-�t�h�e�m�e�=�"�n�e�o�n�-�o�r�a�n�g�e�"�]� �.�d�e�n�s�i�t�y�-�b�t�n�.�a�c�t�i�v�e� �{� � � � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�2�5�5�,� �1�0�7�,� �0�,� �0�.�1�)�;� � � � � � �b�o�x�-�s�h�a�d�o�w�:� �0� �0� �2�0�p�x� �r�g�b�a�(�2�5�5�,� �1�0�7�,� �0�,� �0�.�2�)�;� � �}� � � � �[�d�a�t�a�-�t�h�e�m�e�=�"�c�y�b�e�r�-�b�l�u�e�"�]� �.�d�e�n�s�i�t�y�-�b�t�n�.�a�c�t�i�v�e� �{� � � � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�0�,� �2�1�2�,� �2�5�5�,� �0�.�1�)�;� � � � � � �b�o�x�-�s�h�a�d�o�w�:� �0� �0� �2�0�p�x� �r�g�b�a�(�0�,� �2�1�2�,� �2�5�5�,� �0�.�2�)�;� � �}� � � � �[�d�a�t�a�-�t�h�e�m�e�=�"�m�a�t�r�i�x�-�g�r�e�e�n�"�]� �.�d�e�n�s�i�t�y�-�b�t�n�.�a�c�t�i�v�e� �{� � � � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�0�,� �2�5�5�,� �6�5�,� �0�.�1�)�;� � � � � � �b�o�x�-�s�h�a�d�o�w�:� �0� �0� �2�0�p�x� �r�g�b�a�(�0�,� �2�5�5�,� �6�5�,� �0�.�2�)�;� � �}� � � � �[�d�a�t�a�-�t�h�e�m�e�=�"�p�u�r�p�l�e�-�h�a�z�e�"�]� �.�d�e�n�s�i�t�y�-�b�t�n�.�a�c�t�i�v�e� �{� � � � � � �b�a�c�k�g�r�o�u�n�d�:� �r�g�b�a�(�1�5�7�,� �0�,� �2�5�5�,� �0�.�1�)�;� � � � � � �b�o�x�-�s�h�a�d�o�w�:� �0� �0� �2�0�p�x� �r�g�b�a�(�1�5�7�,� �0�,� �2�5�5�,� �0�.�2�)�;� � �}� � � � �.�d�e�n�s�i�t�y�-�t�i�t�l�e� �{� � � � � � �f�o�n�t�-�w�e�i�g�h�t�:� �7�0�0�;� � � � � � �c�o�l�o�r�:� �#�f�f�f�f�f�f�;� � � � � � �f�o�n�t�-�s�i�z�e�:� �0�.�8�7�5�r�e�m�;� � � � � � �/�*� �t�e�x�t�-�s�m� �*�/� � �}� � � � �.�d�e�n�s�i�t�y�-�d�e�s�c� �{� � � � � � �f�o�n�t�-�s�i�z�e�:� �0�.�5�6�2�5�r�e�m�;� � � � � � �/�*� �9�p�x� �*�/� � � � � � �c�o�l�o�r�:� �v�a�r�(�-�-�c�o�l�o�r�-�t�e�x�t�-�m�u�t�e�d�)�;� � � � � � �t�e�x�t�-�t�r�a�n�s�f�o�r�m�:� �u�p�p�e�r�c�a�s�e�;� � �}� � � .reports-page{padding-bottom:120px}.reports-header{margin-bottom:var(--space-lg)}.reports-title{font-size:var(--font-size-2xl);color:var(--color-text);margin-bottom:var(--space-xs)}.reports-subtitle{color:var(--color-text-secondary)}.report-form-card{padding:var(--space-lg);margin-bottom:var(--space-xl)}.type-selector{display:flex;gap:var(--space-md);margin-bottom:var(--space-md);flex-wrap:wrap}.type-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:#ffffff0d;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.type-btn:hover{background:#ffffff1a}.type-btn.active.bug{background:#ff3b3033;border-color:var(--color-error);color:var(--color-error);box-shadow:0 0 10px #ff3b3033}.type-btn.active.idea{background:#ff9f0a33;border-color:var(--color-warning);color:var(--color-warning);box-shadow:0 0 10px #ff9f0a33}.type-btn.active.correction{background:#34c75933;border-color:var(--color-success);color:var(--color-success);box-shadow:0 0 10px #34c75933}.report-textarea{width:100%;min-height:120px;background:#0000004d;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-base);resize:vertical;outline:none;margin-bottom:var(--space-md);transition:border-color var(--transition-fast)}.report-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ff6b0033}.form-actions{display:flex;justify-content:flex-end}.reports-list-title{font-size:var(--font-size-xl);margin-bottom:var(--space-md);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-sm)}.reports-list{display:flex;flex-direction:column;gap:var(--space-md)}.report-item{display:flex;gap:var(--space-md);padding:var(--space-md);transition:transform var(--transition-fast)}.report-icon{padding-top:var(--space-xs)}.report-content{flex:1}.report-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.report-info{display:flex;align-items:center;gap:var(--space-sm)}.report-badge{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full);font-weight:600;text-transform:uppercase}.report-badge.bug{background:#ff3b3026;color:var(--color-error)}.report-badge.idea{background:#ff9f0a26;color:var(--color-warning)}.report-badge.correction{background:#34c75926;color:var(--color-success)}.report-date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.report-text{color:var(--color-text-secondary);white-space:pre-wrap;line-height:1.5}.btn-delete{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:color var(--transition-fast)}.btn-delete:hover{color:var(--color-error);background:#ff3b301a}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary)}.report-attachments{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.attachment-previews{display:flex;gap:8px;flex-wrap:wrap}.attachment-preview{position:relative;width:72px;height:72px;border-radius:10px;overflow:hidden;border:1.5px solid var(--color-border)}.attachment-preview img{width:100%;height:100%;object-fit:cover}.attachment-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#000000bf;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.attach-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:10px;border:1.5px dashed var(--color-border);background:transparent;color:var(--color-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.attach-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.attach-btn .hidden{display:none}.report-attachment-list{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.report-attachment-thumb{width:64px;height:64px;border-radius:8px;overflow:hidden;display:block;border:1.5px solid var(--color-border)}.report-attachment-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.report-attachment-thumb:hover img{transform:scale(1.05)}.calendar-container{display:flex;flex-direction:column}.calendar-header-row{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--color-border);background:#0003}.calendar-day-header{text-align:center;padding:var(--space-md) 0;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-right:1px solid var(--color-border)}.calendar-day-header:last-child{border-right:none}.calendar-week-row{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day-cell{min-height:120px;padding:var(--space-xs);border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);transition:background var(--transition-fast);cursor:pointer;position:relative;background:#0006}.calendar-day-cell.current-month{background:#0000001a}.calendar-day-cell.current-month:hover{background:#ffffff0d}.calendar-day-cell:last-child{border-right:none}.calendar-week-row:last-child .calendar-day-cell{border-bottom:none}.day-number-wrapper{display:flex;justify-content:center;margin-bottom:var(--space-xs);margin-top:var(--space-xs)}.day-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted)}.calendar-day-cell.current-month .day-number{color:var(--color-text-secondary)}.calendar-day-cell.today .day-number{background:var(--color-primary);color:#fff}.calendar-events{display:flex;flex-direction:column;gap:2px}.event-chip{font-size:11px;padding:2px 6px;border-radius:4px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity var(--transition-fast)}.event-chip:hover{opacity:.8}.event-chip.type-normal{background:#039be5;color:#fff}.event-chip.type-important{background:#ef6c00;color:#fff}.event-chip.type-urgent{background:#d50000;color:#fff}.event-chip.type-completed{background:#33b679;color:#fff}.event-more{font-size:11px;font-weight:500;color:var(--color-text-muted);padding:0 4px;margin-top:2px}.event-more:hover{color:var(--color-text)}.calendar-legend{display:flex;flex-wrap:wrap;gap:var(--space-md);margin-bottom:var(--space-xl);font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-muted)}.legend-item{display:flex;align-items:center;gap:var(--space-xs)}.legend-color{width:12px;height:12px;border-radius:3px}.event-chip-spanning{transition:opacity var(--transition-fast),filter var(--transition-fast)}.event-chip-spanning:hover{filter:brightness(1.2)}.color-blue{background-color:#3b82f6}.color-red{background-color:#ef4444}.color-green{background-color:#10b981}.color-yellow{background-color:#eab308;color:#000!important}.color-purple{background-color:#a855f7}.color-orange{background-color:#f97316}.color-gray{background-color:#6b7280}.fullscreen-viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}.viewer-content-wrapper{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}.viewer-content{display:flex;align-items:center;justify-content:center;will-change:transform}.viewer-content img{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:8px;box-shadow:0 10px 40px #00000080;-webkit-user-select:none;user-select:none;pointer-events:auto}.viewer-controls{position:absolute;top:0;left:0;right:0;padding:20px;display:flex;flex-direction:column;align-items:center;gap:10px;z-index:10001}.viewer-zoom-hint{color:#fff9;font-size:13px;background:#0006;padding:4px 12px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.viewer-close-btn{position:absolute;top:20px;right:20px;background:#ffffff1a;border:none;color:#fff;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10001}.viewer-close-btn:hover{background:#fff3;transform:scale(1.1)}.viewer-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff0d;border:none;color:#fff;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;z-index:10000}.viewer-nav-btn:hover{background:#ffffff26}.viewer-nav-btn.prev{left:20px}.viewer-nav-btn.next{right:20px}@media (max-width: 768px){.viewer-nav-btn{width:48px;height:48px}.viewer-nav-btn.prev{left:10px}.viewer-nav-btn.next{right:10px}}.vd-page{min-height:100%;padding-bottom:100px}.vd-hero{position:sticky;top:0;z-index:30;background:var(--color-surface, #1a1a2e);padding:12px 16px 14px;display:flex;flex-direction:column;gap:10px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transform:translateZ(0);backface-visibility:hidden;will-change:transform}.vd-back-btn{display:flex;align-items:center;gap:4px;color:var(--color-text-muted);font-size:14px;background:none;border:none;cursor:pointer;padding:4px 0;width:fit-content;transition:color .2s}@media (hover: hover){.vd-back-btn:hover{color:var(--color-text)}}.vd-hero-info{display:flex;align-items:center;gap:12px}.vd-hero-thumbnail{width:56px;height:56px;border-radius:12px;background:var(--color-surface-2, #252540);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vd-hero-thumbnail img{width:100%;height:100%;object-fit:cover}.vd-hero-title{font-size:20px;font-weight:700;line-height:1.2;margin:0}.vd-hero-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:4px}.vd-hero-actions{display:flex;gap:8px;justify-content:flex-end}.vd-license{font-family:Courier New,monospace;font-weight:700;font-size:13px;letter-spacing:1.5px;border:1.5px solid var(--color-border, #333);padding:2px 8px;border-radius:6px;color:var(--color-text)}.vd-content{display:flex;flex-direction:column;gap:0}.vd-section{padding:16px;border-bottom:1px solid var(--color-border, #2a2a40)}.vd-section-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-text-muted);margin-bottom:12px}.vd-status-strip{background:var(--color-surface-2, #1e1e3a)}.vd-status-buttons{display:flex;gap:8px;flex-wrap:wrap}.vd-status-btn{padding:6px 12px;border-radius:20px;border:1.5px solid var(--color-border, #333);background:transparent;color:var(--color-text-muted);font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}@media (hover: hover){.vd-status-btn:hover{opacity:.8}}.vd-status-btn.active{font-weight:700}.vd-status-btn:disabled{cursor:not-allowed;opacity:.6}.vd-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.vd-badge.urgent{background:#ef444426;color:#ef4444}.vd-badge.high{background:#f9731626;color:#f97316}.vd-badge.parts{background:#8b5cf626;color:#8b5cf6}.vd-badge.mechanic{background:#3b82f626;color:#3b82f6}.vd-badge.success{background:#10b98126;color:#10b981}.vd-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.vd-field{display:flex;flex-direction:column;gap:4px}.vd-field label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.vd-value{font-size:15px;font-weight:500;color:var(--color-text);padding:6px 0}.vd-priority-buttons{display:flex;gap:8px}.vd-priority-btn{flex:1;padding:8px;border-radius:10px;border:1.5px solid var(--color-border, #333);background:transparent;color:var(--color-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.vd-priority-btn:disabled{cursor:default}.vd-priority-btn.active{font-weight:700}.vd-mechanic-grid{display:flex;flex-direction:column;gap:8px}.vd-mechanic-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--color-surface-2, #252540);cursor:pointer;transition:background .2s}.vd-mechanic-item.selected{background:#3b82f626}.vd-customer-card{background:var(--color-surface-2, #252540);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:6px}.vd-contact-row{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--color-text-muted)}.vd-description{font-size:14px;line-height:1.6;white-space:pre-wrap;color:var(--color-text)}.vd-notes-box{margin-top:10px;background:#fbbf2414;border:1px solid rgba(251,191,36,.2);border-radius:10px;padding:10px}.vd-textarea{min-height:90px;resize:vertical}.vd-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.vd-photo-item{position:relative;aspect-ratio:1;border-radius:10px;overflow:hidden;cursor:pointer}.vd-photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s;color:#fff;pointer-events:none}@media (hover: hover){.vd-photo-item:hover .vd-photo-overlay{opacity:1}}.vd-photo-overlay svg{filter:drop-shadow(0 0 10px rgba(0,0,0,.5))}.vd-photo-remove{position:absolute;top:4px;right:4px;background:#000000b3;border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.vd-upload-row{display:flex;gap:8px}.upload-btn-premium{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;border:1.5px dashed var(--color-border, #444);background:transparent;color:var(--color-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.upload-btn-premium:hover{border-color:var(--color-primary, #3b82f6);color:var(--color-primary, #3b82f6);background:#3b82f60d}.upload-btn-premium .hidden{display:none}.vd-history-list{display:flex;flex-direction:column;gap:8px}.vd-history-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--color-surface-2, #252540);border-radius:10px}.vd-history-total{padding:8px 12px;text-align:right;font-size:13px;color:var(--color-text-muted);border-top:1px solid var(--color-border, #333)}.vd-billing-section{background:linear-gradient(135deg,#3b82f60d,#8b5cf60d);border-top:1px solid rgba(59,130,246,.2)}.vd-billing-grid{display:flex;flex-direction:column;gap:8px}.vd-billing-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:6px 0;border-bottom:1px solid var(--color-border, #333)}.hidden{display:none}:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--glass-blur: blur(25px)}[data-color-profile=pro-brown][data-appearance=dark]{--color-primary: #FF6B00;--color-primary-light: #FF8C42;--color-primary-dark: #E65C00;--color-background: #0A0A0A;--color-surface: rgba(30, 30, 30, .7);--color-text: #FFFFFF;--color-text-secondary: rgba(255, 255, 255, .7);--color-border: rgba(255, 255, 255, .1);--glass-bg: rgba(15, 15, 15, .45);--glass-shadow: 0 12px 40px rgba(0, 0, 0, .6);--bg-gradient: radial-gradient(ellipse at top right, rgba(255, 107, 0, .15) 0%, transparent 50%), radial-gradient(ellipse at bottom left, rgba(255, 140, 66, .1) 0%, transparent 50%)}[data-color-profile=pro-brown][data-appearance=light]{--color-primary: #FF6B00;--color-primary-light: #FF8C42;--color-primary-dark: #E65C00;--color-background: #F5F5F7;--color-surface: rgba(255, 255, 255, .95);--color-text: #1D1D1F;--color-text-secondary: #48484A;--color-border: rgba(0, 0, 0, .12);--glass-bg: rgba(255, 255, 255, .85);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .08);--bg-gradient: radial-gradient(ellipse at top right, rgba(255, 107, 0, .1) 0%, transparent 50%), radial-gradient(ellipse at bottom left, rgba(255, 140, 66, .08) 0%, transparent 50%)}[data-color-profile=green-cook][data-appearance=dark]{--color-primary: #4ADE80;--color-primary-light: #86EFAC;--color-primary-dark: #16A34A;--color-background: #061F12;--color-surface: rgba(20, 40, 30, .7);--color-text: #F0FDF4;--color-text-secondary: rgba(240, 253, 244, .7);--color-border: rgba(74, 222, 128, .15);--glass-bg: rgba(10, 25, 18, .5);--glass-shadow: 0 12px 40px rgba(0, 0, 0, .7);--bg-gradient: radial-gradient(ellipse at top right, rgba(74, 222, 128, .1) 0%, transparent 50%), radial-gradient(ellipse at bottom left, rgba(22, 163, 74, .08) 0%, transparent 50%)}[data-color-profile=green-cook][data-appearance=light]{--color-primary: #16A34A;--color-primary-light: #4ADE80;--color-primary-dark: #14532D;--color-background: #F0FDF4;--color-surface: rgba(255, 255, 255, .95);--color-text: #052E16;--color-text-secondary: #14532D;--color-border: rgba(22, 163, 74, .15);--glass-bg: rgba(255, 255, 255, .85);--glass-shadow: 0 8px 32px rgba(22, 163, 74, .08);--bg-gradient: radial-gradient(ellipse at top right, rgba(74, 222, 128, .2) 0%, transparent 50%), radial-gradient(ellipse at bottom left, rgba(254, 243, 199, .3) 0%, transparent 50%)}[data-color-profile=tech-neon][data-appearance=dark]{--color-primary: #00F2FF;--color-primary-light: #70FBFF;--color-primary-dark: #00B8C2;--color-background: #000000;--color-surface: rgba(10, 10, 20, .8);--color-text: #FFFFFF;--color-text-secondary: rgba(112, 251, 255, .7);--color-border: rgba(0, 242, 255, .2);--glass-bg: rgba(5, 5, 15, .6);--glass-shadow: 0 0 30px rgba(0, 242, 255, .15);--bg-gradient: radial-gradient(circle at 20% 30%, rgba(0, 242, 255, .1) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(255, 0, 255, .08) 0%, transparent 40%)}[data-color-profile=tech-neon][data-appearance=light]{--color-primary: #00828A;--color-primary-light: #00F2FF;--color-primary-dark: #004D52;--color-background: #F0F9FF;--color-surface: rgba(255, 255, 255, .95);--color-text: #002629;--color-text-secondary: #004D52;--color-border: rgba(0, 130, 138, .15);--glass-bg: rgba(255, 255, 255, .85);--glass-shadow: 0 8px 32px rgba(0, 130, 138, .08);--bg-gradient: radial-gradient(circle at 20% 30%, rgba(0, 242, 255, .08) 0%, transparent 40%), radial-gradient(circle at 80% 70%, rgba(255, 0, 255, .05) 0%, transparent 40%)}:root{--color-success: #34C759;--color-warning: #FF9F0A;--color-error: #FF3B30;--color-online: #0DF246;--color-offline: #FF3B30;--color-text-muted: var(--color-text-secondary);--glass-border: 1px solid var(--color-border)}[data-appearance=light] body{color-scheme:light}[data-appearance=light] select option{background-color:#fff!important;color:#1d1d1f!important}[data-appearance=light] select,[data-appearance=light] select.input{background-color:#00000008!important;color:var(--color-text)!important;color-scheme:light}[data-appearance=light] input[type=date],[data-appearance=light] input[type=time],[data-appearance=light] input[type=datetime-local],[data-appearance=light] input[type=number]{color-scheme:light;background-color:#00000008}[data-appearance=light] .input{background:#00000008;border-color:#0000001a}[data-appearance=light] ::-webkit-scrollbar-thumb{background:#00000026}[data-appearance=light] ::-webkit-scrollbar-thumb:hover{background:#00000040}[data-appearance=light] .bottom-nav{background:#f5f5f7eb;border-top-color:#00000014}[data-appearance=light] .header{background:#f5f5f7eb;border-bottom-color:#00000014}*{margin:0;padding:0;box-sizing:border-box}img,video{max-width:100%;height:auto;display:block}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);background:var(--color-background);color:var(--color-text);min-height:100dvh;min-height:100vh;line-height:1.5;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-gradient);pointer-events:none;z-index:-1}#root{min-height:100dvh;min-height:100vh;display:flex;flex-direction:column}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:transform var(--transition-base),box-shadow var(--transition-base)}@media (hover: hover){.glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000080}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:600;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;background:transparent;color:var(--color-text)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;box-shadow:0 4px 16px #ff6b004d;border:none}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#ffffff0d;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid rgba(255,255,255,.1);color:var(--color-text)}@media (hover: hover){.btn-secondary:hover{background:#ffffff1a;border-color:#fff3}}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:1px solid transparent}@media (hover: hover){.btn-ghost:hover{background:#ffffff0d;color:var(--color-text);border-color:#ffffff0d}}.input{width:100%;padding:var(--space-sm) var(--space-md);font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background:#0000004d;border:1px solid rgba(255,255,255,.03);border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast);box-shadow:inset 0 2px 4px #0003}.input.pl-10,.pl-10.input{padding-left:2.75rem!important}.input.pr-10,.pr-10.input{padding-right:2.75rem!important}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b0033}.input::placeholder{color:var(--color-text-muted)}.btn-toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);z-index:10}@media (hover: hover){.btn-toggle-password:hover{color:var(--color-text);background:#ffffff1a}}select,select.input{appearance:none;-webkit-appearance:none;-moz-appearance:none;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='rgba(255,255,255,0.5)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-md) center;cursor:pointer;background-color:#ffffff0d!important;color:var(--color-text)!important;color-scheme:dark;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);padding-right:var(--space-2xl);font-family:var(--font-family);font-size:var(--font-size-base)}select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ff6b0033;outline:none}select option{background-color:#1e1e1e!important;color:#fff!important;padding:var(--space-sm)}input[type=date],input[type=time],input[type=datetime-local],input[type=number]{color-scheme:dark;background-color:#ffffff0d;color:var(--color-text)}.label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.badge-success{background:#34c75933;color:var(--color-success)}.badge-warning{background:#ff9f0a33;color:var(--color-warning)}.badge-error{background:#ff3b3033;color:var(--color-error)}.badge-pending{background:#ff6b0033;color:var(--color-primary)}.page{flex:1;padding:var(--space-lg);padding-bottom:calc(var(--space-2xl) + 100px)}@media (max-width: 640px){.page{padding:var(--space-md);padding-bottom:calc(var(--space-2xl) + 120px)}}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}@media (hover: hover){.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #ff6b0066}}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-primary{color:var(--color-primary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.w-full{width:100%}.h-full{height:100%}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.modal-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-lg)}.modal-actions .btn{flex:1}@media (min-width: 640px){.modal-actions .btn{flex:none}}.theme-card{position:relative;display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:left;overflow:hidden;width:100%}@media (hover: hover){.theme-card:hover{transform:translateY(-2px);border-color:var(--color-primary);background:#ffffff0d}}.theme-card.active{border-color:var(--color-primary);background:var(--color-primary);box-shadow:0 0 20px #ff6b001a}.theme-card.active .theme-card-title,.theme-card.active .theme-card-desc,.theme-card.active .theme-card-icon,.theme-card.active .theme-card-check{color:#fff!important}.theme-card-icon{font-size:1.5rem;z-index:1}.theme-card-info{flex:1;z-index:1}.theme-card-title{font-weight:700;color:var(--color-text);font-size:var(--font-size-base)}.theme-card-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.theme-card-check{color:var(--color-primary);z-index:1}.theme-card-preview{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.5}.density-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);width:100%}@media (hover: hover){.density-btn:hover{border-color:var(--color-primary)}}.density-btn.active{background:var(--color-primary);border-color:var(--color-primary)}.density-btn.active .density-title,.density-btn.active .density-desc{color:#fff}.density-title{font-weight:700;color:var(--color-text)}.density-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}