*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{line-height:inherit;margin:0}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--background:0 0% 100%;--foreground:222.2 84% 4.9%;--card:0 0% 100%;--card-foreground:222.2 84% 4.9%;--popover:0 0% 100%;--popover-foreground:222.2 84% 4.9%;--primary:222.2 47.4% 11.2%;--primary-foreground:210 40% 98%;--secondary:210 40% 96.1%;--secondary-foreground:222.2 47.4% 11.2%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--accent:210 40% 96.1%;--accent-foreground:222.2 47.4% 11.2%;--destructive:0 84.2% 60.2%;--destructive-foreground:210 40% 98%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--ring:222.2 84% 4.9%;--radius:.5rem}.dark{--background:222.2 84% 4.9%;--foreground:210 40% 98%;--card:222.2 84% 4.9%;--card-foreground:210 40% 98%;--popover:222.2 84% 4.9%;--popover-foreground:210 40% 98%;--primary:210 40% 98%;--primary-foreground:222.2 47.4% 11.2%;--secondary:217.2 32.6% 17.5%;--secondary-foreground:210 40% 98%;--muted:217.2 32.6% 17.5%;--muted-foreground:215 20.2% 65.1%;--accent:217.2 32.6% 17.5%;--accent-foreground:210 40% 98%;--destructive:0 62.8% 30.6%;--destructive-foreground:210 40% 98%;--border:217.2 32.6% 17.5%;--input:217.2 32.6% 17.5%;--ring:212.7 26.8% 83.9%}*{border-color:hsl(var(--border))}body{background-color:hsl(var(--background));color:hsl(var(--foreground))}*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.pointer-events-none{pointer-events:none}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-right-10{right:-2.5rem}.-right-40{right:-10rem}.-top-48{top:-12rem}.right-3{right:.75rem}.top-0{top:0}.top-1\/2{top:50%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.size-40{width:10rem;height:10rem}.size-7{width:1.75rem;height:1.75rem}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-full{height:100%}.min-h-80{min-height:20rem}.min-h-svh{min-height:100svh}.w-4{width:1rem}.w-6{width:1.5rem}.w-9{width:2.25rem}.w-full{width:100%}.max-w-sm{max-width:24rem}.max-w-xs{max-width:20rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.select-none{-webkit-user-select:none;user-select:none}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-32{gap:8rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.375rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.375rem * var(--tw-space-y-reverse))}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-input{border-color:hsl(var(--input))}.border-white\/20{border-color:#fff3}.bg-background{background-color:hsl(var(--background))}.bg-black\/5{background-color:#0000000d}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-destructive{background-color:hsl(var(--destructive))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.bg-muted{background-color:hsl(var(--muted))}.bg-neutral-200{--tw-bg-opacity:1;background-color:rgb(229 229 229/var(--tw-bg-opacity))}.bg-primary{background-color:hsl(var(--primary))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.bg-secondary{background-color:hsl(var(--secondary))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-white\/10{background-color:#ffffff1a}.bg-yellow-500{--tw-bg-opacity:1;background-color:rgb(234 179 8/var(--tw-bg-opacity))}.bg-\[radial-gradient\(125\%_125\%_at_50\%_10\%\,\#ffffff_40\%\,\#14b8a6_100\%\)\]{background-image:radial-gradient(125% 125% at 50% 10%,#fff 40%,#14b8a6 100%)}.from-indigo-500{--tw-gradient-from:#6366f1 var(--tw-gradient-from-position);--tw-gradient-to:#6366f100 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-purple-500{--tw-gradient-to:#a855f700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #a855f7 var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-pink-500{--tw-gradient-to:#ec4899 var(--tw-gradient-to-position)}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-8{padding-left:2rem;padding-right:2rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-none{line-height:1}.tracking-tight{letter-spacing:-.025em}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-destructive-foreground{color:hsl(var(--destructive-foreground))}.text-foreground{color:hsl(var(--foreground))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-muted-foreground{color:hsl(var(--muted-foreground))}.text-primary{color:hsl(var(--primary))}.text-primary-foreground{color:hsl(var(--primary-foreground))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-secondary-foreground{color:hsl(var(--secondary-foreground))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.underline-offset-4{text-underline-offset:4px}.opacity-50{opacity:.5}.shadow-\[0px_2px_0px_0px_var\(--color-neutral-300\)_inset\]{--tw-shadow:0px 2px 0px 0px var(--color-neutral-300) inset;--tw-shadow-colored:inset 0px 2px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.outline{outline-style:solid}.ring-offset-background{--tw-ring-offset-color:hsl(var(--background))}.blur{--tw-blur:blur(8px);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(64px);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)}.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-md{--tw-backdrop-blur:blur(12px);-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-sm{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.file\:border-0::file-selector-button{border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:.875rem;line-height:1.25rem}.file\:font-medium::file-selector-button{font-weight:500}.file\:text-foreground::file-selector-button{color:hsl(var(--foreground))}.placeholder\:text-muted-foreground::placeholder{color:hsl(var(--muted-foreground))}.hover\:bg-accent:hover{background-color:hsl(var(--accent))}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.hover\:bg-destructive\/90:hover{background-color:hsl(var(--destructive) / .9)}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity))}.hover\:bg-primary\/90:hover{background-color:hsl(var(--primary) / .9)}.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / .8)}.hover\:bg-white\/20:hover{background-color:#fff3}.hover\:bg-yellow-600:hover{--tw-bg-opacity:1;background-color:rgb(202 138 4/var(--tw-bg-opacity))}.hover\:text-accent-foreground:hover{color:hsl(var(--accent-foreground))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-ring:focus-visible{--tw-ring-color:hsl(var(--ring))}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.peer:disabled~.peer-disabled\:cursor-not-allowed{cursor:not-allowed}.peer:disabled~.peer-disabled\:opacity-70{opacity:.7}@media (width>=640px){.sm\:h-6{height:1.5rem}.sm\:w-6{width:1.5rem}}@media (width>=768px){.md\:h-7{height:1.75rem}.md\:w-7{width:1.75rem}.md\:justify-start{justify-content:flex-start}.md\:p-10{padding:2.5rem}.md\:p-8{padding:2rem}.md\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (width>=1024px){.lg\:block{display:block}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-color-scheme:dark){.dark\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.dark\:bg-black\/50{background-color:#00000080}.dark\:bg-neutral-900{--tw-bg-opacity:1;background-color:rgb(23 23 23/var(--tw-bg-opacity))}.dark\:bg-red-900\/20{background-color:#7f1d1d33}.dark\:bg-\[radial-gradient\(125\%_125\%_at_50\%_10\%\,\#000000_40\%\,\#14b8a6_100\%\)\]{background-image:radial-gradient(125% 125% at 50% 10%,#000 40%,#14b8a6 100%)}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.dark\:shadow-\[0px_2px_0px_0px_var\(--color-neutral-600\)_inset\]{--tw-shadow:0px 2px 0px 0px var(--color-neutral-600) inset;--tw-shadow-colored:inset 0px 2px 0px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:1rem;height:1rem}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.dashboard{background:#f5f6fa;height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;transition:all .3s;display:flex;overflow:hidden}.dashboard-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-bottom:1px solid #0000000d;flex-shrink:0;justify-content:space-between;align-items:center;min-height:72px;padding:16px 32px;display:flex;box-shadow:0 1px 3px #0000000d}.toggle-btn{color:#4a4a5a;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.toggle-btn:hover{color:#dc2626;background:#0000000d}.toggle-btn svg{width:24px;height:24px}.header-right{align-items:center;gap:20px;display:flex}.user-info{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.user-name{color:#1a1a2e;font-size:14px;font-weight:600}.user-role{color:#8a8a9a;text-transform:capitalize;letter-spacing:.5px;font-size:11px}.logout-btn{color:#dc2626;cursor:pointer;white-space:nowrap;background:#dc262614;border:1px solid #dc26261f;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.logout-btn:hover{background:#dc262626;border-color:#dc262640}.logout-btn svg{width:18px;height:18px}.content-area{-webkit-overflow-scrolling:touch;background:#f5f6fa;flex:1;padding:24px 32px 32px;overflow-y:auto}@media (width<=1024px){.dashboard-header{min-height:64px;padding:14px 24px}.content-area{padding:20px 24px 24px}}@media (width<=768px){.dashboard-header{min-height:56px;padding:10px 14px}.toggle-btn{padding:6px}.toggle-btn svg{width:20px;height:20px}.header-right{gap:10px}.user-info{align-items:flex-end}.user-name{font-size:12px}.user-role{font-size:9px}.logout-btn{gap:4px;padding:6px 10px;font-size:11px}.logout-btn svg{width:14px;height:14px}.logout-btn span{display:none}.content-area{padding:12px 12px 16px}}@media (width<=480px){.dashboard-header{min-height:48px;padding:8px 10px}.user-name{font-size:11px}.logout-btn{padding:4px 8px;font-size:10px}.logout-btn svg{width:12px;height:12px}.content-area{padding:8px 8px 12px}}.sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#fff;border-right:1px solid #0000000d;flex-direction:column;width:280px;height:100vh;transition:transform .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:2px 0 8px #0000000a}.sidebar.closed{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.sidebar-overlay.active{display:block}.sidebar-header{border-bottom:1px solid #0000000d;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.sidebar-brand{align-items:center;gap:12px;display:flex}.brand-icon{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.brand-icon svg{width:22px;height:22px}.brand-text{flex-direction:column;line-height:1.2;display:flex}.brand-name{color:#1a1a2e;letter-spacing:-.5px;font-size:18px;font-weight:700}.brand-sub{color:#8a8a9a;text-transform:uppercase;letter-spacing:2px;font-size:10px}.sidebar-close{color:#8a8a9a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.sidebar-close:hover{color:#1a1a2e;background:#f0f1f5}.sidebar-close svg{width:20px;height:20px}.sidebar-nav{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:4px;padding:16px 12px;display:flex;overflow-y:auto}.nav-item{color:#6b6b7a;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:14px;width:100%;padding:12px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.nav-item:hover{color:#1a1a2e;background:#fef2f2}.nav-item.active{color:#dc2626;background:#dc262614}.nav-item.active .nav-icon{color:#dc2626}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:color .2s;display:flex}.nav-icon svg{width:20px;height:20px}.nav-label{text-align:left;flex:1}.nav-indicator{background:#dc2626;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse;position:absolute;right:12px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.sidebar-footer{border-top:1px solid #0000000d;flex-shrink:0;padding:16px 20px}.sidebar-user{align-items:center;gap:12px;display:flex}.user-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.user-details{flex-direction:column;flex:1;display:flex;overflow:hidden}.user-fullname{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.user-role-sidebar{color:#8a8a9a;text-transform:capitalize;letter-spacing:.5px;font-size:10px}.brand-logo-image{-o-object-fit:contain;object-fit:contain;border-radius:12px;width:100%;height:100%;display:block}@media (width>=769px){.sidebar.closed{width:72px!important;transform:translate(0)!important}.sidebar.closed .brand-text,.sidebar.closed .nav-label,.sidebar.closed .sidebar-close,.sidebar.closed .user-details,.sidebar.closed .nav-indicator{display:none!important}.sidebar.closed .sidebar-header{justify-content:center!important;padding:16px!important}.sidebar.closed .sidebar-brand{justify-content:center!important;gap:0!important;width:100%!important}.sidebar.closed .brand-icon{width:36px!important;height:36px!important;margin:0!important}.sidebar.closed .sidebar-nav{padding:12px 8px!important}.sidebar.closed .nav-item{justify-content:center!important;gap:0!important;padding:12px!important}.sidebar.closed .nav-icon{width:24px!important;height:24px!important}.sidebar.closed .nav-icon svg{width:20px!important;height:20px!important}.sidebar.closed .sidebar-footer{justify-content:center!important;padding:12px!important;display:flex!important}.sidebar.closed .sidebar-user{justify-content:center!important;width:100%!important}.sidebar.closed .user-avatar{width:32px!important;height:32px!important;margin:0!important;font-size:12px!important}.sidebar-overlay{display:none!important}.sidebar.open{width:280px!important;transform:translate(0)!important}.sidebar.open .brand-text,.sidebar.open .nav-label,.sidebar.open .user-details{display:flex!important}.sidebar.open .sidebar-brand{gap:12px!important}.sidebar.open .brand-icon{width:40px!important;height:40px!important}.sidebar.open .nav-item{justify-content:flex-start!important;gap:14px!important;padding:12px 16px!important}.sidebar.open .sidebar-footer{padding:16px 20px!important}.sidebar.open .sidebar-user{justify-content:flex-start!important;gap:12px!important}.sidebar.open .user-avatar{width:36px!important;height:36px!important;font-size:14px!important}}@media (width<=768px){.sidebar.closed{width:100%!important;max-width:320px!important;transform:translate(-100%)!important}.sidebar.open{width:100%!important;max-width:320px!important;transform:translate(0)!important}.sidebar-overlay.active{display:block!important}.sidebar-header{padding:16px 20px!important}.brand-icon{width:36px!important;height:36px!important}.brand-icon svg{width:18px!important;height:18px!important}.brand-name{font-size:16px!important}.sidebar-nav{padding:12px 10px!important}.nav-item{border-radius:10px!important;padding:10px 14px!important;font-size:13px!important}.nav-icon{width:20px!important;height:20px!important}.nav-icon svg{width:18px!important;height:18px!important}.sidebar-footer{padding:12px 16px!important}.user-avatar{width:32px!important;height:32px!important;font-size:12px!important}.user-fullname{font-size:12px!important}}@media (width<=480px){.sidebar{max-width:280px!important}.sidebar-header{padding:12px 16px!important}.brand-icon{width:32px!important;height:32px!important}.brand-icon svg{width:16px!important;height:16px!important}.brand-name{font-size:14px!important}.brand-sub{font-size:8px!important}.sidebar-nav{padding:8px!important}.nav-item{border-radius:8px!important;gap:10px!important;padding:8px 12px!important;font-size:12px!important}.nav-icon{width:18px!important;height:18px!important}.nav-icon svg{width:16px!important;height:16px!important}.sidebar-footer{padding:10px 12px!important}.user-avatar{width:28px!important;height:28px!important;font-size:10px!important}.user-fullname{font-size:11px!important}.user-role-sidebar{font-size:9px!important}}.register-container{max-width:1200px;margin:0 auto;animation:.5s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.register-header{margin-bottom:32px}.step-indicators{align-items:center;gap:16px;margin-bottom:24px;display:flex}.step{align-items:center;gap:10px;display:flex}.step-number{color:#8a8a9a;background:#e8e9f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.step.active .step-number{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 16px #dc26264d}.step.completed .step-number{color:#fff;background:#00ced1}.step-label{color:#8a8a9a;white-space:nowrap;font-size:14px;font-weight:500;transition:color .3s}.step.active .step-label{color:#1a1a2e}.step.completed .step-label{color:#00ced1}.step-line{background:#e8e9f0;flex:1;min-width:20px;max-width:100px;height:2px}.register-form-container{background:#fff;border:1px solid #0000000d;border-radius:20px;padding:40px;box-shadow:0 2px 8px #0000000a}.form-step{animation:.4s slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.form-section-title{color:#1a1a2e;border-bottom:2px solid #f0f1f5;margin-bottom:24px;padding-bottom:12px;font-size:18px;font-weight:600}.form-grid{grid-template-columns:1fr 1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.full-width{grid-column:1/-1}.form-group label{color:#4a4a5a;letter-spacing:.3px;font-size:13px;font-weight:500}.form-group input,.form-group select,.form-group textarea{color:#1a1a2e;appearance:none;background:#f8f9fc;border:1px solid #e8e9f0;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.form-group input::-moz-placeholder{color:#b0b0c0}.form-group textarea::-moz-placeholder{color:#b0b0c0}.form-group input::placeholder,.form-group textarea::placeholder{color:#b0b0c0}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#4831d4;box-shadow:0 0 0 4px #4831d414}.form-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238a8a9a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-group textarea{resize:vertical;min-height:60px}.checkbox-label{cursor:pointer;align-items:center;gap:10px;padding-top:6px;display:flex;font-weight:400!important}.checkbox-label input[type=checkbox]{accent-color:#4831d4;cursor:pointer;flex-shrink:0;width:18px;height:18px}.btn-next,.btn-back,.btn-preview{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 28px;font-family:inherit;font-size:15px;font-weight:600;transition:all .3s;display:flex}.btn-next{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);margin-left:auto;box-shadow:0 4px 16px #dc262640}.btn-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #dc262659}.btn-next svg{width:18px;height:18px}.btn-back{color:#4a4a5a;background:#f0f1f5}.btn-back:hover{color:#1a1a2e;background:#e5e6ea}.btn-preview{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 16px #dc262640}.btn-preview:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #dc262659}.btn-preview:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-preview svg{width:18px;height:18px}.preview-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.preview-container{background:#fff;border-radius:24px;width:100%;max-width:700px;max-height:80vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 20px 60px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.preview-header{z-index:1;background:#fff;border-bottom:1px solid #f0f1f5;border-radius:24px 24px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.preview-header h3{color:#1a1a2e;font-size:20px;font-weight:600}.preview-close{color:#8a8a9a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.preview-close:hover{color:#1a1a2e;background:#f0f1f5}.preview-close svg{width:24px;height:24px}.preview-body{padding:24px}.preview-section{margin-bottom:24px}.preview-section:last-child{margin-bottom:0}.preview-section h4{color:#1a1a2e;border-bottom:1px solid #f0f1f5;margin-bottom:12px;padding-bottom:8px;font-size:15px;font-weight:600}.preview-grid{grid-template-columns:1fr 1fr;gap:8px 24px;display:grid}.preview-item{flex-wrap:wrap;padding:4px 0;display:flex}.preview-label{color:#8a8a9a;min-width:70px;font-size:13px;font-weight:400}.preview-value{color:#1a1a2e;word-break:break-word;font-size:14px;font-weight:500}.preview-actions{border-top:1px solid #f0f1f5;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;display:flex}.preview-btn-cancel,.preview-btn-confirm{cursor:pointer;border:none;border-radius:10px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s}.preview-btn-cancel{color:#4a4a5a;background:#f0f1f5}.preview-btn-cancel:hover{background:#e5e6ea}.preview-btn-confirm{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 16px #dc262640}.preview-btn-confirm:hover{transform:translateY(-2px);box-shadow:0 8px 24px #dc262659}@keyframes spin{to{transform:rotate(360deg)}}.success-container{text-align:center;background:#fff;border:1px solid #0000000d;border-radius:20px;padding:60px 40px;box-shadow:0 2px 8px #0000000a}.success-icon{background:linear-gradient(135deg,#00ced1,#00b4b8);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 24px;display:flex;box-shadow:0 8px 32px #00ced14d}.success-icon svg{stroke:#fff;width:40px;height:40px}.success-title{color:#1a1a2e;margin-bottom:12px;font-size:28px;font-weight:700}.success-message{color:#6b6b7a;margin-bottom:24px;font-size:15px}.success-details{text-align:left;background:#f8f9fc;border-radius:12px;margin-bottom:32px;padding:16px 24px;display:inline-block}.detail-item{flex-wrap:wrap;gap:12px;padding:4px 0;display:flex}.detail-label{color:#8a8a9a;min-width:60px;font-weight:400}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;padding:12px 32px;font-family:inherit;font-size:15px;font-weight:600;transition:all .3s;box-shadow:0 4px 16px #dc262640}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #dc262659}@media (width<=1024px){.register-form-container{padding:32px 28px}.form-grid{grid-template-columns:1fr 1fr;gap:16px}.page-title{font-size:24px}}@media (width<=768px){.register-container{padding:0}.register-header{margin-bottom:20px}.register-form-container{border-radius:16px;padding:20px 16px}.form-grid{grid-template-columns:1fr;gap:14px}.page-title{font-size:20px}.page-subtitle{font-size:13px}.step-indicators{flex-wrap:nowrap;gap:10px;margin-bottom:16px}.step-label{font-size:12px}.step-number{width:28px;height:28px;font-size:11px}.step-line{min-width:15px;max-width:30px}.form-section-title{margin-bottom:18px;font-size:16px}.form-group label{font-size:12px}.form-group input,.form-group select,.form-group textarea{border-radius:8px;padding:10px 12px;font-size:14px}.form-actions{flex-direction:column;gap:10px;margin-top:24px;padding-top:18px}.btn-next,.btn-back,.btn-preview{justify-content:center;width:100%;padding:12px 20px;font-size:14px}.btn-next{margin-left:0}.btn-back{order:2}.btn-preview{order:1}.success-container{padding:40px 20px}.success-title{font-size:22px}.success-message{font-size:14px}.success-icon{width:64px;height:64px}.success-icon svg{width:32px;height:32px}.preview-container{border-radius:20px;max-height:90vh}.preview-header{padding:16px 18px}.preview-header h3{font-size:17px}.preview-body{padding:18px}.preview-grid{grid-template-columns:1fr;gap:4px}.preview-item{flex-wrap:wrap}.preview-label{min-width:60px;font-size:12px}.preview-value{font-size:13px}.preview-actions{flex-direction:column;gap:10px}.preview-btn-cancel,.preview-btn-confirm{justify-content:center;width:100%;padding:12px;font-size:14px}.checkbox-label{font-size:13px}.btn-primary{width:100%;padding:12px 24px;font-size:14px}}@media (width<=480px){.register-form-container{border-radius:12px;padding:16px 12px}.page-title{font-size:18px}.page-subtitle{font-size:12px}.step-number{width:24px;height:24px;font-size:10px}.step-label{font-size:10px}.step-line{min-width:10px;max-width:20px}.form-group input,.form-group select,.form-group textarea{padding:8px 10px;font-size:13px}.btn-next,.btn-back,.btn-preview{padding:10px 16px;font-size:13px}.preview-container{border-radius:16px}.preview-header{padding:14px 16px}.preview-header h3{font-size:15px}.preview-body{padding:14px}.preview-section h4{font-size:13px}.preview-btn-cancel,.preview-btn-confirm{padding:10px;font-size:13px}.success-container{padding:30px 16px}.success-title{font-size:18px}.success-message{font-size:13px}.success-icon{width:56px;height:56px}.success-icon svg{width:28px;height:28px}}.preview-binding-message{background:#dc26260d;border:1px solid #dc26261a;border-radius:12px;align-items:flex-start;gap:16px;margin:16px 0 0;padding:16px 20px;display:flex}.binding-icon{color:#dc2626;background:#dc26261a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.binding-icon svg{stroke-width:2px;width:20px;height:20px}.binding-text{color:#4a4a5a;flex:1;margin:0;font-size:14px;line-height:1.6}.binding-highlight{color:#dc2626;padding:0 4px;font-weight:600}@media (width<=768px){.preview-binding-message{text-align:center;flex-direction:column;align-items:center;padding:14px 16px}.binding-text{font-size:13px}}@media (width<=480px){.binding-text{font-size:12px}.binding-icon{width:32px;height:32px}.binding-icon svg{width:16px;height:16px}}.form-group input.error,.form-group select.error{background:#fef2f2;border-color:#dc2626}.form-group input.error:focus,.form-group select.error:focus{border-color:#dc2626;box-shadow:0 0 0 4px #dc26261a}.error-message-text{color:#dc2626;margin-top:4px;font-size:12px;font-weight:400;display:block}.btn-next:disabled,.btn-preview:disabled{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}.btn-next:disabled:hover,.btn-preview:disabled:hover{box-shadow:none!important;transform:none!important}.searchable-dropdown{width:100%;position:relative}.searchable-dropdown label{color:#4a4a5a;margin-bottom:4px;font-size:13px;font-weight:500;display:block}.searchable-dropdown label .required-star{color:#dc2626}.dropdown-input{cursor:pointer;background:#f8f9fc;border:1px solid #e8e9f0;border-radius:8px;justify-content:space-between;align-items:center;min-height:42px;padding:10px 14px;transition:all .2s;display:flex}.dropdown-input:hover{border-color:#dc2626}.dropdown-input.error{background:#fef2f2;border-color:#dc2626}.dropdown-input .placeholder{color:#b0b0c0}.dropdown-input .selected-value{color:#1a1a2e}.dropdown-arrow{color:#8a8a9a;font-size:12px;transition:transform .2s}.dropdown-options{z-index:1000;background:#fff;border:1px solid #e8e9f0;border-radius:8px;flex-direction:column;max-height:300px;margin-top:4px;display:flex;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 24px #0000001f}.dropdown-search{background:#f8f9fc;border:none;border-bottom:1px solid #f0f1f5;border-radius:8px 8px 0 0;outline:none;padding:10px 14px;font-family:inherit;font-size:14px}.dropdown-search:focus{background:#fff}.options-list{max-height:250px;overflow-y:auto}.dropdown-option{cursor:pointer;padding:10px 14px;font-size:14px;transition:background .2s}.dropdown-option:hover{background:#fef2f2}.dropdown-option.selected{color:#dc2626;background:#dc262614}.dropdown-no-options{text-align:center;color:#8a8a9a;padding:20px;font-size:14px}.error-message-text{color:#dc2626;margin-top:4px;font-size:12px;display:block}@media (width<=768px){.dropdown-options{max-height:50vh;position:fixed;top:auto;left:16px;right:16px}}.loading-state{color:#8a8a9a;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.loading-state .spinner{border:3px solid #f0f1f5;border-top-color:#dc2626;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.field-hint{color:#8a8a9a;align-items:center;gap:4px;margin-top:4px;font-size:12px;display:flex}.field-hint span{align-items:center;gap:4px;display:flex}.required-star{color:#dc2626;margin-left:2px}.dropdown-input.disabled{opacity:.6;cursor:not-allowed;background:#f0f1f5}.pre-validation-container{justify-content:center;align-items:center;min-height:60vh;padding:20px;display:flex}.pre-validation-card{background:#fff;border:1px solid #e8e9f0;border-radius:16px;width:100%;max-width:500px;padding:40px;box-shadow:0 4px 20px #00000014}.pre-validation-icon{background:#eef2ff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.pre-validation-icon svg{color:#4f46e5;width:32px;height:32px}.pre-validation-form{flex-direction:column;gap:16px;display:flex}.pre-validation-hint{text-align:center;color:#6b6b7a;background:#f8f9fc;border-radius:8px;padding:8px 16px;font-size:14px}.pre-validation-fields{flex-direction:column;gap:16px;display:flex}.btn-check-availability{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#4338ca);border:none;border-radius:10px;width:100%;padding:14px;font-family:inherit;font-size:16px;font-weight:600;transition:all .3s}.btn-check-availability:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #4f46e54d}.btn-check-availability:disabled{opacity:.7;cursor:not-allowed}.pre-validation-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;align-items:flex-start;gap:12px;padding:16px;display:flex}.pre-validation-error .error-icon{flex-shrink:0;font-size:20px}.pre-validation-error .error-content{flex:1}.pre-validation-error .error-content strong{color:#dc2626}.conflict-details{margin-top:8px;padding-left:8px}.conflict-details div{color:#4a4a5a;padding:4px 0;font-size:14px}.btn-back-to-check{color:#4a4a5a;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:16px;padding:8px 0;font-family:inherit;font-size:14px;font-weight:500;transition:color .2s;display:flex}.btn-back-to-check:hover{color:#1a1a2e}.btn-back-to-check svg{width:20px;height:20px}.vehicle-type-selection{max-width:900px;margin:0 auto;padding:20px}.vehicle-type-header{text-align:center;margin-bottom:32px}.vehicle-type-header h2{color:#1a1a2e;font-size:24px;font-weight:600}.vehicle-type-subtitle{color:#6b6b7a;margin-top:4px;font-size:14px}.vehicle-type-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px;margin-bottom:32px;display:grid}.vehicle-type-card{text-align:center;cursor:pointer;background:#fff;border:2px solid #e8e9f0;border-radius:12px;padding:20px;transition:all .3s;position:relative}.vehicle-type-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000000f}.vehicle-type-card.selected{background:#fef2f2;border-color:#dc2626;box-shadow:0 0 0 4px #dc262614}.vehicle-type-image-container{background:#f8f9fc;border-radius:8px;justify-content:center;align-items:center;width:100%;height:120px;margin-bottom:12px;display:flex;overflow:hidden}.vehicle-type-image{-o-object-fit:contain;object-fit:contain;max-width:100%;max-height:100%}.vehicle-type-placeholder{color:#c0c0d0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.vehicle-type-placeholder svg{width:48px;height:48px}.vehicle-type-info h4{color:#1a1a2e;margin:0 0 4px;font-size:16px;font-weight:600}.vehicle-type-info p{color:#6b6b7a;margin:0;font-size:13px}.vehicle-type-check{color:#fff;background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex;position:absolute;top:-8px;right:-8px}.vehicle-type-check svg{width:16px;height:16px}.vehicle-type-actions{justify-content:flex-end;display:flex}.btn-vehicle-type-next{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 32px;font-family:inherit;font-size:16px;font-weight:600;transition:all .3s;display:flex}.btn-vehicle-type-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #dc26264d}.btn-vehicle-type-next:disabled{opacity:.5;cursor:not-allowed}.btn-vehicle-type-next svg{width:20px;height:20px}.selected-vehicle-type-banner{background:#f8f9fc;border:1px solid #e8e9f0;border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.selected-vehicle-label{color:#6b6b7a;font-size:13px}.selected-vehicle-name{color:#1a1a2e;font-size:15px;font-weight:600}.btn-change-vehicle-type{color:#4a4a5a;cursor:pointer;background:#e8e9f0;border:none;border-radius:6px;margin-left:auto;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s}.btn-change-vehicle-type:hover{background:#d1d2da}.btn-back-to-vehicle-type{color:#4a4a5a;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;margin-bottom:16px;padding:8px 0;font-family:inherit;font-size:14px;font-weight:500;transition:color .2s;display:flex}.btn-back-to-vehicle-type:hover{color:#1a1a2e}.btn-back-to-vehicle-type svg{width:20px;height:20px}.vehicle-type-loading{color:#6b6b7a;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.vehicle-type-loading .spinner{border:3px solid #f0f1f5;border-top-color:#dc2626;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.vehicle-type-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.vehicle-type-error .error-icon{margin-bottom:16px;font-size:48px}.vehicle-type-error h3{color:#1a1a2e;margin-bottom:12px;font-size:20px}@media (width<=768px){.vehicle-type-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.vehicle-type-image-container{height:80px}.vehicle-type-card{padding:12px}.btn-vehicle-type-next{justify-content:center;width:100%}.selected-vehicle-type-banner{flex-wrap:wrap}.btn-change-vehicle-type{margin-left:0}}@media (width<=480px){.vehicle-type-grid{grid-template-columns:repeat(2,1fr)}.vehicle-type-card{padding:10px}.vehicle-type-info h4{font-size:13px}.vehicle-type-info p{font-size:11px}}.button-tooltip-wrapper{display:inline-block;position:relative}.button-tooltip-wrapper .tooltip-text{visibility:hidden;color:#fff;text-align:center;z-index:1000;opacity:0;pointer-events:none;white-space:normal;word-wrap:break-word;background-color:#333;border-radius:6px;width:280px;padding:8px 12px;font-size:13px;transition:opacity .3s;position:absolute;bottom:110%;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #0003}.button-tooltip-wrapper .tooltip-text:after{content:"";border:6px solid #0000;border-top-color:#333;position:absolute;top:100%;left:50%;transform:translate(-50%)}.button-tooltip-wrapper .btn-check-availability:disabled:hover+.tooltip-text,.button-tooltip-wrapper:hover .tooltip-text{visibility:visible;opacity:1}.btn-check-availability:disabled{cursor:not-allowed;opacity:.6}.dialog-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.dialog-container{background:#fff;border-radius:20px;width:100%;max-width:440px;padding:32px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 20px 60px #0003}.dialog-header{justify-content:center;margin-bottom:16px;display:flex}.dialog-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.dialog-icon.warning{color:#f59e0b;background:#ffc1071f}.dialog-icon.danger{color:#dc2626;background:#dc26261f}.dialog-icon.success{color:#00ced1;background:#00ced11f}.dialog-icon.info{color:#dc2626;background:#dc26261f}.dialog-icon svg{stroke-width:2px;width:28px;height:28px}.dialog-body{text-align:center;margin-bottom:24px}.dialog-title{color:#1a1a2e;margin-bottom:8px;font-size:18px;font-weight:600}.dialog-message{color:#6b6b7a;font-size:14px;line-height:1.5}.dialog-footer{justify-content:center;gap:12px;display:flex}.dialog-btn-cancel,.dialog-btn-confirm{cursor:pointer;text-align:center;border:none;border-radius:10px;flex:1;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s}.dialog-btn-cancel{color:#4a4a5a;background:#f1f2f6}.dialog-btn-cancel:hover{background:#e5e6ea}.dialog-btn-confirm{color:#fff}.dialog-btn-confirm.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.dialog-btn-confirm.warning:hover{transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b4d}.dialog-btn-confirm.danger{background:linear-gradient(135deg,#dc2626,#b91c1c)}.dialog-btn-confirm.danger:hover{transform:translateY(-1px);box-shadow:0 4px 16px #dc26264d}.dialog-btn-confirm.success{background:linear-gradient(135deg,#00ced1,#00b4b8)}.dialog-btn-confirm.success:hover{transform:translateY(-1px);box-shadow:0 4px 16px #00ced14d}.dialog-btn-confirm.info{background:linear-gradient(135deg,#dc2626,#b91c1c)}.dialog-btn-confirm.info:hover{transform:translateY(-1px);box-shadow:0 4px 16px #dc26264d}@media (width<=768px){.dialog-container{max-width:400px;padding:24px 20px}.dialog-icon{width:48px;height:48px}.dialog-icon svg{width:24px;height:24px}.dialog-title{font-size:17px}.dialog-message{font-size:13px}.dialog-btn-cancel,.dialog-btn-confirm{padding:10px 16px;font-size:13px}}@media (width<=480px){.dialog-container{border-radius:16px;max-width:100%;padding:20px 16px}.dialog-icon{width:40px;height:40px}.dialog-icon svg{width:20px;height:20px}.dialog-title{font-size:15px}.dialog-message{font-size:12px}.dialog-footer{flex-direction:column;gap:8px}.dialog-btn-cancel,.dialog-btn-confirm{width:100%;padding:10px;font-size:13px}}.alert-modal-overlay{z-index:9999;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.alert-modal{text-align:center;background:#fff;border-radius:12px;width:90%;max-width:400px;padding:30px;box-shadow:0 10px 40px #0003}.alert-icon{margin-bottom:16px;font-size:48px}.alert-title{color:#1a1a2e;margin-bottom:8px;font-size:20px;font-weight:600}.alert-message{color:#4a4a5a;margin-bottom:20px;font-size:16px;line-height:1.5}.alert-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:10px 40px;font-size:16px;font-weight:500;transition:background .2s}.alert-btn:hover{background:#b91c1c}.alert-btn.success{background:#16a34a}.alert-btn.success:hover{background:#15803d}.see-registered-container{max-width:1400px;margin:0 auto;padding:0 16px;animation:.5s fadeIn}.registered-header{margin-bottom:24px}.btn-report,.btn-download{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-report{color:#dc2626;background:#dc262614}.btn-report:hover{background:#dc262626}.btn-download{color:#fff;background:#dc2626}.btn-download:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.btn-report svg,.btn-download svg{width:18px;height:18px}.filters-section{background:#fff;border:1px solid #e8e9f0;border-radius:16px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:20px 24px;display:flex;box-shadow:0 2px 8px #0000000a}.search-bar{flex:1;min-width:200px;position:relative}.search-bar svg{color:#8a8a9a;width:18px;height:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-bar input{color:#1a1a2e;background:#f8f9fc;border:1px solid #e8e9f0;border-radius:10px;outline:none;width:100%;padding:10px 12px 10px 40px;font-family:inherit;font-size:14px;transition:all .3s}.search-bar input:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 4px #dc262614}.filters{flex-wrap:wrap;gap:8px;display:flex}.filter-btn{color:#6b6b7a;cursor:pointer;white-space:nowrap;background:#f8f9fc;border:1px solid #e8e9f0;border-radius:20px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.filter-btn:hover{color:#dc2626;background:#fef2f2;border-color:#dc2626}.date-range{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.date-range label{color:#4a4a5a;align-items:center;gap:6px;font-size:13px;display:flex}.date-range input{color:#1a1a2e;background:#f8f9fc;border:1px solid #e8e9f0;border-radius:8px;outline:none;padding:6px 10px;font-family:inherit;font-size:13px}.date-range input:focus{border-color:#dc2626}.btn-clear-dates{color:#4a4a5a;cursor:pointer;background:#f0f1f5;border:none;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:12px;transition:all .2s}.btn-clear-dates:hover{background:#e5e6ea}.view-btn svg{width:20px;height:20px}.stats-summary{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-item{background:#fff;border:1px solid #e8e9f0;border-radius:12px;flex-direction:column;padding:16px 20px;display:flex}.stat-value{color:#1a1a2e;margin-top:4px;font-size:24px;font-weight:700}.registrations-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;display:grid}.registration-card{background:#fff;border:1px solid #e8e9f0;border-radius:16px;padding:20px;transition:all .3s}.registration-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000014}.card-header{border-bottom:1px solid #f0f1f5;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.card-info{flex:1;min-width:0}.card-info h4{color:#1a1a2e;word-break:break-word;margin-bottom:4px;font-size:16px;font-weight:600}.card-info .plate{color:#8a8a9a;letter-spacing:.5px;font-size:12px;font-weight:400}.status-badge{text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:12px;flex-shrink:0;padding:4px 12px;font-size:11px;font-weight:600}.status-completed{color:#dc2626;background:#dc26261f}.status-failed{color:#e74c3c;background:#ff3b301f}.status-cancelled{color:#8a8a9a;background:#f0f1f5}.card-body{flex-direction:column;gap:8px;display:flex}.driver-info{justify-content:space-between;gap:8px;font-size:13px;display:flex}.driver-info .label{color:#8a8a9a;flex-shrink:0}.driver-info .value{color:#1a1a2e;text-align:right;word-break:break-word;font-weight:500}.driver-info .value.synced{color:#10b981}.driver-info .value.not-synced{color:#e74c3c}.calendar-view{background:#fff;border:1px solid #e8e9f0;border-radius:16px;padding:24px}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.calendar-header button{cursor:pointer;color:#4a4a5a;background:0 0;border:1px solid #e8e9f0;border-radius:8px;padding:8px 16px;font-size:16px;transition:all .2s}.calendar-header button:hover{background:#f0f1f5}.calendar-header h3{color:#1a1a2e;font-size:18px;font-weight:600}.calendar-day-header{text-align:center;color:#8a8a9a;padding:8px;font-size:13px;font-weight:600}.calendar-day{text-align:center;background:#f8f9fc;border-radius:8px;min-height:60px;padding:12px 4px;transition:all .2s;position:relative}.calendar-day.has-event{cursor:pointer;background:#fef2f2}.calendar-day.has-event:hover{background:#fecaca}.day-number{color:#1a1a2e;font-size:14px;font-weight:500}.day-count{color:#fff;background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;display:flex;position:absolute;bottom:4px;right:4px}.calendar-stats{text-align:center;color:#6b6b7a;border-top:1px solid #f0f1f5;margin-top:16px;padding-top:16px;font-size:14px}.chart-view{flex-direction:column;gap:20px;display:flex}.chart-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.chart-card{background:#fff;border:1px solid #e8e9f0;border-radius:16px;padding:20px}.chart-card.full-width{grid-column:1/-1}.chart-card h4{color:#1a1a2e;margin-bottom:16px;font-size:15px;font-weight:600}.report-content{background:#fff;border:1px solid #e8e9f0;border-radius:16px;margin-bottom:24px;padding:24px}.report-header{text-align:center;border-bottom:2px solid #f0f1f5;margin-bottom:20px;padding-bottom:20px}.report-header h2{color:#1a1a2e;margin-bottom:8px;font-size:24px}.report-header p{color:#6b6b7a;margin:2px 0;font-size:13px}.report-stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px;display:grid}.report-stat{text-align:center;background:#f8f9fc;border-radius:10px;padding:12px}.report-stat span{color:#6b6b7a;font-size:13px;display:block}.report-stat strong{color:#1a1a2e;margin-top:4px;font-size:24px;display:block}.report-charts{grid-template-columns:1fr 1fr;gap:20px;display:grid}.report-chart{background:#f8f9fc;border-radius:10px;padding:16px}.report-chart h4{text-align:center;color:#1a1a2e;margin-bottom:12px;font-size:14px}.spinner-large{border:3px solid #f0f1f5;border-top-color:#dc2626;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin}@media (width<=1024px){.filters-section{flex-direction:column;align-items:stretch}.date-range{justify-content:flex-start}.chart-grid{grid-template-columns:1fr}.report-stats{grid-template-columns:1fr 1fr}.report-charts{grid-template-columns:1fr}}@media (width<=768px){.see-registered-container{padding:0 8px}.header-top{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-start}.page-title{font-size:20px}.filters-section{gap:12px;padding:16px}.filters{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.filter-btn{flex-shrink:0;padding:4px 12px;font-size:12px}.date-range{flex-wrap:wrap}.date-range label{font-size:12px}.date-range input{padding:4px 8px;font-size:12px}.registrations-grid{grid-template-columns:1fr;gap:12px}.registration-card{border-radius:12px;padding:16px}.card-info h4{font-size:15px}.driver-info{flex-wrap:wrap;font-size:12px}.driver-info .value{text-align:left;font-size:12px}.stats-summary{grid-template-columns:1fr 1fr;gap:12px}.stat-item{padding:12px 16px}.stat-value{font-size:20px}.calendar-day{min-height:40px;padding:8px 2px}.day-number{font-size:12px}.day-count{width:16px;height:16px;font-size:8px}.report-stats{grid-template-columns:1fr 1fr;gap:12px}.report-stat strong{font-size:20px}}@media (width<=480px){.page-title{font-size:17px}.page-subtitle{font-size:12px}.stats-summary{grid-template-columns:1fr 1fr}.stat-item{padding:10px 12px}.stat-value{font-size:18px}.filter-btn{padding:4px 10px;font-size:11px}.search-bar input{padding:8px 12px 8px 36px;font-size:13px}.view-btn{width:32px;height:32px}.view-btn svg{width:16px;height:16px}.report-stats{grid-template-columns:1fr 1fr}.report-stat{padding:8px}.report-stat strong{font-size:18px}.empty-state h3{font-size:15px}}.members-registration-container{max-width:1400px;min-height:100vh;margin:0 auto;padding:0 16px;animation:.5s fadeIn}.members-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.spinner{border:4px solid #e0e0e0;border-top-color:#4caf50;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.members-error{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:400px;display:flex}.error-icon{font-size:48px}.btn-retry{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:8px;padding:10px 32px;font-size:16px;transition:background .2s}.btn-retry:hover{background:#45a049}.header-left{flex:1}.page-title{color:#1a1a2e;letter-spacing:-.5px;margin:0 0 4px;font-size:28px;font-weight:700}.page-subtitle{color:#6b6b7a;margin:0;font-size:15px;font-weight:400}.header-actions{flex-wrap:wrap;gap:12px;display:flex}.btn-export,.btn-refresh{cursor:pointer;color:#1a1a2e;background:#fff;border:1px solid #e8e9f0;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-export svg,.btn-refresh svg{stroke:currentColor;width:18px;height:18px}.btn-export:hover{color:#fff;background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.btn-refresh:hover{background:#f0f1f5;border-color:#d0d0d8}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #e8e9f0;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex;box-shadow:0 2px 8px #0000000a}.stat-icon{font-size:32px;line-height:1}.stat-content{flex-direction:column;display:flex}.stat-value{color:#1a1a2e;font-size:24px;font-weight:700}.stat-label{color:#8a8a9a;font-size:13px;font-weight:400}.members-controls{background:#fff;border:1px solid #e8e9f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex;box-shadow:0 2px 8px #0000000a}.search-box{background:#f8f9fc;border:1px solid #e8e9f0;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:200px;padding:0 16px;transition:all .2s;display:flex}.search-box:focus-within{background:#fff;border-color:#dc2626;box-shadow:0 0 0 4px #dc262614}.search-box svg{stroke:#8a8a9a;flex-shrink:0;width:18px;height:18px}.search-box input{color:#1a1a2e;background:0 0;border:none;outline:none;flex:1;padding:10px 0;font-family:inherit;font-size:14px}.search-box input::placeholder{color:#8a8a9a}.view-controls{background:#f0f1f5;border-radius:10px;gap:4px;padding:4px;display:flex}.view-btn{color:#8a8a9a;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.view-btn:hover{color:#1a1a2e;background:#0000000d}.view-btn svg{stroke:currentColor;width:20px;height:20px}.no-members{text-align:center;background:#fff;border:1px solid #e8e9f0;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.empty-icon{margin-bottom:16px;font-size:64px}.no-members h3{color:#4a4a5a;margin:0 0 8px;font-size:20px}.no-members p{color:#8a8a9a;margin:0}.members-list{flex-direction:column;gap:12px;display:flex}.member-list-item{cursor:pointer;background:#fff;border:1px solid #e8e9f0;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex;box-shadow:0 2px 8px #0000000a}.member-list-item:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000014}.member-avatar{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;font-weight:600;display:flex}.member-info{flex:1;min-width:0}.member-name{color:#1a1a2e;margin-bottom:4px;font-size:16px;font-weight:600}.member-details{color:#8a8a9a;flex-wrap:wrap;gap:16px;font-size:13px;display:flex}.member-details span{align-items:center;gap:4px;display:flex}.registration-badge{color:#dc2626;background:#fef2f2;border-radius:12px;padding:2px 12px;font-size:12px;font-weight:500}.member-status{flex-shrink:0;align-items:center;gap:12px;display:flex}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:4px 12px;font-size:11px;font-weight:600}.member-status svg{stroke:#8a8a9a;width:20px;height:20px}.members-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.member-grid-item{text-align:center;cursor:pointer;background:#fff;border:1px solid #e8e9f0;border-radius:12px;padding:24px;transition:all .2s;box-shadow:0 2px 8px #0000000a}.member-grid-item:hover{transform:translateY(-4px);box-shadow:0 8px 32px #00000014}.grid-avatar{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 12px;font-size:24px;font-weight:600;display:flex}.grid-info h4{color:#1a1a2e;margin:0 0 4px;font-size:16px}.grid-info p{color:#8a8a9a;margin:2px 0;font-size:13px}.grid-stats{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.stat-badge{color:#dc2626;background:#fef2f2;border-radius:12px;padding:2px 12px;font-size:12px;font-weight:500}.members-table-container{background:#fff;border:1px solid #e8e9f0;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px #0000000a}.members-table th{text-align:left;color:#1a1a2e;border-bottom:2px solid #e8e9f0;padding:14px 16px;font-size:13px;font-weight:600}.members-table td{color:#1a1a2e;border-bottom:1px solid #f0f1f5;padding:14px 16px;font-size:14px}.members-table tr:hover{background:#f8f9fc}.table-member{align-items:center;gap:12px;display:flex}.table-avatar{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.table-name{font-weight:500}.registration-count-badge{color:#dc2626;background:#fef2f2;border-radius:12px;padding:2px 12px;font-size:13px;font-weight:500;display:inline-block}.btn-view-details{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.btn-view-details:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.member-details-section{background:#fff;border:1px solid #e8e9f0;border-radius:16px;margin-top:24px;padding:24px;box-shadow:0 2px 8px #0000000a}.details-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.details-title{justify-content:space-between;align-items:center;width:100%;display:flex}.details-title h2{color:#1a1a2e;margin:0;font-size:20px}.btn-close-details{cursor:pointer;color:#8a8a9a;background:0 0;border:none;padding:4px;font-size:24px;transition:color .2s}.btn-close-details:hover{color:#dc2626}.registrations-list{flex-direction:column;gap:12px;display:flex}.registration-item{cursor:pointer;background:#f8f9fc;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex}.registration-item:hover{background:#fef2f2;transform:translate(4px)}.reg-header{flex-direction:column;gap:4px;min-width:150px;display:flex}.reg-number{color:#1a1a2e;font-size:14px;font-weight:600}.reg-status{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;width:fit-content;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.reg-status.completed{color:#10b981;background:#10b9811f}.reg-status.pending{color:#d97706;background:#ffc1071f}.reg-status.failed{color:#dc2626;background:#dc26261f}.reg-details{flex-wrap:wrap;flex:1;gap:24px;display:flex}.reg-detail{gap:8px;font-size:14px;display:flex}.detail-label{color:#8a8a9a}.detail-value{color:#1a1a2e;font-weight:500}.reg-action svg{stroke:#8a8a9a;width:20px;height:20px}.no-registrations{text-align:center;color:#8a8a9a;padding:40px}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:80vh;animation:.3s modalFadeIn;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{border-bottom:1px solid #e8e9f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h3{color:#1a1a2e;margin:0;font-size:18px}.modal-close{cursor:pointer;color:#8a8a9a;background:0 0;border:none;padding:4px;font-size:24px;transition:color .2s}.modal-close:hover{color:#dc2626}.modal-body{padding:24px}.detail-group{flex-direction:column;gap:4px;display:flex}.detail-group label{color:#8a8a9a;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:600}.detail-group p{color:#1a1a2e;word-break:break-word;margin:0;font-size:16px}.sync-badge{border-radius:12px;padding:4px 12px;font-size:13px;font-weight:500;display:inline-block}.sync-badge.pending{color:#d97706;background:#ffc1071f}.modal-footer{border-top:1px solid #e8e9f0;justify-content:flex-end;padding:16px 24px;display:flex}.btn-modal-close{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:10px;padding:10px 32px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.btn-modal-close:hover{background:#b91c1c;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}@media (width<=1024px){.members-controls{flex-direction:column;align-items:stretch}.search-box{width:100%}.view-controls{align-self:center}}@media (width<=768px){.members-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-start;width:100%}.members-controls{padding:12px 16px}.member-details{flex-direction:column;gap:4px}.member-list-item{flex-wrap:wrap;padding:14px 16px}.member-status{margin-left:auto}.detail-grid{grid-template-columns:1fr}.reg-details{flex-direction:column;gap:4px}.registration-item{flex-direction:column;align-items:stretch;gap:8px;padding:14px 16px}.reg-header{flex-direction:row;justify-content:space-between;align-items:center;min-width:auto}.reg-action{text-align:right}.members-table{font-size:12px}.members-table th,.members-table td{padding:10px 12px}.members-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.stats-grid{grid-template-columns:1fr 1fr}}@media (width<=480px){.members-registration-container{padding:0 8px}.page-title{font-size:20px}.page-subtitle{font-size:12px}.stats-grid,.members-grid{grid-template-columns:1fr}.modal-content{margin:10px}.detail-grid{grid-template-columns:1fr}.stat-value{font-size:20px}.members-table{font-size:11px}.members-table th,.members-table td{padding:8px 10px}.btn-export,.btn-refresh{padding:6px 12px;font-size:12px}.btn-export svg,.btn-refresh svg{width:16px;height:16px}}.admin-dashboard{background:#f5f6fa;height:100vh;display:flex;overflow:hidden}.admin-main-content{flex-direction:column;flex:1;transition:all .3s;display:flex;overflow:hidden}.admin-dashboard-header{background:#fff;border-bottom:1px solid #0000000d;flex-shrink:0;justify-content:space-between;align-items:center;min-height:72px;padding:16px 32px;display:flex;box-shadow:0 1px 3px #0000000a}.admin-toggle-btn{color:#4a4a5a;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.admin-toggle-btn:hover{color:#1a1a2e;background:#0000000d}.admin-toggle-btn svg{width:24px;height:24px}.admin-header-right{align-items:center;gap:20px;display:flex}.admin-user-info{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.admin-user-name{color:#1a1a2e;font-size:14px;font-weight:600}.admin-user-role{color:#8a8a9a;text-transform:capitalize;letter-spacing:.5px;font-size:11px}.admin-content-area{-webkit-overflow-scrolling:touch;background:#f5f6fa;flex:1;padding:24px 32px 32px;overflow-y:auto}@media (width<=1024px){.admin-dashboard-header{min-height:64px;padding:14px 24px}.admin-content-area{padding:20px 24px 24px}}@media (width<=768px){.admin-dashboard-header{min-height:56px;padding:10px 14px}.admin-toggle-btn{padding:6px}.admin-toggle-btn svg{width:20px;height:20px}.admin-user-name{font-size:12px}.admin-user-role{font-size:9px}.admin-content-area{padding:12px 12px 16px}}.admin-sidebar{z-index:1000;background:#fff;border-right:1px solid #0000000d;flex-direction:column;width:280px;height:100vh;transition:transform .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;overflow:hidden;box-shadow:2px 0 8px #0000000a}.admin-sidebar.closed{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;width:100%;height:100%;display:none;position:fixed;top:0;left:0}.admin-sidebar-overlay.active{display:block}.admin-sidebar-header{border-bottom:1px solid #0000000d;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.admin-sidebar-brand{align-items:center;gap:12px;display:flex}.admin-brand-icon{background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.admin-brand-logo-image{-o-object-fit:contain;object-fit:contain;border-radius:12px;width:100%;height:100%;display:block}.admin-brand-text{flex-direction:column;line-height:1.2;display:flex}.admin-brand-name{color:#1a1a2e;letter-spacing:-.5px;font-size:18px;font-weight:700}.admin-brand-sub{color:#8a8a9a;text-transform:uppercase;letter-spacing:2px;font-size:10px}.admin-sidebar-close{color:#8a8a9a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.admin-sidebar-close:hover{color:#1a1a2e;background:#f0f1f5}.admin-sidebar-close svg{width:20px;height:20px}.admin-sidebar-nav{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:2px;padding:12px;display:flex;overflow-y:auto}.admin-nav-item-wrapper{flex-direction:column;display:flex}.admin-nav-item{color:#6b6b7a;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:14px;width:100%;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.admin-nav-item:hover{color:#1a1a2e;background:#fef2f2}.admin-nav-item.active{color:#dc2626;background:#dc262614}.admin-nav-item.active .admin-nav-icon{color:#dc2626}.admin-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:color .2s;display:flex}.admin-nav-icon svg{width:20px;height:20px}.admin-nav-label{text-align:left;flex:1}.admin-nav-arrow{transition:transform .3s}.admin-nav-arrow.expanded{transform:rotate(180deg)}.admin-nav-arrow svg{width:18px;height:18px}.admin-nav-submenu{flex-direction:column;gap:2px;padding-left:36px;animation:.3s slideDown;display:flex}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.admin-nav-subitem{color:#8a8a9a;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:400;transition:all .2s;display:flex}.admin-nav-subitem:hover{color:#1a1a2e;background:#fef2f2}.admin-nav-subitem.active{color:#dc2626;background:#dc26260f}.admin-nav-subitem.active .admin-nav-subitem-indicator{background:#dc2626}.admin-nav-subitem-indicator{background:#d0d0d8;border-radius:50%;flex-shrink:0;width:4px;height:4px;transition:background .2s}.admin-nav-subitem-label{flex:1}.admin-sidebar-footer{border-top:1px solid #0000000d;flex-direction:column;flex-shrink:0;gap:8px;padding:16px 20px;display:flex}.admin-sidebar-user{align-items:center;gap:12px;display:flex}.admin-user-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.admin-user-details{flex-direction:column;flex:1;display:flex;overflow:hidden}.admin-user-fullname{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.admin-user-role-sidebar{color:#8a8a9a;text-transform:capitalize;letter-spacing:.5px;font-size:10px}.admin-sidebar-logout{color:#dc2626;cursor:pointer;background:#dc26260f;border:1px solid #dc262614;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.admin-sidebar-logout:hover{background:#dc26261f;border-color:#dc262626}.admin-sidebar-logout svg{width:18px;height:18px}@media (width>=769px){.admin-sidebar.closed{width:72px!important;transform:translate(0)!important}.admin-sidebar.closed .admin-brand-text,.admin-sidebar.closed .admin-nav-label,.admin-sidebar.closed .admin-sidebar-close,.admin-sidebar.closed .admin-user-details,.admin-sidebar.closed .admin-nav-arrow,.admin-sidebar.closed .admin-nav-submenu,.admin-sidebar.closed .admin-sidebar-logout span{display:none!important}.admin-sidebar.closed .admin-sidebar-header{justify-content:center!important;padding:16px!important}.admin-sidebar.closed .admin-sidebar-brand{justify-content:center!important;gap:0!important;width:100%!important}.admin-sidebar.closed .admin-brand-icon{width:36px!important;height:36px!important;margin:0!important}.admin-sidebar.closed .admin-sidebar-nav{padding:12px 8px!important}.admin-sidebar.closed .admin-nav-item{justify-content:center!important;gap:0!important;padding:12px!important}.admin-sidebar.closed .admin-nav-icon{width:24px!important;height:24px!important}.admin-sidebar.closed .admin-nav-icon svg{width:20px!important;height:20px!important}.admin-sidebar.closed .admin-sidebar-footer{padding:12px!important}.admin-sidebar.closed .admin-sidebar-user{justify-content:center!important}.admin-sidebar.closed .admin-user-avatar{width:32px!important;height:32px!important;margin:0!important;font-size:12px!important}.admin-sidebar.closed .admin-sidebar-logout{justify-content:center!important;padding:8px!important}.admin-sidebar.closed .admin-sidebar-logout svg{width:20px!important;height:20px!important}.admin-sidebar-overlay{display:none!important}.admin-sidebar.open{width:280px!important;transform:translate(0)!important}.admin-sidebar.open .admin-brand-text,.admin-sidebar.open .admin-nav-label,.admin-sidebar.open .admin-user-details,.admin-sidebar.open .admin-sidebar-logout span,.admin-sidebar.open .admin-nav-submenu{display:flex!important}}@media (width<=768px){.admin-sidebar{width:100%!important;max-width:320px!important}.admin-sidebar.closed{transform:translate(-100%)!important}.admin-sidebar.open{transform:translate(0)!important}.admin-sidebar-overlay.active{display:block!important}.admin-sidebar-header{padding:16px 20px!important}.admin-brand-icon{width:36px!important;height:36px!important}.admin-brand-name{font-size:16px!important}.admin-sidebar-nav{padding:12px 10px!important}.admin-nav-item{padding:10px 14px!important;font-size:13px!important}.admin-nav-subitem{padding:8px 12px!important;font-size:12px!important}.admin-sidebar-footer{padding:12px 16px!important}.admin-user-avatar{width:32px!important;height:32px!important;font-size:12px!important}}.admin-logout-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0009;justify-content:center;align-items:center;animation:.2s adminLogoutFadeIn;display:flex;position:fixed;inset:0}.admin-logout-dialog{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:420px;padding:32px;animation:.3s adminLogoutSlideUp;box-shadow:0 20px 60px #0000004d}.admin-logout-icon{background:#fee2e2;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.admin-logout-icon svg{color:#dc2626;stroke-width:2px;width:32px;height:32px}.admin-logout-title{color:#1e293b;margin-bottom:8px;font-size:20px;font-weight:600}.admin-logout-message{color:#64748b;margin-bottom:24px;font-size:15px;line-height:1.6}.admin-logout-actions{justify-content:center;gap:12px;display:flex}.admin-logout-btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.admin-logout-btn-cancel:hover{background:#e2e8f0}.admin-logout-btn-confirm{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.admin-logout-btn-confirm:hover{background:#b91c1c}.admin-logout-btn-confirm:active,.admin-logout-btn-cancel:active{transform:scale(.97)}@keyframes adminLogoutFadeIn{0%{opacity:0}to{opacity:1}}@keyframes adminLogoutSlideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.team-leaders-container{max-width:1400px;margin:0 auto;animation:.5s fadeIn}.team-leaders-header{margin-bottom:24px}.leaders-table-container{background:#fff;border:1px solid #e8e9f0;border-radius:12px;overflow:hidden}.leaders-table{border-collapse:collapse;width:100%}.leaders-table thead{background:#f8f9fc}.leaders-table th{text-align:left;color:#6b6b7a;text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;font-size:12px;font-weight:600}.leaders-table td{color:#1a1a2e;border-top:1px solid #f0f1f5;padding:12px 16px;font-size:14px}.leader-name{align-items:center;gap:10px;display:flex}@media (width<=768px){.header-top{flex-direction:column;align-items:stretch}.btn-add{justify-content:center}.search-filter-bar{flex-direction:column;align-items:stretch}.filter-options{justify-content:center}.leaders-table{font-size:13px}.leaders-table th,.leaders-table td{padding:10px 12px}}.add-form-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.add-form-container{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 20px 60px #0003}.add-form-header{z-index:1;background:#fff;border-bottom:1px solid #f0f1f5;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.add-form-header h3{color:#1a1a2e;font-size:18px;font-weight:600}.add-form-close{color:#8a8a9a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.add-form-close:hover{color:#1a1a2e;background:#f0f1f5}.add-form-close svg{width:24px;height:24px}.add-form-body{padding:24px}@media (width<=768px){.form-row{grid-template-columns:1fr;gap:0}.add-form-container{max-width:100%;margin:10px}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{justify-content:center;width:100%}}.team-members-container{max-width:1400px;margin:0 auto;animation:.5s fadeIn}.team-members-header{margin-bottom:24px}.btn-add{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 16px #dc262640}.btn-add:hover{transform:translateY(-2px);box-shadow:0 8px 24px #dc262659}.btn-add svg{width:18px;height:18px}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.search-filter-bar{background:#fff;border:1px solid #e8e9f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 20px;display:flex}.search-box{flex:1;min-width:200px;position:relative}.filter-options{gap:8px;display:flex}.filter-btn{color:#6b6b7a;cursor:pointer;background:0 0;border:1px solid #e8e9f0;border-radius:20px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.filter-btn:hover{color:#dc2626;background:#fef2f2}.filter-btn.active{color:#fff;background:#dc2626;border-color:#dc2626}.members-table-container{background:#fff;border:1px solid #e8e9f0;border-radius:12px;overflow:hidden}.leader-name-text{color:#3b82f6;font-weight:500}.unassigned-text{color:#8a8a9a;font-style:italic}.btn-action{cursor:pointer;border:none;border-radius:6px;margin-right:4px;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s}.btn-view{color:#3b82f6;background:#3b82f61a}.btn-view:hover{background:#3b82f633}.btn-delete{color:#ef4444;background:#ef44441a}.btn-delete:hover{background:#ef444433}@media (width<=768px){.header-top{flex-direction:column;align-items:stretch}.btn-add{justify-content:center}.search-filter-bar{flex-direction:column;align-items:stretch}.filter-options{justify-content:center}.members-table{font-size:13px}.members-table th,.members-table td{padding:10px 12px}}@media (width<=480px){.stats-cards{grid-template-columns:1fr 1fr}.members-table{font-size:12px}.members-table th,.members-table td{padding:8px 10px}.btn-action{padding:2px 8px;font-size:10px}}.add-member-form-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.add-member-form-container{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 20px 60px #0003}.add-member-form-header{z-index:1;background:#fff;border-bottom:1px solid #f0f1f5;border-radius:20px 20px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.add-member-form-header h3{color:#1a1a2e;font-size:18px;font-weight:600}.add-member-form-close{color:#8a8a9a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.add-member-form-close:hover{color:#1a1a2e;background:#f0f1f5}.add-member-form-close svg{width:24px;height:24px}.add-member-form-body{padding:24px}.form-error{color:#ef4444;background:#ef444414;border:1px solid #ef444426;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:14px}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238a8a9a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.form-group select option{color:#1a1a2e;background:#fff}.form-actions{border-top:1px solid #f0f1f5;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:16px;display:flex}.btn-cancel,.btn-submit{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s}.btn-submit{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 16px #dc262640}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #dc262659}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (width<=768px){.form-row{grid-template-columns:1fr;gap:0}.add-member-form-container{max-width:100%;margin:10px}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{justify-content:center;width:100%}}.team-leader-detail-container{max-width:1200px;margin:0 auto;animation:.5s fadeIn}.leader-profile{background:#fff;border:1px solid #e8e9f0;border-radius:16px;gap:24px;margin-bottom:24px;padding:32px;display:flex}.form-group input{color:#1a1a2e;background:#f8f9fc;border:1px solid #e8e9f0;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.form-group input:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 4px #dc262614}.members-section{background:#fff;border:1px solid #e8e9f0;border-radius:16px;padding:24px}.members-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.members-header h3{color:#1a1a2e;font-size:18px;font-weight:600}.btn-add-member{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .3s;display:flex}.btn-add-member:hover{transform:translateY(-2px);box-shadow:0 4px 16px #dc26264d}.btn-add-member svg{width:16px;height:16px}.members-search{margin-bottom:16px;position:relative}.members-search svg{color:#8a8a9a;width:18px;height:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.members-search input{color:#1a1a2e;background:#f8f9fc;border:1px solid #e8e9f0;border-radius:8px;outline:none;width:100%;padding:10px 12px 10px 40px;font-family:inherit;font-size:14px;transition:all .3s}.members-search input:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 4px #dc262614}.members-empty{text-align:center;color:#8a8a9a;padding:40px 20px}.members-empty .btn-add-member{margin:12px auto 0}.members-table-container{overflow-x:auto}.members-table{border-collapse:collapse;width:100%}.members-table thead{background:#f8f9fc}.members-table th{text-align:left;color:#6b6b7a;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:12px;font-weight:600}.members-table td{color:#1a1a2e;border-top:1px solid #f0f1f5;padding:10px 16px;font-size:14px}.member-name{align-items:center;gap:10px;display:flex}.btn-action{cursor:pointer;border:none;border-radius:6px;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s}.btn-remove{color:#ef4444;background:#ef44441a}.btn-remove:hover{background:#ef444433}.add-member-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.add-member-container{background:#fff;border-radius:20px;width:100%;max-width:500px;max-height:80vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;box-shadow:0 20px 60px #0003}.add-member-header{border-bottom:1px solid #f0f1f5;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.add-member-header h3{color:#1a1a2e;font-size:18px;font-weight:600}.add-member-close{color:#8a8a9a;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s}.add-member-close:hover{color:#1a1a2e;background:#f0f1f5}.add-member-close svg{width:24px;height:24px}.add-member-body{max-height:60vh;padding:24px;overflow-y:auto}.no-members-available{text-align:center;color:#8a8a9a;padding:20px 0}.available-members-list{flex-direction:column;gap:8px;display:flex}.available-member-item{background:#f8f9fc;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .2s;display:flex}.available-member-item:hover{background:#f0f1f5}.member-info{align-items:center;gap:12px;display:flex}.member-name-text{color:#1a1a2e;font-size:14px;font-weight:500}.member-email-text{color:#8a8a9a;font-size:12px}.btn-add-member-item{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:6px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.btn-add-member-item:hover{transform:scale(1.05)}@media (width<=768px){.leader-profile{text-align:center;flex-direction:column;align-items:center;padding:24px}.profile-meta{justify-content:center}.form-row{grid-template-columns:1fr}.members-header,.detail-header{flex-direction:column;align-items:stretch}.detail-actions{flex-wrap:wrap}.members-table{font-size:13px}.members-table th,.members-table td{padding:8px 10px}}@media (width<=480px){.leader-profile{padding:16px}.profile-avatar-large{width:60px;height:60px;font-size:24px}.profile-info h2{font-size:20px}.members-table{font-size:12px}.members-table th,.members-table td{padding:6px 8px}.member-name-text{font-size:12px}}.team-member-detail-container{max-width:1200px;margin:0 auto;animation:.5s fadeIn}.detail-loading{color:#8a8a9a;flex-direction:column;justify-content:center;align-items:center;min-height:300px;display:flex}.detail-error{text-align:center;padding:60px 20px}.detail-error h2{color:#1a1a2e;margin-bottom:16px}.detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.btn-back{color:#6b6b7a;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:flex}.btn-back:hover{color:#1a1a2e}.btn-back svg{width:20px;height:20px}.detail-actions{gap:10px;display:flex}.btn-edit,.btn-password{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.btn-edit{color:#3b82f6;background:#3b82f61a}.btn-edit:hover{background:#3b82f633}.btn-password{color:#dc2626;background:#dc26261a}.btn-password:hover{background:#dc262633}.member-profile{background:#fff;border:1px solid #e8e9f0;border-radius:16px;gap:24px;margin-bottom:24px;padding:32px;display:flex}.profile-avatar-large{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:32px;font-weight:700;display:flex}.profile-info{flex:1}.profile-info h2{color:#1a1a2e;margin-bottom:4px;font-size:24px;font-weight:700}.profile-role{color:#6b6b7a;text-transform:capitalize;margin-bottom:12px;font-size:14px}.profile-meta{color:#4a4a5a;flex-wrap:wrap;gap:16px;font-size:14px;display:flex}.profile-meta span{align-items:center;gap:4px;display:flex}.edit-form-container{background:#fff;border:1px solid #e8e9f0;border-radius:16px;margin-bottom:24px;padding:24px}.edit-form-container h3{color:#1a1a2e;margin-bottom:16px;font-size:18px;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-group label{color:#4a4a5a;font-size:13px;font-weight:500}.form-group input,.form-group select{color:#1a1a2e;background:#f8f9fc;border:1px solid #e8e9f0;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .3s}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 4px #dc262614}.form-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%238a8a9a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.form-actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.btn-cancel,.btn-save{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s}.btn-cancel{color:#4a4a5a;background:#f0f1f5}.btn-cancel:hover{background:#e5e6ea}.btn-save{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 16px #dc262640}.btn-save:hover{transform:translateY(-2px);box-shadow:0 8px 24px #dc262659}.performance-stats{background:#fff;border:1px solid #e8e9f0;border-radius:16px;margin-bottom:24px;padding:24px}.performance-stats h3{color:#1a1a2e;margin-bottom:16px;font-size:18px;font-weight:600}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.stat-card{background:#f8f9fc;border-left:4px solid #dc2626;border-radius:10px;flex-direction:column;padding:16px 20px;display:flex}.stat-card.success{border-left-color:#10b981}.stat-card.warning{border-left-color:#f59e0b}.stat-card.danger{border-left-color:#ef4444}.registrations-section{background:#fff;border:1px solid #e8e9f0;border-radius:16px;padding:24px}.registrations-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.registrations-header h3{color:#1a1a2e;font-size:18px;font-weight:600}.registrations-filters{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.registrations-filters .search-box{flex:1;min-width:200px;position:relative}.registrations-filters .search-box svg{color:#8a8a9a;width:18px;height:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.registrations-filters .search-box input{color:#1a1a2e;background:#f8f9fc;border:1px solid #e8e9f0;border-radius:8px;outline:none;width:100%;padding:8px 12px 8px 40px;font-family:inherit;font-size:14px;transition:all .3s}.registrations-filters .search-box input:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 4px #dc262614}.date-filter select{color:#1a1a2e;cursor:pointer;background:#f8f9fc;border:1px solid #e8e9f0;border-radius:8px;outline:none;padding:8px 14px;font-family:inherit;font-size:14px}.date-filter select:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 4px #dc262614}.registrations-empty{text-align:center;color:#8a8a9a;padding:40px 20px}.registrations-table-container{overflow-x:auto}.registrations-table{border-collapse:collapse;width:100%}.registrations-table thead{background:#f8f9fc}.registrations-table th{text-align:left;color:#6b6b7a;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:12px;font-weight:600}.registrations-table td{color:#1a1a2e;border-top:1px solid #f0f1f5;padding:10px 16px;font-size:14px}.status-badge{text-transform:capitalize;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500}.status-badge.completed{color:#10b981;background:#10b9811f}.status-badge.pending{color:#f59e0b;background:#f59e0b1f}.status-badge.failed{color:#ef4444;background:#ef44441f}.status-badge.cancelled{color:#8a8a9a;background:#f0f1f5}.status-badge.active{color:#10b981;background:#10b9811f}.status-badge.inactive{color:#ef4444;background:#ef44441f}@media (width<=768px){.member-profile{text-align:center;flex-direction:column;align-items:center;padding:24px}.profile-meta{justify-content:center}.form-row{grid-template-columns:1fr}.registrations-filters{flex-direction:column}.detail-header{flex-direction:column;align-items:stretch}.detail-actions{flex-wrap:wrap}.stats-grid{grid-template-columns:1fr 1fr}.registrations-table{font-size:13px}.registrations-table th,.registrations-table td{padding:8px 10px}}@media (width<=480px){.member-profile{padding:16px}.profile-avatar-large{width:60px;height:60px;font-size:24px}.profile-info h2{font-size:20px}.stats-grid{grid-template-columns:1fr 1fr}.registrations-table{font-size:12px}.registrations-table th,.registrations-table td{padding:6px 8px}}.registered-cars-container{max-width:1400px;margin:0 auto;animation:.5s fadeIn}.cars-header{margin-bottom:24px}.cars-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.cars-table-container{background:#fff;border:1px solid #e8e9f0;border-radius:12px;overflow:hidden}.cars-table{border-collapse:collapse;width:100%}.cars-table thead{background:#f8f9fc}.cars-table th{text-align:left;color:#6b6b7a;text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;font-size:12px;font-weight:600}.cars-table td{color:#1a1a2e;border-top:1px solid #f0f1f5;padding:12px 16px;font-size:14px}.car-name{flex-direction:column;display:flex}.car-callsign{color:#8a8a9a;margin-top:2px;font-size:11px}.status-working{color:#10b981;background:#10b9811f}.status-not-working{color:#ef4444;background:#ef44441f}.status-repairing{color:#f59e0b;background:#f59e0b1f}.status-no-driver{color:#3b82f6;background:#3b82f61f}.status-pending{color:#8b5cf6;background:#8b5cf61f}.status-unknown{color:#8a8a9a;background:#f0f1f5}.car-detail-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.car-detail-container{background:#fff;border-radius:24px;width:100%;max-width:800px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 20px 60px #0003}.car-detail-header{z-index:1;background:#fff;border-bottom:1px solid #f0f1f5;border-radius:24px 24px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.car-detail-header h2{color:#1a1a2e;font-size:20px;font-weight:600}.car-detail-close{color:#8a8a9a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.car-detail-close:hover{color:#1a1a2e;background:#f0f1f5}.car-detail-close svg{width:24px;height:24px}.car-detail-body{padding:24px}.detail-section{margin-bottom:24px}.detail-section:last-child{margin-bottom:0}@media (width<=1024px){.filter-row{gap:8px}.filter-group{min-width:120px}}@media (width<=768px){.header-top{flex-direction:column;align-items:stretch}.header-stats{justify-content:flex-start}.filter-row{flex-direction:column;align-items:stretch}.filter-group{min-width:100%}.btn-apply-dates{align-self:stretch}.cars-table{font-size:13px}.cars-table th,.cars-table td{padding:8px 10px}.detail-grid{grid-template-columns:1fr}.car-detail-container{border-radius:16px;max-width:100%;margin:10px}.car-detail-header{padding:16px 18px}.car-detail-body{padding:16px}}@media (width<=480px){.cars-stats{grid-template-columns:1fr 1fr}.cars-table{font-size:12px}.cars-table th,.cars-table td{padding:6px 8px}.plate-number{font-size:12px}.status-badge{padding:2px 8px;font-size:10px}}.registered-drivers-container{max-width:1400px;margin:0 auto;animation:.5s fadeIn}.drivers-header{margin-bottom:24px}.stat-badge.not-synced{color:#ef4444;background:#ef44441a;border-color:#ef444433}.drivers-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.drivers-table-container{background:#fff;border:1px solid #e8e9f0;border-radius:12px;overflow:hidden}.drivers-table{border-collapse:collapse;width:100%}.drivers-table thead{background:#f8f9fc}.drivers-table th{text-align:left;color:#6b6b7a;text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;font-size:12px;font-weight:600}.drivers-table td{color:#1a1a2e;border-top:1px solid #f0f1f5;padding:12px 16px;font-size:14px}.driver-name{align-items:center;gap:10px;display:flex}.driver-fullname{color:#1a1a2e;font-weight:500}.driver-middle{color:#8a8a9a;font-size:12px}.license-info{flex-direction:column;gap:2px;display:flex}.license-number{font-family:monospace;font-size:13px;font-weight:500}.license-country{color:#8a8a9a;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.driver-detail-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.driver-detail-container{background:#fff;border-radius:24px;width:100%;max-width:800px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 20px 60px #0003}.driver-detail-header{z-index:1;background:#fff;border-bottom:1px solid #f0f1f5;border-radius:24px 24px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.driver-detail-header h2{color:#1a1a2e;font-size:20px;font-weight:600}.driver-detail-close{color:#8a8a9a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.driver-detail-close:hover{color:#1a1a2e;background:#f0f1f5}.driver-detail-close svg{width:24px;height:24px}.driver-detail-body{padding:24px}.detail-profile-header{border-bottom:1px solid #f0f1f5;align-items:center;gap:20px;padding-bottom:16px;display:flex}.detail-avatar-large{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:700;display:flex}.detail-profile-header h3{color:#1a1a2e;font-size:20px;font-weight:600}.detail-value.license-highlight{color:#dc2626;background:#fef2f2;border-radius:4px;padding:2px 10px;font-family:monospace;font-size:16px;font-weight:700;display:inline-block}.status-valid{color:#10b981;font-weight:600}.status-expired{color:#ef4444;font-weight:600}.comment-box{color:#4a4a5a;background:#f8f9fc;border:1px solid #f0f1f5;border-radius:8px;padding:12px 16px;font-size:14px;line-height:1.6}@media (width<=1024px){.filter-row{gap:8px}.filter-group{min-width:120px}}@media (width<=768px){.header-top{flex-direction:column;align-items:stretch}.header-stats{justify-content:flex-start}.filter-row{flex-direction:column;align-items:stretch}.filter-group{min-width:100%}.btn-apply-dates{align-self:stretch}.drivers-table{font-size:13px}.drivers-table th,.drivers-table td{padding:8px 10px}.detail-grid{grid-template-columns:1fr}.detail-profile-header{text-align:center;flex-direction:column}.driver-detail-container{border-radius:16px;max-width:100%;margin:10px}.driver-detail-header{padding:16px 18px}.driver-detail-body{padding:16px}}@media (width<=480px){.drivers-stats{grid-template-columns:1fr 1fr}.drivers-table{font-size:12px}.drivers-table th,.drivers-table td{padding:6px 8px}.license-number{font-size:11px}.license-status-badge{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500}.license-status-badge.valid{color:#10b981;background:#10b9811f}.license-status-badge.expired{color:#ef4444;background:#ef44441f}.detail-avatar-large{width:48px;height:48px;font-size:18px}}.bindings-container{max-width:1400px;margin:0 auto;animation:.5s fadeIn}.bindings-header{margin-bottom:24px}.header-stats{flex-wrap:wrap;gap:12px;display:flex}.stat-badge{color:#4a4a5a;background:#fff;border:1px solid #e8e9f0;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500}.stat-badge.active{color:#10b981;background:#10b9811a;border-color:#10b98133}.stat-badge.inactive{color:#ef4444;background:#ef44441a;border-color:#ef444433}.stat-badge.synced{color:#10b981;background:#10b9811a;border-color:#10b98133}.bindings-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:#fff;border:1px solid #e8e9f0;border-radius:12px;flex-direction:column;padding:16px 20px;display:flex}.stat-number{color:#1a1a2e;font-size:28px;font-weight:700}.stat-label{color:#8a8a9a;margin-top:2px;font-size:13px;font-weight:400}.filters-section{background:#fff;border:1px solid #e8e9f0;border-radius:16px;margin-bottom:20px;padding:20px 24px}.search-box{margin-bottom:16px;position:relative}.search-box svg{color:#8a8a9a;width:18px;height:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-box input{color:#1a1a2e;background:#f8f9fc;border:1px solid #e8e9f0;border-radius:10px;outline:none;width:100%;padding:10px 12px 10px 40px;font-family:inherit;font-size:14px;transition:all .3s}.search-box input:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 4px #dc262614}.clear-search{color:#8a8a9a;cursor:pointer;background:0 0;border:none;padding:4px;font-size:14px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.filter-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.filter-row.date-filters{border-top:1px solid #f0f1f5;margin-top:12px;padding-top:12px}.filter-group{flex-direction:column;flex:1;gap:4px;min-width:140px;display:flex}.filter-group select,.filter-group input{color:#1a1a2e;background:#f8f9fc;border:1px solid #e8e9f0;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .3s}.filter-group select:focus,.filter-group input:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 4px #dc262614}.btn-apply-dates{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;align-self:flex-end;height:38px;padding:8px 20px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.btn-apply-dates:hover{transform:translateY(-2px);box-shadow:0 4px 16px #dc26264d}.results-count{color:#6b6b7a;margin-bottom:16px;font-size:14px}.bindings-table-container{background:#fff;border:1px solid #e8e9f0;border-radius:12px;overflow:hidden}.bindings-table{border-collapse:collapse;width:100%}.bindings-table thead{background:#f8f9fc}.bindings-table th{text-align:left;color:#6b6b7a;text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;font-size:12px;font-weight:600}.bindings-table td{color:#1a1a2e;border-top:1px solid #f0f1f5;padding:12px 16px;font-size:14px}.clickable-row{cursor:pointer;transition:background .2s}.clickable-row:hover{background:#f8f9fc}.car-info{flex-direction:column;display:flex}.car-brand{color:#1a1a2e;font-weight:600}.car-model{color:#6b6b7a;font-size:13px}.driver-info{align-items:center;gap:10px;display:flex}.avatar-small{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.plate-number{color:#1a1a2e;background:#f0f1f5;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:14px;font-weight:600}.status-badge{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500}.status-active{color:#10b981;background:#10b9811f}.status-inactive{color:#ef4444;background:#ef44441f}.sync-badge{border-radius:12px;padding:4px 10px;font-size:12px;font-weight:500}.sync-badge.synced{color:#10b981;background:#10b9811f}.sync-badge.not-synced{color:#ef4444;background:#ef44441f}.date-info{flex-direction:column;gap:2px;display:flex}.date-main{color:#1a1a2e;font-size:13px}.date-unbound{color:#8a8a9a;font-size:11px}.binding-detail-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.binding-detail-container{background:#fff;border-radius:24px;width:100%;max-width:800px;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 20px 60px #0003}.binding-detail-header{z-index:1;background:#fff;border-bottom:1px solid #f0f1f5;border-radius:24px 24px 0 0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.binding-detail-header h2{color:#1a1a2e;font-size:20px;font-weight:600}.binding-detail-close{color:#8a8a9a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.binding-detail-close:hover{color:#1a1a2e;background:#f0f1f5}.binding-detail-close svg{width:24px;height:24px}.binding-detail-body{padding:24px}.detail-status-header{border-bottom:1px solid #f0f1f5;align-items:center;gap:20px;padding-bottom:16px;display:flex}.binding-status-large{flex-shrink:0}.status-badge-large{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:8px 20px;font-size:14px;font-weight:700}.status-badge-large.active{color:#10b981;background:#10b9811f}.status-badge-large.inactive{color:#ef4444;background:#ef44441f}.detail-status-header h3{color:#1a1a2e;font-size:18px;font-weight:600}.binding-id{color:#8a8a9a;margin-top:2px;font-size:12px}.detail-section{margin-top:24px}.detail-section:first-of-type{margin-top:0}.detail-section h3{color:#1a1a2e;border-bottom:2px solid #f0f1f5;margin-bottom:12px;padding-bottom:8px;font-size:16px;font-weight:600}.detail-grid{grid-template-columns:1fr 1fr;gap:12px 24px;display:grid}.detail-item{flex-direction:column;gap:2px;display:flex}.detail-item.full-width{grid-column:1/-1}.detail-label{color:#8a8a9a;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.detail-value{color:#1a1a2e;font-size:15px;font-weight:500}.detail-value.plate-highlight{color:#dc2626;background:#fef2f2;border-radius:4px;padding:2px 10px;font-family:monospace;font-size:16px;font-weight:700;display:inline-block}.detail-value.error-text{color:#ef4444;font-weight:400}.empty-state{text-align:center;padding:60px 20px}.empty-state svg{color:#d0d0d8;width:64px;height:64px;margin-bottom:16px}.empty-state h3{color:#4a4a5a;margin-bottom:8px;font-size:20px}.empty-state p{color:#8a8a9a}@media (width<=1024px){.filter-row{gap:8px}.filter-group{min-width:120px}}@media (width<=768px){.header-top{flex-direction:column;align-items:stretch}.header-stats{justify-content:flex-start}.filter-row{flex-direction:column;align-items:stretch}.filter-group{min-width:100%}.btn-apply-dates{align-self:stretch}.bindings-table{font-size:13px}.bindings-table th,.bindings-table td{padding:8px 10px}.detail-grid{grid-template-columns:1fr}.detail-status-header{text-align:center;flex-direction:column}.binding-detail-container{border-radius:16px;max-width:100%;margin:10px}.binding-detail-header{padding:16px 18px}.binding-detail-body{padding:16px}}@media (width<=480px){.bindings-stats{grid-template-columns:1fr 1fr}.bindings-table{font-size:12px}.bindings-table th,.bindings-table td{padding:6px 8px}.plate-number{font-size:11px}.status-badge{padding:2px 8px;font-size:10px}.date-main{font-size:11px}.date-unbound{font-size:10px}}.employee-info{flex-direction:column;display:flex}.employee-info span{color:#1a1a2e;font-size:13px}.team-leader-info{flex-direction:column;display:flex}.team-leader-name{color:#3b82f6;font-size:13px;font-weight:500}.unassigned-text,.unknown-text{color:#8a8a9a;font-size:12px;font-style:italic}.bindings-table th:nth-child(5),.bindings-table td:nth-child(5),.bindings-table th:nth-child(6),.bindings-table td:nth-child(6){min-width:120px}@media (width<=1024px){.bindings-table th:nth-child(5),.bindings-table td:nth-child(5),.bindings-table th:nth-child(6),.bindings-table td:nth-child(6){min-width:100px}}@media (width<=768px){.bindings-table th:nth-child(5),.bindings-table td:nth-child(5),.bindings-table th:nth-child(6),.bindings-table td:nth-child(6){display:none}}.performance-container{max-width:1400px;margin:0 auto;padding:0 16px;animation:.5s fadeIn}.performance-header{margin-bottom:28px}.header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-title{color:#1a1a2e;letter-spacing:-.5px;margin-bottom:4px;font-size:28px;font-weight:700}.page-subtitle{color:#6b6b7a;font-size:15px;font-weight:400}.header-actions{gap:12px;display:flex}.executive-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.summary-card{background:#fff;border:1px solid #e8e9f0;border-radius:12px;align-items:center;gap:16px;padding:16px 20px;display:flex}.summary-card.primary{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626}.summary-card.primary .summary-label,.summary-card.primary .summary-value,.summary-card.primary .summary-period{color:#fff}.summary-icon{font-size:28px}.summary-content{flex-direction:column;display:flex}.summary-label{color:#6b6b7a;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.summary-value{color:#1a1a2e;font-size:24px;font-weight:700}.summary-period{color:#8a8a9a;font-size:12px}.filters-bar{background:#fff;border:1px solid #e8e9f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}.date-range-display{color:#4a4a5a;background:#f8f9fc;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500}.top-performer-section{margin-bottom:28px}.top-performer-banner{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #fca5a5;border-radius:16px;align-items:center;gap:24px;padding:24px 32px;display:flex}.banner-icon{font-size:48px}.banner-content{flex:1}.banner-content h3{color:#6b6b7a;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;font-size:14px;font-weight:500}.banner-team{color:#1a1a2e;font-size:24px;font-weight:700}.banner-stats{color:#4a4a5a;gap:16px;margin-top:8px;font-size:14px;display:flex}.banner-efficiency{flex-direction:column;align-items:center;display:flex}.efficiency-ring{width:60px;height:60px;position:relative}.efficiency-ring svg{width:60px;height:60px}.efficiency-value{color:#1a1a2e;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.efficiency-label{color:#6b6b7a;margin-top:4px;font-size:12px}.team-performance-section{margin-bottom:28px}.section-title{color:#1a1a2e;margin-bottom:16px;font-size:20px;font-weight:600}.team-cards-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.team-card{cursor:pointer;background:#fff;border:1px solid #e8e9f0;border-radius:16px;transition:all .3s;overflow:hidden}.team-card:hover{border-color:#dc2626;transform:translateY(-4px);box-shadow:0 8px 32px #00000014}.team-card-header{border-bottom:1px solid #f0f1f5;align-items:center;gap:16px;padding:20px 20px 16px;display:flex}.team-card-rank{color:#6b6b7a;min-width:40px;font-size:20px;font-weight:700}.team-card-leader{flex:1;align-items:center;gap:12px;display:flex}.leader-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:600;display:flex}.leader-name{color:#1a1a2e;margin:0;font-size:16px;font-weight:600}.leader-role{color:#8a8a9a;font-size:12px}.team-card-body{padding:16px 20px 20px}.team-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.stat-item{text-align:center}.stat-value{color:#1a1a2e;font-size:20px;font-weight:700;display:block}.stat-label{color:#8a8a9a;font-size:12px}.team-progress-container{margin-bottom:12px}.team-progress-label{color:#6b6b7a;justify-content:space-between;margin-bottom:4px;font-size:12px;display:flex}.team-progress-track{background:#f0f1f5;border-radius:3px;width:100%;height:6px;overflow:hidden}.team-progress-fill{border-radius:3px;height:100%;transition:width 1s}.team-card-footer{text-align:right;border-top:1px solid #f0f1f5;padding-top:8px}.view-details{color:#dc2626;font-size:13px;font-weight:500}.analytics-section{background:#fff;border:1px solid #e8e9f0;border-radius:16px;overflow:hidden}.analytics-header{border-bottom:1px solid #f0f1f5;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.analytics-header h3{color:#1a1a2e;font-size:16px;font-weight:600}.analytics-actions{background:#f0f1f5;border-radius:8px;gap:4px;padding:4px;display:flex}.analytics-btn{color:#6b6b7a;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.analytics-btn.active{color:#dc2626;background:#fff;box-shadow:0 2px 8px #0000000f}.analytics-btn:hover{color:#1a1a2e}.analytics-content{padding:20px}.analytics-table-container{overflow-x:auto}.analytics-table{border-collapse:collapse;width:100%}.analytics-table thead{background:#f8f9fc}.analytics-table th{text-align:left;color:#6b6b7a;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:12px;font-weight:600}.analytics-table td{color:#1a1a2e;border-top:1px solid #f0f1f5;padding:12px 16px;font-size:14px}.highlight-row{background:#dc26260a}.analyst-name{align-items:center;gap:10px;display:flex}.analyst-avatar-small{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.reg-count{font-weight:600}.efficiency-bar{vertical-align:middle;background:#f0f1f5;border-radius:3px;width:80px;height:6px;margin-right:8px;display:inline-block;overflow:hidden}.efficiency-bar-fill{border-radius:3px;height:100%;transition:width 1s}.efficiency-text{font-size:13px;font-weight:500}.trend-indicator{font-size:18px}.trend-indicator.up{color:#10b981}.trend-indicator.stable{color:#f59e0b}.trend-indicator.down{color:#ef4444}.loading-state{text-align:center;color:#8a8a9a;padding:60px 20px}.spinner{border:3px solid #f0f1f5;border-top-color:#dc2626;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin}@media (width<=1024px){.executive-summary{grid-template-columns:repeat(3,1fr)}.team-cards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (width<=768px){.header-top{flex-direction:column;align-items:stretch}.executive-summary{grid-template-columns:1fr 1fr}.filters-bar{flex-direction:column;align-items:stretch}.top-performer-banner{text-align:center;flex-direction:column;padding:20px}.banner-stats{flex-wrap:wrap;justify-content:center}.team-cards-grid{grid-template-columns:1fr}.analytics-header{flex-direction:column;align-items:stretch;gap:12px}.analytics-actions{justify-content:center}.analytics-table{font-size:13px}.analytics-table th,.analytics-table td{padding:8px 10px}}@media (width<=480px){.executive-summary{grid-template-columns:1fr}.summary-card{padding:12px 16px}.summary-value{font-size:20px}.page-title{font-size:22px}.team-card-header{flex-wrap:wrap}.team-stats{grid-template-columns:1fr 1fr 1fr}.stat-value{font-size:16px}.analytics-table{font-size:12px}.efficiency-bar{width:50px}}.view-toggle-group{background:#f0f1f5;border-radius:8px;gap:4px;padding:4px;display:flex}.view-toggle-btn{color:#6b6b7a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 12px;font-family:inherit;font-size:16px;transition:all .2s;display:flex}.view-toggle-btn svg{width:20px;height:20px}.view-toggle-btn.active{color:#dc2626;background:#fff;box-shadow:0 2px 8px #0000000f}.view-toggle-btn:hover{color:#1a1a2e}.tooltip-text{color:#fff;white-space:nowrap;z-index:100;background:#1a1a2e;border-radius:6px;padding:6px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:400;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.team-card-footer{border-top:1px solid #f0f1f5;justify-content:flex-end;align-items:center;padding-top:12px;display:flex}.view-details{color:#dc2626;cursor:pointer;align-items:center;gap:6px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.view-details:hover{gap:10px}.arrow-icon{align-items:center;transition:transform .2s;display:flex}.arrow-icon svg{width:16px;height:16px}.view-details:hover .arrow-icon{transform:translate(4px)}.table-view-container{background:#fff;border:1px solid #e8e9f0;border-radius:16px;overflow:hidden}.performance-table{border-collapse:collapse;width:100%}.performance-table thead{background:#f8f9fc}.performance-table th{text-align:left;color:#6b6b7a;text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;font-size:12px;font-weight:600}.performance-table td{color:#1a1a2e;border-top:1px solid #f0f1f5;padding:12px 16px;font-size:14px}.performance-table tbody tr{cursor:pointer;transition:background .2s}.performance-table tbody tr:hover{background:#f8f9fc}.performance-table .highlight-row{background:#dc26260a}.active-count{color:#4a4a5a;font-size:13px}.rank-badge{color:#6b6b7a;text-align:center;background:#f0f1f5;border-radius:50%;width:28px;height:28px;font-size:13px;font-weight:600;line-height:28px;display:inline-block}.rank-badge.gold{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.rank-badge.silver{color:#fff;background:linear-gradient(135deg,#9ca3af,#6b7280)}.rank-badge.bronze{color:#fff;background:linear-gradient(135deg,#d97706,#b45309)}@media (width<=768px){.view-toggle-group{justify-content:center;width:100%}.filters-bar{flex-wrap:wrap}.performance-table{font-size:13px}.performance-table th,.performance-table td{padding:8px 10px}}@media (width<=480px){.performance-table{font-size:12px}.performance-table th,.performance-table td{padding:6px 8px}.rank-badge{width:22px;height:22px;font-size:11px;line-height:22px}.analyst-avatar-small{width:24px;height:24px;font-size:10px}}.team-card .leader-registrations{color:#6b7280;background:#f3f4f6;border-radius:12px;padding:2px 8px;font-size:.8rem;display:inline-block}.team-card .leader-badge{color:#1d4ed8;background:#dbeafe;border-radius:10px;padding:1px 8px;font-size:.7rem;font-weight:500}.team-performance-detail{max-width:1400px;margin:0 auto;padding:0 16px;animation:.5s fadeIn}.detail-header{border-bottom:1px solid #e8e9f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:16px 0;display:flex}.back-button{color:#4a4a5a;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:flex}.back-button:hover{color:#1a1a2e}.back-button svg{width:20px;height:20px}.detail-header-right{gap:12px;display:flex}.btn-download{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .3s;display:flex;box-shadow:0 4px 12px #dc262640}.btn-download:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #dc262659}.btn-download:disabled{opacity:.7;cursor:not-allowed}.btn-download svg{width:18px;height:18px}.spinner-small{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.team-overview{background:#fff;border:1px solid #e8e9f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding:24px 32px;display:flex}.team-profile{align-items:center;gap:20px;display:flex}.team-avatar-large{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:24px;font-weight:700;display:flex}.team-info h1{color:#1a1a2e;margin:0;font-size:24px;font-weight:700}.team-role{color:#6b6b7a;margin:4px 0 8px;font-size:14px}.team-meta-details{color:#4a4a5a;gap:16px;font-size:14px;display:flex}.team-quick-stats{gap:24px;display:flex}.quick-stat{text-align:center}.qs-value{color:#1a1a2e;font-size:24px;font-weight:700;display:block}.qs-label{color:#8a8a9a;font-size:12px}.detail-filters{background:#fff;border:1px solid #e8e9f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:16px 20px;display:flex}.filter-group{flex-direction:column;gap:4px;min-width:150px;display:flex}.filter-group label{color:#6b6b7a;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.filter-group select{color:#1a1a2e;cursor:pointer;background:#f8f9fc;border:1px solid #e8e9f0;border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:14px}.filter-group select:focus{border-color:#dc2626;box-shadow:0 0 0 4px #dc262614}.view-btn{color:#6b6b7a;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}.view-btn:hover{color:#1a1a2e}.detail-content{background:#fff;border:1px solid #e8e9f0;border-radius:16px;padding:24px}.detail-content h3{color:#1a1a2e;margin-bottom:16px;font-size:18px;font-weight:600}.pivot-table-container{overflow-x:auto}.pivot-table{border-collapse:collapse;width:100%}.pivot-table thead{background:#f8f9fc}.pivot-table th{text-align:left;color:#6b6b7a;text-transform:uppercase;letter-spacing:.5px;padding:12px 16px;font-size:12px;font-weight:600}.pivot-table td{color:#1a1a2e;border-top:1px solid #f0f1f5;padding:12px 16px;font-size:14px}.top-performer-row{background:#dc26260a}.rank-number{color:#6b6b7a;text-align:center;background:#f0f1f5;border-radius:50%;width:28px;height:28px;font-size:13px;font-weight:600;line-height:28px;display:inline-block}.rank-number.rank-1{color:#fff;background:#fbbf24}.rank-number.rank-2{color:#fff;background:#9ca3af}.rank-number.rank-3{color:#fff;background:#d97706}.member-cell{align-items:center;gap:12px;display:flex}.member-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.member-name{color:#1a1a2e;font-weight:500}.member-email{color:#8a8a9a;font-size:12px}.performance-bar-container{background:#f0f1f5;border-radius:3px;width:120px;height:6px;overflow:hidden}.member-status{border-radius:12px;padding:2px 10px;font-size:12px;font-weight:500}.member-status.active{color:#10b981;background:#10b9811f}.member-status.inactive{color:#ef4444;background:#ef44441f}.chart-container{padding:20px 0}.bar-chart{align-items:flex-end;gap:16px;height:280px;padding:0 20px;display:flex}.bar-item{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.bar{border-radius:4px 4px 0 0;justify-content:center;align-items:flex-start;width:40px;min-height:10px;transition:height 1s;display:flex;position:relative}.bar-value{color:#fff;margin-top:4px;font-size:12px;font-weight:600}.bar-label{color:#6b6b7a;margin-top:8px;font-size:12px}.calendar-day{text-align:center;background:#f8f9fc;border-radius:8px;min-height:40px;padding:8px 4px;position:relative}.calendar-day.has-activity{background:#fef2f2}.cal-day-count{color:#fff;background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;display:flex;position:absolute;bottom:2px;right:4px}@media (width<=768px){.team-overview{flex-direction:column;align-items:stretch;padding:20px}.team-profile{text-align:center;flex-direction:column}.team-quick-stats{justify-content:space-around}.detail-filters{flex-direction:column;align-items:stretch}.view-toggle{justify-content:center}.pivot-table{font-size:13px}.pivot-table th,.pivot-table td{padding:8px 10px}.bar-chart{gap:8px;height:200px}.bar{width:28px}.calendar-grid{gap:2px}.calendar-day{min-height:32px;padding:4px 2px}.cal-day-number{font-size:11px}}@media (width<=480px){.team-quick-stats{flex-wrap:wrap;gap:12px}.quick-stat{flex:1;min-width:80px}.qs-value{font-size:20px}.pivot-table{font-size:12px}.pivot-table th,.pivot-table td{padding:6px 8px}.bar-chart{gap:4px;height:160px}.bar{width:20px}.bar-value,.bar-label{font-size:10px}.performance-bar-container{width:60px}}.tooltip-trigger{cursor:help;align-items:center;margin-left:4px;display:inline-flex;position:relative}.tooltip-trigger svg{color:#8a8a9a;width:16px;height:16px}.tooltip-content{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:100;background:#1a1a2e;border-radius:6px;padding:6px 12px;font-family:Inter,sans-serif;font-size:12px;font-weight:400;transition:all .2s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.tooltip-trigger:hover .tooltip-content{opacity:1;transform:translate(-50%)translateY(-6px)}.tooltip-content:after{content:"";border:6px solid #0000;border-top-color:#1a1a2e;position:absolute;top:100%;left:50%;transform:translate(-50%)}.view-btn svg{width:18px;height:18px;margin-right:6px}.bar-item{cursor:pointer;position:relative}.bar-item:hover .bar{opacity:.8;transform-origin:bottom;transform:scaleY(1.05)}.calendar-day{cursor:pointer;transition:all .2s}.error-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.error-state .error-icon{margin-bottom:16px;font-size:48px}.error-state h3{color:#1a1a2e;margin-bottom:12px;font-size:20px}.btn-retry{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s}.btn-retry:hover{transform:translateY(-2px);box-shadow:0 4px 16px #dc26264d}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.section-header h3{color:#1a1a2e;margin:0;font-size:18px;font-weight:600}.section-badge{color:#6b6b7a;background:#f0f1f5;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-text{color:#fff;white-space:nowrap;z-index:100;white-space:normal;text-align:center;background:#1a1a2e;border-radius:8px;max-width:280px;padding:8px 14px;font-family:Inter,sans-serif;font-size:12px;font-weight:400;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0003}.tooltip-text:after{content:"";border:6px solid #0000;border-top-color:#1a1a2e;position:absolute;top:100%;left:50%;transform:translate(-50%)}.view-toggle{background:#f0f1f5;border-radius:12px;gap:8px;padding:6px;display:flex}.view-btn{color:#6b6b7a!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:10px!important;min-width:80px!important;padding:10px 20px!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;transition:all .25s!important;display:flex!important}.view-btn svg{width:24px!important;height:24px!important;color:inherit!important;flex-shrink:0!important;display:block!important}.view-btn-label{color:inherit!important;font-size:13px!important;font-weight:600!important;display:inline!important}.view-btn.active{color:#dc2626!important;background:#fff!important;box-shadow:0 2px 12px #00000014!important}.view-btn.active svg{color:#dc2626!important}.view-btn:hover:not(.active){color:#1a1a2e!important;background:#ffffff80!important}.performance-bar-container{align-items:center;gap:8px;width:140px;display:flex;position:relative}.performance-bar-fill{border-radius:4px;height:8px;transition:width 1s}.performance-percent{color:#4a4a5a;min-width:36px;font-size:12px;font-weight:600}.chart-container{padding:20px 0;overflow-x:auto}.bar-chart{align-items:flex-end;gap:20px;min-width:400px;height:300px;padding:0 20px;display:flex}.bar-item{cursor:pointer;flex-direction:column;flex:1;align-items:center;height:100%;transition:transform .2s;display:flex}.bar-item:hover{transform:translateY(-4px)}.bar{border-radius:6px 6px 0 0;justify-content:center;align-items:flex-start;width:48px;min-height:10px;transition:all .5s;display:flex;position:relative;box-shadow:0 2px 8px #0000000f}.bar-value{color:#fff;text-shadow:0 1px 4px #0003;margin-top:6px;font-size:13px;font-weight:700}.bar-label{flex-direction:column;align-items:center;gap:2px;margin-top:10px;display:flex}.bar-initials{color:#1a1a2e;background:#f0f1f5;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:flex}.bar-fullname{color:#6b6b7a;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:60px;font-size:11px;overflow:hidden}.bar-percentage{color:#3b82f6;margin-top:2px;font-size:11px;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.calendar-day{text-align:center;background:#f8f9fc;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:56px;padding:10px 4px;transition:all .2s;display:flex;position:relative}.calendar-day.has-activity{background:#fef2f2;border:1px solid #fca5a5}.calendar-day.today{background:#dc2626;border:1px solid #dc2626}.calendar-day.today .cal-day-number{color:#fff}.calendar-day.today .cal-day-name{color:#fffc}.calendar-day:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000001a}.cal-day-number{color:#1a1a2e;font-size:16px;font-weight:600}.cal-day-name{color:#8a8a9a;text-transform:uppercase;font-size:10px}.cal-day-count{color:#fff;background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #dc26264d}.calendar-legend{background:#f8f9fc;border-radius:10px;justify-content:center;gap:24px;margin-top:16px;padding:12px;display:flex}.legend-item{color:#4a4a5a;align-items:center;gap:8px;font-size:13px;display:flex}.legend-dot{border-radius:50%;width:12px;height:12px}.legend-dot.active{background:#fef2f2;border:1px solid #fca5a5}.legend-dot.inactive{background:#f8f9fc;border:1px solid #e8e9f0}.legend-dot.today{background:#dc2626}.trend-section{animation:.5s fadeIn}.trend-container{padding:16px 0}.trend-chart{align-items:flex-end;gap:4px;height:220px;padding:0 8px;display:flex;overflow-x:auto}.trend-bar-item{cursor:pointer;flex-direction:column;flex:1;align-items:center;min-width:28px;height:100%;transition:all .2s;display:flex}.trend-bar-item:hover{transform:translateY(-2px)}.trend-bar{border-radius:4px 4px 0 0;justify-content:center;align-items:flex-start;width:100%;max-width:32px;min-height:4px;transition:height .8s;display:flex;position:relative}.trend-bar-value{color:#fff;text-shadow:0 1px 2px #0003;margin-top:2px;font-size:9px;font-weight:700}.trend-bar-label{flex-direction:column;align-items:center;margin-top:6px;display:flex}.trend-day{color:#1a1a2e;font-size:11px;font-weight:600}.trend-month{color:#8a8a9a;text-transform:uppercase;font-size:8px}.trend-summary{background:#f8f9fc;border-radius:12px;justify-content:center;gap:40px;margin-top:20px;padding:16px 24px;display:flex}.trend-stat{text-align:center}.trend-stat-label{color:#8a8a9a;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500;display:block}.trend-stat-value{color:#1a1a2e;font-size:18px;font-weight:700;display:block}@media (width<=768px){.bar-chart{gap:12px;min-width:300px;height:220px}.bar{width:32px}.bar-value{font-size:11px}.calendar-grid{gap:4px}.calendar-day{min-height:44px;padding:6px 2px}.cal-day-number{font-size:13px}.trend-summary{flex-wrap:wrap;gap:20px;padding:12px 16px}.trend-stat-value{font-size:16px}.view-toggle{justify-content:center;width:100%}.performance-bar-container{width:100px}.performance-percent{min-width:28px;font-size:10px}}@media (width<=480px){.bar-chart{gap:8px;min-width:200px;height:160px}.bar{width:24px}.bar-value{font-size:9px}.bar-initials{width:24px;height:24px;font-size:10px}.calendar-day{min-height:36px;padding:4px 2px}.cal-day-number{font-size:11px}.cal-day-name{font-size:8px}.cal-day-count{width:16px;height:16px;font-size:8px;top:-2px;right:-2px}.calendar-legend{flex-wrap:wrap;gap:12px}.trend-chart{height:150px}.trend-summary{flex-direction:column;gap:12px}.trend-stat-value{font-size:14px}.performance-bar-container{width:60px}}