@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#64748b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--background:#f8fafc;--surface:#fff;--surface-hover:#f1f5f9;--text:#1e293b;--text-light:#64748b;--border:#e2e8f0;--blue-subtle:#eff6ff;--blue-border:#bfdbfe;--shadow:0 1px 3px #0000001a;--radius:8px;--transition-theme:background-color .3s ease, color .3s ease, border-color .3s ease, box-shadow .3s ease}[data-theme=dark]{--primary:#3b82f6;--primary-dark:#2563eb;--secondary:#94a3b8;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--background:#0f172a;--surface:#1e293b;--surface-hover:#334155;--text:#f1f5f9;--text-light:#94a3b8;--border:#334155;--blue-subtle:#1e3a5f;--blue-border:#2d4a7a;--shadow:0 1px 3px #0000004d}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background:var(--background);color:var(--text);transition:var(--transition-theme);overscroll-behavior:none;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}body.modal-open{padding-right:var(--scrollbar-width,0px);overflow:hidden}a,button,[role=button],input,select,textarea,label{touch-action:manipulation}button,[role=button]{min-width:44px;min-height:28px}.btn-sm{min-width:36px;min-height:36px}.app{height:100dvh;display:flex;overflow:hidden}@keyframes pageTransitionIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-transition{animation:.35s cubic-bezier(.16,1,.3,1) forwards pageTransitionIn}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes float{0%,to{transform:translateY(0)translate(-50%)}50%{transform:translateY(-20px)translate(-50%)}}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes modalBackdropFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.theme-toggle{border:1px solid var(--border);background:var(--background);color:var(--text-light);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-bottom:16px;padding:10px 14px;font-family:inherit;font-size:.8125rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.theme-toggle svg{flex-shrink:0;width:18px;height:18px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.theme-toggle:hover{background:var(--surface-hover);color:var(--text);border-color:var(--primary)}.theme-toggle:hover svg{transform:rotate(15deg)}.theme-toggle:active{transform:scale(.97)}.sidebar{background:linear-gradient(180deg,var(--surface) 0%,var(--background) 100%);border-right:1px solid var(--border);width:260px;transition:var(--transition-theme);flex-direction:column;padding:24px 10px;display:flex}.sidebar h1{color:var(--primary);letter-spacing:-.025em;align-items:center;gap:10px;margin-bottom:32px;padding:0 8px;font-size:1.375rem;font-weight:700;display:flex}[data-theme=dark] .sidebar h1{color:#93c5fd}.nav-link{color:var(--text-light);border-radius:8px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 14px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-link:hover{background:var(--surface-hover);color:var(--text);transform:translateY(1px)}[data-theme=dark] .nav-link:hover{background:#334155}.nav-link.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 4px 12px #2563eb4d}.nav-link svg{flex-shrink:0;width:20px;height:20px}.location-selector{border-top:1px solid var(--border);margin-top:auto;padding-top:20px}.location-selector label{color:var(--text-light);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:.6875rem;font-weight:600;display:block}.location-selector select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;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='%2364748b' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border-radius:8px;padding:12px 14px;font-size:.875rem;transition:all .2s}[data-theme=dark] .location-selector select{background-color:var(--surface-hover);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='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}.location-selector select:hover{border-color:var(--primary)}.location-selector select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f626}[data-theme=dark] .location-selector select:focus{box-shadow:0 0 0 3px #3b82f640}.main{transition:var(--transition-theme);flex:1;padding:24px}.main-scroll-area{overscroll-behavior-y:contain}.page-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:20px;display:flex}.page-header h2{color:var(--text);letter-spacing:-.025em;align-items:center;gap:10px;font-size:1.75rem;font-weight:700;line-height:1.2;display:flex}.page-header h2 svg{flex-shrink:0;width:1.25rem;height:1.25rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:5px;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:.3s forwards fadeInUp;box-shadow:0 1px 3px #0000000a,0 1px 2px #0000000f}.card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 8px 25px #00000014,0 2px 4px #0000000a}[data-theme=dark] .card:hover{box-shadow:0 8px 25px #0000004d,0 2px 4px #0003}.card h3{color:var(--text);border-bottom:1px solid var(--border);letter-spacing:-.025em;margin-bottom:16px;padding-bottom:12px;font-size:1rem;font-weight:700}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .3s cubic-bezier(.34,1.56,.64,1);animation:.3s forwards fadeInUp;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg,var(--primary),var(--success));opacity:0;height:3px;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.stat-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 12px 24px #00000014,0 2px 8px #0000000a}[data-theme=dark] .stat-card:hover{box-shadow:0 12px 24px #0000004d,0 2px 8px #0003}.stat-card:hover:before{opacity:1}.stat-card h3{color:var(--text-light);text-transform:uppercase;letter-spacing:.03em;border-bottom:none;margin-bottom:8px;padding-bottom:0;font-size:.875rem;font-weight:500}.stat-card .value{-webkit-text-fill-color:transparent;letter-spacing:-.03em;background:linear-gradient(135deg,#1e293b,#334155);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1.2}.stat-card .value.primary{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#2563eb,#3b82f6);-webkit-background-clip:text}.stat-card .value.success{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#059669,#10b981);-webkit-background-clip:text}.stat-card .value.warning{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#d97706,#f59e0b);-webkit-background-clip:text}.stat-card .value.danger{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#dc2626,#ef4444);-webkit-background-clip:text}[data-theme=dark] .stat-card .value{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f1f5f9,#cbd5e1);-webkit-background-clip:text}[data-theme=dark] .stat-card .value.primary{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text}[data-theme=dark] .stat-card .value.success{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#34d399,#22c55e);-webkit-background-clip:text}[data-theme=dark] .stat-card .value.warning{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text}[data-theme=dark] .stat-card .value.danger{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#f87171,#ef4444);-webkit-background-clip:text}.stats-grid .stat-card:first-child{animation-delay:0s}.stats-grid .stat-card:nth-child(2){animation-delay:50ms}.stats-grid .stat-card:nth-child(3){animation-delay:.1s}.stats-grid .stat-card:nth-child(4){animation-delay:.15s}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;background:linear-gradient(#ffffff1a,#fff0);transition:opacity .2s;position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:active{transition-duration:.1s;transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 2px 8px #2563eb40}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,#1e40af 100%);transform:translateY(-1px);box-shadow:0 4px 16px #2563eb59}.btn-primary:active{transform:scale(.96)}.btn-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:0 1px 3px #0000000d}[data-theme=dark] .btn-secondary{background:var(--surface-hover)}.btn-secondary:hover{background:var(--surface-hover);border-color:var(--primary);box-shadow:0 2px 8px #00000014}[data-theme=dark] .btn-secondary:hover{background:#475569}.btn-danger{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444440}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 16px #ef444459}.btn-success{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98140}.btn-success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 16px #10b98159}.btn-sm{border-radius:6px;padding:6px 12px;font-size:.75rem}.btn-lg{border-radius:10px;padding:14px 24px;font-size:1rem}.btn-block{width:100%}.badge{text-transform:uppercase;letter-spacing:.04em;transition:var(--transition-theme);border-radius:16px;align-items:center;padding:5px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.badge.parked{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd}[data-theme=dark] .badge.parked{color:#93c5fd;background:#3b82f633;border-color:#3b82f64d}.badge.retrieved{color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7}[data-theme=dark] .badge.retrieved{color:#6ee7b7;background:#22c55e33;border-color:#22c55e4d}.badge.vip{color:#b45309;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d}[data-theme=dark] .badge.vip{color:#fcd34d;background:#f59e0b33;border-color:#f59e0b4d}.badge.pending{color:#6b7280;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db}[data-theme=dark] .badge.pending{color:#94a3b8;background:#94a3b833;border-color:#94a3b84d}.badge-vip{color:#b45309;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;font-weight:600}[data-theme=dark] .badge-vip{color:#fcd34d;background:#f59e0b33;border-color:#f59e0b4d}.badge-regular{color:#64748b;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1}[data-theme=dark] .badge-regular{color:#94a3b8;background:#94a3b826;border-color:#94a3b84d}.badge-new{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd}[data-theme=dark] .badge-new{color:#93c5fd;background:#3b82f633;border-color:#3b82f64d}.empty-state{text-align:center;color:var(--text-light);padding:48px 24px}.empty-state svg{opacity:.4;width:72px;height:72px;color:var(--text-light);margin-bottom:20px}.empty-state h3{color:var(--text);letter-spacing:-.025em;margin-bottom:8px;font-size:1.125rem;font-weight:700}.empty-state p{color:var(--text-light);margin-bottom:20px}.form-group{margin-bottom:20px}.form-group label{color:var(--text);margin-bottom:8px;font-size:.875rem;font-weight:500;display:block}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);-webkit-overflow-scrolling:touch;border-radius:8px;padding:12px 14px;font-family:inherit;font-size:1rem;transition:all .2s}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:var(--surface-hover);border-color:var(--border)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f626}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{box-shadow:0 0 0 3px #3b82f640}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:var(--text-light)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-light)}.form-group input[type=checkbox]{width:auto;margin-right:8px}.form-group textarea{resize:vertical;min-height:80px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media(max-width:500px){.form-row{grid-template-columns:1fr}}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f626}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{box-shadow:0 0 0 3px #3b82f640}.table-container{background:var(--surface);border:1px solid var(--border);transition:var(--transition-theme);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:14px 16px}th{background:var(--background);text-transform:uppercase;color:var(--text-light);letter-spacing:.05em;white-space:nowrap;font-size:.75rem;font-weight:600}[data-theme=dark] th{background:#0f172a}tbody tr{transition:all .15s}tbody tr:hover{background:var(--surface-hover)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:0 0}.search-bar{background:var(--surface);border:1px solid var(--border);transition:var(--transition-theme);border-radius:10px;gap:12px;margin-bottom:24px;padding:4px;display:flex;box-shadow:0 1px 3px #0000000a}.search-bar input{color:var(--text);background:0 0;border:none;flex:1;padding:12px 16px;font-size:1rem}.search-bar input:focus{box-shadow:none;outline:none}.search-bar input::-moz-placeholder{color:var(--text-light)}.search-bar input::placeholder{color:var(--text-light)}.search-bar .btn{flex-shrink:0}.customer-list{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}.customer-card{background:var(--surface);cursor:pointer;animation:.3s forwards fadeInUp;animation-delay:calc(var(--index,0) * 50ms);border:2px solid #0000;border-radius:12px;padding:16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;box-shadow:0 1px 3px #0000000a}.customer-card:before{content:"";background:var(--primary);opacity:0;border-radius:0 2px 2px 0;width:3px;transition:opacity .2s;position:absolute;top:16px;bottom:16px;left:0}.customer-card:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 8px 20px #2563eb1f}[data-theme=dark] .customer-card:hover{box-shadow:0 8px 20px #3b82f626}.customer-card:hover:before{opacity:1}.customer-card .header{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.customer-card .name{color:var(--text);font-size:1rem;font-weight:600}.customer-card .info{color:var(--text-light);margin-bottom:4px;font-size:.8125rem}.customer-card .badge{border-radius:12px;padding:4px 8px;font-size:.6875rem}.visit-card{border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:16px;transition:all .15s;display:flex}.visit-card:hover{background:var(--surface-hover)}.visit-card:last-child{border-bottom:none}.visit-card .car-photo{-o-object-fit:cover;object-fit:cover;background:var(--background);border-radius:10px;flex-shrink:0;width:64px;height:64px}.visit-card .visit-info{flex:1;min-width:0}.visit-card .car-info{color:var(--text);margin-bottom:4px;font-weight:600}.visit-card .info{color:var(--text-light);font-size:.8125rem}.visit-card.visit-card--mobile{border:1px solid var(--border);border-radius:14px;position:relative;overflow:hidden}@supports (color:color-mix(in lab,red,red)){.visit-card.visit-card--mobile{border:1px solid color-mix(in srgb,var(--border) 88%,transparent)}}.visit-card.visit-card--mobile{background:var(--surface);border-bottom:none;flex-direction:column;align-items:stretch;gap:0;margin-bottom:10px;box-shadow:0 4px 22px #0f172a12;padding:0!important}[data-theme=dark] .visit-card.visit-card--mobile{box-shadow:0 10px 36px #00000073}.visit-card--mobile.visit-card--highlight{outline:2px solid #3b82f6;transition:box-shadow .35s,outline .35s;box-shadow:0 0 0 4px #3b82f626}.visit-card--mobile.visit-card--moving .visit-card-mobile-inner{background:linear-gradient(90deg,#f59e0b14 0%,var(--surface) 100%)}@supports (color:color-mix(in lab,red,red)){.visit-card--mobile.visit-card--moving .visit-card-mobile-inner{background:linear-gradient(90deg,#f59e0b14,color-mix(in srgb,var(--surface) 88%,#f59e0b0f))}}.visit-card-mobile-bg{z-index:0;pointer-events:none;position:absolute;inset:0}.visit-card-mobile-bg-img{width:82%;position:absolute;top:0;bottom:0;left:0;overflow:hidden}.visit-card-mobile-bg-img img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:auto;min-width:100%;max-width:none;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.visit-card-mobile-bg-scrim{z-index:1;background:linear-gradient(90deg,transparent 0%,transparent 18%,var(--surface) 52%,var(--surface) 70%,var(--surface) 100%);position:absolute;inset:0}@supports (color:color-mix(in lab,red,red)){.visit-card-mobile-bg-scrim{background:linear-gradient(90deg,transparent 0%,transparent 18%,color-mix(in srgb,var(--surface) 38%,transparent) 52%,var(--surface) 70%,var(--surface) 100%)}}.visit-card-mobile-inner{z-index:2;-webkit-backdrop-filter:blur(1px);background:linear-gradient(90deg,transparent 0%,transparent 18%,var(--surface) 46%,var(--surface) 63%,var(--surface) 70%,var(--surface) 100%);flex-direction:column;min-height:0;display:flex;position:relative}@supports (color:color-mix(in lab,red,red)){.visit-card-mobile-inner{background:linear-gradient(90deg,transparent 0%,transparent 18%,color-mix(in srgb,var(--surface) 18%,transparent) 46%,color-mix(in srgb,var(--surface) 80%,transparent) 63%,var(--surface) 70%,var(--surface) 100%)}}.visit-card-mobile-inner{border:1px solid var(--border);border-radius:14px}@supports (color:color-mix(in lab,red,red)){.visit-card-mobile-inner{border:1px solid color-mix(in srgb,var(--border) 55%,transparent)}}.visit-card-mobile-inner{box-shadow:inset 0 1px #ffffff1a}[data-theme=dark] .visit-card-mobile-inner{border-color:#ffffff12;box-shadow:inset 0 1px #ffffff0a}.visit-card-mobile-body{padding:10px 14px 6px}.visit-card-mobile-name-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.visit-card-mobile-name{flex:1;min-width:0;font-size:.95rem}.visit-card-mobile-name button{text-shadow:.5px 1px var(--background)}.visit-card-mobile-tool.via-btn{flex-shrink:0}.visit-card-mobile-chips{flex-wrap:wrap;align-items:center;gap:5px;margin-bottom:4px;display:flex}.visit-chip{letter-spacing:.02em;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:700}.visit-chip-amber{color:#b45309;background:#fffbeb;border:1px solid #fde68a}.visit-chip-green{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}[data-theme=dark] .visit-chip-amber{color:#fbbf24;background:#f59e0b24;border-color:#fbbf2459}[data-theme=dark] .visit-chip-green{color:#4ade80;background:#22c55e24;border-color:#4ade8059}.visit-move-count{color:#94a3b8;align-items:center;gap:3px;font-size:10px;font-weight:600;display:inline-flex}.visit-card-mobile-line{color:var(--text-light);margin-top:3px;font-size:.72rem;line-height:1.45}.visit-card-mobile-vehicle{color:var(--text);text-shadow:1px 1px var(--background);font-size:.8rem;font-weight:500}.visit-card-mobile-spot{text-shadow:1px 1px var(--background);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.visit-card-mobile-dot{background:var(--text);opacity:.28;border-radius:50%;flex-shrink:0;width:3px;height:3px}.visit-card-mobile-time{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;font-size:.72rem;display:flex}.visit-card-mobile-actions{border-top:1px solid var(--border);flex-flow:wrap;justify-content:flex-end;gap:8px;padding:8px 12px 10px;display:flex}@supports (color:color-mix(in lab,red,red)){.visit-card-mobile-actions{border-top:1px solid color-mix(in srgb,var(--border) 75%,transparent)}}.visit-card-mobile-actions{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.visit-card-mobile-actions{background:color-mix(in srgb,var(--surface) 94%,transparent)}}.visit-card--mobile .via-btn.visit-card-mobile-action{border-radius:10px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}.visit-card--mobile .via-btn.visit-card-mobile-tool{border:1px solid var(--border)!important;border-radius:10px!important;width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important}@supports (color:color-mix(in lab,red,red)){.visit-card--mobile .via-btn.visit-card-mobile-tool{border:1px solid color-mix(in srgb,var(--border) 80%,transparent)!important}}.visit-card--mobile .via-btn.visit-card-mobile-tool{background:var(--surface)!important}@supports (color:color-mix(in lab,red,red)){.visit-card--mobile .via-btn.visit-card-mobile-tool{background:color-mix(in srgb,var(--surface) 70%,transparent)!important}}.visit-card--mobile .via-btn.visit-card-mobile-tool-key{color:#818cf8!important;background:#6366f11f!important;border:1px solid #6366f14d!important;flex-direction:row!important;gap:4px!important;width:auto!important;padding:0 10px!important}.parked-action-toast{bottom:calc(72px + env(safe-area-inset-bottom,12px));z-index:8500;text-align:center;-webkit-backdrop-filter:blur(12px);border-radius:14px;padding:12px 16px;font-size:14px;font-weight:600;animation:.25s slideIn;position:fixed;left:12px;right:12px}[data-theme=light] .parked-action-toast,:root:not([data-theme=dark]) .parked-action-toast{color:#0f172a;background:linear-gradient(135deg,#fff,#f1f5f9);border:1px solid #94a3b859;box-shadow:0 8px 28px #0f172a1f}[data-theme=dark] .parked-action-toast{color:#f8fafc;background:linear-gradient(135deg,#1e293bf0,#0f172af7);border:1px solid #ffffff14;box-shadow:0 8px 32px #00000059}.visit-chip-key{color:#818cf8;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#6366f11f;border:1px solid #6366f14d;outline:none;align-items:center;gap:3px;font-family:inherit;line-height:1;display:inline-flex}.visit-chip-key:active{background:#6366f138}@keyframes vcTooltipIn{0%{opacity:0;transform:translateY(6px)scale(.93)}to{opacity:1;transform:translateY(0)scale(1)}}.visit-card .status{text-transform:uppercase;letter-spacing:.03em;border-radius:20px;flex-shrink:0;padding:6px 14px;font-size:.75rem;font-weight:600}.status-parked{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd}[data-theme=dark] .status-parked{color:#93c5fd;background:#3b82f633;border-color:#3b82f64d}.status-retrieved{color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0);border:1px solid #6ee7b7}[data-theme=dark] .status-retrieved{color:#6ee7b7;background:#22c55e33;border-color:#22c55e4d}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#0f172a99;justify-content:center;align-items:center;animation:.2s modalBackdropFadeIn;display:flex;position:fixed;inset:0}[data-theme=dark] .modal-overlay{background:#000000b3}.modal{background:var(--surface);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border-radius:16px;width:90%;max-width:500px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) modalSlideIn;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@media(max-width:480px){.modal-overlay{align-items:flex-end}.modal{width:100%;max-width:100%;max-height:92vh;padding-bottom:env(safe-area-inset-bottom,0px);border-radius:20px 20px 0 0}.modal-footer{padding-bottom:max(16px,env(safe-area-inset-bottom,16px))}}[data-theme=dark] .modal{border:1px solid var(--border);box-shadow:0 25px 50px -12px #00000080}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:var(--text);letter-spacing:-.025em;font-size:1.125rem;font-weight:700}.modal-header button{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:6px;padding:4px;transition:all .15s}.modal-header button:hover{background:var(--surface-hover);color:var(--text)}.modal-body{padding:24px}.modal-footer{border-top:1px solid var(--border);background:var(--background);border-radius:0 0 16px 16px;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.modal-backdrop{z-index:999;background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}[data-theme=dark] .modal-backdrop{background:#000000b3}.detail-header{border-bottom:1px solid var(--border);gap:24px;margin-bottom:28px;padding-bottom:24px;display:flex}.detail-photo{-o-object-fit:cover;object-fit:cover;background:var(--background);border-radius:16px;width:100px;height:100px}.detail-info{flex:1}.detail-info h1{color:var(--text);letter-spacing:-.025em;margin-bottom:8px;font-size:1.75rem;font-weight:700}.detail-info .contact{color:var(--text-light);margin-bottom:6px;font-size:.9375rem}.tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:24px;padding-bottom:8px;display:flex;overflow-x:auto}.tab{color:var(--text-light);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;padding:10px 18px;font-family:inherit;font-size:.9375rem;font-weight:500;transition:all .2s}.tab:hover{background:var(--surface-hover);color:var(--text)}.tab.active{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;box-shadow:0 2px 8px #2563eb40}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media(max-width:900px){.grid-2{grid-template-columns:1fr}}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.skeleton{background:linear-gradient(90deg,var(--surface-hover) 25%,var(--border) 50%,var(--surface-hover) 75%);background-size:200% 100%;border-radius:6px;animation:1.5s ease-in-out infinite shimmer}[data-theme=dark] .skeleton{background:linear-gradient(90deg,#1e293b 25%,#334155,#1e293b 75%) 0 0/200% 100%}.checkin-form{max-width:600px;margin:0 auto}@media(max-width:640px){.checkin-form{max-width:100%}}.checkin-form h3{letter-spacing:-.025em;margin-bottom:20px;font-size:1.25rem;font-weight:700}.checkin-form h4{color:var(--text-light);text-transform:uppercase;letter-spacing:.05em;margin:16px 0 8px;font-size:.875rem}.customer-select{position:relative}.customer-dropdown{background:var(--surface);border:1px solid var(--border);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;z-index:10;border-radius:10px;max-height:320px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 40px #0000001f}[data-theme=dark] .customer-dropdown{box-shadow:0 10px 40px #0006}.customer-option{cursor:pointer;border-bottom:1px solid var(--border);padding:14px 16px;transition:all .15s}.customer-option:hover{background:var(--surface-hover)}.customer-option:last-child{border-bottom:none}.customer-option strong{color:var(--text);margin-bottom:2px;display:block}.checkin-results{margin-top:12px}.checkin-result-card{cursor:pointer;border-bottom:1px solid var(--border);touch-action:manipulation;border-radius:8px;min-height:56px;margin-bottom:4px;padding:14px 16px;transition:all .15s}.checkin-result-card:hover{background:var(--surface-hover);border-color:var(--primary)}.checkin-result-card:last-child{border-bottom:none}.checkin-result-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.checkin-result-header strong{color:var(--text);font-size:.9375rem}.checkin-result-phone{color:var(--text-light);font-size:.8125rem}.checkin-result-cars{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.toast{z-index:1000;border-radius:8px;padding:1rem 1.5rem;animation:.3s slideIn;position:fixed;bottom:20px;right:20px;box-shadow:0 10px 25px #00000026}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--danger);color:#fff}.toast-info{background:var(--primary);color:#fff}.receipt{background:var(--surface);border:1px solid var(--border);transition:var(--transition-theme);border-radius:8px;margin:1rem 0;padding:1rem;font-family:Courier New,monospace}.receipt-header{text-align:center;border-bottom:1px dashed var(--border);margin-bottom:1rem;padding-bottom:1rem}.receipt-header h2{color:var(--text);letter-spacing:-.025em;margin:0;font-weight:700}.receipt-details,.receipt-customer,.receipt-vehicle,.receipt-status{margin-bottom:1rem}.receipt-details p,.receipt-customer p,.receipt-vehicle p,.receipt-status p{color:var(--text);margin:.25rem 0;font-size:14px}.receipt-footer{text-align:center;border-top:1px dashed var(--border);color:var(--text-light);margin-top:1rem;padding-top:1rem;font-size:12px}.btn-group{flex-direction:column;gap:.5rem;display:flex}.btn-group .btn{white-space:nowrap}.login-page{min-height:100dvh;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom,1rem));-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#1e293b,#0f172a);justify-content:center;align-items:center;display:flex;overflow-y:auto}.login-card{background:var(--surface);width:100%;max-width:400px;transition:var(--transition-theme);border-radius:12px;padding:2rem;box-shadow:0 20px 25px -5px #0000001a}@media(max-width:420px){.login-card{border-radius:16px;padding:1.5rem 1.25rem}}[data-theme=dark] .login-card{border:1px solid var(--border);box-shadow:0 20px 25px -5px #0006}.login-logo svg{width:48px;height:48px;color:var(--primary)}.login-card h1{text-align:center;color:var(--text);letter-spacing:-.025em;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.login-card h2{text-align:center;color:var(--text-light);margin:0 0 1.5rem;font-size:1rem;font-weight:400}.login-card .divider{text-align:center;color:var(--text-light);margin:1rem 0;font-size:.875rem}.login-card .divider:before,.login-card .divider:after{content:"";background:var(--border);vertical-align:middle;width:40%;height:1px;margin:0 .5rem;display:inline-block}.staff-info{background:var(--background);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:1rem;position:absolute;bottom:1rem;left:1rem;right:1rem}[data-theme=dark] .staff-info{background:var(--background)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark] .staff-info{background:color-mix(in srgb,var(--background) 80%,#000 20%)}}.staff-name{margin-bottom:.25rem;font-weight:600}.staff-role{color:var(--text-light);text-transform:capitalize;margin-bottom:.75rem;font-size:.75rem}.btn-small{padding:.375rem .75rem;font-size:.75rem}.btn-small svg{width:14px;height:14px;margin-right:.25rem}.landing-page{color:#1e293b;text-align:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}[data-theme=dark] .landing-page{color:#f1f5f9;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a)}.landing-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 30% 70%,#0f172a08,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}[data-theme=dark] .landing-page:before{background:radial-gradient(circle at 30% 70%,#3b82f60d,#0000 50%)}.landing-page .hero{z-index:1;margin-bottom:3rem;position:relative}.landing-page .logo{background:#0f172a;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.5rem;display:flex}[data-theme=dark] .landing-page .logo{background:var(--primary)}.landing-page .logo svg{color:#fff;width:48px;height:48px}.landing-page h1{color:#0f172a;letter-spacing:-.025em;margin-bottom:.5rem;font-size:3rem;font-weight:700}[data-theme=dark] .landing-page h1{color:#f1f5f9}.landing-page .tagline{color:#64748b;max-width:500px;margin-bottom:2rem;font-size:1.25rem}[data-theme=dark] .landing-page .tagline{color:#94a3b8}.landing-page .cta-buttons{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.landing-page .btn-large{padding:1rem 2rem;font-size:1rem}.landing-page .btn-primary{color:#fff;background:#0f172a;border:none}[data-theme=dark] .landing-page .btn-primary{background:var(--primary)}.landing-page .btn-primary:hover{background:#1e293b}[data-theme=dark] .landing-page .btn-primary:hover{background:var(--primary-dark)}.landing-page .btn-secondary{color:#0f172a;background:#fff;border:2px solid #e2e8f0}[data-theme=dark] .landing-page .btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.landing-page .btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}[data-theme=dark] .landing-page .btn-secondary:hover{background:var(--surface-hover);border-color:var(--primary)}.landing-page .features{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;display:grid}.landing-page .feature{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:2rem;transition:all .25s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .landing-page .feature{background:var(--surface);border-color:var(--border)}.landing-page .feature:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014}[data-theme=dark] .landing-page .feature:hover{box-shadow:0 8px 25px #0000004d}.landing-page .feature h3{color:#0f172a;letter-spacing:-.025em;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}[data-theme=dark] .landing-page .feature h3{color:var(--text)}.landing-page .feature p{color:#64748b}[data-theme=dark] .landing-page .feature p{color:var(--text-light)}.universal-search{margin-bottom:24px}.universal-search-input{background:var(--surface);border:2px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:6px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #0000000a}.universal-search-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px #3b82f61f,0 4px 12px #0000000f}[data-theme=dark] .universal-search-input:focus-within{box-shadow:0 0 0 4px #3b82f633,0 4px 12px #0003}.universal-search-input svg{width:20px;height:20px;color:var(--text-light);flex-shrink:0}.universal-search-input input{color:var(--text);background:0 0;border:none;flex:1;padding:12px 0;font-size:1rem}.universal-search-input input:focus{box-shadow:none;outline:none}.universal-search-input input::-moz-placeholder{color:var(--text-light)}.universal-search-input input::placeholder{color:var(--text-light)}.search-clear{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;transition:all .15s;display:flex}.search-clear:hover{background:var(--surface-hover);color:var(--text)}.search-clear svg{width:16px;height:16px}.search-hint{color:var(--text-light);margin-top:10px;padding-left:4px;font-size:.8125rem}.search-hint-multi{color:var(--primary);font-weight:500}.search-cars{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.search-car-tag{background:var(--surface-hover);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.car-color-dot{border:1px solid #00000026;border-radius:50%;flex-shrink:0;width:10px;height:10px;box-shadow:inset 0 1px 2px #ffffff4d}.car-plate{color:#f8fafc;letter-spacing:.05em;background:#1e293b;border-radius:4px;padding:1px 6px;font-family:SF Mono,Fira Code,monospace;font-size:.6875rem;font-weight:600}[data-theme=dark] .car-plate{color:#f1f5f9;background:#475569}.search-notes-snippet{color:#64748b;background:#fefce8;border:1px solid #fef08a;border-radius:6px;margin-top:8px;padding:6px 10px;font-size:.75rem;line-height:1.4}[data-theme=dark] .search-notes-snippet{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b4d}.notes-icon{font-size:.6875rem}.sidebar-search-wrap{margin-bottom:16px;position:relative}.sidebar-search-input{background:var(--background);border:1.5px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;transition:all .2s;display:flex}.sidebar-search-input:focus-within{background:var(--surface);border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .sidebar-search-input:focus-within{box-shadow:0 0 0 3px #3b82f633}.sidebar-search-input svg{width:15px;height:15px;color:var(--text-light);flex-shrink:0}.sidebar-search-input input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:0;font-size:1rem}.sidebar-search-input input::-moz-placeholder{color:var(--text-light)}.sidebar-search-input input::placeholder{color:var(--text-light)}.sidebar-search-input input:focus{box-shadow:none}.sidebar-search-spinner{border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite spin}.sidebar-search-dropdown{background:var(--surface);border:1px solid var(--border);z-index:50;border-radius:10px;width:340px;max-height:380px;animation:.15s dropdownFadeIn;position:absolute;top:calc(100% + 4px);left:0;overflow-y:auto;box-shadow:0 10px 40px #00000026}[data-theme=dark] .sidebar-search-dropdown{box-shadow:0 10px 40px #0006}.sidebar-search-result{cursor:pointer;border-bottom:1px solid var(--border);padding:10px 14px;transition:background .15s}.sidebar-search-result:hover{background:var(--surface-hover)}.sidebar-search-result:last-child{border-bottom:none}.sidebar-search-result-header{align-items:center;gap:8px;display:flex}.sidebar-search-name{color:var(--text);font-size:.875rem;font-weight:600}.sidebar-search-cars{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.portal-page{background:var(--background);min-height:100vh}.portal-header{background:var(--surface);box-shadow:var(--shadow);justify-content:space-between;align-items:center;max-width:480px;margin:0 auto;padding:16px 24px;display:flex}.portal-header h1{color:var(--text);letter-spacing:-.025em;margin:0;font-size:1.25rem;font-weight:700}.portal-header p{color:var(--text-light);margin:0;font-size:.875rem}.portal-header-icon svg{width:24px;height:24px;color:var(--text-light)}.portal-main{flex-direction:column;gap:20px;max-width:480px;margin:0 auto;padding:24px 16px;display:flex}.portal-message{border-radius:var(--radius);align-items:center;gap:12px;max-width:480px;margin:16px auto 0;padding:12px 16px;display:flex}.portal-message-success{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7}[data-theme=dark] .portal-message-success{color:#6ee7b7;background:#22c55e26;border-color:#22c55e4d}.portal-message-error{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}[data-theme=dark] .portal-message-error{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.portal-message-icon svg{flex-shrink:0;width:20px;height:20px}.portal-message-success .portal-message-icon svg{color:#059669}[data-theme=dark] .portal-message-success .portal-message-icon svg{color:#6ee7b7}.portal-message-error .portal-message-icon svg{color:#dc2626}[data-theme=dark] .portal-message-error .portal-message-icon svg{color:#fca5a5}.portal-message-text{flex:1;font-size:.875rem;font-weight:500}.portal-message-close{cursor:pointer;color:var(--text-light);background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.portal-message-close svg{width:18px;height:18px}.portal-message-close:hover{background:#0000000d}[data-theme=dark] .portal-message-close:hover{background:#ffffff0d}.portal-visit-card{padding:0;overflow:hidden}.portal-visit-status{justify-content:space-between;align-items:center;padding:12px 16px;font-size:.875rem;font-weight:600;display:flex}.portal-visit-status.status-parked{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#bfdbfe)}[data-theme=dark] .portal-visit-status.status-parked{color:#93c5fd;background:#3b82f633}.portal-visit-status.status-retrieved{color:#059669;background:linear-gradient(135deg,#d1fae5,#a7f3d0)}[data-theme=dark] .portal-visit-status.status-retrieved{color:#6ee7b7;background:#22c55e33}.portal-visit-status-icon svg{width:20px;height:20px}.portal-visit-body{flex-direction:column;gap:16px;padding:16px;display:flex}.portal-info-row{align-items:center;gap:12px;display:flex}.portal-info-icon{background:var(--background);border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.portal-info-icon svg{width:22px;height:22px;color:var(--text-light)}.portal-info-primary{color:var(--text);margin:0;font-size:.9375rem;font-weight:600}.portal-info-secondary{color:var(--text-light);margin:2px 0 0;font-size:.8125rem}.portal-actions{border-top:1px solid var(--border);flex-direction:column;gap:12px;padding-top:16px;display:flex}.portal-actions .btn svg{width:18px;height:18px}.portal-actions-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.portal-quick-actions{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.portal-quick-action-btn{flex-direction:column;align-items:center;gap:8px;padding:16px 8px;transition:all .2s;display:flex}.portal-quick-action-btn:hover{background:var(--surface-hover);border-radius:var(--radius)}.portal-quick-action-btn:active{transform:scale(.96)}.portal-quick-action-btn svg{width:24px;height:24px;color:var(--text-light)}.portal-quick-action-btn span{color:var(--text-light);font-size:.75rem}.portal-cars-list{flex-direction:column;gap:8px;display:flex}.portal-car-item{background:var(--background);border-radius:var(--radius);justify-content:space-between;align-items:center;padding:12px;display:flex}.portal-car-info{align-items:center;gap:12px;display:flex}.portal-car-icon svg{width:20px;height:20px;color:var(--text-light)}.portal-notification-link{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.portal-arrow-icon svg{width:20px;height:20px;color:var(--text-light)}.settings-page{max-width:960px;margin:0 auto;padding:32px 16px}.settings-page h1{color:var(--text);letter-spacing:-.025em;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}.settings-section{background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--border);transition:var(--transition-theme);border-radius:12px;margin-bottom:24px;padding:1.5rem}.settings-section h2{color:var(--text);letter-spacing:-.025em;margin-bottom:1rem;font-size:1.125rem;font-weight:700}.settings-methods-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media(min-width:768px){.settings-methods-grid{grid-template-columns:repeat(5,1fr)}}.settings-method-card{background:var(--background);text-align:center;border:1px solid var(--border);cursor:default;border-radius:10px;flex-direction:column;align-items:center;padding:16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.settings-method-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}[data-theme=dark] .settings-method-card:hover{box-shadow:0 4px 12px #0000004d}.settings-method-icon{justify-content:center;align-items:center;margin-bottom:8px;display:flex}.settings-method-icon svg,.settings-method-card svg{width:32px;height:32px;color:var(--text-light);transition:color .2s}.settings-method-card:hover svg{color:var(--primary)}.settings-method-name{color:var(--text);font-size:.9375rem;font-weight:600}.settings-method-card .method-name{color:var(--text);margin-bottom:.25rem;font-size:.875rem;font-weight:600}.settings-method-desc{color:var(--text-light);margin-top:4px;font-size:.75rem;line-height:1.4}.settings-method-card .method-desc{color:var(--text-light);text-align:center;font-size:.75rem;line-height:1.3}.settings-form-group{margin-bottom:16px}.settings-form-group label{color:var(--text);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.settings-form-group select,.settings-form-group input[type=text],.settings-form-group input[type=email],.settings-form-group input[type=tel]{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:10px 14px;font-family:inherit;font-size:.9375rem;transition:all .2s}[data-theme=dark] .settings-form-group select,[data-theme=dark] .settings-form-group input[type=text],[data-theme=dark] .settings-form-group input[type=email],[data-theme=dark] .settings-form-group input[type=tel]{background:var(--surface-hover)}.settings-form-group select:focus,.settings-form-group input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #3b82f626}[data-theme=dark] .settings-form-group select:focus,[data-theme=dark] .settings-form-group input:focus{box-shadow:0 0 0 3px #3b82f640}.settings-checkbox-group{flex-direction:column;gap:.75rem;margin-bottom:16px;display:flex}.settings-checkbox-group label,.settings-checkbox-label{color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:8px 12px;font-size:.9375rem;transition:background .15s;display:flex}.settings-checkbox-group label:hover,.settings-checkbox-label:hover{background:var(--surface-hover)}.settings-checkbox-group input[type=checkbox],.settings-checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary);cursor:pointer;border-radius:4px;flex-shrink:0}.settings-qr-display{background:var(--background);border:1px solid var(--border);border-radius:10px;margin-top:.5rem;margin-bottom:16px;padding:1rem}.settings-qr-display p{color:var(--text-light);margin:0 0 .5rem;font-size:.875rem}.settings-qr-display code{background:var(--surface);border:1px solid var(--border);color:var(--text);word-break:break-all;border-radius:4px;padding:4px 8px;font-family:SF Mono,Fira Code,Courier New,monospace;font-size:.8125rem}.settings-actions{border-top:1px solid var(--border);gap:.75rem;margin-top:1rem;padding-top:1rem;display:flex}.settings-actions .btn{padding:10px 24px;font-weight:500}.settings-prefs{flex-direction:column;display:flex}@media(max-width:768px){.sidebar{display:none}.stats-grid{grid-template-columns:1fr 1fr;gap:12px}.stat-card{padding:16px}.stat-card .value{font-size:1.75rem}.form-row{grid-template-columns:1fr}.detail-header{flex-direction:column}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.page-header .btn{justify-content:center;width:100%}.customer-list{grid-template-columns:1fr}.modal{max-height:calc(100vh - 32px);margin:16px}.settings-page{padding:1rem .75rem}.settings-page h1{font-size:1.5rem}}@media(max-width:600px){.settings-methods-grid{grid-template-columns:repeat(2,1fr)}.settings-actions{flex-direction:column}.settings-actions .btn{justify-content:center;width:100%}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}.sidebar,.main,.card,.stat-card,.customer-card,.visit-card,.table-container,.modal,.search-bar,.universal-search-input,.form-group input,.form-group select,.form-group textarea,.settings-section,.settings-method-card,.receipt,.login-card,.toast,.badge,.tab,.btn-secondary,.location-selector select,.sidebar-search-input,.sidebar-search-dropdown,.customer-dropdown,.settings-form-group select,.settings-form-group input,.settings-qr-display,.settings-checkbox-group label,.portal-header,.portal-visit-card,.portal-car-item,.portal-info-icon{transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s}[data-theme=dark] ::-webkit-scrollbar{width:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:#0f172a}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#475569}.tabs-scroll::-webkit-scrollbar{display:none}[data-theme=dark] ::-moz-selection{color:#f1f5f9;background:#3b82f64d}[data-theme=dark] ::selection{color:#f1f5f9;background:#3b82f64d}.bottom-tab-bar{padding:6px 0 calc(6px + env(safe-area-inset-bottom,0px));-webkit-backdrop-filter:blur(20px);z-index:1000;background:#ffffffe0;border-top:.5px solid #00000014;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}[data-theme=dark] .bottom-tab-bar{background:#0f172aeb;border-top:.5px solid #ffffff0f}.tab-item{cursor:pointer;color:#94a3b8;-webkit-tap-highlight-color:transparent;min-height:unset;min-width:unset;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:4px 12px;font-family:inherit;font-size:10px;font-weight:400;text-decoration:none;transition:color .2s;display:flex;position:relative}.tab-item.active{color:#3b82f6;font-weight:600}[data-theme=dark] .tab-item.active{color:#60a5fa}.tab-item svg{width:24px;height:24px;transition:transform .2s}.tab-item.active svg{transform:scale(1.05)}.tab-item-center{position:relative}.tab-item-center:before{content:"";z-index:-1;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:50%;width:48px;height:48px;position:absolute;top:-8px;left:50%;transform:translate(-50%);box-shadow:0 4px 15px #2563eb4d}.tab-item-center svg{color:#fff}.tab-item-center span{color:#3b82f6;font-weight:600}.more-menu-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1001;background:#0006;animation:.15s fadeIn;position:fixed;inset:0}.more-menu{background:var(--surface);padding:0 0 calc(16px + env(safe-area-inset-bottom,0px));z-index:1002;border-radius:16px 16px 0 0;max-height:70vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;position:fixed;bottom:0;left:0;right:0;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.more-menu-handle{background:var(--border);border-radius:2px;width:36px;height:4px;margin:12px auto}.more-menu-item{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:14px;width:100%;padding:14px 24px;font-family:inherit;font-size:.9375rem;font-weight:500;text-decoration:none;transition:background .15s;display:flex}.more-menu-item:hover,.more-menu-item:active{background:var(--surface-hover)}.more-menu-item svg{width:22px;height:22px;color:var(--text-light);flex-shrink:0}.more-menu-divider{background:var(--border);height:1px;margin:8px 24px}.more-menu-item.danger,.more-menu-item.danger svg{color:var(--danger)}@media(max-width:767px){.app{flex-direction:column}.sidebar{display:none!important}.main{width:100%;padding:16px;padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))!important}.page-header{margin-bottom:20px;padding-bottom:14px}.page-header h2{font-size:1.5rem}.visit-card:not(.visit-card--mobile){flex-direction:row;align-items:flex-start;gap:8px;padding:9px 12px}.visit-card:not(.visit-card--mobile) .car-photo{border-radius:8px;flex-shrink:0;width:44px;height:44px;margin-top:1px}.visit-card .visit-info{flex:1;min-width:0}.visit-card .car-info{flex-wrap:wrap;align-items:center;gap:4px;margin-bottom:1px;font-size:.85rem;font-weight:600;line-height:1.3;display:flex}.visit-card .info{color:var(--text-light);font-size:.71rem;line-height:1.35}.visit-icon-actions{flex-direction:column;flex-shrink:0;align-items:center;gap:2px;display:flex}.via-btn{cursor:pointer;background:0 0;border:none;border-radius:7px;justify-content:center;align-items:center;padding:0;transition:background .12s;display:flex;width:30px!important;min-width:30px!important;height:28px!important;min-height:28px!important}.via-btn.via-secondary{color:var(--text-light)}.via-btn.via-secondary:hover{background:var(--surface-hover)}.via-btn.via-checkout{color:#22c55e;background:#22c55e14}.via-btn.via-checkout:hover{background:#22c55e2e}.modal-overlay{align-items:flex-end}.modal{border-radius:16px 16px 0 0;width:100%;max-width:100%;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px}.stat-card .value{font-size:1.5rem}.stat-card h3{font-size:.75rem}.customer-list{grid-template-columns:1fr;gap:10px}table{font-size:.8125rem}th,td{padding:10px 12px}.grid-2{grid-template-columns:1fr;gap:16px}.landing-page h1{font-size:2rem}.landing-page .tagline{font-size:1rem}.universal-search-input{padding:4px 12px}.universal-search-input input{font-size:1rem}}@media(min-width:768px){.sidebar{height:100%;overflow:hidden}.sidebar-bottom{margin-top:auto}.staff-info{margin-top:12px;position:relative;bottom:auto;left:auto;right:auto}.main{min-height:100%;padding-bottom:24px}}.pwa-install-banner{bottom:calc(64px + env(safe-area-inset-bottom,0px));background:var(--surface);border:1px solid var(--border);z-index:999;border-radius:12px;align-items:center;gap:12px;padding:16px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;left:16px;right:16px;box-shadow:0 8px 30px #0000001f}[data-theme=dark] .pwa-install-banner{box-shadow:0 8px 30px #0006}.pwa-install-banner .pwa-icon{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pwa-install-banner .pwa-icon svg{color:#fff;width:24px;height:24px}.pwa-install-banner .pwa-text{flex:1}.pwa-install-banner .pwa-title{color:var(--text);font-size:.875rem;font-weight:600}.pwa-install-banner .pwa-desc{color:var(--text-light);font-size:.75rem}.chat-list{flex-direction:column;gap:8px;display:flex}.chat-list-item{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;transition:all .15s;display:flex}.chat-list-item:hover{border-color:var(--primary);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}[data-theme=dark] .chat-list-item:hover{box-shadow:0 4px 12px #0000004d}.chat-list-item .chat-avatar{background:var(--background);width:40px;height:40px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.chat-list-item .chat-preview{flex:1;min-width:0}.chat-list-item .chat-name{color:var(--text);font-size:.875rem;font-weight:600}.chat-list-item .chat-last-msg{color:var(--text-light);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.chat-list-item .chat-badge{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.6875rem;font-weight:700;display:flex}.chat-messages-container{flex-direction:column;height:calc(100vh - 200px);display:flex}@media(max-width:767px){.chat-messages-container{height:calc(100dvh - 180px)}}.chat-messages{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.chat-bubble{border-radius:16px;max-width:75%;padding:10px 14px;font-size:.875rem;line-height:1.4;animation:.2s fadeInUp}.chat-bubble.incoming{background:var(--surface-hover);color:var(--text);border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble.outgoing{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble .chat-sender{opacity:.7;margin-bottom:2px;font-size:.6875rem;font-weight:600}.chat-bubble .chat-time{opacity:.6;text-align:right;margin-top:4px;font-size:.625rem}.chat-input-bar{border-top:1px solid var(--border);background:var(--surface);gap:8px;padding:12px 16px;display:flex}.chat-input-bar input{border:1px solid var(--border);background:var(--background);color:var(--text);border-radius:20px;flex:1;padding:10px 14px;font-family:inherit;font-size:.875rem}.chat-input-bar input:focus{border-color:var(--primary);outline:none}.chat-input-bar button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .15s;display:flex}.chat-input-bar button:active{transform:scale(.92)}.chat-input-bar button svg{width:18px;height:18px}.role-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.6875rem;font-weight:600;display:inline-flex}.role-badge.admin{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.role-badge.manager{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.role-badge.staff,.role-badge.attendant{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633}[data-theme=dark] .role-badge.admin{color:#fca5a5;background:#ef444426}[data-theme=dark] .role-badge.manager{color:#fcd34d;background:#f59e0b26}[data-theme=dark] .role-badge.staff,[data-theme=dark] .role-badge.attendant{color:#93c5fd;background:#3b82f626}.car-request-alert{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:12px;align-items:center;gap:14px;margin-bottom:16px;padding:16px;animation:.3s fadeInUp,2s ease-in-out infinite pulse;display:flex}[data-theme=dark] .car-request-alert{background:#f59e0b26;border-color:#f59e0b4d}@keyframes pulse{0%,to{box-shadow:0 0 #f59e0b4d}50%{box-shadow:0 0 0 8px #f59e0b00}}.car-request-alert .request-icon{background:#f59e0b;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.car-request-alert .request-icon svg{color:#fff;width:24px;height:24px}.car-request-alert .request-info{flex:1}.car-request-alert .request-customer{color:#92400e;font-size:.9375rem;font-weight:700}[data-theme=dark] .car-request-alert .request-customer{color:#fcd34d}.car-request-alert .request-car{color:#b45309;font-size:.8125rem}[data-theme=dark] .car-request-alert .request-car{color:#fbbf24}.car-request-alert .request-time{color:#d97706;margin-top:2px;font-size:.75rem}html{height:-webkit-fill-available}body{min-height:100dvh}.app{overscroll-behavior:none}@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top,0px)}.bottom-tab-bar{padding-bottom:calc(8px + env(safe-area-inset-bottom,0px))}}.error-message{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:.875rem;font-weight:500;animation:.2s fadeInUp;display:flex}[data-theme=dark] .error-message{color:#fca5a5;background:#ef44441f;border-color:#ef44444d}.success-message{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.875rem;font-weight:500;animation:.2s fadeInUp}[data-theme=dark] .success-message{color:#86efac;background:#22c55e1f;border-color:#22c55e4d}.login-page{min-height:100dvh;padding:1rem;padding-bottom:max(1rem,env(safe-area-inset-bottom,1rem));-webkit-overflow-scrolling:touch;background:radial-gradient(80% 60% at 20% 20%,#7c6ef517,#0000 60%),radial-gradient(60% 50% at 80% 80%,#e9a84012,#0000 55%),linear-gradient(160deg,#f8fafc,#f1f5f9 45%,#f8fafc);justify-content:center;align-items:center;display:flex;position:relative;overflow-y:auto}.login-page:before{content:"";pointer-events:none;background-image:linear-gradient(#00000006 1px,#0000 1px),linear-gradient(90deg,#00000006 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.login-card{-webkit-backdrop-filter:blur(20px)saturate(1.6);z-index:1;background:#ffffffe0;border-radius:20px;width:100%;max-width:400px;padding:2.25rem;transition:box-shadow .3s;position:relative;box-shadow:0 0 0 1px #0000000f,0 24px 48px #0000001a,0 0 80px #7c6ef512}.login-card:focus-within{box-shadow:0 0 0 1px #7c6ef54d,0 24px 48px #0000001a,0 0 100px #7c6ef51f}.login-card h2{text-align:center;color:#64748b;letter-spacing:.5px;margin:0 0 1.75rem;font-size:.9rem;font-weight:400}.login-card .form-group label{color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:.8125rem;font-weight:600}.login-card .form-group input{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;transition:all .2s}.login-card .form-group input::-moz-placeholder{color:#94a3b8}.login-card .form-group input::placeholder{color:#94a3b8}.login-card .form-group input:focus{color:#1e293b;background:#fff;border-color:#7c6ef599;box-shadow:0 0 0 3px #7c6ef51f}.login-card .divider{text-align:center;color:#94a3b8;align-items:center;gap:12px;margin:1.25rem 0;font-size:.8rem;display:flex}.login-card .divider:before,.login-card .divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.login-hint{text-align:center;color:#94a3b8;margin-top:1.25rem;font-size:.75rem}[data-theme=dark] .login-page{background:radial-gradient(80% 60% at 20% 20%,#7c6ef52e,#0000 60%),radial-gradient(60% 50% at 80% 80%,#e9a8401f,#0000 55%),linear-gradient(160deg,#0f172a,#1e293b 45%,#0f172a)}[data-theme=dark] .login-page:before{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px)}[data-theme=dark] .login-card{background:#1e293bbf;box-shadow:0 0 0 1px #ffffff14,0 24px 48px #00000080,0 0 80px #7c6ef51f}[data-theme=dark] .login-card:focus-within{box-shadow:0 0 0 1px #7c6ef566,0 24px 48px #00000080,0 0 100px #7c6ef533}[data-theme=dark] .login-card h2{color:#94a3b8d9}[data-theme=dark] .login-card .form-group label{color:#94a3b8}[data-theme=dark] .login-card .form-group input{color:#e2e8f0;background:#0f172a99;border:1px solid #ffffff1a}[data-theme=dark] .login-card .form-group input::-moz-placeholder{color:#64748bb3}[data-theme=dark] .login-card .form-group input::placeholder{color:#64748bb3}[data-theme=dark] .login-card .form-group input:focus{color:#f1f5f9;background:#0f172acc;border-color:#7c6ef5b3;box-shadow:0 0 0 3px #7c6ef533}[data-theme=dark] .login-card .divider{color:#64748bb3}[data-theme=dark] .login-card .divider:before,[data-theme=dark] .login-card .divider:after{background:#ffffff14}[data-theme=dark] .login-hint{color:#64748bb3}@media(max-width:420px){.login-card{border-radius:20px;padding:1.75rem 1.25rem}}.login-logo{text-align:center;margin-bottom:1.25rem}.login-card h1{text-align:center;letter-spacing:6px;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#b8acff,#7c6ef5 55%,#e9a840);-webkit-background-clip:text;background-clip:text;margin:0 0 .375rem;font-size:1.625rem;font-weight:800}.login-card .btn-primary{letter-spacing:.3px;background:linear-gradient(135deg,#7c6ef5,#6366f1);border-radius:10px;padding:13px 20px;font-size:.9375rem;font-weight:700;box-shadow:0 4px 16px #7c6ef559}.login-card .btn-primary:hover{background:linear-gradient(135deg,#8b7ef8,#7478f3);transform:translateY(-1px);box-shadow:0 6px 24px #7c6ef580}.login-card .btn-primary:disabled{opacity:.65;transform:none}[data-theme=dark] .sidebar{background:linear-gradient(#1e293b,#0f172a)}.nav-link{border-radius:10px;padding:10px 12px;font-size:.9rem}.nav-link.active{color:#fff;background:linear-gradient(135deg,#7c6ef5,#6366f1);border:1px solid #0000;box-shadow:0 2px 10px #7c6ef559}[data-theme=dark] .nav-link.active{color:#a78bfa;box-shadow:none;background:linear-gradient(135deg,#7c6ef540,#6366f133);border:1px solid #7c6ef540}.stat-card{border-radius:14px;padding:18px 20px}.stat-card:before{border-radius:2px 2px 0 0;height:2px}.card{border-radius:14px}.btn{border-radius:10px}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 2px 8px #6366f14d}.btn-primary:hover{background:linear-gradient(135deg,#7475f3,#5f5df0);box-shadow:0 4px 16px #6366f166}.modal{border-radius:18px}.page-header h2{font-size:1.5rem}@media(max-width:768px){.sidebar{display:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}