:root{--theme-primary-50:#FAFAF5;--theme-primary-100:#FFD85F;--theme-primary-200:#FDB813;--theme-primary-300:#F5A623;--theme-primary-400:#8C5700;--theme-secondary-50:#F8F4F0;--theme-secondary-100:#E8DDD5;--theme-secondary-200:#D4C3B5;--theme-secondary-300:#B8A089;--theme-secondary-400:#2C1810;--theme-neutral-50:#FAFAF5;--theme-neutral-100:#D4D4D4;--theme-neutral-200:#3D3D3D;--theme-neutral-300:#242424;--theme-neutral-400:#1A1A1A;--theme-success:#4CAF50;--theme-warning:#F59E0B;--theme-error:#B91C1C;--theme-info:#60A5FA;--honey-50:var(--theme-primary-50);--honey-100:var(--theme-primary-100);--honey-200:var(--theme-primary-200);--honey-300:var(--theme-primary-300);--honey-400:var(--theme-primary-400);--hive-50:var(--theme-neutral-50);--hive-100:var(--theme-neutral-100);--hive-200:var(--theme-neutral-200);--hive-300:var(--theme-neutral-300);--hive-400:var(--theme-neutral-400);--status-success:var(--theme-success);--status-warning:var(--theme-warning);--status-error:var(--theme-error);--status-info:var(--theme-info);--admin-info-icon-size:1.25rem;--admin-info-icon-width:20px;--admin-info-icon-height:20px;--admin-spacing-xs:0.25rem;--admin-spacing-sm:0.5rem;--admin-spacing-md:0.75rem;--admin-spacing-lg:1rem;--admin-spacing-xl:1.5rem;--admin-bg-primary:var(--theme-neutral-50);--admin-bg-secondary:var(--theme-neutral-100);--admin-text:var(--theme-neutral-400);--admin-text-light:var(--theme-neutral-300);--admin-text-lighter:var(--theme-neutral-200);--admin-border:var(--theme-neutral-300);--admin-primary:var(--theme-primary-200);--admin-radius-sm:0.375rem;--admin-radius-md:0.5rem;--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-secondary:"Satoshi",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-default:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-default:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--transition-fast:0.15s ease;--transition-default:0.3s ease;--transition-slow:0.5s ease;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--primary:var(--theme-primary-200);--primary-dark:var(--theme-primary-300);--secondary:var(--theme-secondary-400);--text:var(--theme-neutral-300);--text-light:var(--theme-neutral-200);--bg-light:var(--theme-neutral-50);--border:var(--theme-neutral-100);--success:var(--theme-success);--warning:var(--theme-warning);--error:var(--theme-error)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.7}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--honey-200)}50%{box-shadow:0 0 20px var(--honey-200),0 0 30px var(--honey-200)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.glass-effect{backdrop-filter:blur(10px);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2)}.gradient-bg{background:rgba(253,184,19,.08)}.animate-float{animation:float 8s ease-in-out infinite}.animate-pulse-slow{animation:pulse-slow 6s ease-in-out infinite}.animate-slide-up{animation:slide-up .8s ease-out}.animate-glow{animation:glow 3s ease-in-out infinite alternate}.animate-shimmer{animation:shimmer 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-spin-slow{animation:spin 2s linear infinite}.animate-spin-fast{animation:spin .5s linear infinite}.animate-slideIn{animation:slideIn .3s ease-out}body{font-family:var(--font-primary);color:var(--hive-300);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-secondary);color:var(--hive-400);font-weight:var(--font-weight-bold);line-height:1.2}:focus{outline:2px solid var(--honey-200);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background-color:var(--honey-200);color:var(--white)}::-moz-selection{background-color:var(--honey-200);color:var(--white)}html.theme-light{--background:#ffffff;--foreground:var(--theme-neutral-400);--bg-light:var(--theme-neutral-50);--text:var(--theme-neutral-300);--text-light:#4a3426;--border:var(--theme-neutral-100);--card-bg:#ffffff;--card-shadow:0 1px 3px 0 rgba(0,0,0,0.1),0 1px 2px 0 rgba(0,0,0,0.06)}html.theme-dark{--theme-primary-50:#2A1F0A;--theme-primary-100:#4A3517;--theme-primary-200:#FFD85F;--theme-primary-300:#FDB813;--theme-primary-400:#F5A623;--theme-secondary-50:#1C1611;--theme-secondary-100:#2C1F17;--theme-secondary-200:#3D2A1E;--theme-secondary-300:#523829;--theme-secondary-400:#6B4834;--theme-neutral-50:#0A0A0A;--theme-neutral-100:#1A1A1A;--theme-neutral-200:#2A2A2A;--theme-neutral-300:#3A3A3A;--theme-neutral-400:#CCCCCC;--theme-success:#4ADE80;--theme-warning:#FBBF24;--theme-error:#F87171;--theme-info:#60A5FA;--primary:var(--theme-primary-200);--primary-dark:var(--theme-primary-300);--secondary:var(--theme-secondary-400);--background:var(--theme-neutral-50);--foreground:var(--theme-neutral-400);--bg-light:var(--theme-neutral-100);--text:var(--theme-neutral-400);--text-light:var(--theme-neutral-300);--border:var(--theme-neutral-300);--card-bg:var(--theme-neutral-100);--card-shadow:0 4px 6px -1px rgba(0,0,0,0.3),0 2px 4px -1px rgba(0,0,0,0.2);--admin-text-light:var(--theme-neutral-400);--admin-text-lighter:var(--theme-neutral-300)}html{transition:background-color .2s ease,color .2s ease}*{transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}html.theme-transitioning *{transition:none!important}html.theme-dark body{background:var(--theme-neutral-50)}html.theme-dark body,html.theme-dark h1,html.theme-dark h2,html.theme-dark h3,html.theme-dark h4,html.theme-dark h5,html.theme-dark h6{color:var(--theme-neutral-400)}html.theme-dark :focus{outline:2px solid var(--theme-primary-200);outline-offset:2px}html.theme-dark ::selection{background-color:var(--theme-primary-200);color:var(--theme-neutral-50)}html.theme-dark ::-moz-selection{background-color:var(--theme-primary-200);color:var(--theme-neutral-50)}
/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:host,:root{--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;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-2xl:42rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--leading-tight:1.25;--leading-relaxed:1.625;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--blur-sm:8px;--blur-xl:24px;--blur-3xl:64px;--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)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-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,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-4{top:calc(var(--spacing)*4)}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.bottom-0{bottom:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-16{margin-top:calc(var(--spacing)*16)}.mr-1{margin-right:calc(var(--spacing)*1)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-12{margin-bottom:calc(var(--spacing)*12)}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-3{margin-left:calc(var(--spacing)*3)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-1\.5{height:calc(var(--spacing)*1.5)}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-16{height:calc(var(--spacing)*16)}.h-24{height:calc(var(--spacing)*24)}.h-48{height:calc(var(--spacing)*48)}.h-full{height:100%}.min-h-64{min-height:calc(var(--spacing)*64)}.min-h-\[44px\]{min-height:44px}.min-h-screen{min-height:100vh}.w-1\.5{width:calc(var(--spacing)*1.5)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-24{width:calc(var(--spacing)*24)}.w-48{width:calc(var(--spacing)*48)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-md{max-width:var(--container-md)}.min-w-\[44px\]{min-width:44px}.flex-1{flex:1}.-translate-x-16{--tw-translate-x:calc(var(--spacing)*-16)}.-translate-x-16,.translate-x-16{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-x-16{--tw-translate-x:calc(var(--spacing)*16)}.-translate-y-16{--tw-translate-y:calc(var(--spacing)*-16)}.-translate-y-16,.translate-y-16{translate:var(--tw-translate-x)var(--tw-translate-y)}.translate-y-16{--tw-translate-y:calc(var(--spacing)*16)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-pulse{animation:var(--animate-pulse)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.resize{resize:both}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-1>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*1)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-red-200{border-color:var(--color-red-200)}.border-red-400{border-color:var(--color-red-400)}.border-t-transparent{border-top-color:#0000}.bg-\[var\(--background\)\]{background-color:var(--background)}.bg-\[var\(--card-bg\)\]{background-color:var(--card-bg)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-white{background-color:var(--color-white)}.bg-white\/60{background-color:#fff9}@supports (color:color-mix(in lab,red,red)){.bg-white\/60{background-color:color-mix(in oklab,var(--color-white)60%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab}.bg-gradient-to-br,.bg-gradient-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab}.via-white{--tw-gradient-via:var(--color-white);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-8{padding-top:calc(var(--spacing)*8)}.pt-12{padding-top:calc(var(--spacing)*12)}.pt-16{padding-top:calc(var(--spacing)*16)}.pr-3{padding-right:calc(var(--spacing)*3)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.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))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.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)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.opacity-5{opacity:.05}.opacity-50{opacity:.5}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-lg{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}.shadow-md,.shadow-sm{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px)}.blur,.blur-3xl{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,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl))}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm))}.backdrop-blur-sm,.backdrop-blur-xl{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl))}.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,visibility,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))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-gray-600:hover{background-color:var(--color-gray-600)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-white\/80:hover{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/80:hover{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.hover\:shadow-lg:hover,.hover\:shadow-xl:hover{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.active\:bg-white\/90:active{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.active\:bg-white\/90:active{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (hover:hover){.disabled\:hover\:scale-100:disabled:hover{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y)}}@media (min-width:40rem){.sm\:mt-16{margin-top:calc(var(--spacing)*16)}.sm\:mb-4{margin-bottom:calc(var(--spacing)*4)}.sm\:mb-6{margin-bottom:calc(var(--spacing)*6)}.sm\:mb-8{margin-bottom:calc(var(--spacing)*8)}.sm\:mb-12{margin-bottom:calc(var(--spacing)*12)}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:h-5{height:calc(var(--spacing)*5)}.sm\:h-6{height:calc(var(--spacing)*6)}.sm\:h-12{height:calc(var(--spacing)*12)}.sm\:h-20{height:calc(var(--spacing)*20)}.sm\:h-96{height:calc(var(--spacing)*96)}.sm\:w-5{width:calc(var(--spacing)*5)}.sm\:w-6{width:calc(var(--spacing)*6)}.sm\:w-12{width:calc(var(--spacing)*12)}.sm\:w-96{width:calc(var(--spacing)*96)}.sm\:-translate-x-32{--tw-translate-x:calc(var(--spacing)*-32)}.sm\:-translate-x-32,.sm\:translate-x-32{translate:var(--tw-translate-x)var(--tw-translate-y)}.sm\:translate-x-32{--tw-translate-x:calc(var(--spacing)*32)}.sm\:-translate-y-32{--tw-translate-y:calc(var(--spacing)*-32)}.sm\:-translate-y-32,.sm\:translate-y-32{translate:var(--tw-translate-x)var(--tw-translate-y)}.sm\:translate-y-32{--tw-translate-y:calc(var(--spacing)*32)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:gap-6{gap:calc(var(--spacing)*6)}:where(.sm\:space-y-0>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*0)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*0)*calc(1 - var(--tw-space-y-reverse)))}:where(.sm\:space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.sm\:space-x-8>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*8)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*8)*calc(1 - var(--tw-space-x-reverse)))}.sm\:p-6{padding:calc(var(--spacing)*6)}.sm\:px-0{padding-inline:calc(var(--spacing)*0)}.sm\:px-6{padding-inline:calc(var(--spacing)*6)}.sm\:py-2\.5{padding-block:calc(var(--spacing)*2.5)}.sm\:py-12{padding-block:calc(var(--spacing)*12)}.sm\:pt-20{padding-top:calc(var(--spacing)*20)}.sm\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.sm\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.sm\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}}@media (min-width:64rem){.lg\:px-8{padding-inline:calc(var(--spacing)*8)}.lg\:text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}}}:root{--primary-light:#fdb8131a;--primary-light-hover:#fdb81333;--white:#fff;--border-light:#d4d4d44d;--background:#fff;--foreground:var(--hive-400);--z-base:1;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080;--z-loading-overlay:9999}body{background:var(--bg-light);color:var(--text)}.dashboard-home *,.dashboard-home :after,.dashboard-home :before{box-sizing:border-box}.min-h-screen{min-height:100vh}.auth-page-container{background:var(--bg-light);justify-content:center;align-items:center;min-height:100vh;padding:1.25rem;display:flex}.auth-card{background:#fff;border-radius:.5rem;max-width:28rem;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.auth-card-header{text-align:center;background:var(--bg-light);border-bottom:1px solid #e5e7eb;padding:1.25rem}.auth-card-body{padding:1.5rem}.brand-logo{font-size:1.875rem;font-weight:700;line-height:2.25rem}.brand-honey{color:var(--primary)}.brand-runs{color:var(--text)}.form-input{border:1px solid #d1d5db;border-radius:.375rem;width:100%;padding:.5rem 1rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #fdb8131a}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.375rem;width:100%;padding:.75rem 1rem;font-weight:500;transition:background-color .2s}.btn-primary:hover{background:var(--primary-dark)}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.link-primary{color:var(--primary);font-weight:500;text-decoration:none;transition:color .2s}.link-primary:hover{color:var(--primary-dark)}.vehicle-detail-page{isolation:isolate}.vehicle-detail-page *,.vehicle-detail-page :after,.vehicle-detail-page :before{box-sizing:border-box}html.theme-dark .auth-page-container{background:var(--theme-neutral-50)}html.theme-dark .auth-card-header{background:var(--theme-neutral-200);border-bottom:1px solid var(--theme-neutral-300)}html.theme-dark .form-input{background:var(--theme-neutral-100);border:1px solid var(--theme-neutral-300);color:var(--theme-neutral-400)}html.theme-dark .form-input:focus{border-color:var(--theme-primary-200);box-shadow:0 0 0 3px #ffd85f1a}html.theme-dark .btn-primary{background:var(--theme-primary-200);color:var(--theme-neutral-50)}html.theme-dark .btn-primary:hover{background:var(--theme-primary-300)}html.theme-dark .link-primary{color:var(--theme-primary-200)}html.theme-dark .link-primary:hover{color:var(--theme-primary-300)}html.theme-dark .brand-honey{color:var(--theme-primary-200)}html.theme-dark .brand-runs{color:var(--theme-neutral-400)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@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-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}:root{--honey-primary:var(--theme-primary-200,#FDB813);--honey-secondary:color-mix(in srgb,var(--theme-primary-200,#FDB813) 10%,transparent);--honey-tertiary:color-mix(in srgb,var(--theme-primary-200,#FDB813) 20%,transparent);--honey-quaternary:color-mix(in srgb,var(--theme-primary-200,#FDB813) 5%,transparent);--honey-spinner-small:40px;--honey-spinner-medium:60px;--honey-spinner-large:80px;--honey-spin-duration:1s;--honey-spin-duration-slow:2s;--honey-spin-duration-fast:1.5s}html.theme-dark{--honey-primary:var(--theme-primary-200,#FFD85F);--honey-secondary:color-mix(in srgb,var(--theme-primary-200,#FFD85F) 15%,transparent);--honey-tertiary:color-mix(in srgb,var(--theme-primary-200,#FFD85F) 25%,transparent);--honey-quaternary:color-mix(in srgb,var(--theme-primary-200,#FFD85F) 8%,transparent)}.honey-spinner{display:inline-block;border-radius:50%;border:4px solid var(--honey-secondary);border-top-color:var(--honey-primary);animation:honey-spin var(--honey-spin-duration) linear infinite;margin-bottom:1rem}.honey-spinner,.honey-spinner.small{width:var(--honey-spinner-small);height:var(--honey-spinner-small);box-sizing:content-box!important}.honey-spinner.small{margin:0 auto}.honey-spinner.medium{width:var(--honey-spinner-medium);height:var(--honey-spinner-medium);box-sizing:content-box!important}.honey-spinner.large{width:var(--honey-spinner-large);height:var(--honey-spinner-large);box-sizing:content-box!important}@keyframes honey-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader{flex-direction:column;padding:3rem 2rem;background-color:var(--card-bg);border-radius:10px;box-shadow:var(--card-shadow)}.loader,.loading-page{display:flex;align-items:center;justify-content:center}.loading-page{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--background);opacity:.9;z-index:9999}.loading-page.full-screen{background-color:var(--background);opacity:.95}.loading-page.transparent{background-color:transparent}.loading-container{flex-direction:column;background-color:var(--card-bg);border-radius:10px;padding:2rem}.loading-message{margin:0;font-size:1rem;color:var(--text);text-align:center}.app-loader-content{background-color:transparent;border-radius:0;padding:20px;text-align:center;box-shadow:none}.honey-spinner,.honey-spinner *{box-sizing:content-box!important}*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.auth-page{min-height:100vh;background:#f8f9fa;background-image:radial-gradient(circle at 25% 25%,rgba(255,255,255,.3) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,255,255,.3) 0,transparent 50%);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .5s ease-in-out}.auth-card{background:white;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1);width:100%;max-width:520px;padding:50px 60px;text-align:center;animation:slideInUp .6s ease-out}.oauth-success-message,.oauth-verification-message{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #0ea5e9;border-radius:8px;padding:1.5rem;margin:2rem 0;text-align:center}.oauth-success-message h2,.oauth-verification-message h2{color:#0369a1;margin-bottom:.5rem;font-size:1.25rem}.oauth-success-message p,.oauth-verification-message p{color:#0369a1;margin:0;font-weight:500}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.auth-form{animation:fadeInForm .8s ease-out .2s both}.auth-form-group:first-child{animation:fadeInStagger .6s ease-out .3s both}.auth-form-group:nth-child(2){animation:fadeInStagger .6s ease-out .4s both}.auth-form-group:nth-child(3){animation:fadeInStagger .6s ease-out .5s both}.auth-button{animation:fadeInStagger .6s ease-out .6s both}.auth-bottom-link{animation:fadeInStagger .6s ease-out .7s both}@keyframes fadeInForm{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInStagger{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.auth-logo{font-size:32px;font-weight:600;margin-bottom:40px;letter-spacing:-.5px}.auth-logo .honey{color:#FDB813}.auth-logo .runs{color:#333}.auth-title{font-size:24px;font-weight:600;color:#333;margin-bottom:30px;margin-top:0}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-form-group{text-align:left}.auth-label{display:block;font-size:14px;font-weight:500;color:#666;margin-bottom:6px}.auth-input{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:4px;font-size:16px;background:white;transition:border-color .2s ease}.auth-input:focus{outline:none;border-color:#FDB813;box-shadow:0 0 0 2px rgba(253,184,19,.2)}.auth-input::placeholder{color:#999}.auth-select{width:100%;padding:12px 16px;border:1px solid #ddd;border-radius:4px;font-size:16px;background:white;cursor:pointer;transition:border-color .2s ease}.auth-select:focus{outline:none;box-shadow:0 0 0 2px rgba(253,184,19,.2)}.auth-select:focus,.auth-select:hover{border-color:#FDB813}.auth-checkbox-group{display:flex;align-items:center;gap:12px;text-align:left}.auth-checkbox{position:relative;width:20px;height:20px;appearance:none;border:2px solid #ddd;border-radius:4px;background:white;cursor:pointer;transition:all .2s ease}.auth-checkbox:checked{background:#FDB813;border-color:#FDB813}.auth-checkbox:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:white;font-size:14px;font-weight:700}.auth-checkbox:hover{border-color:#FDB813}.auth-checkbox:focus{outline:none;box-shadow:0 0 0 2px rgba(253,184,19,.2)}.auth-checkbox-label{font-size:14px;color:#666;cursor:pointer;line-height:1.4}.auth-button{width:100%;padding:12px;background:#FDB813;color:white;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;transform:translateY(0)}.auth-button:hover{background:#e9a400;cursor:pointer;transform:translateY(-2px);box-shadow:0 4px 12px rgba(253,184,19,.3)}.auth-button:active{transform:translateY(0);box-shadow:0 2px 6px rgba(253,184,19,.2)}.auth-button:disabled{background:#ccc;cursor:not-allowed;transform:translateY(0);box-shadow:none}.auth-loading{display:flex;align-items:center;justify-content:center;gap:8px}.auth-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:white;border-radius:50%;animation:spin 1s linear infinite}.auth-error{background:#fee;color:#c33}.auth-error,.auth-success{padding:12px;border-radius:4px;font-size:14px;margin-bottom:20px;text-align:center}.auth-success{background:#efe;color:#363}.auth-bottom-link{margin-top:20px;font-size:14px;color:#666}.auth-link{color:#FDB813;text-decoration:none;font-weight:500;cursor:pointer;transition:color .2s ease}.auth-link:hover{color:#e9a400;cursor:pointer;text-decoration:underline}.auth-success-page{max-width:500px}.auth-success-icon{font-size:48px;color:#28a745;margin-bottom:20px}.auth-success-title{font-size:24px;font-weight:600;color:#333;margin-bottom:16px}.auth-success-text{font-size:16px;color:#666;line-height:1.5;margin-bottom:24px}.auth-success-steps{background:#f8f9fa;border-radius:8px;padding:20px;margin-bottom:24px;text-align:left}.auth-success-steps h4{margin:0 0 12px;font-size:16px;color:#333}.auth-success-steps ol{margin:0;padding-left:20px;color:#666}.auth-success-steps li{margin-bottom:8px;line-height:1.4}.auth-button-secondary{background:white;color:#666;border:1px solid #ddd;margin-top:12px}.auth-button-secondary:hover{background:#f8f9fa}html.theme-dark .auth-page{background:var(--theme-neutral-50);background-image:radial-gradient(circle at 25% 25%,rgba(253,184,19,.05) 0,transparent 50%),radial-gradient(circle at 75% 75%,rgba(253,184,19,.05) 0,transparent 50%)}html.theme-dark .auth-card{background:var(--theme-neutral-100);border:1px solid var(--theme-neutral-300);box-shadow:0 4px 20px rgba(0,0,0,.3)}html.theme-dark .auth-label,html.theme-dark .auth-logo .runs,html.theme-dark .auth-title{color:var(--theme-neutral-400)}html.theme-dark .auth-input,html.theme-dark .auth-select{background:var(--theme-neutral-200);border:1px solid var(--theme-neutral-300);color:var(--theme-neutral-400)}html.theme-dark .auth-input:focus,html.theme-dark .auth-select:focus{border-color:var(--theme-primary-200);box-shadow:0 0 0 2px rgba(253,184,19,.2)}html.theme-dark .auth-input::placeholder{color:var(--theme-neutral-400)}html.theme-dark .auth-select:hover{border-color:var(--theme-primary-200)}html.theme-dark .auth-checkbox{background:var(--theme-neutral-200);border-color:var(--theme-neutral-300)}html.theme-dark .auth-checkbox:hover{border-color:var(--theme-primary-200)}html.theme-dark .auth-bottom-link,html.theme-dark .auth-checkbox-label,html.theme-dark .auth-success-text,html.theme-dark .auth-success-title{color:var(--theme-neutral-400)}html.theme-dark .auth-success-steps{background:var(--theme-neutral-200)}html.theme-dark .auth-success-steps h4,html.theme-dark .auth-success-steps li{color:var(--theme-neutral-400)}html.theme-dark .auth-button-secondary{background:var(--theme-neutral-200);color:var(--theme-neutral-400);border:1px solid var(--theme-neutral-300)}html.theme-dark .auth-button-secondary:hover{background:var(--theme-neutral-300)}@media (max-width:640px){.auth-card{max-width:450px;padding:40px 50px}}@media (max-width:480px){.auth-card{max-width:100%;padding:30px 25px}.auth-logo{font-size:28px}.auth-title{font-size:20px}}:root{--sidebar-width:260px;--sidebar-collapsed-width:70px;--header-height:70px;--sidebar-border:rgba(20,20,20,0.5)}html.theme-dark{--sidebar-border:rgba(255,255,255,0.1)}.main-layout{background-color:var(--theme-neutral-50);font-family:var(--font-primary)}.main-layout,.sidebar{display:flex;height:100vh}.sidebar{width:var(--sidebar-width);background:var(--theme-neutral-200);box-shadow:var(--shadow-default);flex-direction:column;position:fixed;z-index:var(--z-fixed);transition:all .3s ease}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-toggle{position:absolute;top:20px;right:-12px;width:24px;height:24px;background:var(--theme-primary-200);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-default);z-index:var(--z-modal);border:none;color:#1a1a1a!important;transition:all .3s ease}.sidebar-toggle:hover{background:var(--theme-primary-300)}.sidebar.collapsed .sidebar-toggle{transform:rotate(0)}.sidebar.collapsed .sidebar-footer,.sidebar.collapsed .sidebar-nav .nav-link span:not(.nav-icon):not(.nav-item-collapsed){opacity:0;visibility:hidden}.sidebar.collapsed .nav-icon,.sidebar.collapsed .nav-item-collapsed{opacity:1;visibility:visible}.sidebar-header{padding:1.5rem;border-bottom:1px solid var(--sidebar-border);display:flex;justify-content:center;align-items:center;height:70px;box-sizing:border-box}.sidebar-logo-icon{width:32px;height:32px;margin:0 auto;display:block}.sidebar.collapsed .sidebar-header{padding:1.5rem 0;height:70px}.sidebar.collapsed .sidebar-header h2{display:none}.sidebar-header h2{font-size:1.5rem;font-weight:700;margin:0}.sidebar-header h2:before{content:"Honey";color:var(--primary)}.sidebar-header h2:after{content:"Runs";color:var(--white)}.sidebar-logo-container{display:flex;flex-direction:column;align-items:center;width:100%}.fullscreen-hint{font-size:.6rem;color:rgba(255,255,255,.3);text-align:center;margin-top:.75rem;font-weight:300;letter-spacing:.5px;text-transform:lowercase;line-height:1;white-space:nowrap}.sidebar-nav{flex:1;padding:1.5rem 0;overflow-y:auto}.sidebar-nav ul{list-style:none;padding:0;margin:0}.sidebar-nav li{margin-bottom:.5rem}.sidebar-nav .nav-link{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;color:rgba(255,255,255,1)!important;font-weight:500;transition:all .3s ease;height:48px;box-sizing:border-box;position:relative;text-decoration:none;min-width:0;overflow:visible}.sidebar.collapsed .nav-link{align-items:center;padding:.75rem;height:48px;overflow:visible}.sidebar.collapsed .nav-icon{margin:0;font-size:1.25rem;color:rgba(255,255,255,1)!important}.sidebar-nav .nav-link:hover{color:var(--theme-primary-200);background-color:rgba(253,184,19,.1)}.sidebar-nav .nav-link.active{color:var(--theme-primary-200);background-color:rgba(253,184,19,.15)}.sidebar-support{padding:.5rem 0;border-top:1px solid var(--sidebar-border)}.sidebar-support .nav-link{display:flex;align-items:center;padding:.75rem 1.5rem;color:rgba(255,255,255,1)!important;font-weight:500;transition:all .3s ease;text-decoration:none;height:48px;box-sizing:border-box;white-space:nowrap;overflow:hidden;gap:.75rem}.sidebar .sidebar-support .nav-icon{font-size:1.1rem;flex-shrink:0;color:rgba(255,255,255,1)!important}.sidebar-support .nav-link:hover{color:var(--theme-primary-200);background-color:rgba(253,184,19,.1)}.sidebar.collapsed .sidebar-support .nav-link{justify-content:center;padding:.75rem;height:48px;overflow:visible}.sidebar.collapsed .sidebar-support .nav-icon{margin:0;font-size:1.25rem;color:rgba(255,255,255,1)!important}.sidebar-footer{padding:1rem 1.5rem;border-top:1px solid var(--sidebar-border)}.sidebar-footer button{width:100%;background:none;border:none;color:var(--sidebar-text);padding:.75rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-weight:500;display:flex;align-items:center;justify-content:flex-start;gap:.75rem;height:48px;box-sizing:border-box;white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-footer button{justify-content:center;height:48px;overflow:visible}.sidebar-footer button:hover{color:var(--primary);background-color:rgba(253,184,19,.1)}.main-content{flex:1;margin-left:var(--sidebar-width);transition:margin-left .3s ease;position:relative}.main-content.collapsed{margin-left:var(--sidebar-collapsed-width)}.layout-loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1000}.layout-loading-overlay .loading-page{display:flex;justify-content:center;align-items:center;height:100vh}.layout-loading-overlay .loading-container{text-align:center}.layout-loading-overlay .loading-message{margin-top:1rem;font-size:1.1rem;font-weight:500;color:white}main{padding:2rem}main h1{font-size:2rem;font-weight:700;color:var(--text);margin-bottom:1.5rem}.card{border-radius:8px;transition:all .2s}.card-header{padding:1.5rem}.btn{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;transition:all .2s;font-size:.9rem}.mobile-menu-container{display:none;position:fixed;top:1rem;left:1rem;z-index:20}.top-bar-controls{position:fixed;top:1rem;right:1rem;z-index:15;display:flex;align-items:center;gap:.75rem}.user-profile-tab{cursor:grab}.user-profile-tab:active{cursor:grabbing}.user-tab-button{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:linear-gradient(145deg,#404040,#353535);border:1px solid rgba(253,184,19,.4);border-radius:10px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.1)}.user-tab-button:hover{box-shadow:0 6px 20px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.15);border-color:rgba(253,184,19,.6);background:linear-gradient(145deg,#454545,#3a3a3a);transform:translateY(-1px)}.user-tab-icon{font-size:1.25rem;color:rgba(253,184,19,.9);transition:color .2s ease}.user-tab-info{display:flex;flex-direction:column;min-width:0;align-items:flex-start}.user-tab-name{font-weight:600;color:rgba(255,255,255,.95);font-size:.925rem}.user-tab-company,.user-tab-name{white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.user-tab-company{font-size:.775rem;font-weight:400;color:rgba(255,255,255,.6);margin-top:.125rem}.dropdown-icon{transition:transform .2s ease;color:rgba(253,184,19,.7);font-size:1rem}.dropdown-icon.open{transform:rotate(180deg)}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:linear-gradient(145deg,#404040,#353535);border:1px solid rgba(253,184,19,.3);border-radius:10px;box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 0 1px rgba(255,255,255,.05);overflow:hidden;min-width:200px;animation:dropdownFade .3s ease-out;backdrop-filter:blur(10px)}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.user-dropdown-header{padding:1rem 1.125rem .875rem;border-bottom:1px solid rgba(253,184,19,.2);background:rgba(0,0,0,.1)}.user-dropdown-header .user-info{text-align:left}.user-dropdown-header strong{display:block;font-weight:600;color:rgba(255,255,255,.95);margin-bottom:.25rem;font-size:.95rem}.company-label{font-size:.825rem;color:rgba(255,255,255,.6);font-weight:400}.user-dropdown-menu{padding:.5rem 0}.dropdown-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1.125rem;background:none;border:none;text-align:left;cursor:pointer;transition:all .2s ease;color:rgba(255,255,255,.95);font-weight:500;text-decoration:none;font-size:.9rem}.dropdown-item:hover{background:linear-gradient(90deg,rgba(253,184,19,.15),rgba(253,184,19,.08));color:var(--white);transform:translateX(2px)}.dropdown-item:hover svg{color:rgba(253,184,19,1)}.dropdown-item:last-child{border-top:1px solid rgba(253,184,19,.2);margin-top:.25rem}.dropdown-item svg{font-size:1.125rem;flex-shrink:0;color:rgba(253,184,19,.8);transition:color .2s ease}.mobile-menu-toggle{display:flex;flex-direction:column;gap:.25rem;background:var(--dashboard-bg-primary);border:1px solid var(--dashboard-border-primary);border-radius:6px;padding:.75rem;cursor:pointer}.mobile-menu-toggle span{width:20px;height:2px;background:var(--text);transition:all .3s;border-radius:1px}.mobile-menu-toggle:hover span{background:var(--primary)}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.nav-item-content{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;overflow:hidden}.nav-item-content span:not(.nav-icon){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.sidebar .nav-icon{font-size:1.1rem;flex-shrink:0;color:rgba(255,255,255,1)!important}.sidebar .nav-link.active .nav-icon,.sidebar .nav-link:hover .nav-icon{color:var(--theme-primary-200)!important}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.mobile-menu-container{display:block}main{padding:1rem}table{font-size:.85rem}.shortcuts-grid{grid-template-columns:repeat(2,1fr)}.user-profile-tab{position:relative;top:auto;right:auto;margin-left:auto}.user-tab-name{display:none}}.feature-tag{font-size:.6rem;padding:.15rem .4rem;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:auto;white-space:nowrap;flex-shrink:0}.sidebar-nav .nav-link .feature-tag{flex-shrink:0;margin-left:.5rem}.beta-tag{background:rgba(34,197,94,.2);color:#16a34a}.alpha-tag{background:rgba(248,250,252,.6);color:#3b82f6;border:1px solid rgba(191,219,254,.4);position:relative;cursor:help;display:inline-flex;align-items:center;justify-content:center;text-align:center;line-height:1}.alpha-tag:hover:after{content:"Advanced feature in early access testing";position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#2563eb;color:white;padding:.75rem 1rem;border-radius:8px;font-size:.75rem;font-weight:500;white-space:normal;max-width:calc(100vw - 40px);text-align:center;box-shadow:0 10px 25px rgba(0,0,0,.15);z-index:99999;opacity:0;animation:tooltipFadeIn .2s ease-out forwards;pointer-events:none}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(5px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.sidebar.collapsed .feature-tag{display:none}.nav-item-collapsed{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.sidebar-footer button.collapsed .nav-item-collapsed{color:inherit}.sidebar .nav-item-collapsed .nav-icon{font-size:1.25rem;margin:0;color:rgba(255,255,255,1)!important}.sidebar.collapsed .nav-link{justify-content:center;text-align:center}.page-transition-container{transition:opacity .2s ease-in-out}.page-transition-placeholder{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--dashboard-bg-secondary);z-index:5;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--dashboard-text-secondary)}.time-animation{width:60px;height:60px;margin-left:1rem;position:relative;overflow:visible}.animation-icon,.time-animation{display:flex;align-items:center;justify-content:center;background:transparent}.animation-icon{font-size:3.5rem;z-index:2;width:100%;height:100%}.animation-info{display:flex;flex-direction:column;z-index:2}.animation-label{font-weight:600;font-size:1rem;letter-spacing:.5px}.time-morning{background:transparent;color:#784421}.time-morning .animation-icon{color:#ffdd00;animation:sunrise 6s infinite alternate;filter:drop-shadow(0 0 15px rgba(255,221,0,.6))}@keyframes sunrise{0%{transform:translateY(5px) scale(.9);opacity:.7;filter:drop-shadow(0 0 10px rgba(255,221,0,.4))}to{transform:translateY(-5px) scale(1.1);opacity:1;filter:drop-shadow(0 0 25px rgba(255,221,0,.8))}}.time-morning:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:150%;height:150%;background:radial-gradient(circle,rgba(255,213,79,.4) 0,rgba(255,213,79,0) 70%);border-radius:50%;z-index:1;animation:pulse-morning 8s ease-in-out infinite alternate;display:none}@keyframes pulse-morning{0%{opacity:.4;transform:translate(-50%,-50%) scale(.8)}to{opacity:.7;transform:translate(-50%,-50%) scale(1.2)}}.time-afternoon{background:transparent;color:#00838f}.time-afternoon .animation-icon{color:#0277bd;animation:waves 4s ease-in-out infinite;filter:drop-shadow(0 0 15px rgba(2,119,189,.6))}@keyframes waves{0%,to{transform:translateY(0) rotate(0deg);filter:drop-shadow(0 0 10px rgba(2,119,189,.4))}50%{transform:translateY(-10px) rotate(5deg);filter:drop-shadow(0 0 20px rgba(2,119,189,.8))}}.time-afternoon:before{bottom:-10px;height:20px;background:linear-gradient(90deg,transparent,rgba(128,222,234,.9),transparent);animation:wave-motion 8s linear infinite;opacity:.7}.time-afternoon:after,.time-afternoon:before{content:"";position:absolute;left:-30px;width:160%;z-index:1;border-radius:50%;display:none}.time-afternoon:after{bottom:0;height:15px;background:linear-gradient(90deg,transparent,rgba(0,188,212,.7),transparent);animation:wave-motion 10s linear .5s infinite;opacity:.5}@keyframes wave-motion{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.time-evening{background:transparent;color:#ffcc80}.time-evening .animation-icon{color:#ff8c42;animation:fireplace 4s ease-in-out infinite alternate;filter:drop-shadow(0 0 20px rgba(255,109,0,.8))}@keyframes fireplace{0%{transform:scale(.95);filter:drop-shadow(0 0 15px rgba(255,109,0,.6)) brightness(.95)}50%{transform:scale(1.02);filter:drop-shadow(0 0 25px rgba(255,109,0,.8)) brightness(1.05)}to{transform:scale(.98);filter:drop-shadow(0 0 20px rgba(255,109,0,.7)) brightness(1)}}.time-evening:before{width:120%;height:120%;background:radial-gradient(circle at center,rgba(255,109,0,.3) 10%,transparent 70%);z-index:1;animation:glow-evening 5s infinite alternate}.time-evening:after,.time-evening:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;display:none}.time-evening:after{width:180%;height:180%;background:radial-gradient(circle at center,rgba(255,61,0,.2) 0,transparent 70%);z-index:0;animation:glow-evening-outer 6s infinite alternate-reverse;filter:blur(8px)}@keyframes glow-evening{0%{opacity:.4;transform:translate(-50%,-50%) scale(.9)}to{opacity:.7;transform:translate(-50%,-50%) scale(1.1)}}@keyframes glow-evening-outer{0%{opacity:.3;transform:translate(-50%,-50%) scale(.8)}to{opacity:.5;transform:translate(-50%,-50%) scale(1.2)}}.time-evening .animation-icon:after{content:"";position:absolute;width:60%;height:30%;bottom:15%;left:20%;background:radial-gradient(ellipse at center,rgba(255,152,0,.4) 0,transparent 100%);filter:blur(5px);animation:flame-flicker 3s ease-in-out infinite alternate;z-index:-1}@keyframes flame-flicker{0%,to{opacity:.5;transform:scaleY(1)}25%{opacity:.7;transform:scaleY(1.1)}50%{opacity:.6;transform:scaleY(.95)}75%{opacity:.8;transform:scaleY(1.05)}}@media (max-width:768px){.time-animation{margin:0 auto}}:root{--dashboard-bg-primary:var(--card-bg,#ffffff);--dashboard-bg-secondary:var(--bg-light,#fafaf5);--dashboard-bg-tertiary:var(--theme-neutral-50,#fafaf5);--dashboard-text-primary:var(--text,#2c1810);--dashboard-text-secondary:var(--text-light,#4a3426);--dashboard-text-tertiary:var(--theme-neutral-300,#3a3a3a);--dashboard-border-primary:var(--border,#d4d4d4);--dashboard-border-secondary:var(--theme-neutral-200,#2a2a2a);--dashboard-primary:var(--theme-primary-200,#fdb813);--dashboard-primary-hover:var(--theme-primary-300,#f5a623);--dashboard-primary-light:rgba(253,184,19,0.06);--dashboard-primary-light-hover:rgba(253,184,19,0.12);--dashboard-shadow-sm:var(--card-shadow,0 1px 3px 0 rgba(0,0,0,0.1));--dashboard-shadow-md:0 4px 8px rgba(0,0,0,0.12);--dashboard-shadow-lg:0 8px 16px rgba(0,0,0,0.16);--dashboard-success:var(--theme-success,#4caf50);--dashboard-warning:var(--theme-warning,#f59e0b);--dashboard-error:var(--theme-error,#b91c1c);--dashboard-info:var(--theme-info,#60a5fa);--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--radius-sm:0.375rem;--radius-default:0.5rem;--radius-lg:0.75rem;--transition-default:all 0.2s cubic-bezier(0.4,0,0.2,1)}html.theme-dark{--dashboard-bg-primary:var(--theme-neutral-100,#1a1a1a);--dashboard-bg-secondary:var(--theme-neutral-50,#0a0a0a);--dashboard-bg-tertiary:var(--theme-neutral-200,#2a2a2a);--dashboard-text-primary:var(--theme-neutral-400,#cccccc);--dashboard-text-secondary:var(--theme-neutral-400,#cccccc);--dashboard-text-tertiary:var(--theme-neutral-300,#3a3a3a);--dashboard-border-primary:var(--theme-neutral-300,#3a3a3a);--dashboard-border-secondary:var(--theme-neutral-200,#2a2a2a);--dashboard-primary-light:rgba(255,216,95,0.1);--dashboard-primary-light-hover:rgba(255,216,95,0.15);--dashboard-shadow-sm:0 4px 6px -1px rgba(0,0,0,0.3),0 2px 4px -1px rgba(0,0,0,0.2);--dashboard-shadow-md:0 8px 16px rgba(0,0,0,0.4);--dashboard-shadow-lg:0 16px 24px rgba(0,0,0,0.5)}html.theme-dark .dashboard-home .action-button.maintenance-button,html.theme-dark .dashboard-home .action-button.maintenance-button:hover,html.theme-dark .dashboard-home .action-button:disabled,html.theme-dark .dashboard-home .action-button:disabled:hover{background-color:var(--theme-neutral-200)!important;border-color:var(--theme-neutral-300)!important;color:var(--theme-neutral-300)!important}.dashboard-home{width:100%;max-width:1600px;margin:0 auto;isolation:isolate;position:relative;z-index:var(--z-base)}.dashboard-header{display:block;padding:2.5rem 3rem 1.5rem;margin-bottom:1rem}.greeting-column h1{font-size:1.8rem;font-weight:700;margin:0 0 .25rem;color:var(--dashboard-text-primary);display:flex;align-items:center;gap:.75rem}.date-display{color:var(--dashboard-text-secondary);font-size:1.05rem;margin:0}.complete-profile-btn{margin-top:var(--spacing-4);width:auto!important;font-size:.9rem!important}.dashboard-home .greeting-container .date-display{color:var(--dashboard-text-secondary);font-size:1.05rem;line-height:1.4;margin-top:var(--spacing-1);margin-bottom:0;padding-top:0}@media (max-width:768px){.dashboard-header{align-items:stretch;gap:var(--spacing-2)}.greeting-column{flex-direction:column;align-items:center;text-align:center}.greeting-container h1{font-size:1.5rem;text-align:center}}@media (max-width:480px){.dashboard-home .greeting-container .date-display{margin-top:var(--spacing-2);padding-top:0}.greeting-container h1{font-size:1.25rem}}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.dashboard-left,.dashboard-right{display:flex;flex-direction:column;gap:2rem}.card{background:var(--dashboard-bg-primary);border-radius:12px;box-shadow:var(--dashboard-shadow-sm);overflow:hidden;transition:box-shadow .3s;border:1px solid var(--dashboard-border-primary)}.card:hover{box-shadow:var(--dashboard-shadow-md)}.card-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid var(--dashboard-border-primary)}.card-header h2{font-size:1.25rem;margin:0;color:var(--dashboard-text-primary);font-weight:600}.view-all{color:var(--dashboard-primary);font-size:.9rem;font-weight:500;text-decoration:none}.view-all:hover{text-decoration:underline}.view-all.no-connection{color:#6b7280;cursor:default;pointer-events:none}.view-all.no-connection:hover{text-decoration:none}.fleet-status{position:relative;overflow:hidden;margin-left:1.5rem}.card.fleet-status,.fleet-status{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}.card.fleet-status:hover{box-shadow:none!important}.fleet-overview{padding:var(--spacing-6)}.health-two-column{display:grid;grid-template-columns:1fr 2fr;gap:var(--spacing-8);align-items:center}.health-column:first-child{display:flex;justify-content:center;align-items:center}.health-score-ring{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3)}.ring-container{position:relative;display:flex;align-items:center;justify-content:center;width:180px;height:180px}.fleet-status .health-circle{width:auto!important;height:auto!important;border:none!important;background:transparent!important;border-radius:0!important;position:static!important;display:block!important}.health-score{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;z-index:10}.score-value{font-family:var(--font-secondary);font-size:2.25rem;font-weight:var(--font-weight-bold);color:var(--dashboard-text-primary);line-height:1;letter-spacing:-.02em}.score-unit{font-size:1rem;opacity:.8;position:absolute;top:-.5rem;right:-2.5rem}.health-label,.score-unit{font-weight:var(--font-weight-semibold);color:var(--dashboard-text-secondary)}.health-label{font-size:.875rem;text-transform:uppercase;letter-spacing:.5px;text-align:center}.health-metrics{display:flex;flex-direction:column;gap:var(--spacing-4)}.metric-item{background:transparent;border:none;padding:var(--spacing-5);position:relative;overflow:hidden}.metric-item,.no-data-message{border-radius:var(--radius-lg)}.no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12) var(--spacing-8);text-align:center;background:linear-gradient(135deg,rgba(253,184,19,.03),rgba(253,184,19,.01))}.no-data-message h3{font-family:var(--font-secondary);font-size:1.4rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4);color:var(--dashboard-text-primary);letter-spacing:-.01em}.connect-button{display:inline-flex;align-items:center;gap:var(--spacing-2);color:var(--dashboard-text-primary)!important;text-decoration:none!important;font-size:.95rem;padding:var(--spacing-2) var(--spacing-3);background:transparent;border:1px solid var(--dashboard-primary);border-radius:var(--radius-sm);transition:var(--transition-default);position:relative;overflow:hidden;box-shadow:none}.connect-button:focus,.connect-button:hover{background:var(--dashboard-primary);transform:translateY(-1px);color:var(--dashboard-bg-primary)!important;text-decoration:none!important;border-color:var(--dashboard-primary)}.connect-button.secondary{background:linear-gradient(135deg,var(--dashboard-bg-primary) 0,var(--dashboard-bg-secondary) 100%);color:var(--dashboard-text-primary);border:2px solid var(--dashboard-primary);box-shadow:var(--dashboard-shadow-sm)}.connect-button.secondary:hover{background:linear-gradient(135deg,var(--dashboard-bg-secondary) 0,var(--dashboard-bg-tertiary) 100%);color:var(--dashboard-primary);border-color:var(--dashboard-primary-hover);box-shadow:0 4px 15px rgba(253,184,19,.25)}.no-data-actions{display:flex;flex-direction:column;gap:var(--spacing-3);align-items:center;margin-top:var(--spacing-4)}.activity-feed{margin-left:1.5rem}.activity-feed,.card.activity-feed{background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important}.card.activity-feed:hover{box-shadow:none!important}.activity-feed .runs-list{display:flex;flex-direction:column;gap:var(--spacing-2);padding:.5rem 1rem 1.5rem}.dashboard-upcoming-runs .runCard.priority-high{width:95%!important}.dashboard-upcoming-runs .runCard.priority-medium{width:97.5%!important}.dashboard-upcoming-runs .runCard.priority-low{width:100%!important}.dashboard-upcoming-runs .runCard{min-height:44px!important;padding:8px 12px!important;gap:8px!important}.dashboard-upcoming-runs .runCard .runTitle{font-size:.9rem!important;line-height:1.3!important}.dashboard-upcoming-runs .runCard .runSecondaryInfo{font-size:.75rem!important;gap:4px!important}.dashboard-upcoming-runs .runCard .runContextInfo{min-width:100px!important;gap:2px!important}.dashboard-upcoming-runs .runCard .runVehicle{font-size:.75rem!important}.dashboard-upcoming-runs .runCard .priorityBadge{font-size:.6rem!important;padding:1px 4px!important}@media (max-width:1200px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width:768px){.health-two-column{grid-template-columns:1fr;gap:var(--spacing-8);text-align:center}.ring-container{width:100px;height:100px}.score-value{font-size:1.75rem}.fleet-overview{padding:var(--spacing-6)}.metric-item{padding:var(--spacing-5)}}html.theme-dark .connect-button{background:transparent!important;color:var(--theme-primary-200)!important;border:1px solid var(--theme-primary-200)!important}html.theme-dark .connect-button:focus,html.theme-dark .connect-button:hover{background:var(--theme-primary-200)!important;color:var(--theme-neutral-50)!important;border:1px solid var(--theme-primary-200)!important}:root{--primary:var(--theme-primary-200,#FDB813);--primary-dark:var(--theme-primary-300,#e9a400);--secondary:var(--theme-secondary-400,#2c1810);--text:var(--theme-neutral-300,#2c1810);--text-light:var(--theme-neutral-200,#4a3426);--text-lighter:var(--theme-neutral-300,#6b5444);--bg-light:var(--theme-neutral-50,#fffdf7);--white:var(--card-bg,#ffffff);--border:var(--theme-neutral-100,#e2e8f0);--border-light:var(--theme-neutral-100,#f0f0f0);--border-color:var(--theme-neutral-100,#e2e8f0);--border-color-light:var(--theme-neutral-100,#f0f0f0);--card-shadow:var(--shadow-sm,0 4px 6px rgba(0,0,0,0.05));--hover-shadow:var(--shadow-lg,0 10px 15px rgba(0,0,0,0.1));--success:var(--theme-success,#10b981);--warning:var(--theme-warning,#f59e0b);--error:var(--theme-error,#ef4444);--info:var(--theme-info,#3b82f6)}.fleet-page{max-width:100%;margin:0;padding:0;display:flex;flex-direction:column;height:100vh;overflow:hidden;background-color:var(--bg-light)}.fleet-page h1{font-size:1.8rem;font-weight:700;color:var(--text);margin-bottom:1.5rem}.loading-container{height:200px;border-radius:12px;box-shadow:var(--card-shadow)}.error-container,.no-connection-container{background-color:var(--white);border-radius:12px;padding:2rem;margin:1.5rem 0;text-align:center;box-shadow:var(--card-shadow);border:1px solid var(--error)}.error-message{font-size:1rem;font-weight:500}.connect-button{margin-top:1.25rem;padding:.75rem 1.25rem;background-color:var(--primary);color:var(--secondary);border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:var(--card-shadow)}.connect-button:hover{transform:translateY(-2px);box-shadow:var(--hover-shadow)}.connect-button:active{transform:translateY(0)}.fleet-content{display:flex;flex-direction:column;gap:0;height:100vh;overflow-y:auto;scroll-behavior:smooth;position:relative;padding:0;margin-top:0;background-color:var(--bg-light)}.fleet-page{opacity:0;animation:pageSlideIn .6s ease-out .1s both}@keyframes pageSlideIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.fleet-content .vehicle-map-container{transition:opacity .3s ease-in-out,transform .4s ease-out}.fleet-content .vehicle-list{opacity:0;transform:translateY(20px);animation:vehicleListSlideIn .7s ease-out .4s both}@keyframes vehicleListSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vehicle-cards-container .vehicle-card.compact{opacity:1;transform:none}.map-container[style*="opacity: 0"]{background:linear-gradient(90deg,#f0f0f0,#f8f8f8 50%,#f0f0f0);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.map-container,.map-controls,.scroll-indicator{will-change:opacity}.vehicle-map-container{position:relative;z-index:1;flex:0 0 auto;min-height:100vh;height:100vh;display:flex;flex-direction:column;margin:0;border-radius:0;width:100%;background:#f8f9fa;overflow:hidden;box-shadow:0 4px 6px rgba(0,0,0,.1);animation:mapContainerSlideIn .8s ease-out}@keyframes mapContainerSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.map-container{width:100%;height:100%;position:relative;overflow:hidden;border-radius:0;transition:all .3s ease;animation:mapFadeIn 1s ease-out .3s both}@keyframes mapFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.map-controls{position:absolute;bottom:20px;right:20px;display:flex;gap:8px;z-index:10;animation:controlsSlideIn .6s ease-out .8s both}@keyframes controlsSlideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.map-refresh,.map-style-toggle{background-color:rgba(255,255,255,.95);border:none;border-radius:8px;padding:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(0,0,0,.15);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.map-refresh:before,.map-style-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.map-refresh:hover:before,.map-style-toggle:hover:before{left:100%}.map-refresh:hover,.map-style-toggle:hover{background-color:rgba(255,255,255,1);transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px rgba(0,0,0,.2)}.map-refresh svg,.map-style-toggle svg{width:20px;height:20px;color:#333;transition:all .3s ease}.map-refresh{background:rgba(255,255,255,.9);border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:8px 12px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:flex;align-items:center;gap:6px;cursor:pointer;font-size:13px;font-weight:500;color:#555;position:relative;transition:all .2s ease}.map-refresh:hover{background:rgba(255,255,255,1);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.map-refresh:disabled{opacity:.6;cursor:not-allowed;transform:none}.map-refresh .rotating{animation:spin 1.5s linear infinite,pulse 2s ease-in-out infinite}.heatmap-controls{display:flex;align-items:center;gap:8px;background:transparent;border:1px solid rgba(0,0,0,.1);border-radius:6px;padding:8px 12px;box-shadow:0 2px 4px rgba(0,0,0,.1);backdrop-filter:blur(8px);animation:controlsSlideIn .6s ease-out 1s both}.heatmap-label{font-size:11px;font-weight:600;color:#555;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.heatmap-time-buttons{display:flex;gap:4px;align-items:center}.heatmap-time-button{background:var(--honey-50,#FDF6E8);border:2px solid var(--honey-200,#fdb813);border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--hive-400,#2C1810);cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden;box-shadow:0 2px 4px rgba(0,0,0,.15)}.heatmap-time-button:hover{background:rgba(253,184,19,.2);border-color:var(--honey-200,#FDB813);transform:translateY(-2px);box-shadow:0 4px 8px rgba(253,184,19,.3);color:var(--hive-400,#2C1810)}.heatmap-time-button.active{background:var(--primary);border-color:var(--primary-dark);color:#1a1a1a;font-weight:700;box-shadow:0 4px 12px rgba(253,184,19,.5);transform:scale(1.05)}.heatmap-time-button.active:hover{background:var(--primary-dark);transform:scale(1.08) translateY(-1px);box-shadow:0 6px 16px rgba(253,184,19,.6)}.heatmap-time-button.active:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.heatmap-time-button.active:hover:before{left:100%}.fleet-text{position:absolute;bottom:48px;left:50%;transform:translateX(-50%);z-index:10;font-size:10px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px;animation:slideInFromBottom .8s ease-out 1.2s both}.scroll-indicator{padding:12px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.8));color:var(--text);box-shadow:0 4px 12px rgba(0,0,0,.2);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(255,255,255,.3);animation:slideInFromBottom .8s ease-out 1.2s both,hopAttention 30s ease-out 5s infinite}@keyframes floatUp{0%,to{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-8px)}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateX(-50%) translateY(30px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.scroll-indicator:hover{background:linear-gradient(135deg,rgba(255,255,255,1),rgba(255,255,255,.95));transform:translateX(-50%) translateY(-6px) scale(1.1);box-shadow:0 8px 20px rgba(0,0,0,.25);animation-play-state:paused}.scroll-indicator svg{width:22px;height:22px;color:var(--text);transition:all .3s ease;animation:bounceDown 2s ease-in-out infinite}@keyframes bounceDown{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(4px)}60%{transform:translateY(2px)}}@keyframes hopAttention{0%,2%,4%,to{transform:translateX(-50%) translateY(0)}1%{transform:translateX(-50%) translateY(-8px)}3%{transform:translateX(-50%) translateY(-5px)}}@media (prefers-reduced-motion:reduce){.scroll-indicator{animation:slideInFromBottom .8s ease-out 1.2s both}.scroll-indicator:hover{animation:none}}.map-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#f8f9fa;display:flex;align-items:center;justify-content:center;z-index:100;animation:loadingFadeIn .5s ease-out}@keyframes loadingFadeIn{0%{opacity:0}to{opacity:1}}.map-loading-content{text-align:center;color:#6b7280;animation:loadingBounceIn .8s ease-out}@keyframes loadingBounceIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.map-loading-spinner{width:60px;height:60px;border:3px solid rgba(255,255,255,.3);border-top-color:#fdb813;border-radius:50%;animation:mapSpinnerRotate 1s linear infinite;margin:0 auto 20px;position:relative}.map-loading-spinner:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;background:radial-gradient(circle,#FDB813,#e9a400);border-radius:50%;transform:translate(-50%,-50%);animation:mapSpinnerPulse 1.5s ease-in-out infinite}@keyframes mapSpinnerRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes mapSpinnerPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.5);opacity:.5}}.map-loading-text h3{font-size:1.2rem;font-weight:600;margin-bottom:8px;color:#374151;text-shadow:none}.map-loading-text p{font-size:.9rem;color:#6b7280;margin:0;animation:loadingTextFade 2s ease-in-out infinite}@keyframes loadingTextFade{0%,to{opacity:.9}50%{opacity:.6}}.mapboxgl-popup-content{padding:0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);border:1px solid rgba(0,0,0,.1);max-width:280px;font-family:inherit}.mapboxgl-popup-close-button{font-size:16px;color:var(--text-light);padding:8px;right:4px;top:4px;border:none}.mapboxgl-popup-close-button:hover{color:var(--text);background-color:rgba(0,0,0,.05);border-radius:4px}.vehicle-popup{padding:12px;position:relative;background:white;border-radius:8px}.vehicle-popup h3{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--secondary);padding-right:20px;line-height:1.2}.popup-details{margin-top:8px}.popup-info-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.popup-info-item{display:flex;flex-direction:column;min-width:70px}.popup-info-label{font-size:10px;color:var(--text-lighter);text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-weight:500}.popup-info-value{font-size:12px;color:var(--text);font-weight:600}.popup-signals{margin-top:8px;border-top:1px solid rgba(0,0,0,.1);padding-top:8px}.popup-signal-item{display:flex;align-items:center;gap:6px;margin-bottom:4px}.popup-signal-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:var(--text-light);font-size:12px}.popup-signal-icon i{font-size:12px}.map-icon-fuel:before{content:"⛽";font-style:normal}.map-icon-clock:before{content:"🕐";font-style:normal}.popup-signal-text{font-size:11px;color:var(--text);font-weight:500}.popup-fuel-container{display:flex;flex-direction:column;flex:1;gap:2px}.popup-fuel-bar{height:4px;background-color:rgba(0,0,0,.1);border-radius:2px;overflow:hidden}.popup-fuel-fill{height:100%;border-radius:2px;transition:width .3s ease}.popup-footer{margin-top:8px;border-top:1px solid rgba(0,0,0,.1);padding-top:8px}.popup-footer button{width:100%;padding:6px 12px;background:var(--primary);color:var(--secondary);border:none;border-radius:4px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease}.popup-footer button:hover{background:var(--primary-dark);transform:translateY(-1px)}.popup-footer button:active{transform:translateY(0)}.vehicle-info-popup .mapboxgl-popup-content{padding:0;border-radius:16px;box-shadow:0 12px 32px rgba(0,0,0,.12),0 4px 12px rgba(0,0,0,.08);border:1px solid rgba(255,255,255,.2);font-family:inherit;overflow:hidden;backdrop-filter:blur(12px);background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.9))}.mapboxgl-popup,.mapboxgl-popup-content{animation:none!important;transition:none!important;opacity:1!important}.mapboxgl-popup-content{transform:none!important}.mapboxgl-popup-tip{display:none!important}.popup-header{margin-bottom:12px;position:relative}.popup-header h3{margin:0 0 4px;font-size:16px;font-weight:700;color:var(--secondary);line-height:1.3}.vehicle-model{font-size:12px;color:var(--text-light);margin-bottom:8px;font-weight:500}.health-pill{display:inline-block;padding:3px 8px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.health-pill.health-healthy{background-color:#4CAF50}.health-pill.health-warning{background-color:#FF9800}.health-pill.health-critical{background-color:#F44336}.health-pill.health-no-data{background-color:#9E9E9E}.fuel-display{align-items:center;gap:6px}.fuel-gauge{flex:1;height:6px;background-color:rgba(0,0,0,.1);border-radius:3px;overflow:hidden;min-width:40px}.fuel-bar{height:100%;border-radius:3px;transition:width .3s ease;min-width:2px}.popup-alert-count{color:#F44336;font-weight:700}.popup-view-details-btn{width:100%;padding:8px 16px;background:var(--primary);color:var(--secondary);border:none;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.popup-view-details-btn:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.popup-view-details-btn:active{transform:translateY(0)}.health-excellent{background-color:var(--success)!important}.health-good{background-color:var(--info)!important}.health-fair{background-color:var(--warning)!important}.health-poor{background-color:var(--error)!important}.health-unknown{background-color:var(--text-lighter)!important}.vehicles-header-modern{background:transparent;border-bottom:1px solid var(--border-light);z-index:2}.vehicles-title-section{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;gap:2rem}.filter-controls-horizontal{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.filter-label{font-size:.875rem;font-weight:600;color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.filter-dropdown{padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--white);color:var(--text);font-weight:500;cursor:pointer;min-width:200px;transition:all .2s ease;box-shadow:0 2px 4px rgba(0,0,0,.04);outline:none}.filter-dropdown:hover{border-color:var(--primary);box-shadow:0 4px 8px rgba(0,0,0,.08)}.filter-dropdown:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(253,184,19,.1),0 4px 8px rgba(0,0,0,.08)}.vehicles-section-header{display:flex;align-items:center;margin:0;padding:1.25rem 1.5rem;background-color:var(--white);border-bottom:1px solid var(--border-light);position:relative}.vehicles-section-header:before{display:none}.vehicles-section-header h3{font-size:1.1rem;margin:0;color:var(--secondary);font-weight:600}.vehicles-title{display:flex;align-items:center;gap:.75rem}.vehicles-title h3{font-size:1.25rem;margin:0;color:var(--secondary);font-weight:600}.vehicles-count{color:var(--primary);font-size:1.1rem;font-weight:800;background-color:rgba(253,184,19,.1);padding:.35rem .8rem;border-radius:8px;border:2px solid rgba(253,184,19,.2);transition:all .2s ease;letter-spacing:.5px}.vehicles-count:hover{background-color:rgba(253,184,19,.15);border-color:rgba(253,184,19,.3);transform:translateY(-1px)}.refresh-button{background:none;color:var(--text-light);font-size:1.25rem;transition:transform .3s;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%}.refresh-button:hover{transform:rotate(180deg);color:var(--primary);background-color:var(--primary-light)}.refresh-button:disabled{opacity:.5}.refresh-button .rotating{animation:spin 1.5s linear infinite}.vehicle-list{display:block;background:var(--white);overflow:visible;min-height:300px;flex:1 0 auto;margin:0 0 2rem;border-radius:12px;box-shadow:var(--card-shadow);scroll-margin-top:20px}.vehicle-section{margin-bottom:3rem}.vehicle-section:last-child{margin-bottom:2rem}.section-header-modern{padding:1.5rem 2rem;background:transparent;position:relative;display:flex;align-items:center;gap:.75rem;transition:all .2s ease}.section-title-modern{font-size:1.3rem;margin:0;color:var(--secondary);font-weight:700;letter-spacing:-.025em;display:flex;align-items:center;gap:.5rem}.section-count-modern{color:var(--primary);font-size:1rem;font-weight:700;background:rgba(253,184,19,.1);padding:.25rem .6rem;border-radius:8px;border:1px solid rgba(253,184,19,.2);transition:all .2s ease;letter-spacing:.25px;flex-shrink:0;margin-left:.5rem}.section-count-modern:hover{background:rgba(253,184,19,.15);border-color:rgba(253,184,19,.3)}.vehicle-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;padding:.75rem 2.25rem 2rem;overflow-y:auto;background:transparent;height:auto;min-height:300px;width:100%;box-sizing:border-box;grid-auto-flow:row;grid-auto-rows:minmax(160px,auto)}.vehicle-card.elegant{background:#ffffff;border:1px solid #ccc;padding:1rem;cursor:pointer;display:flex;flex-direction:column;min-height:140px}.vehicle-card.elegant:before{display:none}.vehicle-card.elegant:hover{background:#f5f5f5}.vehicle-card.elegant:active{background:#eeeeee}.fleet-vehicle-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;gap:.5rem}.vehicle-title h3{font-size:1rem;font-weight:400;margin:0 0 .25rem;color:#000}.vehicle-subtitle{font-size:.8rem;color:#666;margin:0;font-weight:400}.alert-badge{background:#ff0000;color:white;font-size:.7rem;font-weight:400;padding:.2rem .5rem;min-width:1.5rem;text-align:center;flex-shrink:0}.vehicle-metrics{flex:1;display:flex;flex-direction:column;justify-content:space-between}.metrics-row{display:flex;gap:1rem;margin-bottom:.75rem}.metric-item{flex:1}.metric-value{font-size:1.2rem;font-weight:400;color:#000;line-height:1;margin-bottom:.2rem}.metric-label{font-size:.8rem;color:#666;font-weight:400}.fuel-metric{max-width:120px}.fuel-display{display:flex;flex-direction:column;gap:.4rem}.fuel-bar{height:6px;background-color:#ccc;overflow:hidden}.fuel-fill{height:100%}.fuel-fill:after{display:none}.fuel-value{font-size:.8rem;font-weight:400;color:#000;text-align:center}.vehicle-footer{justify-content:space-between;margin-top:auto;padding-top:.5rem;border-top:1px solid #ccc}.status-info,.vehicle-footer{display:flex;align-items:center}.status-info{gap:.5rem}.last-seen{display:flex;align-items:center;gap:.3rem;color:#666;font-weight:400}.last-seen,.status-icon{font-size:.8rem}.health-badge{padding:.25rem .6rem;font-size:.7rem;font-weight:400;color:#000;background:#ddd;border:1px solid #aaa}.health-badge.health-excellent{background:#10b981;color:white}.health-badge.health-good{background:#22c55e;color:white}.health-badge.health-fair{background:#f59e0b;color:white}.health-badge.health-poor{background:#ef4444;color:white}.health-badge.health-unknown{background:#9ca3af;color:white}.vehicle-stats-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.stat-item.simple-mileage{display:flex;align-items:baseline;gap:.25rem}.stat-value{font-size:1.4rem;font-weight:600;color:var(--text);line-height:1}.stat-label{font-size:.75rem;color:var(--text-light)}.fuel-gauge-container{display:flex;align-items:center;gap:.3rem}.fuel-icon{width:1rem;height:1rem;color:var(--primary);flex-shrink:0}.fuel-gauge-vertical{position:relative;height:2.2rem;width:.4rem;background-color:#f0f0f0;border-radius:1rem;overflow:hidden}.fuel-gauge-fill{position:absolute;bottom:0;left:0;width:100%;border-radius:1rem;transition:height .3s ease}.fuel-percentage{color:var(--text)}.vehicle-info-compact{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-light)}.separator{color:var(--text-lighter)}.status-row{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem}.last-updated{gap:.25rem;color:var(--text-lighter)}.last-updated,.small-icon{font-size:.75rem}.vehicle-health{display:flex;align-items:center}.health-pill{padding:.15rem .4rem;border-radius:12px;font-size:.7rem;font-weight:600;color:white}.health-good{background-color:#22c55e}.error-notification{position:fixed;top:20px;right:20px;background-color:rgba(220,53,69,.9);color:white;border-radius:5px;padding:10px 15px;z-index:1000;max-width:350px;box-shadow:0 4px 8px rgba(0,0,0,.2);animation:slideIn .3s ease-out}.error-notification .error-message{display:flex;flex-direction:column;align-items:flex-start}.error-notification p{margin:0 0 10px;font-size:14px}.error-notification button{background:white;color:#dc3545;border:none;padding:5px 10px;border-radius:3px;cursor:pointer;font-size:12px;align-self:flex-end}.error-notification button:hover{background:#f8f9fa}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.scroll-indicator{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background-color:rgba(255,255,255,.8);border-radius:50%;width:36px;height:36px;display:flex;justify-content:center;align-items:center;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,.2);z-index:10;transition:all .2s ease}.scroll-indicator:hover{transform:translateX(-50%) translateY(2px);background-color:rgba(255,255,255,1)}.no-vehicles{text-align:center;padding:3rem 2rem;color:var(--text-light)}.no-vehicles p{margin-bottom:1.5rem;font-size:1.1rem}.force-grid-layout{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))!important;gap:1.25rem!important;width:100%!important}@media (max-width:1024px){.vehicle-cards-container{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem}.vehicles-title-section{padding:1.25rem 1.5rem;gap:1.5rem}.filter-dropdown{min-width:180px}.section-header-modern{padding:1.25rem 1.5rem}}@media (max-width:768px){.vehicle-cards-container{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;padding:.5rem 1.5rem 1.5rem}.vehicle-card.elegant{min-height:130px;max-height:150px;padding:.875rem}.metric-value{font-size:1.3rem}.vehicle-title h3{font-size:.9rem}.vehicles-title-section{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem 1.25rem}.filter-controls-horizontal{justify-content:space-between}.filter-dropdown{min-width:160px;flex:1}.vehicles-title h3{font-size:1.1rem}.section-header-modern{padding:1rem 1.25rem}.section-title-modern{font-size:1.1rem}.section-count-modern{font-size:.875rem;padding:.2rem .5rem}}@media (max-width:480px){.vehicle-cards-container{grid-template-columns:1fr;gap:.875rem;padding:.5rem 1.25rem 1.25rem}.vehicle-card.elegant{min-height:120px;max-height:140px}.metrics-row{gap:.75rem}.metric-value{font-size:1.2rem}.fuel-metric{max-width:100px}.vehicles-title-section{padding:.875rem 1rem}.filter-dropdown{font-size:.875rem;padding:.625rem .875rem}.section-header-modern{padding:.875rem 1rem}.section-title-modern{font-size:1rem}.section-count-modern{font-size:.8rem;padding:.2rem .4rem}}html.theme-dark .fleet-page{color:var(--theme-neutral-400)}html.theme-dark .fleet-content,html.theme-dark .fleet-page{background-color:var(--theme-neutral-50)}html.theme-dark .vehicle-map-container{background:var(--theme-neutral-100);box-shadow:0 4px 6px rgba(0,0,0,.3)}html.theme-dark .map-container{background:var(--theme-neutral-100)}html.theme-dark .map-refresh,html.theme-dark .map-style-toggle{background-color:rgba(26,26,26,.95);border-color:var(--theme-neutral-300);color:var(--theme-neutral-400);box-shadow:0 4px 12px rgba(0,0,0,.4)}html.theme-dark .map-refresh:hover,html.theme-dark .map-style-toggle:hover{background-color:var(--theme-neutral-200);color:var(--theme-neutral-400);box-shadow:0 8px 20px rgba(0,0,0,.5)}html.theme-dark .heatmap-controls{background:transparent;border-color:var(--theme-neutral-300);box-shadow:0 4px 12px rgba(0,0,0,.4)}html.theme-dark .heatmap-label{color:var(--theme-neutral-400)}html.theme-dark .heatmap-time-button{background:var(--hive-400,#2C1810);border:2px solid var(--honey-200,#fdb813);color:var(--honey-50,#FDF6E8);font-weight:600;box-shadow:0 2px 4px rgba(0,0,0,.3)}html.theme-dark .heatmap-time-button:hover{background:rgba(253,184,19,.15);border-color:var(--honey-200,#FDB813);transform:translateY(-2px);box-shadow:0 4px 8px rgba(253,184,19,.4);color:var(--hive-400,#2C1810)}html.theme-dark .heatmap-time-button.active{background:var(--primary);border-color:var(--primary-dark);color:#1a1a1a;font-weight:700;box-shadow:0 4px 12px rgba(253,184,19,.6);transform:scale(1.05)}html.theme-dark .heatmap-time-button.active:hover{background:var(--primary-dark);transform:scale(1.08) translateY(-1px);box-shadow:0 6px 16px rgba(253,184,19,.7)}html.theme-dark .map-refresh svg{color:white!important}html.theme-dark .scroll-indicator{background:rgba(26,26,26,.95);color:var(--theme-neutral-400);border-color:var(--theme-neutral-300);box-shadow:0 4px 12px rgba(0,0,0,.4)}html.theme-dark .scroll-indicator:hover{background:var(--theme-neutral-200);color:var(--theme-neutral-400);box-shadow:0 8px 20px rgba(0,0,0,.5)}html.theme-dark .fleet-text{color:var(--theme-neutral-400)}html.theme-dark .map-loading-overlay{background:var(--theme-neutral-100)}html.theme-dark .map-loading-content{color:var(--theme-neutral-300)}html.theme-dark .map-loading-text h3{color:var(--theme-neutral-400)}html.theme-dark .map-loading-text p{color:var(--theme-neutral-300)}html.theme-dark .vehicles-header-modern{background:transparent;border-color:var(--theme-neutral-300);color:var(--theme-neutral-400)}html.theme-dark .vehicles-title h3{color:var(--theme-neutral-400)}html.theme-dark .vehicles-count{color:var(--theme-primary-200);background-color:rgba(255,216,95,.15);border-color:rgba(255,216,95,.25)}html.theme-dark .vehicles-count:hover{background-color:rgba(255,216,95,.2);border-color:rgba(255,216,95,.3)}html.theme-dark .filter-label{color:var(--theme-neutral-300)}html.theme-dark .filter-dropdown{background:var(--theme-neutral-100);border-color:var(--theme-neutral-300);color:var(--theme-neutral-400);box-shadow:0 2px 4px rgba(0,0,0,.3)}html.theme-dark .filter-dropdown:hover{border-color:var(--theme-primary-200);box-shadow:0 4px 8px rgba(0,0,0,.4)}html.theme-dark .filter-dropdown:focus{border-color:var(--theme-primary-200);box-shadow:0 0 0 3px rgba(255,216,95,.15),0 4px 8px rgba(0,0,0,.4)}html.theme-dark .section-header-modern{background:transparent}html.theme-dark .section-title-modern{color:var(--theme-neutral-400)}html.theme-dark .section-count-modern{color:var(--theme-primary-200);background:rgba(255,216,95,.15);border-color:rgba(255,216,95,.25)}html.theme-dark .section-count-modern:hover{background:rgba(255,216,95,.2);border-color:rgba(255,216,95,.35)}html.theme-dark .vehicle-list{background:var(--theme-neutral-100);box-shadow:0 4px 6px rgba(0,0,0,.3)}html.theme-dark .vehicle-cards-container{background:transparent}html.theme-dark .refresh-button{color:var(--theme-neutral-300)}html.theme-dark .refresh-button:hover{color:var(--theme-primary-200);background-color:rgba(255,216,95,.15)}html.theme-dark .no-vehicles{color:var(--theme-neutral-400)}html.theme-dark .error-container,html.theme-dark .no-connection-container{background-color:var(--theme-neutral-100);border-color:var(--theme-error);color:var(--theme-neutral-400);box-shadow:0 4px 6px rgba(0,0,0,.3)}html.theme-dark .error-message{color:var(--theme-error)}html.theme-dark .loading-container{background-color:var(--theme-neutral-100);box-shadow:0 4px 6px rgba(0,0,0,.3)}html.theme-dark .connect-button{background-color:var(--theme-primary-200);color:var(--theme-neutral-50);border-color:var(--theme-primary-200)}html.theme-dark .connect-button:hover{background-color:var(--theme-primary-300);color:var(--theme-neutral-50)}html.theme-dark .vehicle-info-popup .mapboxgl-popup-content{background:linear-gradient(135deg,rgba(26,26,26,.95),rgba(26,26,26,.9));border-color:var(--theme-neutral-300);color:var(--theme-neutral-400);box-shadow:0 12px 32px rgba(0,0,0,.5),0 4px 12px rgba(0,0,0,.3)}html.theme-dark .vehicle-popup{background:var(--theme-neutral-100);color:var(--theme-neutral-400)}html.theme-dark .vehicle-popup h3{color:var(--theme-neutral-400)}html.theme-dark .popup-info-label{color:var(--theme-neutral-300)}html.theme-dark .popup-info-value,html.theme-dark .popup-signal-text{color:var(--theme-neutral-400)}html.theme-dark .popup-view-details-btn{background:var(--theme-primary-200);color:var(--theme-neutral-50)}html.theme-dark .popup-view-details-btn:hover{background:var(--theme-primary-300);color:var(--theme-neutral-50)}html.theme-dark .mapboxgl-popup-close-button{color:var(--theme-neutral-300)}html.theme-dark .mapboxgl-popup-close-button:hover{color:var(--theme-neutral-400);background-color:rgba(58,58,58,.2)}.vehicle-card-simple{background:#ffffff;border:1px solid #ccc;padding:1rem;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:120px}.vehicle-card-simple:hover{background:#f5f5f5}.vehicle-card-simple:active{background:#eeeeee}.vehicle-card-simple .vehicle-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.vehicle-card-simple .vehicle-name h3{font-size:1rem;font-weight:700;margin:0;color:var(--secondary);line-height:1.2;letter-spacing:-.01em}.connectivity-indicator{display:flex;align-items:center;justify-content:center;flex-shrink:0}.connectivity-dot{width:8px;height:8px;border-radius:50%}.connectivity-dot.healthy{background-color:#10b981}.connectivity-dot.unhealthy{background-color:#ef4444}.connectivity-dot.unknown{background-color:#6b7280}.vehicle-card-simple .vehicle-card-metrics{display:flex;justify-content:space-between;gap:.75rem}.vehicle-card-simple .metric-item{display:flex;flex-direction:column;align-items:flex-start;flex:1}.vehicle-card-simple .metric-label{font-size:.7rem;color:var(--text-light);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.vehicle-card-simple .metric-value{font-size:1.25rem;font-weight:700;color:var(--secondary);line-height:1;letter-spacing:-.01em}.vehicle-card-simple .health-score.health-excellent{color:var(--success)}.vehicle-card-simple .health-score.health-good{color:#22c55e}.vehicle-card-simple .health-score.health-fair{color:var(--warning)}.vehicle-card-simple .health-score.health-poor{color:var(--error)}.vehicle-card-simple .health-score.health-unknown{color:var(--text-lighter)}.vehicle-card-detailed{background:#ffffff;border:1px solid #ccc;padding:1.25rem;cursor:pointer;display:flex;flex-direction:column;min-height:160px}.vehicle-card-detailed:hover{background:#f5f5f5}.vehicle-card-detailed .vehicle-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.vehicle-card-detailed .vehicle-name h3{font-size:1.1rem;font-weight:700;margin:0 0 .25rem;color:var(--secondary);line-height:1.2}.vehicle-card-detailed .vehicle-subtitle{font-size:.8rem;color:var(--text-light);margin:0;font-weight:500;opacity:.8}.vehicle-card-detailed .vehicle-card-metrics.detailed{display:flex;flex-direction:column;gap:.75rem}.vehicle-card-detailed .metric-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.vehicle-card-detailed .metric-item:last-child{border-bottom:none}.vehicle-card-detailed .metric-label{font-size:.8rem;color:var(--text-light);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.vehicle-card-detailed .metric-value{font-size:1rem;font-weight:700;color:var(--secondary);line-height:1}.vehicle-cards-container .vehicle-card-simple{opacity:1;transform:none}@media (max-width:768px){.vehicle-card-simple{min-height:110px;max-height:130px;padding:.875rem}.vehicle-card-simple .vehicle-name h3{font-size:.9rem}.vehicle-card-simple .metric-value{font-size:1.1rem}.vehicle-card-detailed{min-height:140px;padding:1rem}.vehicle-card-detailed .vehicle-name h3{font-size:1rem}}@media (max-width:480px){.vehicle-card-simple{min-height:100px;max-height:120px}.vehicle-card-simple .vehicle-card-metrics{gap:.5rem}.vehicle-card-simple .metric-value{font-size:1rem}.connectivity-dot{width:6px;height:6px}}.vehicle-card-modern{background:#ffffff;border:1px solid #ccc;padding:1.5rem;cursor:pointer;display:flex;flex-direction:column;min-height:180px}.vehicle-card-modern:before{display:none}.vehicle-card-modern:hover{background:#f5f5f5}.vehicle-card-modern:active{background:#eeeeee}.vehicle-header-modern{margin-bottom:1.5rem}.vehicle-title-section{display:flex;justify-content:space-between;align-items:center}.vehicle-name-modern{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0;line-height:1.3;letter-spacing:-.025em}.vehicle-subtitle-modern{font-size:.8rem;color:#6b7280;margin:.25rem 0 0;font-weight:500;opacity:.8}.connectivity-badge{display:flex;align-items:center;justify-content:center;width:12px;height:12px;border-radius:50%;flex-shrink:0}.connectivity-badge.healthy{background:#10b981}.connectivity-badge.unhealthy{background:#ef4444}.connectivity-badge.unknown{background:#6b7280}.connectivity-pulse{display:none}.vehicle-metrics-modern{display:flex;gap:1.5rem;justify-content:space-between;align-items:center;flex:1}.metric-modern{display:flex;flex-direction:column;align-items:center;flex:1;gap:.75rem}.metric-icon-container{display:flex;flex-direction:column;align-items:center;gap:.5rem}.metric-label-modern{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.health-circle{position:relative;width:50px;height:50px}.health-progress{width:100%;height:100%;transform:rotate(-90deg)}.health-track{fill:none;stroke:#f1f5f9;stroke-width:3}.health-fill{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .6s ease-in-out}.health-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;line-height:1}.health-value{font-size:.875rem;font-weight:700;color:#1f2937}.health-unit{font-size:.625rem;color:#6b7280}.fuel-tank{display:flex;align-items:flex-end;gap:2px;height:50px}.fuel-tank-body{width:24px;height:40px;background:#f5f5f5;border:1px solid #ccc;position:relative;overflow:hidden}.fuel-level-fill{position:absolute;bottom:0;left:0;right:0}.fuel-nozzle{width:8px;height:6px;background:#666;margin-bottom:8px}.fuel-percentage{font-size:.75rem;font-weight:600;color:#1f2937;text-align:center}.odometer-display{display:flex;flex-direction:column;align-items:center;gap:.5rem}.speedometer-icon{width:40px;height:40px;color:#64748b;background:#f1f5f9;border-radius:50%;padding:8px;border:2px solid #e2e8f0}.mileage-value{font-size:1rem;font-weight:700;color:#1f2937;text-align:center}.vehicle-cards-container .vehicle-card-modern{opacity:1;transform:none}@media (max-width:768px){.vehicle-card-modern{min-height:160px;padding:1.25rem}.vehicle-metrics-modern{gap:1rem}.health-circle{width:40px;height:40px}.fuel-tank-body{width:20px;height:32px}.speedometer-icon{width:32px;height:32px}.vehicle-name-modern{font-size:1rem}}@media (max-width:480px){.vehicle-card-modern{min-height:140px;padding:1rem}.vehicle-metrics-modern{gap:.75rem}.health-circle{width:35px;height:35px}.fuel-tank-body{width:18px;height:28px}.speedometer-icon{width:28px;height:28px}.connectivity-badge{width:10px;height:10px}.connectivity-pulse{width:6px;height:6px}}.vehicle-popup-simple{width:220px;padding:16px;background:white;border-radius:8px;border:1px solid #ddd;box-shadow:0 2px 8px rgba(0,0,0,.1)}.popup-header-simple{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px}.vehicle-name-simple{margin:0;font-size:14px;font-weight:600;color:#333;line-height:1.2;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.health-pill-simple{padding:2px 6px;border-radius:10px;font-size:10px;font-weight:600;color:white;flex-shrink:0}.health-pill-simple.health-healthy{background:#4CAF50}.health-pill-simple.health-warning{background:#FF9800}.health-pill-simple.health-critical{background:#F44336}.health-pill-simple.health-no-data{background:#9E9E9E}.popup-metrics-simple{margin-bottom:12px}.metric-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.metric-row:last-child{margin-bottom:0}.metric-label-simple{font-size:10px;color:#666;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.metric-value-simple{font-size:12px;color:#333;font-weight:600}.alert-count-simple{color:#F44336}.view-details-btn-simple{width:100%;background:#FDB813;color:#333;border:none;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:600;cursor:pointer}.view-details-btn-simple:hover{background:#E6A512}.view-details-btn-simple:active{background:#D19411}html.theme-dark .vehicle-card.elegant{background:var(--theme-neutral-100)!important;border-color:var(--theme-neutral-300)!important;color:var(--theme-neutral-400);box-shadow:0 4px 6px rgba(0,0,0,.3)}html.theme-dark .vehicle-card.elegant:hover{box-shadow:0 8px 16px rgba(0,0,0,.4);border-color:var(--theme-neutral-300)}html.theme-dark .vehicle-card.elegant:active,html.theme-dark .vehicle-card.elegant:hover{background:var(--theme-neutral-200)!important}html.theme-dark .vehicle-card-simple{background:var(--theme-neutral-100)!important;border-color:var(--theme-neutral-300)!important;color:var(--theme-neutral-400);box-shadow:0 4px 6px rgba(0,0,0,.3)}html.theme-dark .vehicle-card-simple:hover{box-shadow:0 8px 16px rgba(0,0,0,.4)}html.theme-dark .vehicle-card-simple:active,html.theme-dark .vehicle-card-simple:hover{background:var(--theme-neutral-200)!important}html.theme-dark .vehicle-card-detailed{background:var(--theme-neutral-100)!important;border-color:var(--theme-neutral-300)!important;color:var(--theme-neutral-400);box-shadow:0 4px 6px rgba(0,0,0,.3)}html.theme-dark .vehicle-card-detailed:hover{background:var(--theme-neutral-200)!important;box-shadow:0 8px 16px rgba(0,0,0,.4)}html.theme-dark .vehicle-card-modern{background:var(--theme-neutral-100)!important;border-color:var(--theme-neutral-300)!important;color:var(--theme-neutral-400);box-shadow:0 4px 6px rgba(0,0,0,.3)}html.theme-dark .vehicle-card-modern:hover{box-shadow:0 8px 16px rgba(0,0,0,.4)}html.theme-dark .vehicle-card-modern:active,html.theme-dark .vehicle-card-modern:hover{background:var(--theme-neutral-200)!important}html.theme-dark .vehicle-card-detailed .vehicle-name h3,html.theme-dark .vehicle-card-modern .vehicle-name-modern,html.theme-dark .vehicle-card-simple .vehicle-name h3,html.theme-dark .vehicle-name h3,html.theme-dark .vehicle-name-simple,html.theme-dark .vehicle-title h3{color:var(--theme-neutral-400)!important}html.theme-dark .metric-label,html.theme-dark .metric-label-simple,html.theme-dark .vehicle-card-detailed .metric-label,html.theme-dark .vehicle-card-detailed .vehicle-subtitle,html.theme-dark .vehicle-card-modern .metric-label-modern,html.theme-dark .vehicle-card-modern .vehicle-subtitle-modern,html.theme-dark .vehicle-card-simple .metric-label,html.theme-dark .vehicle-subtitle{color:var(--theme-neutral-300)!important}html.theme-dark .metric-value,html.theme-dark .metric-value-simple,html.theme-dark .stat-value,html.theme-dark .vehicle-card-detailed .metric-value,html.theme-dark .vehicle-card-modern .fuel-percentage,html.theme-dark .vehicle-card-modern .health-value,html.theme-dark .vehicle-card-modern .mileage-value,html.theme-dark .vehicle-card-simple .metric-value{color:var(--theme-neutral-400)!important}html.theme-dark .fuel-percentage,html.theme-dark .fuel-value,html.theme-dark .last-seen,html.theme-dark .last-updated,html.theme-dark .stat-label,html.theme-dark .vehicle-card-modern .health-unit,html.theme-dark .vehicle-info-compact{color:var(--theme-neutral-300)!important}html.theme-dark .health-badge,html.theme-dark .health-pill{border:1px solid var(--theme-neutral-300)}html.theme-dark .fuel-bar,html.theme-dark .fuel-gauge{background-color:var(--theme-neutral-300)}html.theme-dark .fuel-tank-body{background:var(--theme-neutral-200);border-color:var(--theme-neutral-300)}html.theme-dark .connectivity-badge.unknown,html.theme-dark .connectivity-dot.unknown{background-color:var(--theme-neutral-300)}html.theme-dark .vehicle-footer{border-top-color:var(--theme-neutral-300)}html.theme-dark .vehicle-popup-simple{background:var(--theme-neutral-100)!important;border-color:var(--theme-neutral-300)!important;color:var(--theme-neutral-400);box-shadow:0 2px 8px rgba(0,0,0,.4)}html.theme-dark .view-details-btn-simple{background:var(--theme-primary-200)!important;color:var(--theme-neutral-50)!important}html.theme-dark .view-details-btn-simple:hover{background:var(--theme-primary-300)!important;color:var(--theme-neutral-50)!important}html.theme-dark .view-details-btn-simple:active{background:var(--theme-primary-400)!important}:root{--primary:var(--honey-200);--primary-dark:var(--honey-300);--secondary:var(--hive-200);--success:var(--status-success);--warning:var(--status-warning);--error:var(--status-error);--info:var(--status-info);--border:var(--hive-100);--border-light:rgba(212,212,212,0.3);--bg-light:var(--honey-50);--gray-100:var(--hive-100);--card-shadow:var(--shadow-sm);--hover-shadow:var(--shadow-default)}.runs-page{padding:2rem;background-color:var(--honey-50);min-height:100vh}.runs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.runs-header-left,.runs-header-right{flex:1;display:flex;align-items:center}.runs-header-left{justify-content:flex-start}.runs-header-right{justify-content:flex-end}.btn-create{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:4px 16px;background:transparent!important;color:var(--primary);border:1px solid var(--primary)!important;border-radius:6px;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .2s;min-width:140px;white-space:nowrap;position:relative}.btn-create.secondary{color:var(--text);border-color:var(--border)!important}.btn-create.secondary:hover:not(:disabled){background:var(--bg-light)!important;color:var(--text);border-color:var(--text)!important}.btn-create:disabled{opacity:.6;cursor:not-allowed}.btn-create:hover:not(.secondary):not(:disabled){background:var(--primary)!important;color:var(--white)}.btn-create .btn-icon{font-size:1.2rem;font-weight:700}.autopilot-toggle-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-2);flex:1;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.autopilot-toggle{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-3)}.autopilot-label{display:flex;cursor:pointer;user-select:none}.honey-slider-input{opacity:0;position:absolute}.honey-slider-track{display:block;width:48px;height:24px;background:var(--hive-100);border-radius:12px;position:relative;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.honey-slider-track:hover{background:var(--hive-200)}.honey-slider-thumb{position:absolute;top:0;left:2px;width:20px;height:20px;background:white;border-radius:50%;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:var(--shadow-sm)}.honey-slider-input:checked+.honey-slider-track{background:var(--honey-300);border-color:var(--honey-200);box-shadow:0 0 12px rgba(253,184,19,.3)}.honey-slider-input:checked+.honey-slider-track .honey-slider-thumb{transform:translateX(22px);background:var(--honey-50);box-shadow:var(--shadow-default)}@keyframes pulse-glow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.autopilot-text{display:flex;flex-direction:column;align-items:center;font-weight:var(--font-weight-semibold);color:var(--hive-300);font-size:1.1rem;line-height:1.2}.autopilot-text-line{display:flex;align-items:center;white-space:nowrap}.runs-page .honey-text{color:var(--honey-300)}.runs-page .honey-text,.runs-page .runs-text{font-weight:var(--font-weight-semibold);font-size:1.4rem}.runs-page .runs-text{color:var(--hive-400)}.autopilot-description{margin:0;font-size:.9rem;color:var(--hive-200);white-space:nowrap;font-weight:var(--font-weight-medium);opacity:0;transform:translateY(-10px) scale(.9);animation:fadeInExpand .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes fadeInExpand{0%{opacity:0;transform:translateY(-10px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.runs-header h1{margin:0;font-size:2.25rem;font-weight:var(--font-weight-semibold);color:var(--hive-400);font-family:var(--font-secondary)}.runs-actions{display:flex;gap:1rem}.connection-status{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-light)}.connection-dot{background-color:var(--success);animation:pulse 2s infinite}.connection-dot.connecting{background-color:var(--warning)}.connection-dot.disconnected{background-color:var(--error)}.runs-tabs{display:flex;gap:var(--spacing-1);justify-content:center;flex:1}.run-tab{padding:.5rem 1rem;color:var(--hive-300);cursor:pointer;border:none;background:transparent;font-size:.9rem;outline:none}.run-tab:hover{color:var(--hive-400)}.run-tab.active{color:var(--hive-300);border-top:2px solid var(--honey-300)}.filter-actions{display:flex;justify-content:space-between;align-items:flex-start;margin:1rem 0;gap:2rem}.type-filter{display:flex;gap:.5rem;flex-wrap:wrap}.type-filter-option{display:inline-flex;align-items:center;padding:.4rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500;background-color:var(--border-light);color:var(--text-light);cursor:pointer;transition:all .2s ease;border:1px solid transparent}.type-filter-option.active{background-color:var(--primary);color:var(--white);border-color:var(--primary)}.type-filter-option:hover:not(.active){background-color:var(--gray-100);border-color:var(--border)}.auto-execute-toggle{display:flex;flex-direction:column;background:linear-gradient(135deg,rgba(253,184,19,.1),rgba(253,184,19,.05));padding:.75rem 1rem;border-radius:var(--radius-default);max-width:300px;border:1px solid var(--honey-100);box-shadow:0 2px 4px rgba(253,184,19,.1);transition:all var(--transition-default)}.auto-execute-toggle:hover{border-color:var(--honey-200);box-shadow:0 4px 8px rgba(253,184,19,.15);background:linear-gradient(135deg,rgba(253,184,19,.15),rgba(253,184,19,.08))}.auto-execute-toggle label{display:flex;align-items:center;font-weight:500;cursor:pointer;color:var(--hive-300)}.auto-execute-toggle input[type=checkbox]{margin-right:.5rem;width:16px;height:16px}.auto-execute-toggle .helper-text{font-size:.75rem;color:var(--hive-200);margin-top:.4rem;margin-left:1.5rem;line-height:1.4}.runs-content{display:flex;gap:var(--spacing-6);align-items:flex-start;margin:var(--spacing-4) 0}.runs-column{width:75%;min-width:0}.actions-column{width:25%;min-width:280px}.column-header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:2px solid var(--honey-100);height:60px;display:flex;align-items:center}.column-header h2{color:var(--hive-400)}.quick-view-info{padding:1rem;text-align:center;color:var(--hive-200)}.quick-view-panel{padding:0}.run-info-container{display:flex;flex-direction:column;gap:1rem}.run-header-info h3{margin:0 0 .5rem;font-size:1rem;color:var(--hive-400)}.run-badges{display:flex;gap:.5rem}.priority-badge,.status-badge{padding:.2rem .5rem;font-size:.75rem;text-transform:capitalize;border:1px solid}.status-badge.pending{color:var(--status-info);border-color:var(--status-info)}.status-badge.approved{color:var(--status-warning);border-color:var(--status-warning)}.status-badge.completed{color:var(--status-success);border-color:var(--status-success)}.priority-badge.high{color:var(--status-error);border-color:var(--status-error)}.priority-badge.medium{color:var(--status-warning);border-color:var(--status-warning)}.priority-badge.low{color:var(--status-success);border-color:var(--status-success)}.run-details{gap:.75rem}.detail-item{justify-content:space-between}.detail-label{font-size:.8rem;color:var(--hive-300)}.detail-description,.detail-value{font-size:.8rem;color:var(--hive-400)}.detail-description{margin:.5rem 0 0}.run-card-container{transition:all var(--transition-default)}.runs-list{gap:var(--spacing-2);width:100%}.run-item{border-radius:var(--radius-default);background-color:var(--white);padding:1.25rem;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-default);border:1px solid var(--border);cursor:pointer}html.theme-dark .run-item{background-color:var(--theme-neutral-100);border-color:var(--theme-neutral-300);color:var(--theme-neutral-400)}.run-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-default)}.run-item.high-priority{border-left:4px solid var(--error);background-color:rgba(231,76,60,.03)}.run-item.medium-priority{border-left:4px solid var(--warning)}.run-item.low-priority{border-left:4px solid var(--success)}.run-item.honey-run{border:2px solid var(--honey-100);background:linear-gradient(135deg,rgba(253,184,19,.08),rgba(253,184,19,.03));position:relative;overflow:hidden;box-shadow:0 0 0 1px rgba(253,184,19,.2),var(--shadow-sm);transition:all var(--transition-default)}.run-item.honey-run:before{content:"🍯";position:absolute;font-size:100px;opacity:.06;right:-15px;bottom:-25px;transform:rotate(-10deg);pointer-events:none;transition:all var(--transition-slow)}.run-item.honey-run:hover:before{opacity:.1;transform:rotate(-5deg) scale(1.1)}.run-item.honey-run:hover{border-color:var(--honey-200);box-shadow:0 0 0 1px var(--honey-200),0 0 20px rgba(253,184,19,.15),var(--shadow-default);background:linear-gradient(135deg,rgba(253,184,19,.12),rgba(253,184,19,.06))}.run-header{margin-bottom:1rem;position:relative}.run-title{color:var(--text);flex:1;padding-right:.5rem;text-align:left}.run-item.high-priority .run-title{color:var(--error)}.status-and-priority{align-items:center;gap:.5rem;flex-wrap:wrap}.run-status{font-size:.7rem;padding:.3rem .75rem;border-radius:20px;font-weight:600;white-space:nowrap;letter-spacing:.5px}.run-status.pending{background-color:rgba(52,152,219,.15);color:var(--info)}.run-status.approved{background-color:rgba(243,156,18,.15);color:var(--warning)}.run-status.completed{background-color:rgba(39,174,96,.15)}.priority-badge{letter-spacing:.5px;padding:.3rem .75rem;border-radius:20px;font-weight:700}.priority-badge.high{background-color:rgba(231,76,60,.15)}.priority-badge.medium{background-color:rgba(243,156,18,.15)}.priority-badge.low{background-color:rgba(39,174,96,.15);color:var(--success)}.automated-badge{font-weight:600;background-color:var(--primary-light);color:var(--primary);text-transform:uppercase;letter-spacing:.5px}.automated-badge,.honey-run-badge{display:inline-flex;align-items:center;padding:.4rem .75rem;border-radius:20px;font-size:.75rem}.honey-run-badge{background:linear-gradient(135deg,rgba(253,184,19,.2),rgba(253,184,19,.15));color:var(--honey-300);box-shadow:0 2px 8px rgba(253,184,19,.2);border:1px solid var(--honey-100);animation:honey-glow 3s ease-in-out infinite;position:relative;overflow:hidden}.honey-run-badge:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.3) 50%,transparent 70%);transform:rotate(45deg);animation:honey-shine 2s infinite}@keyframes honey-glow{0%,to{box-shadow:0 2px 8px rgba(253,184,19,.2);transform:scale(1)}50%{box-shadow:0 4px 16px rgba(253,184,19,.4);transform:scale(1.02)}}@keyframes honey-shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.run-description{margin:.75rem 0 1rem;font-size:.9rem;color:var(--text-light);line-height:1.5;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;text-align:left}.run-meta{margin-top:auto;display:flex;flex-wrap:wrap;gap:.75rem;font-size:.8rem;padding-top:1rem;border-top:1px solid var(--border-light)}.run-meta-item{gap:.5rem}.run-meta-icon,.run-meta-item{display:flex;align-items:center}.run-meta-icon{justify-content:center;width:20px;height:20px;background-color:rgba(253,184,19,.1);border-radius:50%;color:var(--honey-300);font-size:.8rem}.run-meta-label{color:var(--text-lighter);font-weight:500}.run-meta-value{font-weight:600;color:var(--text)}.run-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.no-runs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16) var(--spacing-8);text-align:center}.no-runs p{margin-bottom:var(--spacing-4)}.empty-state-icon{font-size:3rem;color:var(--text-light);margin-bottom:1rem}.empty-state-text{font-size:1.2rem;font-weight:500;color:var(--text);margin-bottom:.5rem}.empty-state-subtext{color:var(--text-light);margin-bottom:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);font-size:.95rem;cursor:pointer;transition:all var(--transition-default);border:none;text-decoration:none;box-shadow:var(--shadow-sm)}.btn-primary{background-color:var(--honey-200);color:var(--white)}.btn-primary:hover{background-color:var(--honey-300);transform:translateY(-1px);box-shadow:var(--shadow-default)}.btn-secondary{background-color:var(--white);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{background-color:var(--gray-100)}.btn-success{background-color:var(--success);color:var(--white)}.btn-success:hover{background-color:#229954}.btn-outline{background-color:transparent;border:1px solid var(--primary);color:var(--primary)}.btn-outline:hover{background-color:var(--primary-light)}.btn-sm{padding:.5rem 1rem;font-size:.85rem}.btn-icon{margin-right:.5rem}.loading-spinner{width:24px;height:24px;border-top:2px solid var(--border);border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.loading-container{display:flex;align-items:center;justify-content:center;padding:3rem;background-color:var(--white);border-radius:var(--radius-default);border:1px solid var(--border)}.loading-text{margin-left:1rem;color:var(--text-light);font-size:1rem}.preview-banner{background-color:rgba(253,184,19,.1);border:1px solid var(--honey-100);border-radius:var(--radius-sm);padding:1rem;margin-bottom:1.5rem;text-align:center;color:var(--honey-400);font-weight:500}.preview-banner-icon{margin-right:.5rem}@media (max-width:768px){.runs-page{padding:var(--spacing-4)}.runs-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.runs-header h1{font-size:1.875rem}.runs-tabs{flex-wrap:wrap}.runs-content{flex-direction:column;gap:var(--spacing-4)}.actions-column{min-width:auto;max-width:none;order:-1}.runs-list{max-width:100%;margin:0;gap:var(--spacing-2)}}@media (max-width:480px){.runs-header h1{font-size:1.5rem}.run-item{padding:1rem}.run-meta{flex-direction:column;gap:.5rem}}.text-center{text-align:center}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mr-2{margin-right:.5rem}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.w-full{width:100%}.btn:focus,.type-filter-option:focus{outline:1px solid var(--honey-300);outline-offset:1px}@media (prefers-contrast:high){.run-item{border-width:2px}.priority-badge,.run-status{border:1px solid}}html.theme-dark{--text-light:var(--theme-neutral-400,#cccccc)}html.theme-dark .runs-page{background-color:var(--theme-neutral-50,#0a0a0a)}html.theme-dark .column-header h2,html.theme-dark .runs-header h1{color:var(--theme-neutral-400,#cccccc)}html.theme-dark .runs-page .honey-text{color:var(--theme-primary-200,#ffd85f)}html.theme-dark .runs-page .runs-text{color:var(--theme-neutral-400,#cccccc)}html.theme-dark .autopilot-text{color:var(--theme-neutral-300,#3a3a3a)}html.theme-dark .autopilot-description{color:var(--theme-neutral-400,#cccccc)}html.theme-dark .honey-slider-track{background:var(--theme-neutral-300,#3a3a3a)}html.theme-dark .honey-slider-track:hover{background:var(--theme-neutral-400,#cccccc)}html.theme-dark .honey-slider-input:checked+.honey-slider-track{background:var(--theme-primary-300,#fdb813);border-color:var(--theme-primary-200,#ffd85f);box-shadow:0 0 12px rgba(255,216,95,.3)}html.theme-dark .honey-slider-input:checked+.honey-slider-track .honey-slider-thumb{background:var(--theme-neutral-50,#0a0a0a)}html.theme-dark .btn-create{background:transparent!important;color:var(--theme-primary-200,#ffd85f);border:1px solid var(--theme-primary-200,#ffd85f)!important}html.theme-dark .btn-create:hover:not(.secondary):not(:disabled){background:var(--theme-primary-200,#ffd85f)!important;color:black!important;border-color:var(--theme-primary-200,#ffd85f)!important}html.theme-dark .btn-create.secondary{background:transparent!important;color:white!important;border:1px solid white!important}html.theme-dark .btn-create.secondary:hover:not(:disabled){background:white!important;color:black!important;border:1px solid white!important}html.theme-dark .run-tab,html.theme-dark .run-tab.active,html.theme-dark .run-tab:hover{color:var(--theme-neutral-400,#cccccc)}html.theme-dark .run-tab.active{border-top:2px solid var(--theme-primary-200,#ffd85f)}html.theme-dark .column-header{border-bottom:2px solid var(--theme-neutral-300,#3a3a3a)}html.theme-dark .detail-description,html.theme-dark .detail-label,html.theme-dark .detail-value,html.theme-dark .quick-view-info,html.theme-dark .run-header-info h3,html.theme-dark .run-meta-label,html.theme-dark .run-meta-value{color:var(--theme-neutral-400,#cccccc)}html.theme-dark .status-badge.pending{color:var(--theme-info,#60a5fa);border-color:var(--theme-info,#60a5fa);background:rgba(96,165,250,.1)}html.theme-dark .status-badge.approved{color:var(--theme-warning,#fbbf24);border-color:var(--theme-warning,#fbbf24);background:rgba(251,191,36,.1)}html.theme-dark .status-badge.completed{color:var(--theme-success,#4ade80);border-color:var(--theme-success,#4ade80);background:rgba(74,222,128,.1)}html.theme-dark .priority-badge.high{color:var(--theme-error,#f87171);border-color:var(--theme-error,#f87171);background:rgba(248,113,113,.1)}html.theme-dark .priority-badge.medium{color:var(--theme-warning,#fbbf24);border-color:var(--theme-warning,#fbbf24);background:rgba(251,191,36,.1)}html.theme-dark .priority-badge.low{color:var(--theme-success,#4ade80);border-color:var(--theme-success,#4ade80);background:rgba(74,222,128,.1)}html.theme-dark .no-runs,html.theme-dark .no-runs p{color:var(--theme-neutral-400,#cccccc)}html.theme-dark .empty-state-icon{color:var(--theme-neutral-300,#3a3a3a)}html.theme-dark .empty-state-text{color:var(--theme-neutral-400,#cccccc)}html.theme-dark .btn{box-shadow:0 1px 3px rgba(0,0,0,.5)}html.theme-dark .btn-primary{background-color:var(--theme-primary-200,#ffd85f);color:var(--theme-neutral-50,#0a0a0a)}html.theme-dark .btn-primary:hover{background-color:var(--theme-primary-300,#fdb813);box-shadow:0 4px 6px rgba(0,0,0,.3)}html.theme-dark .btn-secondary{background-color:var(--theme-neutral-100,#1a1a1a);border:1px solid var(--theme-neutral-300,#3a3a3a);color:var(--theme-neutral-400,#cccccc)}html.theme-dark .btn-secondary:hover{background-color:var(--theme-neutral-200,#2a2a2a)}html.theme-dark .btn-success{background-color:var(--theme-success,#4ade80);color:var(--theme-neutral-50,#0a0a0a)}html.theme-dark .btn-success:hover{background-color:#22c55e}html.theme-dark .btn-outline{background-color:transparent;border:1px solid var(--theme-primary-200,#ffd85f);color:var(--theme-primary-200,#ffd85f)}html.theme-dark .btn-outline:hover{background-color:rgba(255,216,95,.1)}html.theme-dark .loading-container{background-color:var(--theme-neutral-100,#1a1a1a);border:1px solid var(--theme-neutral-300,#3a3a3a)}html.theme-dark .loading-text{color:var(--theme-neutral-300,#3a3a3a)}html.theme-dark .loading-spinner{border-top:2px solid var(--theme-neutral-300,#3a3a3a);border:2px solid var(--theme-neutral-300,#3a3a3a);border-top-color:var(--theme-primary-200,#ffd85f)}html.theme-dark .connection-status{color:var(--theme-neutral-300,#3a3a3a)}html.theme-dark .auto-execute-toggle{background:linear-gradient(135deg,rgba(255,216,95,.1),rgba(255,216,95,.05));border:1px solid var(--theme-neutral-300,#3a3a3a);box-shadow:0 2px 4px rgba(0,0,0,.3)}html.theme-dark .auto-execute-toggle:hover{border-color:var(--theme-primary-200,#ffd85f);box-shadow:0 4px 8px rgba(0,0,0,.4);background:linear-gradient(135deg,rgba(255,216,95,.15),rgba(255,216,95,.08))}html.theme-dark .auto-execute-toggle label{color:var(--theme-neutral-400,#cccccc)}html.theme-dark .auto-execute-toggle .helper-text,html.theme-dark .type-filter-option{color:var(--theme-neutral-300,#3a3a3a)}html.theme-dark .type-filter-option{background-color:var(--theme-neutral-200,#2a2a2a);border:1px solid var(--theme-neutral-300,#3a3a3a)}html.theme-dark .type-filter-option.active{background-color:var(--theme-primary-200,#ffd85f);color:var(--theme-neutral-50,#0a0a0a);border-color:var(--theme-primary-200,#ffd85f)}html.theme-dark .type-filter-option:hover:not(.active){background-color:var(--theme-neutral-300,#3a3a3a);border-color:var(--theme-neutral-400,#cccccc)}html.theme-dark .preview-banner{background-color:rgba(255,216,95,.1);border:1px solid var(--theme-neutral-300,#3a3a3a);color:var(--theme-primary-200,#ffd85f)}html.theme-dark .error-banner{background-color:rgba(248,113,113,.1);border:1px solid var(--theme-error,#f87171);color:var(--theme-error,#f87171)}html.theme-dark .close-btn{color:var(--theme-error,#f87171);background:transparent;border:none;cursor:pointer}html.theme-dark .close-btn:hover{background:rgba(248,113,113,.1)}html.theme-dark .btn:focus,html.theme-dark .type-filter-option:focus{outline:1px solid var(--theme-primary-200,#ffd85f);outline-offset:1px}html.theme-dark .run-tab:focus{outline:1px solid var(--theme-primary-200,#ffd85f);outline-offset:2px}@media (prefers-reduced-motion:reduce){.btn,.run-item,.run-tab,.type-filter-option{transition:none}.honey-run-badge,.loading-spinner{animation:none}}.channel-button{padding:.5rem 1rem;font-size:.875rem;border-radius:.375rem;font-weight:500;transition:all .2s;border:1px solid var(--hive-200);cursor:pointer;background:transparent;color:var(--hive-300)}.channel-button.active{background-color:var(--hive-300);border-color:var(--hive-300);color:white}.channel-button:hover:not(.active){background-color:var(--hive-50)}.phone-input{width:100%;padding:1rem;border:1px solid var(--hive-200);border-radius:.5rem;text-align:center;font-size:1.125rem;color:var(--hive-400);margin-bottom:1rem}.phone-input:focus{outline:none;border-color:var(--honey-200);box-shadow:0 0 0 3px rgba(253,184,19,.1)}.start-conversation-button{width:100%;padding:.75rem;border-radius:.5rem;font-weight:500;transition:opacity .2s;border:none;cursor:pointer}.start-conversation-button.enabled{background-color:var(--hive-300);color:white}.start-conversation-button.disabled{background-color:var(--hive-100);color:var(--hive-200);cursor:not-allowed}.conversations-list-container{height:100%;display:flex;flex-direction:column;background:white}.conversations-header{border-bottom:1px solid var(--hive-100);padding:1rem;display:flex;align-items:center;justify-content:space-between}.conversations-title{font-size:1.125rem;font-weight:500;color:var(--hive-400)}.new-message-button{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;color:white;background-color:var(--hive-300);border:none;cursor:pointer;transition:opacity .2s;white-space:nowrap}.new-message-button:hover{opacity:.9}.send-message-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:opacity .2s;min-width:60px;height:38px}.send-message-button.enabled{color:white;background-color:var(--hive-300)}.send-message-button.enabled:hover{opacity:.9}.send-message-button.disabled{color:var(--hive-200);background-color:var(--hive-100);cursor:not-allowed}.conversation-item{padding:.75rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.75rem;min-height:4rem}.conversation-item:hover{opacity:.9}.conversation-item.selected{background-color:var(--hive-50);border-right:2px solid var(--hive-300)}.conversation-avatar{width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;background-color:var(--hive-100);color:var(--hive-300);flex-shrink:0}.conversation-item.selected .conversation-avatar{background-color:var(--hive-300);color:white}.conversation-details{flex:1;min-width:0}.conversation-name{font-size:1rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--hive-300);margin-bottom:.25rem}.conversation-item.selected .conversation-name{color:var(--hive-400)}.channel-badge{font-size:.65rem;font-weight:600;padding:.15rem .4rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:.025em;background-color:var(--hive-100);color:var(--hive-400)}.run-link-button{background:none;border:none;font-size:.75rem;color:var(--hive-300);cursor:pointer;padding:.125rem 0;text-align:left;transition:all .2s;display:flex;align-items:center;gap:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.run-link-button:hover{color:var(--hive-400);text-decoration:underline}.conversations-empty{padding:2rem;text-align:center}.conversations-empty-title{margin-bottom:.25rem;color:var(--hive-300)}.conversations-empty-subtitle{font-size:.875rem;color:var(--hive-200)}.conversations-loading{flex:1}.conversations-error{flex:1;padding:1rem}.conversations-error-text{margin-bottom:.75rem;color:var(--hive-200)}.retry-button{background-color:var(--hive-300);color:white;border:none;padding:.25rem .75rem;border-radius:.25rem;font-size:.875rem;cursor:pointer;transition:opacity .2s}.retry-button:hover{opacity:.9}.header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.archive-toggle-button{display:flex;align-items:center;gap:.25rem;padding:.375rem .75rem;border:1px solid var(--hive-200);background:transparent;color:var(--hive-300);border-radius:.375rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.archive-toggle-button:hover{background:var(--hive-50);border-color:var(--hive-300)}.archive-toggle-button.active{background:var(--hive-300);color:white;border-color:var(--hive-300)}.archive-conversation-button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--hive-200);border-radius:.25rem;cursor:pointer;transition:all .2s}.archive-conversation-button:hover{background:var(--hive-100);color:var(--hive-400)}.archive-conversation-button:disabled{opacity:.5;cursor:not-allowed}.conversation-item.archived{opacity:.7}.conversation-item.archived .conversation-name{text-decoration:line-through}html.theme-dark .channel-button{border-color:var(--theme-neutral-300,#3a3a3a);color:var(--theme-neutral-400,#cccccc)}html.theme-dark .channel-button.active{background-color:var(--theme-primary-200,#ffd85f);border-color:var(--theme-primary-200,#ffd85f);color:var(--theme-neutral-50,#0a0a0a)}html.theme-dark .channel-button:hover:not(.active){background-color:var(--theme-neutral-200,#2a2a2a)}html.theme-dark .phone-input{background:var(--theme-neutral-100,#1a1a1a);border-color:var(--theme-neutral-300,#3a3a3a);color:var(--theme-neutral-400,#cccccc)}html.theme-dark .phone-input:focus{border-color:var(--theme-primary-200,#ffd85f)}html.theme-dark .new-message-button,html.theme-dark .retry-button,html.theme-dark .start-conversation-button.enabled{background-color:var(--theme-primary-200,#ffd85f);color:var(--theme-neutral-50,#0a0a0a)}html.theme-dark .start-conversation-button.disabled{background-color:var(--theme-neutral-200,#2a2a2a);color:var(--theme-neutral-300,#3a3a3a)}html.theme-dark .conversations-list-container{background:var(--theme-neutral-100,#1a1a1a)}html.theme-dark .conversations-header{border-bottom-color:var(--theme-neutral-300,#3a3a3a)}html.theme-dark .conversations-title{color:var(--theme-neutral-400,#cccccc)}html.theme-dark .conversation-item.selected{background-color:var(--theme-neutral-200,#2a2a2a);border-right-color:var(--theme-primary-200,#ffd85f)}html.theme-dark .conversation-avatar{background-color:var(--theme-neutral-200,#2a2a2a);color:var(--theme-neutral-400,#cccccc)}html.theme-dark .conversation-item.selected .conversation-avatar{background-color:var(--theme-primary-200,#ffd85f);color:var(--theme-neutral-50,#0a0a0a)}html.theme-dark .conversation-name{color:var(--theme-neutral-300,#3a3a3a)}html.theme-dark .conversation-item.selected .conversation-name{color:var(--theme-neutral-400,#cccccc)}html.theme-dark .conversation-date{color:var(--theme-neutral-300,#3a3a3a)}html.theme-dark .run-link-button{color:var(--theme-neutral-400,#cccccc)}html.theme-dark .run-link-button:hover{color:var(--theme-primary-200,#ffd85f)}html.theme-dark .conversations-empty-title{color:var(--theme-neutral-400,#cccccc)}html.theme-dark .conversations-empty-subtitle,html.theme-dark .conversations-error-text{color:var(--theme-neutral-300,#3a3a3a)}html.theme-dark .send-message-button.enabled{background-color:var(--theme-primary-200,#ffd85f);color:var(--theme-neutral-50,#0a0a0a)}html.theme-dark .send-message-button.disabled{background-color:var(--theme-neutral-200,#2a2a2a);color:var(--theme-neutral-300,#3a3a3a)}.message-bubble-container{display:flex;margin-bottom:.75rem;padding:0 1rem}.message-bubble-container.outbound{justify-content:flex-end}.message-bubble-container.inbound{justify-content:flex-start}.message-bubble{max-width:70%;padding:.75rem;border-radius:1rem;position:relative}.message-bubble.outbound{background-color:var(--honey-200);color:white}.message-bubble.inbound{background-color:white;color:var(--hive-400);border:1px solid var(--hive-100)}.message-text{user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;line-height:1.4;word-wrap:break-word;white-space:pre-wrap;cursor:text}.message-meta{display:flex;align-items:center;gap:.5rem;margin-top:.25rem;font-size:.75rem;opacity:.7}.message-channel,.message-status,.message-time{white-space:nowrap}.scroll-to-bottom-button{position:fixed;bottom:1.5rem;right:1.5rem;z-index:10;background-color:var(--honey-200);color:white;padding:.75rem;border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,.15);border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem}.scroll-to-bottom-button:hover{background-color:var(--honey-300);transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.2)}html.theme-dark .message-bubble.inbound{background-color:var(--theme-neutral-100);color:var(--theme-neutral-400);border-color:var(--theme-neutral-300)}html.theme-dark .scroll-to-bottom-button{background-color:var(--theme-primary-200,#ffd85f);color:var(--theme-neutral-50,#0a0a0a)}.messages-container{flex:1;overflow-y:auto;position:relative;scroll-behavior:smooth}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:var(--hive-50)}.messages-container::-webkit-scrollbar-thumb{background:var(--hive-200);border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:var(--hive-300)}html.theme-dark .messages-container::-webkit-scrollbar-track{background:var(--theme-neutral-200,#2a2a2a)}html.theme-dark .messages-container::-webkit-scrollbar-thumb{background:var(--theme-neutral-300,#3a3a3a)}html.theme-dark .messages-container::-webkit-scrollbar-thumb:hover{background:var(--theme-neutral-400,#cccccc)}@media (max-width:768px){.conversations-sidebar{width:100%;max-width:320px;min-width:280px}.chat-interface{flex-direction:column}.new-message-form{padding:0 1rem}.channel-selector{flex-wrap:wrap}.scroll-to-bottom-button{bottom:1rem;right:1rem;width:2.5rem;height:2.5rem;padding:.5rem}}@media (prefers-reduced-motion:reduce){.channel-button,.conversation-item,.new-message-button,.retry-button,.start-conversation-button{transition:none}}@media (prefers-contrast:high){.conversation-item.selected{border-right-width:3px}.channel-button,.phone-input,.start-conversation-button{border-width:2px}}.admin-page{padding:3rem 4rem;background-color:var(--theme-neutral-50);min-height:100vh}.admin-header{margin-bottom:var(--spacing-8)}.admin-header h1{margin:0;font-size:2.25rem;font-weight:var(--font-weight-semibold);color:var(--theme-neutral-400);font-family:var(--font-secondary)}.admin-content{display:flex;gap:var(--spacing-8);align-items:flex-start;margin:var(--spacing-4) 0}.admin-column{width:100%;min-width:0}.admin-page .column-header{margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);height:60px;display:flex;align-items:center;border-bottom:1px solid var(--theme-neutral-200)}.column-header-content{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.column-header h2{margin:0;font-size:1.2rem;font-weight:var(--font-weight-semibold);color:var(--theme-neutral-400);font-family:var(--font-secondary)}.admin-tabs{display:flex;gap:var(--spacing-1);justify-content:center;flex:1}.admin-tab{padding:.5rem 1rem;color:var(--theme-neutral-300);cursor:pointer;border:none;background:transparent;font-size:.9rem;outline:none;transition:var(--transition-default)}.admin-page .admin-tab.active,.admin-tab:hover{color:var(--theme-neutral-400)}.admin-page .admin-tab.active{border-top:1px solid var(--theme-primary-200)}.admin-content-area{padding:0;background:transparent}.admin-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;cursor:pointer;transition:var(--transition-default);border:none;text-decoration:none;min-width:fit-content;white-space:nowrap}.admin-btn-primary{background:var(--theme-primary-200);color:var(--theme-neutral-50)}.admin-btn-primary:hover{background:var(--theme-primary-300);transform:translateY(-1px)}.admin-btn-secondary{background:var(--theme-neutral-50);color:var(--theme-neutral-400);border:1px solid var(--theme-neutral-200)}.admin-btn-secondary:hover{background:var(--theme-neutral-100);border-color:var(--theme-primary-200);color:var(--theme-primary-200);transform:translateY(-1px)}.admin-btn-danger{background:var(--status-error);color:white}.admin-btn-danger:hover{background:var(--theme-error);transform:translateY(-1px)}.admin-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.admin-table-container{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--theme-neutral-200);background:var(--theme-neutral-50);margin:var(--spacing-6) 0}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th{background:transparent;text-align:left;font-weight:600;border-bottom:1px solid var(--theme-neutral-200);white-space:nowrap}.admin-table td,.admin-table th{padding:var(--spacing-3) var(--spacing-5);color:var(--theme-neutral-400)}.admin-table td{border-bottom:1px solid var(--theme-neutral-100)}.admin-table tr:last-child td{border-bottom:none}.admin-status-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.admin-status-badge.active{background:rgba(76,175,80,.1);color:var(--theme-success)}.admin-status-badge.inactive{background:rgba(185,28,28,.1);color:var(--theme-error)}.admin-status-badge.pending{background:rgba(245,158,11,.1);color:var(--theme-warning)}.provider-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-8)}.provider-card{background:var(--theme-neutral-50);border:1px solid var(--theme-neutral-200);border-radius:var(--radius-sm);padding:var(--spacing-6);cursor:pointer;transition:var(--transition-default);position:relative;overflow:hidden}.provider-card:hover{border-color:var(--theme-primary-200);transform:translateY(-1px)}.provider-card.connected{border-color:var(--theme-success);background:rgba(76,175,80,.05)}.provider-card-header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-4)}.provider-icon{width:48px;height:48px;background:var(--theme-neutral-100);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--theme-primary-200)}.provider-info h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--theme-neutral-400)}.provider-info p{margin:0;font-size:.875rem;color:var(--theme-neutral-200);line-height:1.4}.provider-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-6)}.connection-indicator{display:flex;align-items:center;gap:var(--spacing-2);font-size:.875rem;font-weight:500}.connection-dot{width:8px;height:8px;border-radius:50%;background:var(--theme-error)}.connection-dot.connected{background:var(--theme-success);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.admin-loading{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:200px;gap:var(--spacing-3);color:var(--theme-neutral-400)}@media (max-width:768px){.admin-page{padding:1.5rem}.admin-tabs{flex-wrap:wrap;justify-content:flex-start}.admin-tab{padding:var(--spacing-2) var(--spacing-3);font-size:.875rem;min-width:120px}.column-header-content{flex-direction:column;align-items:flex-start;gap:var(--spacing-4)}.provider-grid{grid-template-columns:1fr}}@media (max-width:480px){.admin-page{padding:1rem}.provider-card{padding:var(--spacing-4)}.admin-btn{width:100%;justify-content:center}}.admin-card{background:var(--card-bg);border:1px solid var(--theme-neutral-200);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--spacing-6);box-shadow:var(--shadow-sm)}.admin-card-header{padding:var(--spacing-5);border-bottom:1px solid var(--theme-neutral-200);background:var(--theme-neutral-100)}.admin-card-header h3{margin:0;font-size:1.1rem;font-weight:600;color:var(--theme-neutral-400)}.admin-card-body{padding:var(--spacing-5)}.admin-form{width:100%}.admin-form-row{margin-bottom:var(--spacing-4)}.admin-form-group{width:100%}.admin-form-label{display:block;margin-bottom:var(--spacing-2);font-weight:500}.admin-form-input,.admin-form-label{font-size:.9rem;color:var(--theme-neutral-400)}.admin-form-input{width:100%;padding:var(--spacing-3);border:1px solid var(--theme-neutral-200);border-radius:var(--radius-sm);background:var(--theme-neutral-50);transition:var(--transition-default)}.admin-form-input:focus{outline:none;border-color:var(--theme-primary-200);box-shadow:0 0 0 3px rgba(253,184,19,.1)}.admin-form-input::placeholder{color:var(--theme-neutral-300)}.admin-form-checkbox{display:flex;align-items:flex-start;gap:var(--spacing-2);cursor:pointer;font-size:.9rem;line-height:1.4}.admin-form-checkbox input[type=checkbox]{margin:0;cursor:pointer}.admin-form-checkbox span{color:var(--theme-neutral-400);font-weight:500}.admin-alert{padding:var(--spacing-4);border-radius:var(--radius-sm);font-size:.9rem;margin-bottom:var(--spacing-4)}.admin-alert-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:var(--theme-error)}.admin-alert-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:var(--theme-success)}.admin-spinner{width:32px;height:32px;border-top:3px solid var(--theme-neutral-200);border:3px solid var(--theme-neutral-200);border-top-color:var(--theme-primary-200);border-radius:50%;animation:admin-spin 1s linear infinite}@keyframes admin-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-status-badge.admin{background:rgba(253,184,19,.1);color:var(--theme-primary-200)}.admin-status-badge.member{background:rgba(107,114,128,.1);color:var(--theme-neutral-300)}html.theme-dark .admin-page .admin-tab{color:#E5E7EB!important}html.theme-dark .admin-page .admin-tab.active,html.theme-dark .admin-page .admin-tab:hover{color:#F3F4F6!important}html.theme-dark .admin-form-input::placeholder{color:var(--theme-neutral-300)!important}.provider-name-input::placeholder{color:var(--theme-neutral-300)}html.theme-dark .provider-name-input::placeholder{color:#E5E7EB!important}.admin-btn:focus,.admin-form-input:focus,.admin-tab:focus,.provider-card:focus{outline:2px solid var(--theme-primary-200);outline-offset:2px}html.theme-dark .admin-table td .team-member-email{color:var(--theme-neutral-300)!important}@media (prefers-reduced-motion:reduce){.admin-btn,.admin-tab,.provider-card{transition:none}.connection-dot.connected{animation:none}}.profile-page{width:100%;max-width:1600px;margin:0 auto;isolation:isolate;position:relative;z-index:var(--z-base)}.profile-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;padding:2.5rem 3rem 0}.profile-left,.profile-right{display:flex;flex-direction:column;gap:2rem}.profile-section{background:transparent;border-radius:0;overflow:visible;transition:none;border:none;padding:0}.section-header{display:flex;justify-content:space-between;align-items:center;padding:0 0 1rem;border-bottom:1px solid var(--border-light);margin-bottom:1.5rem}.section-header h2{font-size:1.25rem;margin:0;color:var(--text);font-weight:600}:root{--primary:#FDB813;--primary-dark:#e9a400;--primary-light:rgba(253,184,19,0.1);--primary-light-hover:rgba(253,184,19,0.2);--secondary:#2c1810;--text:#2c1810;--text-light:#4a3426;--text-lighter:#6b5444;--bg-light:#fffdf7;--white:#ffffff;--border:#e2e8f0;--border-light:#f0f0f0;--card-shadow:0 4px 6px rgba(0,0,0,0.05);--hover-shadow:0 10px 15px rgba(0,0,0,0.1);--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6}.user-profile-avatar{display:flex;align-items:center;gap:1rem;background-color:var(--primary-light);padding:1rem 1.5rem;border-radius:12px;box-shadow:0 2px 4px rgba(0,0,0,.04);transition:all .2s;border:1px solid var(--border-light);max-width:300px}.user-profile-avatar:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.08);border-color:var(--primary)}.avatar-circle{width:48px;height:48px;background-color:var(--primary);color:var(--white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:600}.avatar-info{display:flex;flex-direction:column}.avatar-name{font-weight:600;font-size:1rem;color:var(--text)}.avatar-email{font-size:.8rem;color:var(--text-light)}.alert-message{padding:1rem;margin-bottom:1.5rem;border-radius:.5rem;width:100%}.alert-message.success{background-color:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.3)}.alert-message.error{background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3)}.alert-message.info{background-color:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.3)}.alert-message p{margin:0;color:var(--text)}.alert-message.success p{color:var(--success)}.alert-message.error p{color:var(--error)}.alert-message.info p{color:var(--info)}.profile-info-container{padding:0;background:transparent}.profile-info-grid{margin-bottom:1.5rem}.profile-field{margin-bottom:24px;border-bottom:1px solid var(--border-light);padding-bottom:16px}.profile-field:last-child{border-bottom:none}.field-label{display:flex;align-items:center;margin-bottom:10px;color:var(--text-light);font-weight:500}.field-icon{margin-right:8px;color:var(--primary)}.field-value-container{display:flex;flex-direction:column;gap:.5rem;padding:8px 0}.field-readonly{display:flex;flex-direction:column;gap:.25rem}.field-value{font-size:16px;font-weight:500;color:var(--text)}.field-note{font-size:12px;color:var(--text-light);margin-left:0;font-style:italic}.field-edit-btn{background:transparent;border:none;color:var(--primary);cursor:pointer;padding:6px;border-radius:50%;transition:background-color .2s ease}.field-edit-btn:hover{background-color:rgba(253,184,19,.1)}.field-edit-container{display:flex;align-items:center;gap:10px}.field-edit-input{flex:1;padding:10px 12px;border:1px solid var(--primary);border-radius:4px;font-size:14px;transition:border-color .2s ease}.field-edit-input:focus{outline:none;border-color:var(--primary-dark);box-shadow:0 0 0 2px rgba(253,184,19,.25)}.field-edit-input.phone-input{padding:0!important;border:none!important;background:transparent!important}.field-edit-input.phone-input .phone-input-container,.field-edit-input.phone-input .phone-input-field{width:100%}.field-edit-input.phone-input .phone-input-field .PhoneInputInput{background:transparent!important}.field-edit-input.phone-input .phone-input-field .PhoneInputCountrySelect{background:var(--bg-light)!important}.field-edit-actions{display:flex;gap:5px}.field-action-btn{background:transparent;border:none;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.field-action-btn.save{color:var(--success)}.field-action-btn.save:hover{background-color:rgba(16,185,129,.1)}.field-action-btn.cancel{color:var(--error)}.field-action-btn.cancel:hover{background-color:rgba(239,68,68,.1)}.account-settings{padding:0;background:transparent}.setting-action{display:flex;align-items:center;width:100%;text-align:left;padding:12px 16px;background-color:transparent;border:1px solid var(--border);border-radius:8px;margin-bottom:12px;font-weight:500;cursor:pointer;transition:all .2s ease;color:var(--text)}.setting-action:hover{background-color:var(--primary-light);border-color:var(--primary)}.setting-action.danger{color:var(--error)}.setting-action.danger:hover{background-color:rgba(239,68,68,.05);border-color:var(--error)}.setting-icon{margin-right:12px}.profile-actions{margin-top:2rem;display:flex;justify-content:flex-end}@media (max-width:1200px){.profile-content{grid-template-columns:1fr}}@media (max-width:768px){.profile-content{padding:2rem 1.5rem 0;gap:1.5rem}.profile-info-grid{flex-direction:column!important;gap:0!important}.profile-column{flex:none!important}}@media (max-width:480px){.profile-content{padding:1.5rem 1rem 0}.profile-info-container{padding:0}.field-value-container{flex-direction:column;align-items:flex-start;gap:.5rem}.field-note{margin-left:0}.profile-actions{justify-content:center}}.profile-save-button{width:100%;max-width:200px;padding:.75rem 1.5rem;background-color:transparent;color:var(--theme-primary-200);border:2px solid var(--theme-primary-200);border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit}.profile-save-button:hover:not(:disabled){background-color:var(--theme-primary-200);color:white}.profile-save-button:disabled{cursor:not-allowed}.profile-save-button:disabled,.profile-save-button:disabled:hover{color:var(--theme-neutral-400);border-color:var(--theme-neutral-300)}.profile-save-button:disabled:hover{background-color:transparent}.vehicle-detail-page{max-width:1400px;margin:0 auto;padding:var(--spacing-8) var(--spacing-8) var(--spacing-8);background-color:var(--theme-neutral-50);min-height:calc(100vh - 70px);position:relative;display:grid;grid-template-areas:"header header" "tabs tabs" "content content";grid-template-rows:auto auto 1fr;gap:var(--spacing-4)}.vehicle-telemetry-layout{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-6);margin-top:var(--spacing-4);min-height:400px;align-items:stretch}.vehicle-outline-section{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-4);width:100%;height:100%}.vehicle-rectangle{position:relative;width:100%;max-width:400px;height:280px;border:1px solid var(--theme-neutral-200);border-radius:var(--radius-default);background:transparent;transition:var(--transition-default)}.vehicle-rectangle:hover{border-color:var(--theme-primary-200)}.dashboard-metrics-section{background:var(--theme-neutral-50);border:2px solid var(--theme-primary-100);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-default);display:flex;flex-direction:column;gap:var(--spacing-4)}.diagnostics-section{display:flex;flex-direction:column;gap:var(--spacing-2)}.vehicle-health-title{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--status-success);margin-bottom:0;text-transform:uppercase;letter-spacing:.05em;text-align:center}.tire-position{position:absolute;display:flex;flex-direction:column;align-items:center}.tire-position.front-left{top:-30px;right:25px}.tire-position.front-right{bottom:-25px;right:25px}.tire-position.rear-left{top:-30px;left:25px}.tire-position.rear-right{bottom:-25px;left:25px}.tire-component{width:90px;height:55px;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:8px;border:2px solid #404040;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-1);box-shadow:0 2px 4px rgba(0,0,0,.3);position:relative}.tire-component:before{left:6px}.tire-component:after,.tire-component:before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:2px;height:20px;background:#666;border-radius:1px}.tire-component:after{right:6px}.tire-value{color:#ffffff}.internal-sensor-value,.tire-value{font-weight:var(--font-weight-bold);font-size:.875rem;line-height:1}.internal-sensor-value{color:var(--theme-neutral-400)}.simple-sensor-display{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-1)}.honey-fuel-gauge{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:80px}.fuel-header{display:flex;align-items:center}.fuel-text{font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--theme-neutral-400)}.fuel-progress-track{width:100%;height:4px;background:rgba(212,212,212,.3);border-radius:2px;overflow:hidden}.fuel-progress-fill{height:100%;border-radius:2px;transition:width .4s ease}.fuel-progress-fill.high{background:var(--status-success)}.fuel-progress-fill.medium{background:var(--theme-primary-200)}.fuel-progress-fill.low{background:var(--status-error)}.fuel-progress-fill.unknown{background:var(--theme-neutral-200)}.honey-battery-gauge{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:80px}.battery-header{display:flex;align-items:center}.battery-text{font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--theme-neutral-400)}.battery-indicator{display:flex;align-items:center;gap:1px}.battery-body{width:60px;height:4px;background:rgba(212,212,212,.3);border-radius:1px;overflow:hidden;position:relative}.battery-fill{height:100%;border-radius:1px;transition:width .4s ease}.battery-fill.high{background:var(--status-success)}.battery-fill.medium{background:var(--theme-primary-200)}.battery-fill.low{background:var(--status-error)}.battery-fill.unknown{background:var(--theme-neutral-200)}.battery-terminal{width:3px;height:2px;background:var(--theme-neutral-300);border-radius:0 1px 1px 0;display:none}.honey-temp-gauge{display:flex;flex-direction:column;gap:var(--spacing-1);min-width:80px}.temp-header{display:flex;align-items:center}.temp-text{font-size:.75rem;font-weight:var(--font-weight-semibold);color:var(--theme-neutral-400)}.temp-thermometer{display:flex;flex-direction:column;align-items:center;gap:0}.thermometer-bulb{width:8px;height:8px;border-radius:50%;background:transparent;position:relative;overflow:hidden}.bulb-fill{width:100%;height:100%;border-radius:50%;transition:all .4s ease}.thermometer-tube{width:3px;height:12px;background:rgba(212,212,212,.3);position:relative;overflow:hidden}.thermometer-tube,.tube-fill{border-radius:1.5px 1.5px 0 0}.tube-fill{position:absolute;bottom:0;width:100%;transition:height .4s ease}.bulb-fill.low,.tube-fill.low{background:var(--status-success)}.bulb-fill.medium,.tube-fill.medium{background:var(--theme-primary-200)}.bulb-fill.high,.tube-fill.high{background:var(--status-error)}.bulb-fill.unknown,.tube-fill.unknown{background:var(--theme-neutral-200)}.sensor-icon{font-size:1.2rem;line-height:1}.sensor-info{display:flex;align-items:center;gap:var(--spacing-1)}.tire-unit{font-size:.65rem;color:#ccc;font-weight:var(--font-weight-medium);line-height:1}.tire-label{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:.6rem;color:var(--text-lighter);text-transform:uppercase;font-weight:var(--font-weight-semibold);letter-spacing:.1em}.tire-status{font-size:1rem;font-weight:var(--font-weight-bold)}.tire-status.good{color:var(--status-success)}.tire-status.bad{color:var(--status-error)}.vehicle-internal-metrics{position:absolute;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:var(--spacing-2);align-items:center}.vehicle-internal-metrics.front{right:20%}.vehicle-internal-metrics.rear{left:20%}.internal-metric{display:flex;align-items:center;gap:var(--spacing-2)}.metric-icon{font-size:1rem}.metric-value{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--theme-neutral-400)}.vehicle-environment{display:flex;flex-direction:column;gap:var(--spacing-4);align-items:center}.vehicle-environment.horizontal{flex-direction:row;justify-content:center;gap:var(--spacing-6);margin-top:var(--spacing-8);padding-top:var(--spacing-6)}.env-item{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-1);font-size:.75rem}.env-label{font-weight:var(--font-weight-medium)}.env-value{font-weight:var(--font-weight-semibold);color:var(--theme-neutral-400)}.abnormal-signal-item.all-normal{background:rgba(16,185,129,.05);border-color:rgba(16,185,129,.2)}.abnormal-signal-indicator.success{color:var(--status-success)}.dashboard-metric{text-align:center;padding:var(--spacing-4);background:var(--theme-neutral-50);border-radius:var(--radius-default);border:1px solid var(--theme-primary-100);transition:var(--transition-default)}.dashboard-metric:hover{transform:translateY(-2px);box-shadow:var(--shadow-default);border-color:var(--theme-primary-200)}.dashboard-metric-label{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--theme-neutral-300);margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:.05em}.dashboard-metric-value{font-size:2rem;font-weight:var(--font-weight-bold);color:var(--theme-primary-300);margin-bottom:var(--spacing-1);display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.dashboard-metric-unit{font-size:1rem;color:var(--theme-neutral-300);font-weight:var(--font-weight-medium)}.environment-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3);background:var(--theme-neutral-50);border-radius:var(--radius-default);border:1px solid var(--border-light)}.environment-label{font-size:.875rem;font-weight:var(--font-weight-medium);color:var(--theme-neutral-300)}.environment-value{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--theme-neutral-400)}.abnormal-signals{margin-top:var(--spacing-2)}.abnormal-signals-title{font-size:.875rem;font-weight:var(--font-weight-semibold);color:var(--status-error);margin-bottom:0;text-transform:uppercase;letter-spacing:.05em;text-align:center}.abnormal-signal-item{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2);margin-bottom:var(--spacing-2);background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-default)}.abnormal-signal-indicator{color:var(--status-error);font-weight:var(--font-weight-bold)}.abnormal-signal-text{font-size:.875rem;color:var(--theme-neutral-400);flex:1}.abnormal-signal-item.dtc-signal{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.3);border-left:4px solid var(--status-warning)}.abnormal-signal-indicator.dtc{color:var(--status-warning);font-weight:var(--font-weight-bold);font-size:1rem}.abnormal-signal-text.dtc{font-weight:var(--font-weight-semibold);color:var(--theme-neutral-400)}.signal-status{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;font-size:.75rem;font-weight:var(--font-weight-bold);cursor:help;transition:var(--transition-default)}.signal-status.normal{background-color:var(--status-success);color:#ffffff}.signal-status.out-of-range{background-color:var(--status-error);color:#ffffff}.signal-status.unknown{background-color:var(--text-lighter);color:#ffffff}.signal-status:hover{transform:scale(1.1)}.page-header{display:flex;margin-bottom:30px}.vehicle-detail-page .back-button{position:fixed;top:1.5rem;left:calc(var(--sidebar-width) + 2rem);z-index:16;display:flex;align-items:center;background-color:transparent;border:1px solid var(--theme-primary-200);color:var(--theme-primary-200);padding:.625rem 1rem;border-radius:4px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .2s;text-decoration:none;height:44px;box-sizing:border-box}.main-content.collapsed .back-button{left:calc(var(--sidebar-collapsed-width) + 2rem)}.vehicle-detail-page .back-button:hover,.vehicle-detail-page .back-button:link,.vehicle-detail-page .back-button:visited{background-color:var(--theme-primary-200);color:#ffffff}.vehicle-detail-page h1{margin:0;color:var(--theme-neutral-400);font-size:2.2rem;font-weight:700}.vehicle-header{text-align:center;margin-bottom:0;border-bottom:1px solid var(--theme-neutral-100);padding-bottom:0;padding-top:0}.vehicle-title{margin:0 0 30px;font-size:2.2rem;font-weight:700}.vehicle-meta-info{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.meta-item{display:flex;flex-direction:column;align-items:center;padding:0 15px;border-right:1px solid var(--border-light)}.meta-item:last-child{border-right:none}.meta-label{font-size:.8rem;color:var(--theme-neutral-300);margin-bottom:5px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.meta-value{font-weight:600;font-size:1rem;color:var(--theme-neutral-400)}@media (max-width:768px){.vehicle-detail-page{padding:var(--spacing-2) var(--spacing-4) var(--spacing-4)}.vehicle-header{padding-top:0}.vehicle-meta-info{flex-direction:column;gap:10px}.meta-item{border-right:none;border-bottom:1px solid var(--border-light);padding:10px 0}.meta-item:last-child{border-bottom:none}.vehicle-telemetry-layout{grid-template-columns:1fr;gap:var(--spacing-4);margin-top:var(--spacing-4)}}.error-container,.loading-container,.not-found{background-color:var(--theme-neutral-50);border-radius:12px;padding:40px;text-align:center;margin-top:30px;box-shadow:0 4px 10px rgba(0,0,0,.05)}.error-message{text-align:center;padding:2rem 0;color:var(--error);display:flex;flex-direction:column;align-items:center;gap:1rem}.vehicle-detail-page .retry-button{background-color:var(--theme-primary-200);color:var(--theme-neutral-400);border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-weight:500;transition:all .2s ease;text-decoration:none}.vehicle-detail-page .retry-button:hover,.vehicle-detail-page .retry-button:link,.vehicle-detail-page .retry-button:visited{background-color:var(--theme-primary-300);color:var(--theme-neutral-400);transform:translateY(-2px)}.error-actions{display:flex;justify-content:center;gap:10px}.error-actions button{background-color:var(--theme-primary-200);color:var(--theme-neutral-400);border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.error-actions button:hover{background-color:var(--theme-primary-300)}.vehicle-info-container{text-align:center;margin-bottom:0}.vehicle-info-container h2{color:var(--secondary);margin-top:0;margin-bottom:20px;font-size:1.8rem}.vehicle-detail-page .tab-navigation{display:flex;justify-content:center;margin-bottom:20px;border-bottom:1px solid var(--border-light)}.vehicle-detail-page .tab-button{background:none;padding:10px 20px;margin:0 5px;cursor:pointer;font-size:1rem;color:var(--theme-neutral-300);border:none;border-bottom:3px solid transparent;text-align:center;font-weight:500;transition:all .2s ease;text-decoration:none}.vehicle-detail-page .tab-button:hover,.vehicle-detail-page .tab-button:link,.vehicle-detail-page .tab-button:visited{color:var(--theme-primary-200);border-bottom:3px solid rgba(253,184,19,.1)}.vehicle-detail-page .tab-button.active{color:var(--theme-primary-200);border-bottom:3px solid var(--theme-primary-200);font-weight:500}.tab-content{margin-top:20px;min-height:400px}.loading-indicator{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;gap:16px}.loading-indicator span{color:var(--theme-neutral-300);font-size:.9rem}.background-refresh-indicator{position:fixed;bottom:20px;right:20px;background-color:var(--theme-neutral-50);border:1px solid var(--border);border-radius:8px;padding:12px 16px;box-shadow:var(--card-shadow);display:flex;align-items:center;gap:8px;z-index:var(--z-tooltip);font-size:.9rem;color:var(--theme-neutral-400)}.refresh-icon{font-size:1.2rem;color:var(--primary)}.refresh-icon.rotating{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-state{background-color:var(--theme-neutral-50);border-radius:12px;padding:40px;text-align:center;margin-top:30px;box-shadow:var(--card-shadow)}.error-state h3{color:var(--error);margin-bottom:16px}.error-state p{color:var(--theme-neutral-300);margin-bottom:20px}.error-state button{background-color:var(--theme-primary-200);color:var(--theme-neutral-400);border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-weight:500;transition:all .2s ease}.error-state button:hover{background-color:var(--theme-primary-300);transform:translateY(-2px)}.health-indicator-container{position:relative;display:flex;align-items:center;gap:5px}.health-badge{padding:4px 8px;border-radius:4px;font-weight:600;font-size:.875rem;color:white;text-shadow:0 1px 2px rgba(0,0,0,.1)}.health-info-icon{margin-left:5px;cursor:help;color:var(--text-lighter);font-size:.8rem}.signal-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:var(--secondary);color:#ffffff;padding:8px 12px;border-radius:4px;font-size:.8rem;white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s;z-index:var(--z-tooltip)}.health-indicator-container:hover .signal-tooltip{opacity:1;visibility:visible}.health-excellent{background-color:var(--success);border:1px solid rgba(16,185,129,.2)}.health-good{background-color:var(--info);border:1px solid rgba(59,130,246,.2)}.health-fair{background-color:var(--warning);border:1px solid rgba(245,158,11,.2);color:var(--secondary)}.health-poor{background-color:var(--error);border:1px solid rgba(239,68,68,.2)}.health-unknown{background-color:var(--text-lighter);border:1px solid rgba(110,110,110,.2)}.telemetry-data{background-color:var(--theme-neutral-50);border-radius:12px;padding:20px;box-shadow:var(--card-shadow)}.telemetry-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:15px}.telemetry-header h3{margin:0;color:var(--secondary);font-size:1.25rem}.last-updated{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.last-updated-with-status{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--theme-neutral-300)}.data-source-badge{background-color:var(--primary-light);color:var(--primary-dark);padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.refresh-button{background-color:var(--theme-primary-200);color:var(--theme-neutral-400);border:none;border-radius:6px;padding:8px 16px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.9rem}.refresh-button:hover{background-color:var(--theme-primary-300);transform:translateY(-2px)}.refresh-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.refresh-button.updating{background-color:var(--theme-neutral-200);cursor:not-allowed}.runs-list{display:flex;flex-direction:column;gap:15px}.run-card{background-color:var(--theme-neutral-50);border:1px solid var(--border-light);border-radius:10px;padding:20px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.run-card:hover{box-shadow:var(--hover-shadow);transform:translateY(-2px)}.run-priority{position:absolute;left:0;top:0;bottom:0;width:5px}.run-priority.high{background-color:var(--error)}.run-priority.medium{background-color:var(--warning)}.run-priority.low{background-color:var(--info)}.run-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.run-title{font-size:1.1rem;font-weight:600;color:var(--secondary);margin:0}.status-and-priority{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.run-status{padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;text-transform:uppercase}.run-status.pending{background-color:rgba(245,158,11,.1);color:var(--warning)}.run-status.completed{background-color:rgba(16,185,129,.1);color:var(--success)}.priority-badge{padding:2px 6px;border-radius:3px;font-size:.7rem;font-weight:600;text-transform:uppercase}.priority-badge.high{background-color:rgba(239,68,68,.1);color:var(--error)}.priority-badge.medium{background-color:rgba(245,158,11,.1);color:var(--warning)}.priority-badge.low{background-color:rgba(59,130,246,.1);color:var(--info)}.honey-run-badge{background-color:var(--primary-light);color:var(--primary-dark);padding:2px 6px;border-radius:3px;font-size:.7rem;font-weight:600}.run-details{display:flex;flex-direction:column;gap:8px}.detail-item{display:flex;gap:10px}.detail-label{font-weight:600;color:var(--theme-neutral-300);min-width:80px;font-size:.9rem}.detail-value{color:var(--theme-neutral-400);font-size:.9rem}.detail-value.description{flex:1}.empty-runs-container{text-align:center;padding:40px;color:var(--theme-neutral-300)}.empty-runs-icon{font-size:3rem;margin-bottom:15px}.empty-runs-message{font-size:1.1rem;font-weight:500}.creating-runs-message{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px;background-color:var(--primary-light);border-radius:10px;color:var(--primary-dark);font-weight:500}.creating-runs-icon{font-size:1.5rem}.vehicle-detail-page .tab-button{position:relative;transition:var(--transition-default)}.vehicle-detail-page .tab-button:after{content:"";position:absolute;bottom:-3px;left:50%;transform:translateX(-50%) scaleX(0);width:100%;height:3px;background:var(--theme-primary-200);border-radius:2px;transition:transform .3s ease}.vehicle-detail-page .tab-button:hover:after{transform:translateX(-50%) scaleX(.7);background:var(--theme-primary-100)}.vehicle-detail-page .tab-button.active:after{transform:translateX(-50%) scaleX(1)}.vehicle-header{background:var(--theme-neutral-50);border-radius:var(--radius-lg);border:1px solid var(--border-light);padding:var(--spacing-8) var(--spacing-6) var(--spacing-6);margin-bottom:var(--spacing-6);position:relative;overflow:hidden}.vehicle-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--theme-primary-200),var(--theme-primary-300),var(--theme-primary-200))}.vehicle-title{color:var(--theme-neutral-400);font-weight:var(--font-weight-bold);margin:0;text-align:center}.vehicle-meta-info{border-radius:var(--radius-default);padding:var(--spacing-4);border:1px solid var(--border-light)}.vehicle-detail-page .tab-navigation,.vehicle-meta-info{background:var(--theme-neutral-50);margin-bottom:var(--spacing-6);box-shadow:var(--shadow-sm)}.vehicle-detail-page .tab-navigation{border-radius:var(--radius-lg);padding:var(--spacing-2);border:1px solid var(--border-light)}html.theme-dark .vehicle-detail-page{background-color:var(--theme-neutral-50)}html.theme-dark .vehicle-rectangle{border-color:var(--theme-neutral-200);background:transparent}html.theme-dark .vehicle-rectangle:hover{border-color:var(--theme-primary-200)}html.theme-dark .dashboard-metrics-section,html.theme-dark .error-container,html.theme-dark .error-state,html.theme-dark .loading-container,html.theme-dark .not-found,html.theme-dark .run-card,html.theme-dark .tab-navigation,html.theme-dark .telemetry-data,html.theme-dark .vehicle-header,html.theme-dark .vehicle-meta-info{background:var(--theme-neutral-100);border-color:var(--theme-neutral-300)}html.theme-dark .tire-component{background:linear-gradient(145deg,#3a3a3a,#2a2a2a);border-color:#505050}html.theme-dark .tire-component:after,html.theme-dark .tire-component:before{background:#777}html.theme-dark .back-button{background-color:transparent;border-color:var(--theme-primary-200);color:var(--theme-primary-200)}html.theme-dark .back-button:hover{background-color:var(--theme-primary-200);color:var(--theme-neutral-50)}html.theme-dark .tab-button{color:var(--theme-neutral-300)}html.theme-dark .tab-button.active,html.theme-dark .tab-button:hover{color:var(--theme-primary-200)}html.theme-dark .refresh-button,html.theme-dark .retry-button{background-color:var(--theme-primary-200);color:var(--theme-neutral-50)}html.theme-dark .refresh-button:hover,html.theme-dark .retry-button:hover{background-color:var(--theme-primary-300)}