@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-font-weight:initial;--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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--container-lg:32rem;--text-sm:.75rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-medium:500;--font-weight-bold:700;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--ease-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-crimson:#8b1a1f;--color-crimson-hover:#a52420;--barrett-red:linear-gradient(135deg,#9b1b20 0%,#7a0007 100%);--barrett-red-hover:linear-gradient(135deg,#b02228 0%,#950009 100%);--barrett-red-subtle:#8b1a1f14;--color-crimson-glow:#8b1a1f40;--color-off-white:#f0f0f0;--color-text-secondary:#f0f0f099;--color-text-muted:#f0f0f066;--color-text-disabled:#f0f0f033;--color-border-subtle:#ffffff0a;--color-border:#ffffff0f;--color-border-hover:#ffffff1f;--color-border-active:#ffffff2e;--color-input-bg:#ffffff0a;--color-input-border:#f0f0f01f;--color-input-border-focus:#8b1a1f80;--color-surface-card:#ffffff08;--color-surface-hover:#ffffff0f;--color-surface-active:#ffffff14;--color-green:#22c55e;--color-green-light:#86efac;--color-green-bg:#22c55e1f;--color-green-border:#22c55e40;--color-amber:#eab308;--color-amber-light:#fde047;--color-amber-bg:#eab3081f;--color-amber-border:#eab30840;--color-blue:#3b82f6;--color-blue-light:#93c5fd;--color-blue-bg:#3b82f61f;--color-blue-border:#3b82f640;--color-red:#ef4444;--color-red-light:#fca5a5;--color-red-bg:#ef44441f;--color-red-border:#ef444440;--color-orange:#f97316;--color-orange-light:#fdba74;--color-orange-bg:#f973161f;--color-orange-border:#f9731640;--color-purple-light:#c4b5fd;--color-purple-bg:#a855f71f;--color-purple-border:#a855f740;--shadow-glow-red:0 4px 20px #8b1a1f4d;--shadow-glow-red-lg:0 8px 40px #8b1a1f66;--radius-full:9999px;--ease-spring:cubic-bezier(.22,1,.36,1);--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.mx-auto{margin-inline:auto}.mt-2{margin-top:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-4{height:calc(var(--spacing)*4)}.h-8{height:calc(var(--spacing)*8)}.w-1\/2{width:50%}.w-3\/4{width:75%}.w-48{width:calc(var(--spacing)*48)}.w-full{width:100%}.max-w-lg{max-width:var(--container-lg)}.border-collapse{border-collapse:collapse}.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}.flex-col{flex-direction:column}.gap-2{gap:calc(var(--spacing)*2)}.gap-8{gap:calc(var(--spacing)*8)}.border{border-style:var(--tw-border-style);border-width:1px}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.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,)}.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,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}::selection{color:#fff;background:#8b1a1f4d}body{color:var(--color-off-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#050505;font-family:Outfit,sans-serif;line-height:1.6}.app-container{background:#050505;min-height:100vh;position:relative;overflow:hidden}.app-container:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(#8b1a1f14,#8b1a1f08 40%,#0000 70%);width:800px;height:800px;animation:12s ease-in-out infinite pulse-glow;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes pulse-glow{0%,to{opacity:.6;transform:translate(-50%,-50%)scale(1)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.app-header{border-bottom:1px solid var(--color-border);z-index:10;background:#050505;justify-content:space-between;align-items:center;padding:1rem;display:flex;position:sticky;top:0}.app-header-title{color:var(--color-off-white);letter-spacing:-.02em;font-family:Sora,sans-serif;font-size:.95rem;font-weight:500}.nav-button{border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal)var(--ease-out);border:1px solid #0000;padding:.5rem .875rem;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:500}.nav-button-active{background:var(--barrett-red);color:var(--color-off-white);border-color:#8b1a1f66}.nav-button-inactive{background:var(--color-border-subtle);color:#f0f0f0b3;border-color:var(--color-border)}.nav-button-inactive:hover{background:var(--color-surface-active);color:var(--color-off-white);border-color:var(--color-border-hover)}.signout-button{border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal)var(--ease-out);color:var(--color-text-secondary);background:0 0;border:1px solid #8b1a1f4d;padding:.5rem .75rem;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:400}.signout-button:hover{color:var(--color-off-white);background:#8b1a1f1f;border-color:#8b1a1f80}.app-main{flex-direction:column;gap:2rem;padding:2rem;display:flex}.dark-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);box-shadow:var(--shadow-sm);transition:all var(--duration-normal)var(--ease-out);padding:1.5rem}.dark-card:hover{border-color:var(--color-border-hover)}.dark-card-title{color:var(--color-off-white);letter-spacing:-.02em;margin-bottom:.75rem;font-family:Sora,sans-serif;font-weight:600}.dark-card-subtitle{color:var(--color-text-secondary);font-size:.875rem}.btn-primary{background:var(--barrett-red);color:var(--color-off-white);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal)var(--ease-out);letter-spacing:.01em;border:none;padding:.75rem 1.25rem;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:500;box-shadow:0 2px 8px #8b1a1f4d,0 0 0 1px #8b1a1f26}.btn-primary:hover:not(:disabled){background:var(--barrett-red-hover);transform:translateY(-1px);box-shadow:0 4px 16px #8b1a1f66,0 0 0 1px #8b1a1f33}.btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 4px #8b1a1f4d,0 0 0 1px #8b1a1f26}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-border-subtle);color:var(--color-off-white);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal)var(--ease-out);padding:.75rem 1.25rem;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:500}.btn-secondary:hover:not(:disabled){background:var(--color-surface-active);border-color:var(--color-border-active);box-shadow:inset 0 1px #ffffff0a}.btn-secondary:disabled{opacity:.35;cursor:not-allowed;pointer-events:none;color:var(--color-text-muted);background:#ffffff05;border-color:#ffffff0d}.btn-danger{color:var(--color-red-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal)var(--ease-out);background:#dc262626;border:1px solid #dc26264d;padding:.75rem 1.25rem;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:500}.btn-danger:hover:not(:disabled){background:#dc262640;border-color:#dc262680}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-danger-outline{border:1px solid var(--color-red-border);color:var(--color-red-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-normal)var(--ease-out);background:0 0;padding:.375rem .75rem;font-family:Outfit,sans-serif;font-size:.75rem;font-weight:500}.btn-danger-outline:hover{background:var(--color-red-bg);border-color:var(--color-red)}.btn-sm{padding:.5rem .75rem;font-size:.8rem}.btn-success{color:var(--color-off-white);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal)var(--ease-out);background:linear-gradient(135deg,#0d9669,#047857);border:none;padding:.75rem 1.25rem;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:500;box-shadow:0 2px 12px #05966940}.btn-success:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#059669);transform:translateY(-1px);box-shadow:0 4px 20px #05966959}.btn-success:disabled{opacity:.5;cursor:not-allowed}.success-message{background:var(--color-green-bg);border:1px solid var(--color-green-border);border-radius:var(--radius-md);padding:1rem}.success-message p{color:var(--color-green-light);text-align:center;font-size:.875rem}.resource-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-md);height:7rem;transition:all var(--duration-normal)var(--ease-out);padding:1rem;overflow:auto}.resource-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.resource-card a{color:var(--color-off-white);text-underline-offset:2px;font-size:.875rem;text-decoration:underline}.resource-card a:hover{color:#fff;text-decoration:none}.resource-card p{color:var(--color-text-secondary);margin-top:.5rem;font-size:.75rem}.code-inline{background:var(--color-surface-hover);border:1px solid var(--color-border);color:var(--color-off-white);border-radius:4px;padding:.125rem .375rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem;font-weight:500}.text-muted{color:var(--color-text-secondary)}.text-default{color:var(--color-off-white)}.warning-banner{background:var(--color-amber-bg);border:1px solid var(--color-amber-border);border-radius:var(--radius-md);margin-bottom:1rem;padding:.875rem}.warning-banner p{color:var(--color-amber-light);font-size:.875rem}.error-message{background:var(--color-red-bg);border:1px solid var(--color-red-border);border-radius:var(--radius-md);margin-bottom:1rem;padding:.875rem}.error-message p{color:var(--color-red-light);font-size:.875rem}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff0f 25%,#ffffff1a,#ffffff0f 75%) 0 0/200% 100%;animation:1.8s ease-in-out infinite skeleton-sweep}@keyframes skeleton-sweep{0%{background-position:200% 0}to{background-position:-200% 0}}.button-stack{flex-direction:column;gap:.75rem;display:flex}.status-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:.25rem .75rem;font-size:.7rem;font-weight:600}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:100;background:#000000d9;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:420px;max-height:90vh;animation:slideUp var(--duration-slow)var(--ease-spring);background:#141414;overflow-y:auto;box-shadow:0 24px 80px #0009}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-header h2{color:var(--color-off-white);letter-spacing:-.02em;font-family:Sora,sans-serif;font-size:1.25rem;font-weight:600}.modal-close{color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-normal)var(--ease-out);background:0 0;border:none;padding:.25rem}.modal-close:hover{color:var(--color-off-white)}.modal-form{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:var(--color-off-white);letter-spacing:.02em;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:500}.form-hint{color:var(--color-text-muted);margin-top:.25rem;font-size:.75rem}.form-actions{gap:.75rem;margin-top:.5rem;display:flex}.form-actions button{flex:1}.pricing-info{background:var(--color-blue-bg);border:1px solid var(--color-blue-border);border-radius:var(--radius-lg);margin-bottom:1rem;padding:1rem}.pricing-summary{color:var(--color-text);margin-bottom:.25rem;font-size:1rem}.pricing-hint{color:var(--color-muted);margin:0;font-size:.8rem}.image-upload-area{border:2px dashed var(--color-border-hover);border-radius:var(--radius-lg);cursor:pointer;width:100%;height:160px;transition:all var(--duration-normal)var(--ease-out);justify-content:center;align-items:center;display:flex;overflow:hidden}.image-upload-area:hover{background:#ffffff05;border-color:#ffffff40}.image-upload-placeholder{color:var(--color-text-muted);flex-direction:column;align-items:center;gap:.5rem;display:flex}.image-upload-placeholder p{font-size:.875rem}.image-preview{object-fit:cover;width:100%;height:100%}:focus-visible{outline-offset:2px;outline:2px solid #8b1a1f99}@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-font-weight{syntax:"*";inherits:false}@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}.login-page{min-height:100vh;background:#050505;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(ellipse at center,rgba(139,26,31,.1) 0%,rgba(139,26,31,.04) 40%,transparent 70%);pointer-events:none;animation:pulse-glow 12s ease-in-out infinite}.login-page:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.02;pointer-events:none}.login-container{width:100%;max-width:400px;position:relative;z-index:1;background:#ffffff05;border:1px solid var(--color-border-subtle);border-radius:var(--radius-xl);padding:2.5rem}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{width:180px;margin:0 auto 1.5rem;display:flex;align-items:center;justify-content:center;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.login-logo img{width:100%;height:auto}.login-title{font-family:Sora,sans-serif;font-size:1.875rem;font-weight:600;color:var(--color-off-white);letter-spacing:-.03em;margin-bottom:.5rem}.login-subtitle{font-family:Outfit,sans-serif;font-size:.9rem;font-weight:300;color:var(--color-text-secondary);letter-spacing:.01em}.login-form{display:flex;flex-direction:column;gap:1rem}.input-group{position:relative}.login-input{width:100%;padding:.875rem 1.125rem;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:400;color:var(--color-off-white);background:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-md);outline:none;transition:all var(--duration-slow) var(--ease-out);box-shadow:inset 0 1px 2px #0000001a}.login-input::placeholder{color:var(--color-text-muted);font-weight:300}.login-input:hover{border-color:var(--color-border-active);background:var(--color-surface-hover)}.login-input:focus{border-color:var(--color-input-border-focus);background:var(--color-surface-hover);box-shadow:0 0 0 3px #8b1a1f1a,inset 0 1px 2px #0000001a}.login-input.input-valid,.login-input.input-valid:hover,.login-input.input-valid:focus,.login-input.input-valid:focus-visible{border-color:#22c55ecc;box-shadow:0 0 0 3px #22c55e1a;outline:none}.login-input.input-neutral:focus,.login-input.input-neutral:focus-visible{border-color:#f0f0f04d;box-shadow:0 0 0 3px #f0f0f00f;outline:none}.login-button{width:100%;padding:.875rem 1.5rem;margin-top:.5rem;font-family:Sora,sans-serif;font-size:.95rem;font-weight:600;color:var(--color-off-white);background:var(--barrett-red);border:none;border-radius:var(--radius-md);cursor:pointer;position:relative;overflow:hidden;transition:all var(--duration-slow) var(--ease-out);box-shadow:var(--shadow-glow-red)}.login-button:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity var(--duration-slow) var(--ease-out)}.login-button:hover{transform:translateY(-1px);box-shadow:var(--shadow-glow-red-lg);background:var(--barrett-red-hover)}.login-button:hover:before{opacity:1}.login-button:active{transform:translateY(0);box-shadow:0 4px 16px #8b1a1f59}.login-divider{display:flex;align-items:center;gap:1rem;margin:1.25rem 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.login-divider span{font-family:Outfit,sans-serif;font-size:.75rem;font-weight:400;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.login-toggle{text-align:center;font-family:Outfit,sans-serif;font-size:.875rem;color:var(--color-text-secondary)}.login-toggle-link{color:var(--color-off-white);font-weight:500;cursor:pointer;position:relative;transition:color var(--duration-normal) var(--ease-out)}.login-toggle-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--color-crimson);transform:scaleX(0);transform-origin:right;transition:transform var(--duration-slow) var(--ease-out)}.login-toggle-link:hover{color:#fff}.login-toggle-link:hover:after{transform:scaleX(1);transform-origin:left}.login-error{padding:.875rem 1rem;background:var(--color-red-bg);border:1px solid var(--color-red-border);border-radius:var(--radius-md);animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.login-error p{font-family:Outfit,sans-serif;font-size:.8rem;color:var(--color-red-light);margin:0}.login-success{padding:.875rem 1rem;background:var(--color-green-bg);border:1px solid var(--color-green-border);border-radius:var(--radius-md)}.login-success p{font-family:Outfit,sans-serif;font-size:.8rem;color:var(--color-green-light);margin:0}.login-forgot-password{text-align:right;margin:-.5rem 0 .5rem;font-size:.85rem}.password-requirements{max-height:0;opacity:0;overflow:hidden;transition:max-height .3s var(--ease-out),opacity .2s var(--ease-out),margin .3s var(--ease-out);margin-top:0}.password-requirements-visible{max-height:120px;opacity:1;margin-top:.5rem}.password-requirements-list{list-style:none;margin:0;padding:.625rem .875rem;background:var(--color-input-bg);border:1px solid var(--color-border-hover);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:.25rem}.password-requirements-list li{font-family:Outfit,sans-serif;font-size:.78rem;font-weight:400;display:flex;align-items:center;gap:.5rem;transition:color .2s var(--ease-out)}.req-icon{font-size:.7rem;width:1rem;text-align:center;flex-shrink:0}.req-unmet{color:var(--color-text-muted)}.req-unmet .req-icon{color:var(--color-red)}.req-met{color:var(--color-green-light)}.req-met .req-icon{color:var(--color-green)}.login-input:focus-visible,.login-button:focus-visible,.login-toggle-link:focus-visible{outline:2px solid rgba(139,26,31,.6);outline-offset:2px}.welcome-screen{position:fixed;inset:0;background:var(--barrett-red);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.welcome-screen:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.04;pointer-events:none}.welcome-text{font-family:Lobster,cursive;color:var(--color-off-white);text-align:center;position:relative;z-index:1}.welcome-text-greeting{font-size:2.5rem}.welcome-text-name{font-size:4rem;margin-top:.5rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#080808eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border);display:flex;justify-content:space-around;align-items:center;padding:.5rem 1rem;padding-bottom:calc(.5rem + env(safe-area-inset-bottom));z-index:50}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem 1rem;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;transition:color var(--duration-normal) var(--ease-out)}.bottom-nav-item span{font-family:Outfit,sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.02em}.bottom-nav-item:hover,.bottom-nav-item-active{color:var(--color-off-white)}.bottom-nav-home{margin-top:-1.5rem}.bottom-nav-home-icon{width:52px;height:52px;border-radius:50%;background:var(--barrett-red);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #8b1a1f59;transition:all var(--duration-normal) var(--ease-out)}.bottom-nav-home:hover .bottom-nav-home-icon{transform:scale(1.05);box-shadow:0 6px 24px #8b1a1f73}.bottom-nav-home-icon svg{color:var(--color-off-white)}.no-vehicles-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:70vh;text-align:center;padding:2rem}.no-vehicles-icon{width:120px;height:120px;border-radius:50%;background:var(--color-surface-card);border:1px dashed var(--color-border);display:flex;align-items:center;justify-content:center;margin-bottom:2rem;color:var(--color-text-muted)}.no-vehicles-title{font-family:Sora,sans-serif;font-size:1.5rem;font-weight:600;color:var(--color-off-white);margin-bottom:.75rem;letter-spacing:-.02em}.no-vehicles-description{font-size:.95rem;color:var(--color-text-secondary);max-width:300px;margin-bottom:2rem;line-height:1.5}.profile-icon-btn{position:absolute;top:1.25rem;right:1.25rem;width:40px;height:40px;border-radius:50%;background:#8b1a1fe6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid var(--color-border-hover);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);color:var(--color-off-white);z-index:10}.profile-icon-btn:hover{background:#8b1a1f;border-color:var(--color-border-active)}.profile-icon-btn:active{transform:scale(.95)}.business-name{font-family:Lobster,cursive;font-size:1.75rem;font-weight:400;background:linear-gradient(135deg,#b8262c,#8b1a1f,#a0363c);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.back-button{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.625rem 0;margin-bottom:1rem;font-family:Outfit,sans-serif;font-size:.9rem;transition:color var(--duration-normal) var(--ease-out)}.back-button:hover{color:var(--color-off-white)}.back-button:active{color:#f0f0f0cc}.home-greeting{margin-bottom:1.5rem}.home-greeting-name{font-family:Sora,sans-serif;font-size:1.5rem;font-weight:600;background:var(--barrett-red);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.home-greeting-subtitle{font-size:.95rem;color:var(--color-text-secondary);margin-top:.25rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-top:1px solid var(--color-border-subtle);padding-top:1.5rem;margin-top:.5rem}.section-title{font-family:Sora,sans-serif;font-size:1.125rem;font-weight:600;color:var(--color-off-white);letter-spacing:-.02em}.section-link{font-size:.875rem;color:var(--color-crimson);cursor:pointer;transition:color var(--duration-normal) var(--ease-out)}.section-link:hover{color:var(--color-crimson-hover)}.mobile-page{padding:1.25rem 1.25rem calc(5rem + env(safe-area-inset-bottom));max-width:480px;margin:0 auto;position:relative;z-index:1;scroll-behavior:smooth}.page-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.page-back-button{background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.5rem;margin-left:-.5rem;transition:color var(--duration-normal) var(--ease-out)}.page-back-button:hover{color:var(--color-off-white)}.page-title{font-family:Sora,sans-serif;font-size:1.25rem;font-weight:600;color:var(--color-off-white);letter-spacing:-.02em}.mobile-page-viewport-fit{height:100dvh;display:flex;flex-direction:column;padding:1rem;padding-bottom:calc(5rem + env(safe-area-inset-bottom));overflow:hidden;max-width:480px;margin:0 auto;position:relative;z-index:1}.mobile-page-scrollable{min-height:100dvh;display:flex;flex-direction:column;padding:0 1.25rem 1.25rem;padding-bottom:calc(5rem + env(safe-area-inset-bottom));max-width:480px;margin:0 auto;position:relative;z-index:1;scroll-behavior:smooth}.viewport-section{flex-shrink:0}.viewport-section-grow{flex-grow:1;flex-shrink:1;min-height:0;display:flex;flex-direction:column}.page-description{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:1.5rem;line-height:1.5}.skeleton-list{display:flex;flex-direction:column;gap:1rem}.skeleton-card{background:var(--color-border-subtle);border:1px solid var(--color-border);border-radius:var(--radius-lg);height:200px;animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 1.5rem;min-height:50vh}.empty-state-icon{width:100px;height:100px;border-radius:50%;background:var(--color-surface-card);border:1px dashed var(--color-border);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--color-text-muted)}.empty-state h2{font-family:Sora,sans-serif;font-size:1.25rem;font-weight:600;color:var(--color-off-white);margin-bottom:.5rem;letter-spacing:-.02em}.empty-state p{font-size:.9rem;color:var(--color-text-secondary);max-width:280px;line-height:1.5}.page-header-compact{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-shrink:0}.page-header-compact .page-title{font-size:1.1rem}.rush-info-compact{display:flex;flex-direction:column}.rush-info-compact .dark-card{margin-bottom:0}.submit-section{padding-top:.75rem}.delivery-toggle-compact{margin-bottom:1rem}.delivery-toggle-compact .section-title{margin-bottom:.5rem;font-size:.95rem}.delivery-toggle-compact .btn-secondary,.delivery-toggle-compact .btn-primary{padding:.5rem .75rem;font-size:.8rem}.early-pickup-container{margin-top:1rem;padding:1rem;background:var(--color-green-bg);border:1px solid var(--color-green-border);border-radius:var(--radius-lg);text-align:center}.early-pickup-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#22c55e 10%,#16a34a 90%);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:0 4px 12px #22c55e40}.early-pickup-btn:hover:not(:disabled){background:linear-gradient(135deg,#16a34a 10%,#15803d 90%);transform:translateY(-1px);box-shadow:0 6px 16px #22c55e4d}.early-pickup-btn:disabled{opacity:.7;cursor:not-allowed}.early-pickup-hint{margin-top:.5rem;font-size:.8rem;color:var(--color-text-secondary)}.early-pickup-success{margin-top:1rem;padding:.875rem 1rem;background:var(--color-green-bg);border:1px solid var(--color-green-border);border-radius:var(--radius-md);color:var(--color-green);font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.early-pickup-marked{margin-top:1rem;padding:.875rem 1rem;background:var(--color-green-bg);border:1px solid var(--color-green-border);border-radius:var(--radius-md);color:#4ade80cc;font-size:.875rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.page-slide{animation-duration:.35s;animation-timing-function:var(--ease-spring);animation-fill-mode:forwards}.page-slide-enter-forward{animation-name:slideInFromRight}.page-slide-enter-back{animation-name:slideInFromLeft}@keyframes slideInFromRight{0%{transform:translate(100%);opacity:.9}to{transform:translate(0);opacity:1}}@keyframes slideInFromLeft{0%{transform:translate(-30%);opacity:.9}to{transform:translate(0);opacity:1}}.delivery-cards-list{display:flex;flex-direction:column;gap:.75rem}.delivery-info-card{background:var(--color-border-subtle);border:1px solid var(--color-surface-active);border-radius:var(--radius-lg);padding:1rem}.delivery-service-complete-banner{background:var(--color-green-bg);border:1px solid var(--color-green-border);border-radius:var(--radius-sm);padding:.75rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.delivery-service-complete-banner span{color:var(--color-green);font-weight:600;font-size:.85rem}.delivery-badge-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.delivery-details{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:#eeec}.delivery-detail-row{display:flex;align-items:center;gap:.4rem}.delivery-service-section{margin-top:.75rem;padding:.75rem;border-radius:var(--radius-sm)}.delivery-service-section-pending{background:#d4a84314;border:1px solid rgba(212,168,67,.2)}.delivery-service-section-progress{background:var(--color-blue-bg);border:1px solid rgba(59,130,246,.2)}.delivery-service-section-complete{background:#22c55e14;border:1px solid rgba(34,197,94,.2)}.delivery-service-header{display:flex;align-items:center;gap:.4rem;margin-bottom:.25rem}.delivery-service-name{color:#d4a843;font-weight:600;font-size:.85rem}.delivery-service-status{font-size:.8rem;font-weight:500}.delivery-service-status-pending{color:#d4a843cc}.delivery-service-status-progress{color:#60a5fa}.delivery-service-status-complete{color:var(--color-green)}.delivery-service-addon-status{font-size:.75rem;color:#d4a843b3;margin-bottom:.25rem}.delivery-service-instructions{font-size:.8rem;color:#eeeeeea6;margin-top:.25rem;line-height:1.4}.delivery-service-shop{font-size:.75rem;color:#eeeeee80;margin-top:.25rem}.delivery-card-menu-container{position:relative;margin-left:auto}.delivery-card-menu-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:.375rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) var(--ease-out)}.delivery-card-menu-btn:hover{background:var(--color-surface-active);color:var(--color-off-white)}.delivery-card-menu-dropdown{position:absolute;top:100%;right:0;margin-top:.25rem;background:#141414fa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-lg);z-index:20;overflow:hidden}.delivery-card-menu-item{width:100%;padding:.625rem 1rem;text-align:left;background:transparent;border:none;color:var(--color-off-white);font-family:Outfit,sans-serif;font-size:.8rem;font-weight:500;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.delivery-card-menu-item:hover{background:var(--color-surface-hover)}.delivery-card-menu-item-danger{color:var(--color-red-light)}.delivery-card-menu-item-danger:hover{background:#dc26261f}.vehicle-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.vehicle-card:hover{border-color:var(--color-border-hover);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.vehicle-card-selected{border-color:#8b1a1f99;background:#8b1a1f0f;box-shadow:0 0 0 1px #8b1a1f33,0 4px 16px #8b1a1f26}.vehicle-card-image{position:relative;width:100%;height:150px;background:#ffffff05;display:flex;align-items:center;justify-content:center}.vehicle-card-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(to top,rgba(0,0,0,.3),transparent);pointer-events:none}.vehicle-status-dot{position:absolute;top:.5rem;right:.5rem;width:10px;height:10px;border-radius:50%;z-index:2}.vehicle-status-dot-green{background:var(--color-green);box-shadow:0 0 6px var(--color-green-border)}.vehicle-status-dot-yellow{background:var(--color-amber);box-shadow:0 0 6px var(--color-amber-border)}.vehicle-status-dot-blue{background:var(--color-blue);box-shadow:0 0 6px var(--color-blue-border)}.vehicle-status-dot-orange{background:var(--color-orange);box-shadow:0 0 6px var(--color-orange-border)}.vehicle-card-image img{width:100%;height:100%;object-fit:cover}.vehicle-card-placeholder{color:var(--color-text-muted)}.vehicle-card-content{padding:1rem}.vehicle-card-name{font-family:Sora,sans-serif;font-size:1rem;font-weight:600;color:var(--color-off-white);margin-bottom:.25rem;letter-spacing:-.02em}.vehicle-card-vin{font-size:.75rem;color:var(--color-text-secondary);margin-bottom:.75rem}.vehicle-card-badges{display:flex;flex-wrap:wrap;gap:.5rem;align-items:flex-start}.vehicle-slider{width:100%;overflow-x:auto;padding:.5rem 0;margin:-.5rem 0;scrollbar-width:none;-ms-overflow-style:none;mask-image:linear-gradient(to right,transparent 0%,black 2%,black 98%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 2%,black 98%,transparent 100%)}.vehicle-slider::-webkit-scrollbar{display:none}.vehicle-slider-track{display:flex;gap:1rem;padding:.5rem}.vehicle-slider-item{flex-shrink:0;width:100px;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.vehicle-slider-item:hover{transform:scale(1.05)}.vehicle-slider-item-selected .vehicle-slider-image{border-color:#8b1a1f80;box-shadow:0 0 0 2px #8b1a1f80,0 4px 12px #8b1a1f33}.vehicle-slider-image{width:100px;height:80px;border-radius:var(--radius-md);background:var(--color-surface-card);border:2px solid var(--color-border);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative;transition:all var(--duration-normal) var(--ease-out)}.vehicle-slider-image img{width:100%;height:100%;object-fit:cover}.vehicle-slider-placeholder{color:var(--color-text-muted)}.vehicle-slider-name-overlay{position:absolute;top:6px;left:6px;right:6px;font-family:Outfit,sans-serif;font-size:.7rem;font-weight:600;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;z-index:2}.vehicle-slider-status{display:flex;align-items:center;gap:.35rem;margin-top:.4rem;padding-left:.125rem}.vehicle-slider-status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.vehicle-slider-status-dot-green{background:var(--color-green)}.vehicle-slider-status-dot-yellow{background:var(--color-amber)}.vehicle-slider-status-dot-red{background:var(--color-red)}.vehicle-slider-status-dot-orange{background:var(--color-orange)}.vehicle-slider-status-text{font-family:Outfit,sans-serif;font-size:.7rem;font-weight:500;color:var(--color-text-secondary);white-space:nowrap}.vehicle-slider-status .vehicle-status-display{max-width:100%}.vehicle-slider-status .vehicle-status-display-subtitle{white-space:normal;word-wrap:break-word;overflow-wrap:break-word;max-width:100%;display:block;line-height:1.3}.vehicle-status-display{display:flex;flex-direction:column;gap:.25rem}.vehicle-status-display-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.3rem .625rem;border-radius:var(--radius-sm);font-family:Outfit,sans-serif;font-size:.75rem;font-weight:500;width:fit-content;transition:all var(--duration-normal) var(--ease-out);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vehicle-status-display-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.vehicle-status-display-label{white-space:nowrap}.vehicle-status-display-subtitle{font-family:Outfit,sans-serif;font-size:.7rem;color:var(--color-text-secondary);padding-left:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.vehicle-status-display-green{background:var(--color-green-bg);color:var(--color-green-light);border:1px solid var(--color-green-border)}.vehicle-status-display-amber{background:var(--color-amber-bg);color:var(--color-amber-light);border:1px solid var(--color-amber-border)}.vehicle-status-display-blue{background:var(--color-blue-bg);color:var(--color-blue-light);border:1px solid var(--color-blue-border)}.vehicle-status-display-red{background:var(--color-red-bg);color:var(--color-red-light);border:1px solid var(--color-red-border)}.vehicle-status-display-orange{background:var(--color-orange-bg);color:var(--color-orange-light);border:1px solid var(--color-orange-border)}.vehicle-card-actions{margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.vehicle-card-actions .btn{width:100%}.vehicle-list{display:flex;flex-direction:column;gap:1rem}.vehicle-slider-compact{flex-shrink:1;min-height:80px;margin-bottom:1rem}.vehicle-slider-compact .section-title{margin-bottom:.5rem;font-size:.95rem}.profile-vehicle-list{display:flex;flex-direction:column;gap:.75rem}.profile-vehicle-item{display:flex;align-items:center;gap:1rem;background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.125rem;transition:border-color var(--duration-normal) var(--ease-out)}.profile-vehicle-item:hover{border-color:var(--color-border-hover)}.profile-vehicle-image{width:60px;height:60px;border-radius:var(--radius-md);background:var(--color-surface-hover);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-text-muted)}.profile-vehicle-image img{width:100%;height:100%;object-fit:cover}.profile-vehicle-info{flex:1;min-width:0}.profile-vehicle-name{font-family:Sora,sans-serif;font-size:.95rem;font-weight:600;color:var(--color-off-white);margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.02em}.profile-vehicle-vin{font-size:.75rem;color:var(--color-text-secondary);font-family:monospace;margin-bottom:.5rem}.profile-vehicle-badges{display:flex;flex-wrap:wrap;gap:.375rem}.profile-vehicle-actions{display:flex;gap:.5rem;flex-shrink:0}.profile-vehicle-action-btn{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--color-border-subtle);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) var(--ease-out)}.profile-vehicle-action-btn:hover{background:var(--color-surface-active);border-color:var(--color-border-hover);color:var(--color-off-white)}.profile-vehicle-action-btn-danger:hover{background:#dc262626;border-color:#dc26264d;color:#fca5a5}.manage-vehicles-header{display:flex;flex-direction:column;gap:0;margin-bottom:1.5rem}.manage-vehicles-back{display:inline-flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:.75rem 0;font-size:.9rem;font-weight:500;transition:color var(--duration-normal) var(--ease-out);margin-left:-.25rem}.manage-vehicles-back:hover{color:var(--color-off-white)}.manage-vehicles-back:active{color:var(--color-crimson)}.manage-vehicles-back svg{width:20px;height:20px;flex-shrink:0}.manage-vehicles-title-block{margin-top:.75rem}.manage-vehicles-title{font-family:Sora,sans-serif;font-size:clamp(1.5rem,5vw,1.75rem);font-weight:600;color:var(--color-off-white);margin:0;line-height:1.2;letter-spacing:-.02em}.manage-vehicles-subtitle{font-size:.9rem;color:var(--color-text-secondary);margin-top:.375rem;font-weight:400}.manage-vehicles-add-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.875rem 1.25rem;margin-top:1.5rem;margin-bottom:1.5rem;background:var(--barrett-red);color:#fff;border:none;border-radius:var(--radius-lg);font-family:Sora,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);box-shadow:0 4px 12px #8b1a1f4d}.manage-vehicles-add-btn:hover{background:var(--barrett-red-hover);transform:translateY(-1px);box-shadow:0 6px 16px #8b1a1f66}.manage-vehicles-add-btn:active{transform:translateY(0);box-shadow:0 2px 8px #8b1a1f4d}.manage-vehicles-add-btn svg{width:18px;height:18px;flex-shrink:0}.service-banner{width:100%;padding:1rem 1.25rem;border-radius:12px;cursor:pointer;display:flex;align-items:center;gap:1rem;text-align:left;transition:all .3s ease;position:relative;overflow:hidden;margin-bottom:1.5rem}.service-banner:disabled{cursor:wait}.service-banner--yellow{background:linear-gradient(135deg,#eab3081f,#eab3080f);border:1px solid rgba(234,179,8,.25)}.service-banner--green{background:linear-gradient(135deg,#22c55e1f,#22c55e0f);border:1px solid rgba(34,197,94,.25)}.service-banner-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative}.service-banner-icon--yellow{background:#eab30826}.service-banner-icon--green{background:#22c55e26}.service-banner-content{flex:1;min-width:0}.service-banner-title{margin:0;font-size:.9rem;font-weight:600;margin-bottom:.25rem}.service-banner-title--yellow{color:#fbbf24}.service-banner-title--green{color:#4ade80}.service-banner-description{margin:0;font-size:.8rem;color:#eeeeeeb3;line-height:1.4}.service-banner-arrow{flex-shrink:0}.service-highlight{color:#eee;font-weight:500}.service-success-banner{width:100%;padding:1rem 1.25rem;background:#22c55e1f;border:1px solid rgba(34,197,94,.3);border-radius:12px;display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.service-modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:1rem;animation:service-modal-fade-in .2s ease}.service-modal-backdrop{position:absolute;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.service-modal-panel{position:relative;width:100%;max-width:380px;background:#171717;border:1px solid rgba(238,238,238,.1);border-radius:16px;overflow:hidden;animation:service-modal-slide-up .3s ease}.service-modal-panel--wide{max-width:400px;max-height:90vh;display:flex;flex-direction:column}.service-modal-accent{height:3px;flex-shrink:0}.service-modal-accent--red-yellow{background:linear-gradient(90deg,#951c22,#eab308,#951c22)}.service-modal-accent--green-red{background:linear-gradient(90deg,#22c55e,#951c22,#22c55e)}.service-modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;border-radius:8px;border:none;background:#eeeeee0d;display:flex;align-items:center;justify-content:center;transition:background .2s ease;z-index:1}.service-modal-close:not(:disabled){cursor:pointer}.service-modal-close:disabled{cursor:not-allowed;opacity:.5}.service-modal-close:not(:disabled):hover{background:#eeeeee1a}.service-modal-body{padding:2rem 1.5rem 1.5rem}.service-modal-body--scrollable{overflow-y:auto;flex:1}.service-modal-icon{width:64px;height:64px;margin:0 auto 1.5rem;border-radius:16px;display:flex;align-items:center;justify-content:center}.service-modal-icon--yellow{background:linear-gradient(135deg,#eab30826,#eab3080d);border:1px solid rgba(234,179,8,.2)}.service-modal-icon--green{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border:1px solid rgba(34,197,94,.2)}.service-modal-title{margin:0 0 .75rem;font-size:1.25rem;font-weight:600;color:#eee;text-align:center}.service-modal-description{margin:0 0 1.5rem;font-size:.9rem;color:#eee9;text-align:center;line-height:1.6}.service-modal-actions{padding:0 1.5rem 1.5rem;display:flex;gap:.75rem;flex-shrink:0}.service-modal-btn{flex:1;padding:.875rem 1rem;border-radius:10px;font-size:.9rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.service-modal-btn:disabled{opacity:.5}.service-modal-btn--secondary{border:1px solid rgba(238,238,238,.15);background:transparent;color:#eeec;font-weight:500}.service-modal-btn--secondary:not(:disabled){cursor:pointer}.service-modal-btn--secondary:disabled{cursor:not-allowed}.service-modal-btn--secondary:not(:disabled):hover{background:#eeeeee0d;border-color:#eeeeee40}.service-modal-btn--primary-red{border:none;background:linear-gradient(135deg,#951c22,#810006);color:#eee;font-weight:600}.service-modal-btn--primary-red:not(:disabled){cursor:pointer}.service-modal-btn--primary-red:disabled{cursor:not-allowed;background:#951c224d}.service-modal-btn--primary-red.service-modal-btn--loading{background:#951c2280;cursor:wait}.service-modal-btn--primary-red:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 20px #951c2266}.service-modal-btn--primary-green{border:none;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-weight:600}.service-modal-btn--primary-green:not(:disabled){cursor:pointer}.service-modal-btn--primary-green:disabled{cursor:not-allowed;background:#22c55e4d}.service-modal-btn--primary-green.service-modal-btn--loading{background:#22c55e4d;cursor:wait}.service-modal-btn--primary-green:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 4px 20px #22c55e66}.service-form-group{margin-bottom:1.25rem}.service-form-label{display:block;font-size:.85rem;font-weight:500;color:#eeec;margin-bottom:.5rem}.service-form-select{width:100%;padding:.875rem 2.5rem .875rem 1rem;border-radius:10px;border:1px solid rgba(238,238,238,.15);background-color:#171717;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;color:#eee;font-size:.9rem;appearance:none;-webkit-appearance:none}.service-form-select:disabled{cursor:not-allowed;opacity:.5}.service-form-select:not(:disabled){cursor:pointer}.service-form-select option{background:#171717;color:#eee}.service-info-box{padding:1rem;border-radius:10px;margin-bottom:1.5rem}.service-info-box--neutral{background:#eeeeee08}.service-info-box--green{background:#22c55e14;border:1px solid rgba(34,197,94,.15)}.service-info-row{display:flex;align-items:center;gap:.75rem}.service-info-row+.service-info-row{margin-top:.5rem}.service-info-text{font-size:.85rem;color:#eeeeeeb3}.service-admin-box{padding:1rem;background:#3b82f614;border-radius:10px;margin-bottom:1rem;border:1px solid rgba(59,130,246,.2)}.service-admin-box p{margin:0 0 .75rem;font-size:.85rem;color:#eeeeeeb3}.service-admin-btn{width:100%;padding:.75rem 1rem;border-radius:8px;border:1px solid rgba(59,130,246,.3);background:#3b82f626;color:#60a5fa;font-size:.85rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s ease}.service-admin-btn:not(:disabled){cursor:pointer}.service-admin-btn:disabled{cursor:not-allowed;opacity:.5}.service-admin-btn:not(:disabled):hover{background:#3b82f640;border-color:#3b82f680}.service-pulse-ring{position:absolute;inset:-4px;border-radius:14px;animation:service-pulse-ring-anim 2s ease-out infinite}.service-pulse-ring--yellow{border:2px solid rgba(234,179,8,.4)}.service-pulse-ring--green{border:2px solid rgba(34,197,94,.4)}@keyframes service-pulse-ring-anim{0%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}.service-shimmer{position:absolute;top:0;left:-100%;width:100%;height:100%;animation:service-shimmer-anim 3s ease-in-out infinite}.service-shimmer--yellow{background:linear-gradient(90deg,transparent 0%,rgba(234,179,8,.08) 50%,transparent 100%)}.service-shimmer--green{background:linear-gradient(90deg,transparent 0%,rgba(34,197,94,.08) 50%,transparent 100%)}@keyframes service-shimmer-anim{0%,to{left:-100%}50%{left:100%}}@keyframes service-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes service-modal-slide-up{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes service-modal-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.service-spinner{animation:service-modal-spin 1s linear infinite}.location-card{position:relative;aspect-ratio:16 / 10;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--shadow-md);transition:all var(--duration-slow) var(--ease-out)}.location-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.location-card-image-bg{position:absolute;inset:0;z-index:0}.location-card-image-bg img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.16,1,.3,1),filter .4s ease}.location-card:hover .location-card-image-bg img{transform:scale(1.05);filter:brightness(1.1)}.location-card-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#282828,#141414);display:flex;align-items:center;justify-content:center;color:var(--color-text-disabled)}.location-card-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#0000001a,#0000004d,#000000a6);transition:opacity var(--duration-slow) var(--ease-out)}.location-card:hover .location-card-overlay{opacity:.7}.location-card-rush-badge{position:absolute;top:12px;right:12px;z-index:3;background:var(--barrett-red);color:#fff;font-family:Sora,sans-serif;font-size:.7rem;font-weight:600;padding:.4rem .75rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.35rem;box-shadow:0 2px 8px #0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.location-card-rush-dot{width:6px;height:6px;background:#fff;border-radius:50%;animation:pulse-rush 1.5s ease-in-out infinite}@keyframes pulse-rush{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.location-card-coming-soon-badge{position:absolute;top:12px;right:12px;z-index:3;background:#fff3;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);color:#fff;font-family:Sora,sans-serif;font-size:.65rem;font-weight:600;padding:.35rem .75rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;box-shadow:0 2px 8px #0003}.location-card-coming-soon{cursor:default}.location-card-coming-soon .location-card-image-bg{filter:grayscale(50%)}.location-card-coming-soon .location-card-overlay{opacity:.65}.location-card-coming-soon:hover{transform:none;box-shadow:var(--shadow-md)}.location-card-coming-soon:hover .location-card-image-bg img,.location-card-coming-soon:hover .location-card-image-bg .location-card-placeholder{transform:none}.location-card-coming-soon:hover .location-card-overlay{opacity:.65}.location-card-coming-soon:hover .location-card-name{transform:none}.location-card-name{position:relative;z-index:2;font-family:Sora,sans-serif;font-size:1.375rem;font-weight:700;color:#fff;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.5);padding:0 1.5rem;margin:0;transition:transform var(--duration-slow) var(--ease-out);letter-spacing:-.02em}.location-card:hover .location-card-name{transform:translateY(-4px)}.location-card-hours-pill{position:absolute;bottom:12px;left:50%;transform:translate(-50%);z-index:3;background:#0006;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--color-border-hover);padding:.5rem 1.25rem;border-radius:var(--radius-full);font-family:Outfit,sans-serif;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:transform var(--duration-slow) var(--ease-out),background var(--duration-slow) var(--ease-out)}.location-card:hover .location-card-hours-pill{background:#00000080;transform:translate(-50%) translateY(-2px)}.location-card-hours-pill.is-open{color:#a7f3d0}.location-card-hours-pill.is-closed{color:#fecaca}.location-card-status-dot{width:8px;height:8px;border-radius:50%}.location-card-hours-pill.is-open .location-card-status-dot{background:#34d399;box-shadow:0 0 8px #34d39999}.location-card-hours-pill.is-closed .location-card-status-dot{background:#f87171;box-shadow:0 0 8px #f8717199}.location-list{display:flex;flex-direction:column;gap:1rem}.location-list-title{font-family:Sora,sans-serif;font-size:1.125rem;font-weight:600;color:var(--color-off-white);margin-bottom:.5rem;letter-spacing:-.02em}.location-list-items{display:flex;flex-direction:column;gap:1rem;padding-bottom:1.5rem}.location-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--color-text-muted);text-align:center}.location-list-empty svg{margin-bottom:1rem}.location-hero{position:relative;height:200px;min-height:140px;max-height:200px;border-radius:0 0 var(--radius-xl) var(--radius-xl);overflow:hidden;margin:-1rem -1rem 1rem;flex-shrink:0}.location-hero-image{position:absolute;inset:0;z-index:0}.location-hero-image img{width:100%;height:100%;object-fit:cover;filter:blur(2px);transform:scale(1.05)}.location-hero-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,#00000073,#0000008c,#000000bf)}.location-hero-back{position:absolute;top:1rem;left:1rem;z-index:3;background:#00000073;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:50%;width:42px;height:42px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffe6;transition:all var(--duration-normal) var(--ease-out)}.location-hero-back:hover{background:#000000a6;color:#fff}.location-hero-content{position:absolute;bottom:1rem;left:1rem;right:1rem;z-index:2}.location-hero-name{font-family:Sora,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);margin:0;letter-spacing:-.02em}.location-hero-no-image{background:linear-gradient(135deg,#8b1a1f4d,#00000080)}.location-image-responsive{flex-shrink:1;min-height:60px;max-height:15vh;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:1rem}.location-image-responsive img{width:100%;height:100%;object-fit:cover}.service-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.service-option{background:var(--color-surface-card);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-align:center}.service-option:hover{border-color:var(--color-border-hover);background:var(--color-surface-hover)}.service-option-selected{border-color:#8b1a1f99;background:#8b1a1f14;box-shadow:0 0 0 1px #8b1a1f26,0 4px 12px #8b1a1f1a}.service-option-icon{width:56px;height:56px;margin:0 auto 1rem;color:var(--color-text-secondary);transition:color var(--duration-normal) var(--ease-out)}.service-option-selected .service-option-icon{color:var(--color-crimson)}.service-option-name{font-family:Sora,sans-serif;font-size:1rem;font-weight:600;color:var(--color-off-white);margin-bottom:.25rem;letter-spacing:-.02em}.service-option-price{font-size:.875rem;color:var(--color-text-secondary)}.calendar-picker{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.calendar-month{font-family:Sora,sans-serif;font-size:1rem;font-weight:700;color:var(--color-off-white);letter-spacing:-.02em}.calendar-nav{display:flex;gap:.5rem}.calendar-nav-btn{width:34px;height:34px;border-radius:var(--radius-sm);background:var(--color-border-subtle);border:1px solid var(--color-border);color:var(--color-off-white);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) var(--ease-out)}.calendar-nav-btn:hover:not(:disabled){background:var(--color-surface-active)}.calendar-nav-btn:disabled{opacity:.3;cursor:not-allowed}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.25rem}.calendar-day-header{text-align:center;font-size:.75rem;font-weight:500;color:var(--color-text-muted);padding:.5rem}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:.875rem;color:var(--color-off-white);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.calendar-day:hover:not(.calendar-day-disabled):not(.calendar-day-empty){background:var(--color-surface-active)}.calendar-day-selected{background:var(--barrett-red);color:var(--color-off-white);box-shadow:0 2px 8px #8b1a1f4d}.calendar-day-disabled{color:var(--color-text-disabled);cursor:not-allowed}.calendar-day-empty{cursor:default}.calendar-day-today{border:1px dashed rgba(139,26,31,.6)}.calendar-picker-responsive{display:flex;flex-direction:column;background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:.75rem}.calendar-picker-responsive .calendar-header{margin-bottom:.5rem;flex-shrink:0}.calendar-picker-responsive .calendar-month{font-size:.9rem}.calendar-picker-responsive .calendar-nav-btn{width:28px;height:28px}.calendar-grid-responsive{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-grid-responsive .calendar-day-header{padding:.25rem;font-size:.65rem}.calendar-day-responsive{display:flex;align-items:center;justify-content:center;font-size:.875rem;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) var(--ease-out);color:var(--color-off-white);padding:.5rem 0}.calendar-day-responsive:hover:not(.calendar-day-disabled):not(.calendar-day-empty){background:var(--color-surface-active)}.calendar-day-responsive.calendar-day-selected{background:var(--barrett-red);color:var(--color-off-white);box-shadow:0 2px 8px #8b1a1f4d}.calendar-day-responsive.calendar-day-disabled{color:var(--color-text-disabled);cursor:not-allowed}.calendar-day-responsive.calendar-day-today{border:1px dashed rgba(139,26,31,.6)}.calendar-day-booked{position:relative}.calendar-day-booked:after{content:"";position:absolute;bottom:3px;left:50%;transform:translate(-50%);width:5px;height:5px;background:var(--color-crimson);border-radius:50%}.calendar-day-responsive.calendar-day-booked{color:#f0f0f04d;cursor:not-allowed}.location-picker-grid{display:flex;flex-direction:column;gap:.5rem}.location-picker-item{padding:.875rem 1rem;background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.location-picker-item:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.location-picker-item-selected{background:#8b1a1f1f;border-color:#8b1a1f80}.location-picker-item-selected:hover{background:#8b1a1f2e;border-color:#8b1a1f99}.location-picker-name{font-weight:500;font-size:.9rem;color:var(--color-off-white);margin-bottom:.25rem}.location-picker-address{font-size:.75rem;color:var(--color-text-secondary)}@media(max-width:480px){.service-modal-content{max-width:100%!important;max-height:95vh!important;border-radius:18px 18px 0 0!important;margin-top:auto;position:fixed;bottom:0;left:0;right:0}.service-modal-content:before{content:"";display:block;width:36px;height:4px;background:#fff3;border-radius:2px;margin:.75rem auto 0}}.push-notification-toggle{display:flex;align-items:center;gap:.5rem}.push-notification-button{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:var(--radius-sm);background:var(--color-border-subtle);border:1px solid var(--color-border);color:var(--color-text-secondary);font-family:Outfit,sans-serif;font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.push-notification-button:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-border-hover);color:var(--color-off-white)}.push-notification-button:disabled{opacity:.5;cursor:not-allowed}.push-notification-button.push-notification-active{background:#8b1a1f1f;border-color:#8b1a1f59;color:#ef9a9a}.push-notification-button.push-notification-active:hover:not(:disabled){background:#8b1a1f33;border-color:#8b1a1f80}.push-notification-icon{display:flex;align-items:center;justify-content:center}.push-notification-label{white-space:nowrap}.push-notification-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.push-notification-error{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--color-red-bg);color:var(--color-red);font-size:.625rem;font-weight:700;cursor:help}.push-notification-unsupported,.push-notification-denied{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;color:var(--color-text-muted);font-family:Outfit,sans-serif;font-size:.75rem}.push-notification-unsupported .push-notification-icon,.push-notification-denied .push-notification-icon{opacity:.5}.push-notification-clickable{background:transparent;border:none;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.push-notification-clickable:hover{color:var(--color-text-secondary)}.push-notification-clickable:hover .push-notification-icon{opacity:.7}.notification-setup-modal{max-width:440px}.notification-setup-body{padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.setup-section{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.125rem}.setup-section-header{display:flex;align-items:flex-start;gap:.75rem}.setup-section-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#8b1a1f1a;border-radius:var(--radius-lg);color:#ef9a9a;flex-shrink:0}.setup-section-title{flex:1;min-width:0}.setup-section-title h3{font-family:Sora,sans-serif;font-size:1rem;font-weight:600;color:var(--color-off-white);margin:0;letter-spacing:-.02em}.setup-section-title p{font-family:Outfit,sans-serif;font-size:.8125rem;color:var(--color-text-secondary);margin:.125rem 0 0}.setup-section-status{flex-shrink:0}.status-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.3rem .625rem;border-radius:var(--radius-sm);font-family:Outfit,sans-serif;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-tag.status-enabled{background:#22c55e26;color:#4ade80}.status-tag.status-blocked{background:#ef444426;color:#f87171}.status-tag.status-off{background:var(--color-border-subtle);color:var(--color-text-muted)}.setup-section-content{margin-top:.875rem;padding-top:.875rem;border-top:1px solid var(--color-border-subtle)}.setup-success-text{font-family:Outfit,sans-serif;font-size:.875rem;color:var(--color-text-secondary);margin:0}.setup-instructions{display:flex;flex-direction:column;gap:.75rem}.setup-instruction-intro{font-family:Outfit,sans-serif;font-size:.875rem;color:var(--color-text-secondary);margin:0}.setup-instruction-box{background:#0003;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:.875rem}.setup-instruction-box h4{font-family:Outfit,sans-serif;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 .5rem}.setup-instruction-box ol{margin:0;padding-left:1.25rem;display:flex;flex-direction:column;gap:.375rem}.setup-instruction-box li{font-family:Outfit,sans-serif;font-size:.8125rem;color:var(--color-text-secondary);line-height:1.4}.setup-action{display:flex;flex-direction:column;gap:.75rem}.setup-action p{font-family:Outfit,sans-serif;font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.setup-enable-btn,.setup-install-btn{width:100%;padding:.625rem 1rem;font-size:.875rem}.admin-layout{display:flex;min-height:100vh;position:relative;z-index:1}.admin-sidebar{width:260px;background:#0c0c0c;border-right:1px solid var(--color-border);padding:1.5rem;position:fixed;top:0;left:0;bottom:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-track{background:transparent}.admin-sidebar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.admin-sidebar::-webkit-scrollbar-thumb:hover{background:#8b1a1f66}.admin-sidebar-logo{font-family:Sora,sans-serif;font-size:1.125rem;font-weight:600;color:var(--color-off-white);margin-bottom:2.5rem;padding-bottom:1.25rem;border-bottom:1px solid var(--color-border);letter-spacing:-.02em}.admin-sidebar-nav{display:flex;flex-direction:column;gap:.375rem}.admin-nav-item{display:flex;align-items:center;gap:.875rem;padding:.75rem 1rem;border-radius:var(--radius-sm);color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;font-family:Outfit,sans-serif;font-size:.875rem;font-weight:500;transition:all var(--duration-normal) var(--ease-out);width:100%;text-align:left;position:relative}.admin-nav-item:hover{background:var(--color-border-subtle);color:var(--color-off-white)}.admin-nav-item-active{background:#8b1a1f1f;color:var(--color-off-white);border-left:3px solid var(--color-crimson);font-weight:600}.admin-main{flex:1;margin-left:260px;padding:2rem;max-width:1400px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;transition:all var(--duration-normal) var(--ease-out)}.stat-card:hover{border-color:var(--color-border-hover);transform:translateY(-1px)}.stat-card-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem}.stat-card-value{font-family:Sora,sans-serif;font-size:2rem;font-weight:600;color:var(--color-off-white);letter-spacing:-.02em}.admin-table-container{background:#ffffff05;border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:.875rem 1rem;font-size:.6875rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--color-border);background:#ffffff05}.admin-table td{padding:.875rem 1rem;font-size:.875rem;color:var(--color-off-white);border-bottom:1px solid var(--color-border-subtle)}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--color-surface-hover)}.admin-select{width:auto;padding:.5rem .75rem;font-family:Outfit,sans-serif;font-size:.875rem;color:var(--color-off-white);background:#1e1e1ef2;border:1px solid var(--color-border-hover);border-radius:var(--radius-sm);cursor:pointer;outline:none;transition:all var(--duration-normal) var(--ease-out)}.admin-select:hover{border-color:var(--color-border-active);background:#282828f2}.admin-select:focus{border-color:#8b1a1f80;box-shadow:0 0 0 2px #8b1a1f26}.admin-select option{background:#1e1e1e;color:var(--color-off-white);padding:.5rem}.admin-select-sm{padding:.375rem .5rem;font-size:.75rem}.operations-page{max-width:1200px}.operations-header{margin-bottom:1.5rem}.operations-header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.operations-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin-top:.25rem}.operations-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border);padding-bottom:1rem}.operations-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.operations-tab:hover{background:var(--color-surface-hover);color:var(--color-off-white);border-color:var(--color-border-hover)}.operations-tab-active{background:#8b1a1f26;border-color:var(--color-crimson);color:var(--color-off-white);box-shadow:0 2px 8px #8b1a1f26}.operations-tab-badge{background:#ffffff1f;color:var(--color-off-white);font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:10px;min-width:20px;text-align:center}.operations-tab-badge-urgent{background:var(--barrett-red);animation:pulse-badge 1.5s ease-in-out infinite}@keyframes pulse-badge{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}.operations-content{min-height:400px}.operations-loading{display:flex;flex-direction:column;gap:1rem}.live-queue-view{position:relative}.live-queue-tabs{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem;flex-wrap:wrap}.live-queue-tab{padding:.5rem 1rem;background:var(--color-border-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:Outfit,sans-serif;font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);display:flex;align-items:center;gap:.5rem}.live-queue-tab:hover{background:var(--color-surface-active);color:var(--color-off-white)}.live-queue-tab-active{background:#8b1a1f26;border-color:var(--color-crimson);color:var(--color-off-white)}.live-queue-acknowledge-all{margin-left:auto;padding:.375rem .75rem!important;font-size:.75rem!important}.tab-badge{background:#ffffff1f;color:var(--color-off-white);font-size:.65rem;font-weight:600;padding:.15rem .4rem;border-radius:var(--radius-sm);min-width:18px;text-align:center}.tab-badge-urgent{background:var(--barrett-red)}.live-queue-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.live-queue-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;background:#ffffff05;border:1px dashed var(--color-border-hover);border-radius:var(--radius-lg);text-align:center}.live-queue-empty svg{color:var(--color-text-muted);margin-bottom:1rem}.live-queue-empty p{font-family:Sora,sans-serif;font-size:1rem;font-weight:600;color:var(--color-off-white);margin-bottom:.25rem}.rush-alert-banner{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--barrett-red);color:var(--color-off-white);padding:.875rem 1.5rem;border-radius:var(--radius-lg);display:flex;align-items:center;gap:.75rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;box-shadow:var(--shadow-glow-red-lg);animation:slide-up-in var(--duration-slow) var(--ease-spring);z-index:50}.past-due-alert-banner{position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#ea580c 10%,#c2410c 90%);color:var(--color-off-white);padding:.875rem 1.5rem;border-radius:var(--radius-lg);display:flex;align-items:center;gap:.75rem;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:500;box-shadow:0 8px 32px #ea580c80;animation:slide-up-in var(--duration-slow) var(--ease-spring);z-index:50}@keyframes slide-up-in{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.order-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;position:relative;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.order-card:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.order-card-rush{border-left:3px solid var(--color-crimson);background:#8b1a1f0f}.order-card-rush:hover{background:#8b1a1f1a}.order-card-past-due{border-left:3px solid #ea580c;background:#ea580c0f}.order-card-past-due:hover{background:#ea580c1a}.order-card-past-due-badge{position:absolute;top:.75rem;right:.75rem;background:linear-gradient(135deg,#ea580c 10%,#c2410c 90%);color:#fff;font-size:.6rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;animation:pulse-past-due 1.5s ease-in-out infinite}@keyframes pulse-past-due{0%,to{opacity:1;box-shadow:0 0 #ea580c80}50%{opacity:.9;box-shadow:0 0 0 6px #ea580c00}}.order-card-new-badge{position:absolute;top:.75rem;right:.75rem;background:var(--barrett-red);color:#fff;font-size:.6rem;font-weight:700;padding:.2rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.05em;animation:pulse-new 1.5s ease-in-out infinite}@keyframes pulse-new{0%,to{opacity:1;box-shadow:0 0 #8b1a1f80}50%{opacity:.9;box-shadow:0 0 0 6px #8b1a1f00}}.order-card-type-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.order-card-type-badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.order-card-type-rush{background:var(--color-red-bg);color:var(--color-red-light);border:1px solid var(--color-red-border)}.order-card-type-planned{background:var(--color-surface-hover);color:var(--color-off-white);border:1px solid var(--color-border-hover)}.order-card-type-wash{background:var(--color-blue-bg);color:var(--color-blue-light);border:1px solid var(--color-blue-border)}.order-card-type-shine{background:var(--color-purple-bg);color:var(--color-purple-light);border:1px solid var(--color-purple-border)}.order-card-time{font-size:.7rem;color:var(--color-text-muted);margin-left:auto}.order-card-main{margin-bottom:.75rem}.order-card-vehicle{font-family:Sora,sans-serif;font-size:1rem;font-weight:600;color:var(--color-off-white);margin-bottom:.125rem;letter-spacing:-.02em}.order-card-customer{font-size:.8rem;color:var(--color-text-secondary)}.order-card-phone{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--color-text-secondary);margin-top:.25rem}.order-card-phone svg{flex-shrink:0;color:var(--color-text-muted)}.order-card-details{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.order-card-detail{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--color-text-secondary)}.order-card-detail svg{flex-shrink:0;color:var(--color-text-muted)}.order-card-status-row{padding-top:.75rem;border-top:1px solid var(--color-border)}.order-card-status-select{width:100%;padding:.5rem .75rem;font-family:Outfit,sans-serif;font-size:.8rem;color:var(--color-off-white);background:#1e1e1ef2;border:1px solid var(--color-border-hover);border-radius:var(--radius-sm);cursor:pointer;outline:none;transition:all var(--duration-normal) var(--ease-out)}.order-card-status-select:hover{border-color:var(--color-border-active);background:#282828f2}.order-card-status-select:focus{border-color:#8b1a1f80;box-shadow:0 0 0 2px #8b1a1f26}.upcoming-view{display:flex;flex-direction:column;gap:1.5rem}.upcoming-date-picker{display:flex;flex-direction:column;gap:.75rem}.upcoming-date-pills{display:flex;gap:.5rem;flex-wrap:wrap}.upcoming-date-pill{display:flex;flex-direction:column;align-items:center;padding:.625rem 1rem;background:var(--color-border-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);min-width:70px}.upcoming-date-pill:hover{background:var(--color-surface-active);border-color:var(--color-border-hover)}.upcoming-date-pill-active{background:#8b1a1f1f;border-color:var(--color-crimson)}.upcoming-date-pill-date{font-family:Outfit,sans-serif;font-size:.8rem;font-weight:500;color:var(--color-off-white)}.upcoming-date-pill-count{font-size:.7rem;color:var(--color-text-secondary);margin-top:.125rem}.upcoming-total{font-size:.8rem;color:var(--color-text-secondary)}.upcoming-no-dates{padding:1.5rem;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-text-secondary);text-align:center;font-size:.875rem}.upcoming-deliveries-title{font-family:Sora,sans-serif;font-size:1rem;font-weight:600;color:var(--color-off-white);margin-bottom:1rem;letter-spacing:-.02em}.upcoming-empty{padding:2rem;text-align:center}.upcoming-actions{display:flex;gap:.5rem}.history-view{display:flex;flex-direction:column;gap:1rem}.history-filters{display:flex;gap:.5rem}.history-filter-btn{padding:.5rem 1rem;background:var(--color-border-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:Outfit,sans-serif;font-size:.8rem;font-weight:500;cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.history-filter-btn:hover{background:var(--color-surface-active);color:var(--color-off-white)}.history-filter-btn-active{background:#8b1a1f26;border-color:var(--color-crimson);color:var(--color-off-white)}.pagination-controls{display:flex;align-items:center;justify-content:center;gap:1rem;padding:1rem 0;margin-top:.5rem}.pagination-controls button{padding:.5rem 1rem;font-size:.8rem}.pagination-controls button:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:var(--color-text-secondary);font-size:.85rem;font-weight:500;min-width:100px;text-align:center}.order-card-menu-container{position:relative;margin-left:auto}.order-card-menu-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:.375rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) var(--ease-out)}.order-card-menu-btn:hover{background:var(--color-surface-active);color:var(--color-off-white)}.order-card-menu-dropdown{position:absolute;top:100%;right:0;margin-top:.25rem;background:#141414fa;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-hover);border-radius:var(--radius-md);min-width:140px;box-shadow:var(--shadow-lg);z-index:20;overflow:hidden}.order-card-menu-item{width:100%;padding:.625rem 1rem;text-align:left;background:transparent;border:none;color:var(--color-off-white);font-family:Outfit,sans-serif;font-size:.8rem;font-weight:500;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.order-card-menu-item:hover{background:var(--color-surface-hover)}.order-card-menu-item-danger{color:var(--color-red-light)}.order-card-menu-item-danger:hover{background:#dc26261f}.order-card-action-btn{width:100%;padding:.625rem 1rem}.order-card-status-label{font-size:.8rem;color:var(--color-text-secondary);text-align:center;display:block;padding:.5rem 0;text-transform:capitalize}.order-card-created-time{font-size:.7rem;color:var(--color-text-muted);margin-bottom:.5rem}.order-card-vin{font-size:.7rem;font-weight:400;color:var(--color-text-secondary);margin-left:.5rem;font-family:Courier New,monospace}.order-card-early-pickup-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--color-green-bg);border:1px solid var(--color-green-border);border-radius:var(--radius-sm);color:var(--color-green);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;margin-right:.5rem}.modal-confirm{max-width:360px;padding:1.5rem}.modal-confirm h2{font-family:Sora,sans-serif;font-size:1.25rem;font-weight:600;color:var(--color-off-white);margin-bottom:.75rem;letter-spacing:-.02em}.modal-confirm p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:1.5rem}.modal-actions{display:flex;gap:.75rem}.modal-actions button{flex:1}.modal-status-change{max-width:360px}.modal-status-change h2{font-family:Sora,sans-serif;font-size:1.25rem;font-weight:600;color:var(--color-off-white);margin-bottom:.5rem;letter-spacing:-.02em}.modal-status-change p{font-size:.875rem;color:var(--color-text-secondary);margin-bottom:1rem}.status-options-grid{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.status-option-btn{padding:.75rem 1rem;text-align:left;background:var(--color-border-subtle);border:1px solid var(--color-border);border-radius:.5rem;color:var(--color-off-white);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-size:.875rem}.status-option-btn:hover:not(:disabled){background:var(--color-surface-active);border-color:var(--color-border-hover)}.status-option-btn:disabled{opacity:.5;cursor:not-allowed}.status-option-current{background:#a78bfa1a;border-color:#a78bfa4d}.status-option-selected{background:#a78bfa33;border-color:#a78bfa}.reorder-arrows{display:flex;flex-direction:column;gap:2px}.reorder-arrow-btn{display:flex;align-items:center;justify-content:center;width:24px;height:20px;background:transparent;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);cursor:pointer;padding:0;transition:all var(--duration-fast) var(--ease-out)}.reorder-arrow-btn:hover:not(:disabled){background:var(--color-surface-active);border-color:var(--color-border-hover);color:var(--color-off-white)}.reorder-arrow-btn:disabled{opacity:.25;cursor:not-allowed}.status-badge-warning{background:var(--color-amber-bg);color:var(--color-amber);border-color:var(--color-amber-border)}.sub-alert-panel{margin-bottom:1.5rem}.sub-alert-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.sub-alert-header-left{display:flex;align-items:center;gap:.5rem;font-family:Sora,sans-serif;font-size:.9rem;font-weight:600;color:var(--color-amber)}.sub-alert-header-left svg{color:var(--color-amber)}.sub-alert-count{background:var(--color-amber-bg);color:var(--color-amber);border:1px solid var(--color-amber-border);font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:10px;min-width:20px;text-align:center}.sub-alert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:.75rem}.sub-alert-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;transition:all var(--duration-normal) var(--ease-out)}.sub-alert-card:hover{border-color:var(--color-border-hover)}.sub-alert-card-past-due{border-left:3px solid #ea580c;background:#ea580c0a}.sub-alert-card-past-due:hover{background:#ea580c14}.sub-alert-card-cancelling{border-left:3px solid var(--color-amber);background:#f59e0b0a}.sub-alert-card-cancelling:hover{background:#f59e0b14}.sub-alert-card-canceled{border-left:3px solid var(--color-crimson);background:#8b1a1f0a}.sub-alert-card-canceled:hover{background:#8b1a1f14}.sub-alert-card-no-sub{border-left:3px solid #64748b;background:#64748b0f}.sub-alert-card-no-sub:hover{background:#64748b1a}.sub-alert-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.sub-alert-card-vehicle{display:flex;align-items:baseline;gap:.5rem;min-width:0}.sub-alert-card-name{font-family:Sora,sans-serif;font-size:.95rem;font-weight:600;color:var(--color-off-white);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub-alert-card-vin{font-size:.7rem;color:var(--color-text-muted);font-family:Courier New,monospace;flex-shrink:0}.sub-alert-card-plate{font-size:.75rem;color:var(--color-text-secondary);margin-bottom:.5rem}.sub-alert-badge{display:inline-flex;align-items:center;padding:.2rem .5rem;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.sub-alert-badge-past-due{background:linear-gradient(135deg,#ea580c 10%,#c2410c 90%);color:#fff}.sub-alert-badge-cancelling{background:var(--color-amber-bg);color:var(--color-amber);border:1px solid var(--color-amber-border)}.sub-alert-badge-canceled{background:var(--color-red-bg);color:var(--color-red-light);border:1px solid var(--color-red-border)}.sub-alert-badge-no-sub{background:#64748b26;color:#94a3b8;border:1px solid rgba(100,116,139,.3)}.sub-alert-card-details{display:flex;flex-wrap:wrap;gap:.625rem;margin-bottom:.625rem}.sub-alert-card-detail{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:var(--color-text-secondary)}.sub-alert-card-detail svg{flex-shrink:0;color:var(--color-text-muted)}.sub-alert-card-phone{text-decoration:none;color:var(--color-text-secondary);transition:color var(--duration-fast) var(--ease-out)}.sub-alert-card-phone:hover{color:var(--color-off-white)}.sub-alert-card-date{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:var(--color-text-muted);padding-top:.5rem;border-top:1px solid var(--color-border-subtle)}.sub-alert-card-date svg{flex-shrink:0}.admin-nav-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:.5rem;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--color-amber);color:#000;font-size:.625rem;font-weight:700;line-height:1}.admin-nav-badge-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;border-radius:50%;background:var(--color-amber)}:root{--admin-sidebar-width: 260px;--admin-sidebar-collapsed-width: 68px}.admin-nav-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-nav-label{white-space:nowrap}.admin-sidebar-logo-collapsed{font-family:Sora,sans-serif;font-size:1rem;font-weight:700;color:var(--color-crimson)}@media(max-width:767px){.admin-mobile-header{position:fixed;top:0;left:0;right:0;height:52px;background:#0c0c0cf2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);display:flex;align-items:center;padding:0 1rem;gap:1rem;z-index:1001}.admin-hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:transparent;border:none;cursor:pointer;padding:0;gap:5px}.admin-hamburger-line{display:block;width:20px;height:1.5px;background:var(--color-off-white);border-radius:1px;transition:all var(--duration-slow) var(--ease-out)}.admin-hamburger-line-open:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.admin-hamburger-line-open:nth-child(2){opacity:0}.admin-hamburger-line-open:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.admin-mobile-title{font-family:Sora,sans-serif;font-size:1rem;font-weight:600;color:var(--color-off-white);letter-spacing:-.02em}.admin-sidebar{transform:translate(-100%);transition:transform var(--duration-slow) var(--ease-out);z-index:1002;padding-top:3.5rem;background:#0c0c0cfa;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.admin-sidebar-open{transform:translate(0)}.admin-sidebar-close{position:absolute;top:1rem;right:1rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--color-border-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-normal) var(--ease-out)}.admin-sidebar-close:hover{background:var(--color-surface-active);color:var(--color-off-white)}.admin-sidebar-overlay{position:fixed;inset:0;background:#000000b3;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .2s ease}.admin-main-mobile{margin-left:0;padding-top:calc(52px + 1rem);padding-left:1rem;padding-right:1rem;padding-bottom:calc(1rem + env(safe-area-inset-bottom,0px));overflow-x:hidden}.admin-collapse-toggle{display:none}.admin-table-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch;max-width:100%;width:100%}.admin-table{min-width:600px}.admin-page-header{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:stretch!important;gap:1rem!important}.admin-page-header .page-title{margin-bottom:0}.admin-page-actions{display:flex!important;flex-direction:column!important;gap:.5rem;width:100%;max-width:100%}.admin-page-actions>*{width:100%;max-width:100%;box-sizing:border-box}.admin-page-actions .btn-primary,.admin-page-actions .btn-secondary,.admin-page-actions .admin-select,.admin-page-actions input[type=date]{width:100%;max-width:100%;justify-content:center}.admin-quick-filters{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -1rem;padding:0 1rem .5rem;display:flex;gap:.5rem}.admin-quick-filters button{flex-shrink:0}.live-queue-cards,.sub-alert-grid{grid-template-columns:1fr}}@media(min-width:768px)and (max-width:1023px){.admin-mobile-header{display:none}.admin-sidebar{width:var(--admin-sidebar-width);transition:width var(--duration-slow) var(--ease-out)}.admin-sidebar-collapsed{width:var(--admin-sidebar-collapsed-width);padding:1rem}.admin-sidebar-collapsed .admin-sidebar-logo{text-align:center;margin-bottom:1.5rem;padding-bottom:.75rem}.admin-sidebar-collapsed .admin-nav-item{justify-content:center;padding:.75rem}.admin-sidebar-collapsed .admin-nav-item-active{border-left:none;border-radius:8px}.admin-main{transition:margin-left var(--duration-slow) var(--ease-out)}.admin-main-expanded{margin-left:var(--admin-sidebar-collapsed-width)}.admin-collapse-toggle{position:absolute;bottom:1.5rem;right:-12px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#0c0c0c;border:1px solid var(--color-border-hover);border-radius:50%;color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);z-index:10}.admin-collapse-toggle:hover{background:var(--color-surface-active);color:var(--color-off-white);border-color:var(--color-border-active)}.admin-sidebar-close,.admin-sidebar-overlay{display:none}}@media(min-width:1024px){.admin-mobile-header,.admin-collapse-toggle,.admin-sidebar-close,.admin-sidebar-overlay{display:none}.admin-sidebar{width:var(--admin-sidebar-width)}.admin-main{margin-left:var(--admin-sidebar-width)}}.subscription-page{max-width:42rem;margin:0 auto}.subscription-heading{font-family:Sora,sans-serif;font-size:1.5rem;font-weight:600;color:var(--color-off-white);text-align:center;margin-bottom:1.5rem;letter-spacing:-.02em}.pricing-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;transition:all var(--duration-normal) var(--ease-out)}.pricing-card:hover{border-color:var(--color-border-hover)}.pricing-card-highlighted{background:#8b1a1f0f;border-color:#8b1a1f66;box-shadow:0 4px 20px #8b1a1f26}.pricing-card-highlighted:hover{border-color:#8b1a1f99}.pricing-badge{display:inline-block;background:var(--barrett-red);color:var(--color-off-white);font-size:.7rem;font-weight:600;padding:.25rem .625rem;border-radius:var(--radius-sm);margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.03em}.pricing-card h3{font-family:Sora,sans-serif;font-size:1.25rem;font-weight:600;color:var(--color-off-white);margin-bottom:.5rem;letter-spacing:-.02em}.pricing-price{margin-bottom:1rem}.pricing-price .amount{font-family:Sora,sans-serif;font-size:2.25rem;font-weight:700;color:var(--color-off-white);letter-spacing:-.03em}.pricing-price .period{color:var(--color-text-secondary);font-size:.875rem}.pricing-features{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:.625rem}.pricing-features li{display:flex;align-items:flex-start;font-size:.875rem;color:var(--color-off-white);line-height:1.5}.pricing-features li .check{color:#6ee7b7;margin-right:.5rem;flex-shrink:0}.status-card{background:var(--color-surface-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1.5rem}.status-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.875rem}.status-row:last-child{margin-bottom:0}.status-label{color:var(--color-text-secondary);font-size:.875rem}.status-value{color:var(--color-off-white);font-weight:500}.status-badge-active{background:var(--color-green-bg);color:var(--color-green-light);border:1px solid var(--color-green-border)}.status-badge-cancelling{background:var(--color-amber-bg);color:var(--color-amber-light);border:1px solid var(--color-amber-border)}.status-badge-trialing{background:var(--color-blue-bg);color:var(--color-blue-light);border:1px solid var(--color-blue-border)}.status-badge-past-due{background:var(--color-red-bg);color:var(--color-red-light);border:1px solid var(--color-red-border)}.status-badge-default{background:var(--color-surface-hover);color:var(--color-off-white);border:1px solid var(--color-border-hover)}.subscription-date{display:block;font-size:.75rem;color:var(--color-text-secondary);margin-top:.25rem}.subscription-date-canceling{color:var(--color-amber-light)}.subscription-required-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem;background:#ffffff05;border:1px dashed var(--color-border-hover);border-radius:var(--radius-lg)}.subscription-required-icon{width:64px;height:64px;border-radius:50%;background:var(--color-amber-bg);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem;color:var(--color-amber-light)}.subscription-required-state h3{font-family:Sora,sans-serif;font-size:1.125rem;font-weight:600;color:var(--color-off-white);margin-bottom:.5rem;letter-spacing:-.02em}.subscription-required-state p{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;max-width:280px;margin-bottom:1.5rem}.subscription-required-state .btn-primary{padding:.75rem 1.5rem}