*,: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}.visible{visibility:visible}.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}.block{display:block}.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}.resize{resize:both}.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}.main-content{background:#f8f9fc;min-height:100vh;margin-left:72px;padding:24px 32px;transition:margin-left .3s cubic-bezier(.16,1,.3,1)}.sidebar-expanded .main-content{margin-left:260px}.page-container{max-width:1400px;margin:0 auto;padding:0 24px}.page-section{background:#fff;border:1px solid #e8e9f0;border-radius:16px;margin-bottom:20px;padding:24px 28px}@media (width>=1025px){.page-container{padding:0 32px}.page-section{padding:28px 36px}}@media (width<=1024px){.main-content{margin-left:72px;padding:20px 24px}.page-container{padding:0 20px}.page-section{padding:20px 24px}}@media (width<=768px){.main-content{margin-left:0;padding:16px}.page-container{padding:0 12px}.page-section{border-radius:12px;padding:16px 18px}}@media (width<=480px){.main-content{padding:12px 10px}.page-container{padding:0 8px}.page-section{border-radius:10px;margin-bottom:12px;padding:12px 14px}}.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}to{opacity:1}}.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;position:relative;overflow:visible;box-shadow:0 2px 8px #0000000a}.form-step{animation:.4s slideIn;position:relative;overflow:visible}@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;position:relative;overflow:visible}.form-group{z-index:1;flex-direction:column;gap:6px;display:flex;position:relative;overflow:visible}.form-group:has(.dropdown-options){z-index:9998!important}.form-group.dropdown-open{z-index:9998!important}.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 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 select option{color:#1a1a2e;background:#fff}.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:100000;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(30px)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}.searchable-dropdown{z-index:10;width:100%;position:relative;overflow:visible!important}.searchable-dropdown.is-open{z-index:9999!important}.searchable-dropdown,.searchable-dropdown *{box-sizing:border-box}.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;z-index:2;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;position:relative}.dropdown-input.error{background:#fef2f2;border-color:#dc2626}.dropdown-input .placeholder{color:#b0b0c0}.dropdown-input .selected-value{color:#1a1a2e}.dropdown-options{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;overflow:hidden;box-shadow:0 8px 32px #0003;z-index:99999!important}.dropdown-search{background:#f8f9fc;border:none;border-bottom:1px solid #f0f1f5;border-radius:8px 8px 0 0;outline:none;flex-shrink:0;padding:10px 14px;font-family:inherit;font-size:14px}.dropdown-search:focus{background:#fff}.options-list{-webkit-overflow-scrolling:touch;max-height:250px;overflow-y:auto}.dropdown-option{cursor:pointer;padding:10px 14px;font-size:14px;transition:background .2s}.dropdown-option.selected{color:#dc2626;background:#dc262614}.error-message-text{color:#dc2626;margin-top:4px;font-size:12px;display:block}@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;overflow:visible}.register-form-container{border-radius:16px;padding:20px 16px;position:relative;overflow:visible!important}.form-step{position:relative;overflow:visible}.form-grid{grid-template-columns:1fr;gap:14px;position:relative;overflow:visible}.form-group{z-index:1;position:relative;overflow:visible}.form-group:has(.dropdown-options){z-index:9998!important}.searchable-dropdown{z-index:10;position:relative;overflow:visible!important}.searchable-dropdown.is-open{z-index:9999!important}.dropdown-options{border-radius:8px;max-height:50vh;margin-top:4px;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 32px #0003;z-index:99999!important}.dropdown-option{min-height:48px;padding:14px 16px;font-size:15px}.dropdown-search{padding:12px 16px;font-size:16px}.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}.register-header{margin-bottom:20px}.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}.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}.preview-binding-message{text-align:center;flex-direction:column;align-items:center;padding:14px 16px}.binding-text{font-size:13px}}@media (width<=480px){.dropdown-options{max-height:60vh}.dropdown-option{min-height:44px;padding:12px 14px;font-size:14px}.dropdown-search{padding:10px 14px;font-size:15px}.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}.binding-text{font-size:12px}.binding-icon{width:32px;height:32px}.binding-icon svg{width:16px;height:16px}}.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}.binding-note{color:#dc2626;margin:4px 0 0;font-size:13px}.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}.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}.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}.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}@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}.referral-section{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border:2px solid #4a90e2;border-radius:12px;margin:16px 0 24px;padding:20px 24px}.referral-header{align-items:center;gap:10px;margin-bottom:8px;display:flex}.referral-icon{font-size:24px}.referral-header h3{color:#2c3e50;margin:0;font-size:18px;font-weight:600}.referral-description{color:#6c757d;margin:0 0 16px;font-size:14px;line-height:1.5}.btn-generate-link{color:#fff;cursor:pointer;background:#4a90e2;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.btn-generate-link:hover{background:#357abd;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.btn-generate-link svg{stroke:currentColor;width:20px;height:20px}.referral-link-container{flex-direction:column;gap:12px;display:flex}.referral-link-box{align-items:center;gap:10px;display:flex}.referral-link-input{color:#2c3e50;background:#fff;border:2px solid #4a90e2;border-radius:8px;flex:1;padding:10px 14px;font-family:monospace;font-size:14px;transition:all .3s}.referral-link-input:focus{border-color:#357abd;outline:none;box-shadow:0 0 0 3px #4a90e21a}.btn-copy-link{color:#fff;cursor:pointer;white-space:nowrap;background:#28a745;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .3s;display:inline-flex}.btn-copy-link:hover{background:#218838;transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.btn-copy-link svg{stroke:currentColor;width:18px;height:18px}.btn-hide-link{color:#6c757d;cursor:pointer;background:0 0;border:1px solid #dee2e6;border-radius:6px;padding:6px 16px;font-size:13px;transition:all .3s}.btn-hide-link:hover{background:#f8f9fa;border-color:#adb5bd}.leader-info{background:#fff;border:1px solid #e9ecef;border-radius:8px;flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px;padding:10px 14px;display:flex}.leader-label{color:#495057;font-weight:600}.leader-name{color:#2c3e50;font-weight:500}.leader-id{color:#6c757d;background:#f8f9fa;border-radius:4px;padding:2px 8px;font-size:13px}.employee-registration-section{background:#fff;border:2px solid #28a745;border-radius:12px;margin:16px 0;padding:24px;box-shadow:0 2px 8px #0000001a}.employee-registration-header{margin-bottom:20px}.employee-icon{margin-bottom:8px;font-size:28px;display:block}.employee-registration-header h3{color:#2c3e50;margin:0 0 4px}.employee-description{color:#6c757d;margin:0;font-size:14px}.btn-register-employee{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 32px;font-size:16px;font-weight:500;transition:all .3s;display:inline-flex}.btn-register-employee:hover:not(:disabled){background:#218838;transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.btn-register-employee:disabled{opacity:.6;cursor:not-allowed}@media (width<=768px){.referral-link-box{flex-direction:column}.btn-copy-link{justify-content:center;width:100%}.leader-info{flex-direction:column;align-items:flex-start;gap:4px}}.btn-add-member{color:#fff;cursor:pointer;background:#4caf50;border:none;border-radius:8px;align-items:center;gap:8px;margin-right:10px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-add-member:hover{background:#45a049;transform:translateY(-1px);box-shadow:0 4px 12px #4caf504d}.btn-add-member:active{transform:translateY(0)}.btn-add-member svg{stroke:currentColor;width:18px;height:18px}.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}.header-actions{gap:12px;display:flex}.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}.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-failed{color:#e74c3c;background:#ff3b301f}.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}.members-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.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-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}.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}.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.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}}.disabled-container{pointer-events:none;opacity:.9}.creation-progress-body{justify-content:center;align-items:center;min-height:250px;padding:40px 30px;display:flex}.creation-progress-content{text-align:center;width:100%}.creation-progress-content .spinner-large{border:4px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:50px;height:50px;margin:0 auto 20px;animation:.8s linear infinite spin}.creation-progress-content .progress-status{color:#2d3748;margin:10px 0;font-size:16px;font-weight:500}.creation-progress-content .progress-bar-container{background:#e2e8f0;border-radius:3px;width:100%;height:6px;margin-top:20px;overflow:hidden}.creation-progress-content .progress-bar-fill{background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:3px;height:100%;animation:2s ease-in-out infinite progressAnimation}.creation-progress-content .progress-hint{color:#a0aec0;margin-top:15px;font-size:13px}@keyframes progressAnimation{0%{width:0%}50%{width:70%}to{width:100%}}button:disabled,input:disabled{opacity:.6;cursor:not-allowed!important}.add-team-member-page{box-sizing:border-box;width:100%;min-height:100%;padding:28px}.add-team-member-container{background:#fff;border:1px solid #eef0f4;border-radius:14px;width:100%;max-width:1000px;margin:0 auto;overflow:hidden;box-shadow:0 2px 10px #0000000a}.add-team-member-page .add-page-header{background:#fff;border-bottom:1px solid #eef0f4;padding:26px 32px}.add-team-member-page .add-page-header p{color:#858596;margin:0;font-size:14px}.add-team-member-page .add-form-body{padding:32px}.add-team-member-page .form-row{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:4px;display:grid}.add-team-member-page .form-group{flex-direction:column;gap:8px;margin-bottom:22px;display:flex}.add-team-member-page .form-group label{color:#3f4050;font-size:14px;font-weight:600}.add-team-member-page .form-group input,.add-team-member-page .form-group select{box-sizing:border-box;color:#1a1a2e;background:#fafbfc;border:1px solid #dfe1e8;border-radius:8px;outline:none;width:100%;height:46px;padding:0 14px;font-family:inherit;font-size:14px;transition:all .2s}.add-team-member-page .form-group input::placeholder{color:#a5a6b2}.add-team-member-page .form-group input:hover,.add-team-member-page .form-group select:hover{border-color:#cfd1d9}.add-team-member-page .form-group input:focus,.add-team-member-page .form-group select:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 3px #dc262614}.add-team-member-page .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 14px center;background-repeat:no-repeat;padding-right:40px}.add-team-member-page .form-group select option{color:#1a1a2e;background:#fff}.add-team-member-page .form-error{color:#dc2626;background:#ef444412;border:1px solid #ef44442e;border-radius:8px;align-items:center;margin-bottom:24px;padding:12px 15px;font-size:14px;line-height:1.4;display:flex}.add-team-member-page .form-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:10px;margin-bottom:24px;padding:12px 15px;font-size:14px;line-height:1.4;display:flex}.add-team-member-page .form-success:before{content:"✓";color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex}.add-team-member-page .password-info{box-sizing:border-box;background:#f0f7ff;border:1px solid #b3d9ff;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.add-team-member-page .password-icon{flex-shrink:0;font-size:20px}.add-team-member-page .password-content{flex:1}.add-team-member-page .password-content label{margin-bottom:4px;font-weight:700;display:block}.add-team-member-page .password-display{color:#1a1a2e;background:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 12px;font-family:monospace;font-size:16px}.add-team-member-page .password-content p{color:#666;margin:4px 0 0;font-size:12px}.add-team-member-page .form-actions{border-top:1px solid #eef0f4;justify-content:flex-end;align-items:center;gap:12px;margin-top:10px;padding-top:24px;display:flex}.add-team-member-page .btn-cancel,.add-team-member-page .btn-submit{cursor:pointer;border:none;border-radius:8px;min-width:120px;height:44px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.add-team-member-page .btn-cancel{color:#4b4c59;background:#f3f4f6;border:1px solid #e5e7eb}.add-team-member-page .btn-cancel:hover{background:#e9eaed;border-color:#dcdde2}.add-team-member-page .btn-submit{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);min-width:170px;box-shadow:0 3px 10px #dc26262e}.add-team-member-page .btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 16px #dc262640}.add-team-member-page .btn-submit:active:not(:disabled){transform:translateY(0)}.add-team-member-page .btn-submit:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}@media (width<=900px){.add-team-member-page{padding:20px}.add-team-member-page .add-form-body{padding:26px}.add-team-member-page .add-page-header{padding:22px 26px}}@media (width<=768px){.add-team-member-page{padding:14px}.add-team-member-container{border-radius:10px}.add-team-member-page .add-page-header,.add-team-member-page .add-form-body{padding:20px}.add-team-member-page .form-row{grid-template-columns:1fr;gap:0}.add-team-member-page .form-group{margin-bottom:18px}.add-team-member-page .form-actions{flex-direction:column-reverse;align-items:stretch}.add-team-member-page .btn-cancel,.add-team-member-page .btn-submit{width:100%;min-width:0;height:46px}}@media (width<=480px){.add-team-member-page{padding:10px}.add-team-member-page .add-page-header,.add-team-member-page .add-form-body{padding:18px}.add-team-member-page .form-group input,.add-team-member-page .form-group select{height:44px}}.reset-password-container{max-width:800px;margin:0 auto;padding:24px}.reset-password-header{margin-bottom:32px}.reset-password-header .page-title{color:#1a1a2e;margin:0 0 8px;font-size:28px;font-weight:700}.reset-password-header .page-subtitle{color:#6c757d;margin:0;font-size:16px}.reset-password-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #00000014}.reset-password-form{flex-direction:column;gap:24px;display:flex}.form-error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.form-success{color:#155724;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;display:flex}.error-icon,.success-icon{font-size:18px}.form-group{flex-direction:column;gap:6px;display:flex}.form-group input{border:2px solid #e9ecef;border-radius:8px;padding:10px 14px;font-size:14px;transition:border-color .2s}.form-group input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea1a}.form-group input.error{border-color:#dc3545}.form-group input.error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-group input:disabled{cursor:not-allowed;background:#f8f9fa}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{flex:1;padding-right:48px}.password-toggle-btn{cursor:pointer;color:#6c757d;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:12px}.password-toggle-btn:hover{color:#1a1a2e}.password-toggle-btn svg{width:20px;height:20px}.password-hint{color:#6c757d;margin-top:4px;font-size:12px}.password-error-hint{color:#dc3545;align-items:center;gap:6px;margin-top:4px;font-size:13px;display:flex}.password-success-hint{color:#28a745;align-items:center;gap:6px;margin-top:4px;font-size:13px;display:flex}.form-actions{margin-top:8px}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.btn-submit:disabled{opacity:.7;cursor:not-allowed}.spinner{border:3px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s ease-in-out infinite spin;display:inline-block}.password-security-tips{background:#f8f9fa;border-radius:8px;margin-top:8px;padding:16px 20px}.password-security-tips h4{color:#1a1a2e;margin:0 0 12px;font-size:14px}.password-security-tips ul{color:#495057;margin:0;padding-left:20px;font-size:13px;line-height:1.8}.password-security-tips li{margin-bottom:4px}@media (width<=768px){.reset-password-container{padding:16px}.reset-password-card{padding:20px}.reset-password-header .page-title{font-size:24px}}.redirect-message{text-align:center;background:#e8f5e9;border:1px solid #c8e6c9;border-radius:8px;margin-top:8px;padding:16px}.redirect-message p{color:#2e7d32;margin:0 0 12px;font-size:15px}.btn-login-now{color:#fff;cursor:pointer;background:#2e7d32;border:none;border-radius:6px;padding:8px 24px;font-size:14px;font-weight:600;transition:background .2s}.btn-login-now:hover{background:#1b5e20}.admin-dashboard{background:#f8fafc;height:100vh;display:flex;position:relative;overflow:hidden}.admin-main-content{flex-direction:column;flex:1;min-width:0;transition:margin-left .3s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden}.admin-dashboard.sidebar-open .admin-main-content{margin-left:280px}.admin-dashboard.sidebar-closed .admin-main-content{margin-left:72px}.admin-dashboard-header{z-index:10;background:#fff;border-bottom:1px solid #0000000a;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:12px 32px;transition:padding .3s;display:flex;position:relative}.admin-header-left{flex:none;align-items:center;gap:12px;min-width:0;display:flex}.admin-toggle-btn{color:#6b6b7a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 8px;transition:all .2s;display:none}.admin-toggle-btn.visible{display:flex!important}.admin-toggle-btn.hidden{display:none!important}.admin-toggle-btn:hover{color:#1a1a2e;background:#f5f6fa}.admin-toggle-btn svg{stroke-width:2px;width:20px;height:20px}.admin-back-btn{color:#6b6b7a;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:13px;font-weight:400;transition:all .2s;display:flex}.admin-back-btn:hover{color:#1a1a2e;background:#f5f6fa}.admin-back-btn:active{transform:scale(.95)}.admin-back-btn svg{stroke:currentColor;stroke-width:2px;width:16px;height:16px}.admin-header-right{flex-shrink:0;align-items:center;gap:12px;margin-left:auto;display:flex}.admin-page-title{color:#2c2c3e;white-space:nowrap;letter-spacing:-.2px;flex-shrink:0;margin:0;font-size:16px;font-weight:500}.admin-content-area{-webkit-overflow-scrolling:touch;background:#f8fafc;flex:1;min-height:0;padding:24px 32px 32px;overflow-y:auto}.admin-content-area::-webkit-scrollbar{width:6px;height:6px}.admin-content-area::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.admin-content-area::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.admin-content-area::-webkit-scrollbar-thumb:hover{background:#9ca3af}.content-wrapper{max-width:1440px;margin:0 auto}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-content-area>*{animation:.3s forwards fadeSlideIn}.content-card{background:#fff;border-radius:12px;margin-bottom:20px;padding:24px;box-shadow:0 1px 3px #0000000a}.content-card:last-child{margin-bottom:0}.table-responsive{-webkit-overflow-scrolling:touch;margin:0 -4px;overflow-x:auto}.table-responsive table{width:100%;min-width:700px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:24px;display:grid}.dashboard-grid-2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;margin-bottom:24px;display:grid}@media (width>=1201px){.admin-dashboard-header{min-height:60px;padding:14px 40px}.admin-content-area{padding:28px 40px 36px}.admin-page-title{font-size:17px}}@media (width<=1200px){.admin-dashboard-header{min-height:56px;padding:12px 28px}.admin-content-area{padding:24px 28px 30px}.admin-page-title{font-size:16px}}@media (width<=1024px){.admin-dashboard-header{min-height:54px;padding:10px 24px}.admin-content-area{padding:20px 24px 28px}.admin-page-title{font-size:15px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.dashboard-grid-2{grid-template-columns:1fr;gap:16px}}@media (width<=768px){.admin-dashboard.sidebar-open .admin-main-content,.admin-dashboard.sidebar-closed .admin-main-content{margin-left:0!important}.admin-dashboard-header{gap:10px;min-height:48px;padding:8px 16px}.admin-content-area{padding:16px 16px 20px}.admin-toggle-btn{padding:4px 6px;display:flex!important}.admin-toggle-btn svg{width:18px;height:18px}.admin-header-left,.admin-header-right{gap:6px}.admin-page-title{font-size:14px;font-weight:500}.admin-back-btn{padding:4px 8px;font-size:12px}.admin-back-btn span{display:none}.admin-back-btn svg{width:18px;height:18px}.content-card{border-radius:10px;margin-bottom:14px;padding:16px}.dashboard-grid,.dashboard-grid-2{grid-template-columns:1fr;gap:14px}.table-responsive table{min-width:600px;font-size:13px}}@media (width<=480px){.admin-dashboard-header{gap:8px;min-height:44px;padding:6px 12px}.admin-content-area{padding:12px 12px 16px}.admin-header-left{gap:4px}.admin-toggle-btn{padding:3px 4px}.admin-toggle-btn svg{width:16px;height:16px}.admin-header-right{gap:4px}.admin-page-title{font-size:12px;font-weight:500}.admin-back-btn{padding:3px 5px}.admin-back-btn svg{width:16px;height:16px}.content-card{border-radius:8px;margin-bottom:10px;padding:12px}.dashboard-grid,.dashboard-grid-2{gap:10px}.table-responsive{margin:0 -8px}.table-responsive table{min-width:500px;font-size:12px}}@media (width>=1920px){.admin-dashboard-header{min-height:64px;padding:16px 48px}.admin-content-area{padding:32px 48px 40px}.admin-page-title{font-size:18px}.content-card{border-radius:16px;margin-bottom:28px;padding:32px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.dashboard-grid-2{grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:24px}}@media (width>=2560px){.admin-dashboard-header{min-height:68px;padding:18px 64px}.admin-content-area{padding:40px 64px 48px}.admin-page-title{font-size:20px;font-weight:500}.content-wrapper{max-width:1600px}.content-card{border-radius:20px;margin-bottom:32px;padding:40px}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:28px}.dashboard-grid-2{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:28px}}@media print{.admin-dashboard-header{box-shadow:none!important;border-bottom:1px solid #e5e7eb!important;position:static!important}.admin-sidebar{display:none!important}.admin-main-content{margin-left:0!important}.admin-content-area{overflow:visible!important}}.admin-sidebar{z-index:1000;background:#fff;border-right:1px solid #0000000a;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 12px #00000008}.admin-sidebar.closed{width:72px;transform:translate(-100%)}.admin-sidebar.open{width:280px;transform:translate(0)}.admin-sidebar-header{border-bottom:1px solid #0000000a;flex-shrink:0;justify-content:space-between;align-items:center;min-height:80px;padding:20px 24px;transition:padding .3s;display:flex}.admin-sidebar.closed .admin-sidebar-header{justify-content:center;min-height:72px;padding:16px}.admin-sidebar-brand{cursor:pointer;align-items:center;gap:12px;display:flex}.admin-brand-icon{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-text.visible{opacity:1;width:auto}.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-toggle-wrapper{justify-content:center;align-items:center;width:100%;display:flex}.admin-sidebar-toggle{color:#6b6b7a;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .3s;display:flex}.admin-sidebar-toggle:hover{color:#1a1a2e;background:#f5f6fa}.admin-sidebar-toggle svg{stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:24px;height:24px}.admin-sidebar-close{color:#8a8a9a;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.admin-sidebar-close:hover{color:#1a1a2e;background:#f5f5f5}.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:hidden auto}.admin-sidebar.closed .admin-sidebar-nav{padding:12px 8px}.admin-nav-item-wrapper{flex-direction:column;display:flex;position:relative}.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%;min-height:44px;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.admin-sidebar.closed .admin-nav-item{border-radius:12px;justify-content:center;gap:0;min-height:48px;padding:12px}.admin-nav-item:hover{color:#1a1a2e;background:#f5f6fa}.admin-nav-item.active{color:#1a1a2e;background:#f0f1f5}.admin-nav-item.active .admin-nav-icon{color:#dc2626}.admin-nav-item.active .admin-nav-icon svg{stroke:#dc2626}.admin-nav-item.active:after{content:"";background:#dc2626;border-radius:3px 0 0 3px;width:3px;height:24px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.admin-sidebar.closed .admin-nav-item.active:after{height:20px}.admin-nav-icon{color:#6b6b7a;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.admin-nav-item:hover .admin-nav-icon{color:#dc2626;transform:scale(1.05)}.admin-nav-icon svg{stroke:currentColor;width:20px;height:20px}.admin-sidebar.closed .admin-nav-icon{width:24px;height:24px}.admin-sidebar.closed .admin-nav-icon svg{width:20px;height:20px}.admin-nav-label{text-align:left;white-space:nowrap;flex:1;transition:opacity .3s,width .3s;overflow:hidden}.admin-nav-label.hidden{opacity:0;width:0;overflow:hidden}.admin-nav-label.visible{opacity:1;width:auto}.admin-nav-arrow{color:#8a8a9a;flex-shrink:0;margin-left:auto;transition:transform .3s}.admin-nav-arrow.hidden{opacity:0;width:0;overflow:hidden}.admin-nav-arrow.visible{opacity:1;width:auto}.admin-nav-arrow.expanded{transform:rotate(180deg)}.admin-nav-arrow svg{stroke:currentColor;width:18px;height:18px}.admin-nav-submenu{flex-direction:column;gap:2px;padding-left:36px;animation:.3s slideDown;display:flex;overflow:hidden}.admin-sidebar.closed .admin-nav-submenu{display:none!important}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}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;width:100%;padding:8px 14px;font-family:inherit;font-size:13px;font-weight:400;transition:all .2s;display:flex}.admin-nav-subitem:hover{color:#1a1a2e;background:#f5f6fa}.admin-nav-subitem.active{color:#1a1a2e;background:#f0f1f5}.admin-nav-subitem.active .admin-nav-subitem-indicator{background:#dc2626;width:8px;height:8px}.admin-nav-subitem-indicator{background:#d0d0d8;border-radius:50%;flex-shrink:0;width:4px;height:4px;transition:all .3s}.admin-nav-subitem-label{flex:1}.admin-nav-tooltip{color:#1a1a2e;pointer-events:auto;background:#fff;border:1px solid #0000000f;border-radius:10px;min-width:220px;max-width:280px;padding:12px 16px;font-size:13px;font-weight:500;animation:.15s tooltipFadeIn;position:fixed;transform:translateY(-50%);box-shadow:0 8px 32px #0000001f;z-index:9999!important}.admin-nav-tooltip:before{content:"";border:7px solid #0000;border-right-color:#fff;position:absolute;top:50%;left:-7px;transform:translateY(-50%)}.admin-nav-tooltip-header{border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.admin-nav-tooltip-label{color:#1a1a2e;letter-spacing:.3px;font-size:13px;font-weight:600}.admin-nav-tooltip-description{color:#8a8a9a;font-size:11px;font-weight:400}.admin-nav-tooltip-no-submenu{padding:4px 0}.admin-nav-tooltip-submenu{border-top:none!important;flex-direction:column!important;gap:2px!important;margin-top:0!important;padding-top:0!important;display:flex!important}.admin-nav-tooltip-subitem{color:#6b6b7a!important;cursor:pointer!important;text-align:left!important;background:0 0!important;border:none!important;border-radius:6px!important;align-items:center!important;gap:10px!important;width:100%!important;padding:8px 10px!important;font-family:inherit!important;font-size:13px!important;font-weight:400!important;transition:all .2s!important;display:flex!important}.admin-nav-tooltip-subitem:hover{color:#1a1a2e!important;background:#f5f6fa!important}.admin-nav-tooltip-subitem.active{color:#1a1a2e!important;background:#f0f1f5!important}.admin-nav-tooltip-subitem.active .admin-nav-tooltip-subitem-indicator{background:#dc2626!important;width:8px!important;height:8px!important}.admin-nav-tooltip-subitem-indicator{background:#d0d0d8!important;border-radius:50%!important;flex-shrink:0!important;width:6px!important;height:6px!important;transition:all .2s!important}.admin-nav-tooltip-subitem-label{flex:1!important}.admin-nav-tooltip:hover{display:block!important}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%)translate(-8px)scale(.96)}to{opacity:1;transform:translateY(-50%)translate(0)scale(1)}}.admin-sidebar-footer{border-top:1px solid #0000000a;flex-direction:column;flex-shrink:0;gap:8px;padding:16px 20px;display:flex}.admin-sidebar.closed .admin-sidebar-footer{display:none!important}.admin-sidebar.open .admin-sidebar-footer{display:flex!important}.admin-sidebar-user{align-items:center;gap:12px;min-height:44px;display:flex}.admin-sidebar.closed .admin-sidebar-user{justify-content:center}.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;transition:all .3s;display:flex}.admin-sidebar.closed .admin-user-avatar{width:40px;height:40px;font-size:16px}.admin-user-details{flex-direction:column;flex:1;transition:opacity .3s,width .3s;display:flex;overflow:hidden}.admin-user-details.hidden{opacity:0;width:0;overflow:hidden}.admin-user-details.visible{opacity:1;width:auto}.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:#dc26260a;border:1px solid #dc26260f;border-radius:8px;align-items:center;gap:10px;width:100%;min-height:40px;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.admin-sidebar.closed .admin-sidebar-logout{justify-content:center;padding:8px}.admin-sidebar-logout:hover{background:#dc262614;border-color:#dc26261a}.admin-sidebar-logout svg{stroke:currentColor;flex-shrink:0;width:18px;height:18px}.admin-sidebar.closed .admin-sidebar-logout svg{width:20px;height:20px}.admin-sidebar-logout span{transition:opacity .3s,width .3s}.admin-sidebar-logout span.hidden{opacity:0;width:0;overflow:hidden}.admin-sidebar-logout span.visible{opacity:1;width:auto}.admin-sidebar-user-wrapper{width:100%;position:relative}.admin-sidebar-user{cursor:pointer;border-radius:10px;align-items:center;width:100%;padding:4px 8px;transition:all .2s;display:flex}.admin-sidebar-user:hover{background:#f5f6fa}.admin-user-avatar-wrapper{border-radius:8px;align-items:center;gap:12px;width:100%;padding:4px 4px 4px 0;transition:all .2s;display:flex}.admin-user-dropdown-arrow{color:#8a8a9a;flex-shrink:0;margin-left:auto;transition:transform .3s}.admin-user-dropdown-arrow.hidden{display:none}.admin-user-dropdown-arrow.visible{display:flex}.admin-user-dropdown-arrow.open{transform:rotate(180deg)}.admin-user-dropdown-arrow svg{width:16px;height:16px}.admin-profile-dropdown{z-index:100;background:#fff;border:1px solid #0000000a;border-radius:12px;min-width:200px;padding:8px;animation:.2s dropdownSlideUp;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 8px 32px #00000014}@keyframes dropdownSlideUp{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.admin-profile-dropdown-item{color:#4a4a5a;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.admin-profile-dropdown-item:hover{color:#1a1a2e;background:#f5f6fa}.admin-profile-dropdown-item.active{color:#1a1a2e;background:#f0f1f5}.admin-profile-dropdown-item.active .admin-profile-dropdown-icon svg{color:#dc2626}.admin-profile-dropdown-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.admin-profile-dropdown-icon svg{color:#6b6b7a;stroke:currentColor;stroke-width:2px;width:18px;height:18px}.admin-profile-dropdown-item:hover .admin-profile-dropdown-icon svg{color:#dc2626}.admin-profile-dropdown-label{flex:1}.admin-profile-collapsed-container{z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.admin-profile-collapsed-trigger{cursor:pointer;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.admin-profile-collapsed-trigger .admin-user-avatar{color:#fff;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.admin-profile-collapsed-trigger .admin-user-avatar:hover{transform:scale(1.05);box-shadow:0 4px 12px #dc26264d}.admin-profile-tooltip-float{background:#fff;border:1px solid #0000000a;border-radius:10px;min-width:180px;padding:8px;animation:.15s tooltipFadeIn;position:fixed;bottom:20px;left:82px;box-shadow:0 8px 32px #0000001f;z-index:9999!important}.admin-profile-tooltip-float:before{content:"";border:7px solid #0000;border-right-color:#fff;position:absolute;bottom:12px;left:-8px}.admin-profile-tooltip-item{color:#4a4a5a;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;width:100%;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s;display:flex}.admin-profile-tooltip-item:hover{color:#1a1a2e;background:#f5f6fa}.admin-profile-tooltip-item.active{color:#1a1a2e;background:#f0f1f5}.admin-profile-tooltip-item.active .admin-profile-tooltip-icon svg{color:#dc2626}.admin-profile-tooltip-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.admin-profile-tooltip-icon svg{color:#6b6b7a;stroke:currentColor;stroke-width:2px;width:16px;height:16px}.admin-profile-tooltip-item:hover .admin-profile-tooltip-icon svg{color:#dc2626}.admin-profile-tooltip-label{flex:1}@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,.admin-sidebar.closed .admin-sidebar-footer{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-arrow,.admin-sidebar.open .admin-nav-submenu,.admin-sidebar.open .admin-sidebar-footer{display:flex!important}.admin-sidebar-overlay{display:none!important}.admin-nav-tooltip{display:block}}@media (width<=768px){.admin-sidebar{width:100%!important;max-width:320px!important}.admin-sidebar.closed{width:320px!important;transform:translate(-100%)!important}.admin-sidebar.open{width:320px!important;transform:translate(0)!important}.admin-sidebar-overlay.active{display:block!important}.admin-sidebar-header{min-height:72px!important;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{min-height:40px!important;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-nav-tooltip{display:none!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-arrow,.admin-sidebar.open .admin-nav-submenu{display:flex!important}.admin-sidebar.closed .admin-brand-text,.admin-sidebar.closed .admin-nav-label,.admin-sidebar.closed .admin-user-details,.admin-sidebar.closed .admin-sidebar-logout span,.admin-sidebar.closed .admin-nav-arrow,.admin-sidebar.closed .admin-nav-submenu,.admin-sidebar.closed .admin-sidebar-footer{display:none!important}.admin-profile-dropdown{min-width:auto;position:absolute;bottom:calc(100% + 8px);left:8px;right:8px}.admin-profile-tooltip-float{bottom:16px!important;left:68px!important}.admin-profile-collapsed-container{bottom:16px}}.admin-logout-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0006;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 #00000026}.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{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.admin-logout-btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;min-width:100px;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;min-width:100px;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)}}.admin-sidebar-nav::-webkit-scrollbar{width:4px}.admin-sidebar-nav::-webkit-scrollbar-track{background:0 0}.admin-sidebar-nav::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.admin-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#d0d0d0}.admin-sidebar-nav{scrollbar-width:thin;scrollbar-color:#e0e0e0 transparent}.admin-profile-dropdown{max-height:200px;overflow-y:auto}.admin-profile-dropdown::-webkit-scrollbar{width:3px}.admin-profile-dropdown::-webkit-scrollbar-track{background:0 0}.admin-profile-dropdown::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.admin-profile-dropdown::-webkit-scrollbar-thumb:hover{background:#d0d0d0}.admin-nav-item:hover .admin-nav-icon{filter:drop-shadow(0 0 6px #dc262626)}.admin-nav-item.active .admin-nav-icon{filter:drop-shadow(0 0 8px #dc262633)}.admin-nav-tooltip-subitem:hover{padding-left:16px!important}.admin-nav-tooltip-subitem{transition:all .25s!important}@keyframes subtlePulse{0%,to{opacity:1}50%{opacity:.6}}.admin-nav-item.active .admin-nav-subitem-indicator{animation:2s ease-in-out infinite subtlePulse}.team-leaders-container{max-width:1400px!important;margin:0 auto!important;animation:.5s fadeIn!important}.team-leaders-header{margin-bottom:12px!important}.search-box input:-webkit-autofill{-webkit-text-fill-color:#1a1a2e!important;background:0 0!important;box-shadow:inset 0 0 0 1000px #0000!important}.search-box input:-webkit-autofill:hover{-webkit-text-fill-color:#1a1a2e!important;background:0 0!important;box-shadow:inset 0 0 0 1000px #0000!important}.search-box input:-webkit-autofill:focus{-webkit-text-fill-color:#1a1a2e!important;background:0 0!important;box-shadow:inset 0 0 0 1000px #0000!important}.search-box input:-webkit-autofill:active{-webkit-text-fill-color:#1a1a2e!important;background:0 0!important;box-shadow:inset 0 0 0 1000px #0000!important}.leaders-table-container{background:#fff!important;border:1px solid #e8e9f0!important;border-radius:12px!important;overflow:visible!important}.leaders-table{border-collapse:collapse!important;width:100%!important}.leaders-table thead{background:#f8f9fc!important}.leaders-table th{text-align:left!important;color:#6b6b7a!important;text-transform:uppercase!important;letter-spacing:.5px!important;padding:12px 16px!important;font-size:11px!important;font-weight:600!important}.leaders-table td{color:#1a1a2e!important;border-top:1px solid #f0f1f5!important;padding:10px 16px!important;font-size:13px!important}.leader-name{align-items:center!important;gap:10px!important;display:flex!important}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer-row{border-bottom:1px solid #f0f1f5!important;padding:12px 16px!important}.loading-state .spinner{display:none!important}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@media (width<=768px){.header-top{flex-direction:row!important;justify-content:flex-start!important}.btn-add{padding:6px 12px!important;font-size:12px!important}.btn-add svg{width:14px!important;height:14px!important}.search-filter-bar{flex-direction:column!important;align-items:stretch!important;padding:12px!important}.search-box{width:100%!important}.search-box input{width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.search-box input:hover,.search-box input:focus,.search-box input:active,.search-box input:focus-visible{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.filter-options{justify-content:center!important}.leaders-table{font-size:12px!important}.leaders-table th,.leaders-table td{padding:8px 10px!important}.action-menu{min-width:100px!important;right:-8px!important}.sticky-header{padding:8px 0 0!important}}.add-team-leader-page{box-sizing:border-box;width:100%;min-height:100%;padding:28px}.add-team-leader-container{background:#fff;border:1px solid #eef0f4;border-radius:14px;width:100%;max-width:1000px;margin:0 auto;overflow:hidden;box-shadow:0 2px 10px #0000000a}.add-page-header{background:#fff;border-bottom:1px solid #eef0f4;padding:26px 32px}.add-page-header h2{color:#1a1a2e;margin:0;font-size:22px;font-weight:650}.add-page-header p{color:#858596;margin:6px 0 0;font-size:14px}.add-form-body{padding:32px}.form-row{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:4px;display:grid}.form-group input{box-sizing:border-box;color:#1a1a2e;background:#fafbfc;border:1px solid #dfe1e8;border-radius:8px;outline:none;width:100%;height:46px;padding:0 14px;font-family:inherit;font-size:14px;transition:all .2s}.form-group input::placeholder{color:#a5a6b2}.form-group input:hover{border-color:#cfd1d9}.form-error{color:#dc2626;background:#ef444412;border:1px solid #ef44442e;border-radius:8px;align-items:center;margin-bottom:24px;padding:12px 15px;font-size:14px;line-height:1.4;display:flex}.form-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:10px;margin-bottom:24px;padding:12px 15px;font-size:14px;line-height:1.4;display:flex}.form-success:before{content:"✓";color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex}.form-actions{border-top:1px solid #eef0f4;justify-content:flex-end;align-items:center;gap:12px;margin-top:10px;padding-top:24px;display:flex}.btn-cancel,.btn-submit{cursor:pointer;border:none;border-radius:8px;min-width:120px;height:44px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.btn-cancel{color:#4b4c59;background:#f3f4f6;border:1px solid #e5e7eb}.btn-cancel:hover{background:#e9eaed;border-color:#dcdde2}.btn-submit{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);min-width:170px;box-shadow:0 3px 10px #dc26262e}.btn-submit:active:not(:disabled){transform:translateY(0)}.btn-submit:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}@media (width<=900px){.add-team-leader-page{padding:20px}.add-form-body{padding:26px}.add-page-header{padding:22px 26px}}@media (width<=768px){.add-team-leader-page{padding:14px}.add-team-leader-container{border-radius:10px}.add-page-header{padding:20px}.add-page-header h2{font-size:20px}.add-form-body{padding:20px}.form-row{grid-template-columns:1fr;gap:0}.form-group{margin-bottom:18px}.form-actions{flex-direction:column-reverse;align-items:stretch}.btn-cancel,.btn-submit{width:100%;min-width:0;height:46px}}@media (width<=480px){.add-team-leader-page{padding:10px}.add-page-header,.add-form-body{padding:18px}.form-group input{height:44px}}.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}.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}.members-table-container{background:#fff;border:1px solid #e8e9f0;border-radius:12px;overflow:visible}.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:14px 16px;font-size:12px;font-weight:600}.members-table td{color:#1a1a2e;border-top:1px solid #f0f1f5;padding:12px 16px;font-size:14px}.leader-name-text{color:#3b82f6;font-weight:500}.unassigned-text{color:#8a8a9a;font-style:italic}.btn-action-menu{color:#6b6b7a;cursor:pointer;width:34px;height:34px;box-shadow:none;background:0 0;border:none;border-radius:6px;outline:none;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s;display:flex}@keyframes actionMenuSlideDown{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.action-menu-item{text-align:left;cursor:pointer;width:100%;box-shadow:none;background:0 0;border:none;outline:none;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:background .2s;display:block}.action-view{color:#3b82f6}.action-view:hover{background:#3b82f614}.shimmer-container{animation:.3s fadeIn}.shimmer-search-filter{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}.shimmer-search{background:linear-gradient(90deg,#f0f1f5 25%,#e8e9f0 50%,#f0f1f5 75%) 0 0/200% 100%;border-radius:8px;flex:1;min-width:200px;height:40px;animation:1.5s infinite shimmer}.shimmer-filters{gap:8px;display:flex}.shimmer-filter-btn{background:linear-gradient(90deg,#f0f1f5 25%,#e8e9f0 50%,#f0f1f5 75%) 0 0/200% 100%;border-radius:20px;width:60px;height:34px;animation:1.5s infinite shimmer}.shimmer-table{background:#fff;border:1px solid #e8e9f0;border-radius:12px;padding:0;overflow:hidden}.shimmer-header{background:#f8f9fc;gap:16px;padding:14px 16px;display:flex}.shimmer-header-cell{background:linear-gradient(90deg,#e8e9f0 25%,#dcdde4 50%,#e8e9f0 75%) 0 0/200% 100%;border-radius:4px;flex:1;height:14px;animation:1.5s infinite shimmer}.shimmer-header-cell:first-child{flex:.3}.shimmer-header-cell:nth-child(2){flex:1.2}.shimmer-header-cell:last-child{flex:.8}.shimmer-row{border-bottom:1px solid #f0f1f5;align-items:center;gap:16px;padding:12px 16px;display:flex}.shimmer-cell-name{flex:1.2}@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}.btn-action-menu{width:32px;height:32px}.btn-action-menu svg{width:17px;height:17px}.action-menu{min-width:120px;right:-8px}.shimmer-search-filter{flex-direction:column;align-items:stretch}.shimmer-filters{justify-content:center}}@media (width<=480px){.stats-cards{grid-template-columns:1fr 1fr}.members-table{font-size:12px}.members-table th,.members-table td{padding:8px 10px}.shimmer-header{display:none}.shimmer-row{flex-wrap:wrap;gap:8px}.shimmer-cell{flex:30%;min-width:60px;height:12px}.shimmer-cell:first-child{flex:0 0 20px}.shimmer-cell-name{flex:100%}}.team-leader-detail-container{width:100%;max-width:1200px;margin:0 auto;padding-bottom:30px;animation:.35s fadeIn}.leader-profile-shimmer{background:#fff;border:1px solid #e8e9f0;border-radius:14px;align-items:center;gap:18px;margin-bottom:18px;padding:18px 20px;display:flex;overflow:hidden}.shimmer-avatar{background:linear-gradient(90deg,#f0f1f5 25%,#e7e8ed 50%,#f0f1f5 75%) 0 0/200% 100%;border-radius:50%;width:62px;min-width:62px;height:62px;animation:1.5s infinite shimmer}.shimmer-profile-content{flex:1}.shimmer-line,.shimmer-button,.shimmer-search,.shimmer-filter,.shimmer-cell{background:linear-gradient(90deg,#f0f1f5 25%,#e7e8ed 50%,#f0f1f5 75%) 0 0/200% 100%;border-radius:6px;animation:1.5s infinite shimmer}.shimmer-name{width:190px;height:20px;margin-bottom:8px}.shimmer-role{width:100px;height:13px;margin-bottom:15px}.shimmer-meta-row{flex-wrap:wrap;gap:18px;display:flex}.shimmer-meta{width:140px;height:12px}.shimmer-button{border-radius:8px;width:105px;height:36px}.shimmer-section{overflow:hidden}.shimmer-section-top{margin-bottom:18px}.shimmer-title{width:130px;height:20px}.shimmer-search-row{justify-content:space-between;gap:20px;margin-bottom:18px;display:flex}.shimmer-search{width:360px;height:40px}.shimmer-filter{width:220px;height:40px}.shimmer-table{width:100%}.shimmer-table-header{background:#f8f9fc;border-radius:8px 8px 0 0;height:42px;margin-bottom:2px}.shimmer-table-row{border-bottom:1px solid #f0f1f5;grid-template-columns:45px 1.4fr 1.5fr 1fr 100px 90px 70px;align-items:center;gap:16px;min-height:58px;padding:0 16px;display:grid}.shimmer-cell{height:13px}.shimmer-cell.small{width:45px}.shimmer-cell.wide{width:80%}.shimmer-cell.action{width:30px}.error-message{color:#be123c;background:#fff1f2;border:1px solid #fecdd3;border-radius:9px;margin-bottom:16px;padding:11px 14px;font-size:13px}.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;display:flex}.leader-profile{z-index:50;background:#fff;border:1px solid #e8e9f0;border-radius:14px;align-items:center;gap:18px;margin-bottom:18px;padding:17px 20px;display:flex;position:sticky;top:0;box-shadow:0 3px 12px #1414280a}.profile-avatar-large{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:50%;justify-content:center;align-items:center;width:62px;min-width:62px;height:62px;font-size:23px;font-weight:700;display:flex}.profile-info{flex:1;min-width:0}.profile-title-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.profile-info h2{color:#1a1a2e;margin:0 0 2px;font-size:20px;font-weight:700}.profile-role{color:#7a7a89;text-transform:capitalize;margin:0 0 10px;font-size:12px}.profile-meta{color:#556;flex-wrap:wrap;align-items:center;gap:14px;font-size:12px;display:flex}.profile-meta>span{align-items:center;gap:5px;display:flex}.meta-icon{color:#8a8a9a;font-size:12px}.status-badge{border-radius:20px;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.leader-card-actions{flex-shrink:0;align-items:center;gap:7px;display:flex}.btn-edit,.btn-password{cursor:pointer;border:none;border-radius:7px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.btn-edit{color:#2563eb;background:#3b82f617}.btn-edit:hover{background:#3b82f629}.btn-password{color:#dc2626;background:#dc262614}.btn-password:hover{background:#dc262626}.btn-add-member{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:8px 13px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.btn-add-member:hover{transform:translateY(-1px);box-shadow:0 4px 12px #dc262640}.btn-add-member:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-add-member svg{width:14px;height:14px}.registration-summary{background:#f8f9fc;border:1px solid #eef0f4;border-radius:8px;align-items:center;width:fit-content;max-width:100%;margin-top:13px;padding:9px 12px;display:flex}.registration-item{align-items:center;gap:8px;padding:0 12px;display:flex}.registration-item:first-child{padding-left:0}.registration-item strong{color:#1a1a2e;font-size:14px;font-weight:700}.registration-label{color:#777786;font-size:11px;font-weight:500}.registration-divider{background:#dfe1e7;width:1px;height:22px}.edit-form-container h3{color:#1a1a2e;margin:0 0 16px;font-size:17px;font-weight:600}.form-group input{color:#1a1a2e;background:#f8f9fc;border:1px solid #e8e9f0;border-radius:8px;outline:none;padding:10px 13px;font-family:inherit;font-size:13px;transition:all .2s}.form-group input:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 3px #dc262612}.btn-cancel,.btn-save{cursor:pointer;border:none;border-radius:8px;padding:9px 20px;font-family:inherit;font-size:13px;font-weight:600}.btn-save{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c)}.members-section{background:#fff;border:1px solid #e8e9f0;border-radius:14px;padding:20px;box-shadow:0 2px 10px #14142806}.members-section-title{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.members-section-title h3{color:#1a1a2e;margin:0 0 3px;font-size:17px;font-weight:650}.members-section-title p{color:#8a8a9a;margin:0;font-size:11px}.members-search-filter{justify-content:space-between;align-items:center;gap:20px;width:100%;margin-bottom:16px;display:flex}.search-box{width:360px;max-width:100%;position:relative}.search-box input{box-sizing:border-box;color:#1a1a2e;background:#f8f9fc;border:1px solid #e5e7eb;border-radius:8px;outline:none;width:100%;padding:10px 12px 10px 38px;font-family:inherit;font-size:13px;transition:all .2s}.filter-options{background:#f5f6f9;border:1px solid #e9eaf0;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:3px;display:flex}.filter-btn:hover{color:#1a1a2e}.filter-btn.active{color:#dc2626;background:#fff;box-shadow:0 1px 4px #14142814}.members-table-container{scrollbar-width:thin;scrollbar-color:#d6d8de transparent;border:1px solid #edf0f3;border-radius:9px;width:100%;max-height:470px;position:relative;overflow:auto}.members-table{border-collapse:separate;border-spacing:0;width:100%;min-width:900px}.members-table thead{z-index:20;background:#f8f9fc;position:sticky;top:0}.members-table th{text-align:left;color:#737382;text-transform:uppercase;letter-spacing:.45px;white-space:nowrap;background:#f8f9fc;border-bottom:1px solid #e7e9ee;padding:11px 14px;font-size:10px;font-weight:700;position:sticky;top:0}.members-table td{color:#1a1a2e;white-space:nowrap;background:#fff;border-bottom:1px solid #f0f1f5;padding:10px 14px;font-size:12px}.members-table tbody tr:last-child td{border-bottom:none}.clickable-row:hover td{background:#fafbfc}.number-cell{color:#9a9aa7!important;font-size:11px!important}.email-cell{color:#5e5e6d!important}.member-name{align-items:center;gap:9px;display:flex}.member-name-content{min-width:130px}.member-full-name{color:#242435;font-size:12px;font-weight:600}.avatar-small{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:50%;justify-content:center;align-items:center;width:30px;min-width:30px;height:30px;font-size:10px;font-weight:700;display:flex}.registration-count{color:#4b4b59;background:#f3f4f6;border-radius:6px;justify-content:center;align-items:center;min-width:25px;height:25px;padding:0 7px;font-size:11px;font-weight:700;display:inline-flex}.actions-header{text-align:center!important}.actions-cell{text-align:center;position:relative}.action-menu-wrapper{justify-content:center;align-items:center;display:inline-flex;position:relative}.action-menu-button{cursor:pointer;background:0 0;border:none;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:30px;height:30px;transition:all .15s;display:flex}.action-menu-button:hover,.action-menu-button.open{background:#f0f1f5}.action-menu-button span{background:#666675;border-radius:50%;flex-shrink:0;width:4px;height:4px;display:block}.action-dropdown{z-index:100;background:#fff;border:1px solid #e6e8ed;border-radius:9px;width:165px;padding:5px;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 8px 25px #1414281f,0 2px 6px #1414280f}.action-dropdown button{color:#3f3f4d;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:9px;width:100%;padding:9px 10px;font-family:inherit;font-size:12px;font-weight:500;display:flex}.action-dropdown button:hover{background:#f6f7f9}.action-dropdown .danger-action{color:#dc2626}.action-dropdown .danger-action:hover{background:#fff1f2}.action-dropdown .success-action{color:#059669}.action-dropdown .success-action:hover{background:#ecfdf5}.dropdown-icon{text-align:center;width:18px;font-size:12px}.members-empty{text-align:center;color:#8a8a9a;padding:50px 20px}.empty-icon{background:#f5f6f8;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;margin:0 auto 12px;font-size:20px;display:flex}.members-empty p{margin:0;font-size:13px}.members-empty .btn-add-member{margin-top:13px}.add-member-overlay{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:9999;background:#0000007a;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.add-member-container{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:80vh;animation:.25s slideUp;overflow:hidden;box-shadow:0 20px 60px #0003}.add-member-header{border-bottom:1px solid #f0f1f5;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.add-member-header h3{color:#1a1a2e;margin:0 0 3px;font-size:17px;font-weight:650}.add-member-header p{color:#8a8a9a;margin:0;font-size:11px}.add-member-close{color:#8a8a9a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:4px;transition:all .2s;display:flex}.add-member-close:hover{color:#1a1a2e;background:#f0f1f5}.add-member-close svg{width:19px;height:19px}.add-member-body{max-height:60vh;padding:20px;overflow-y:auto}.no-members-available{text-align:center;color:#8a8a9a;padding:20px 0;font-size:13px}.available-members-list{flex-direction:column;gap:7px;display:flex}.available-member-item{background:#f8f9fc;border-radius:8px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .2s;display:flex}.available-member-item:hover{background:#f0f1f5}.member-info{align-items:center;gap:10px;display:flex}.member-name-text{color:#1a1a2e;font-size:13px;font-weight:600}.member-email-text{color:#8a8a9a;margin-top:2px;font-size:11px}.btn-add-member-item{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600}.btn-add-member-item:hover{transform:scale(1.03)}.btn-add-member-item:disabled{opacity:.6;cursor:not-allowed}.toast{z-index:10000;background:#fff;border:1px solid #e8e9f0;border-radius:9px;align-items:center;gap:10px;min-width:280px;padding:13px 15px;animation:.25s toastIn;display:flex;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 35px #00000024}.toast-success{border-left:3px solid #10b981}.toast-error{border-left:3px solid #ef4444}.toast-close{color:#9999a6;cursor:pointer;background:0 0;border:none;font-size:18px}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.leader-profile{align-items:flex-start}.profile-title-row{flex-direction:column;gap:10px}.leader-card-actions{width:100%}.members-search-filter{gap:12px}.search-box{width:100%}}@media (width<=768px){.team-leader-detail-container{padding:0 10px 25px}.leader-profile{flex-wrap:wrap;padding:15px;position:relative}.profile-info{width:calc(100% - 80px)}.leader-card-actions{width:100%}.registration-summary{justify-content:space-between;width:100%}.registration-item{flex-direction:column;align-items:flex-start;gap:2px;padding:0 7px}.registration-divider{height:30px}.members-section{padding:15px}.members-search-filter{flex-direction:row;align-items:center}.filter-options{flex-shrink:0}.filter-btn{padding:7px 9px}.form-row{grid-template-columns:1fr;gap:0}}@media (width<=600px){.leader-profile{gap:12px}.profile-avatar-large{width:52px;min-width:52px;height:52px;font-size:19px}.profile-info{width:calc(100% - 65px)}.profile-info h2{font-size:17px}.profile-meta{flex-direction:column;align-items:flex-start;gap:6px}.leader-card-actions{flex-wrap:wrap}.registration-summary{flex-wrap:wrap;gap:8px}.registration-divider{display:none}.registration-item{flex:1;min-width:90px}.members-search-filter{flex-direction:column;align-items:stretch}.filter-options{align-self:flex-end;width:fit-content}.shimmer-search-row{flex-direction:column}.shimmer-search,.shimmer-filter{width:100%}}@media (width<=480px){.leader-card-actions{grid-template-columns:1fr 1fr;display:grid}.profile-add-member{grid-column:1/-1}.members-section-title h3{font-size:15px}.filter-options{justify-content:space-between;width:100%}.filter-btn{flex:1}.toast{min-width:0;left:15px;right:15px}}.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}.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}.toast{z-index:10000;background:#fff;border-left:4px solid;border-radius:12px;align-items:center;gap:12px;max-width:420px;padding:14px 20px;animation:.3s slideInRight;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 8px 32px #00000026}.toast-message{color:#1a1a2e;flex:1;font-size:14px}.toast-close{color:#8a8a9a;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:20px}.member-profile-compact{background:#fff;border:1px solid #e8e9f0;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:14px 20px;display:flex}.profile-left{align-items:center;gap:12px;display:flex}.profile-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:44px;height:44px;font-size:16px;font-weight:700;display:flex}.profile-info-compact h3{color:#1a1a2e;margin:0;font-size:15px;font-weight:600;line-height:1.3}.profile-role-compact{color:#6b6b7a;text-transform:capitalize;font-size:12px}.profile-center{align-items:center;gap:12px;display:flex}.info-item{align-items:center;gap:6px;display:flex}.info-icon{font-size:14px;line-height:1}.info-value{color:#1a1a2e;white-space:nowrap;font-size:13px;font-weight:500}.info-divider{background:#e8e9f0;width:1px;height:24px}.profile-right{align-items:center;gap:6px;display:flex}.profile-right .status-badge{margin-right:4px;padding:3px 10px;font-size:10px}.btn-edit-compact,.btn-password-compact,.btn-back-compact{color:#6b6b7a;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.btn-edit-compact:hover{color:#3b82f6;background:#3b82f61a}.btn-password-compact:hover{color:#dc2626;background:#dc26261a}.btn-back-compact:hover{color:#1a1a2e;background:#f0f1f5}.btn-edit-compact svg,.btn-password-compact svg,.btn-back-compact svg{width:18px;height:18px}.edit-form-container{background:#fff;border:1px solid #e8e9f0;border-radius:14px;margin-bottom:20px;padding:24px}.edit-form-container h3{color:#1a1a2e;margin-bottom:16px;font-size:16px;font-weight:600}.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:4px;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-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}.registrations-section{background:#fff;border:1px solid #e8e9f0;border-radius:14px;padding:20px 24px 24px}.registrations-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.registrations-header h3{color:#1a1a2e;margin:0;font-size:16px;font-weight:600}.registrations-filters{flex-wrap:wrap;align-items:center;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-range-filter{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.date-input-group{align-items:center;gap:6px;display:flex}.date-input-group label{color:#6b6b7a;font-size:12px;font-weight:500}.date-input-group input[type=date]{color:#1a1a2e;cursor:pointer;background:#f8f9fc;border:1px solid #e8e9f0;border-radius:8px;outline:none;min-width:140px;padding:7px 10px;font-family:inherit;font-size:13px}.date-input-group input[type=date]:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 4px #dc262614}.btn-clear-dates{color:#6b6b7a;cursor:pointer;background:#f0f1f5;border:none;border-radius:8px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s}.btn-clear-dates:hover{color:#1a1a2e;background:#e5e6ea}.registrations-table-wrapper{border:1px solid #f0f1f5;border-radius:8px;max-height:450px;overflow-y:auto}.registrations-table{border-collapse:collapse;width:100%;font-size:14px}.registrations-table thead.sticky-header{z-index:10;position:sticky;top:0}.registrations-table thead.sticky-header tr{background:#f8f9fc}.registrations-table thead.sticky-header th{text-align:left;color:#6b6b7a;text-transform:uppercase;letter-spacing:.5px;background:#f8f9fc;border-bottom:2px solid #e8e9f0;padding:10px 14px;font-size:11px;font-weight:600}.registrations-table td{color:#1a1a2e;border-bottom:1px solid #f0f1f5;padding:10px 14px}.registrations-table tbody tr:hover{background:#fafafc}.registrations-empty{text-align:center;color:#8a8a9a;padding:40px 20px}.status-badge{text-transform:capitalize;border-radius:12px;padding:3px 10px;font-size:11px;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}.shimmer-container{max-width:1200px;margin:0 auto}.shimmer-card{background:#fff;border:1px solid #e8e9f0;border-radius:14px;align-items:center;gap:16px;margin-bottom:20px;padding:14px 20px;display:flex}.shimmer-avatar{background:linear-gradient(90deg,#f0f1f5 25%,#e8e9f0 50%,#f0f1f5 75%) 0 0/200% 100%;border-radius:50%;flex-shrink:0;width:44px;height:44px;animation:1.5s infinite shimmer}.shimmer-content{flex:1}.shimmer-line{background:linear-gradient(90deg,#f0f1f5 25%,#e8e9f0 50%,#f0f1f5 75%) 0 0/200% 100%;border-radius:6px;height:12px;margin-bottom:8px;animation:1.5s infinite shimmer}.shimmer-line:last-child{margin-bottom:0}.shimmer-line-lg{width:160px;height:16px}.shimmer-line-md{width:100px}.shimmer-line-sm{width:70px}.shimmer-table{background:#fff;border:1px solid #e8e9f0;border-radius:14px;padding:20px 24px 24px}.shimmer-row{border-bottom:1px solid #f0f1f5;gap:16px;padding:10px 0;display:flex}.shimmer-row:last-child{border-bottom:none}.shimmer-cell{background:linear-gradient(90deg,#f0f1f5 25%,#e8e9f0 50%,#f0f1f5 75%) 0 0/200% 100%;border-radius:4px;flex:1;height:14px;animation:1.5s infinite shimmer}.shimmer-cell:first-child{flex:.2}.shimmer-cell:nth-child(2){flex:1.2}.shimmer-cell:last-child{flex:.6}@media (width<=768px){.member-profile-compact{flex-direction:column;align-items:stretch;padding:16px}.profile-left{justify-content:center}.profile-center{flex-wrap:wrap;justify-content:center;padding:6px 0}.profile-right{justify-content:center}.form-row{grid-template-columns:1fr}.registrations-filters{flex-direction:column;align-items:stretch}.date-range-filter{flex-wrap:wrap;justify-content:center}.registrations-table-wrapper{max-height:350px}.registrations-table{font-size:13px}.registrations-table th,.registrations-table td{padding:8px 10px}}@media (width<=480px){.member-profile-compact{padding:12px}.profile-avatar-small{width:36px;height:36px;font-size:13px}.profile-info-compact h3{font-size:13px}.profile-center{gap:8px}.info-divider{height:18px}.info-value{font-size:12px}.date-input-group input[type=date]{min-width:100px;padding:5px 8px;font-size:12px}.registrations-table{font-size:12px}.registrations-table th,.registrations-table td{padding:6px 8px}.registrations-table-wrapper{max-height:280px}}.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-unknown{color:#8a8a9a;background:#f0f1f5}.car-detail-overlay{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;z-index:9999!important;box-sizing:border-box!important;background:#00000080!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.car-detail-container{z-index:10000!important;background:#fff!important;border-radius:24px!important;width:100%!important;max-width:800px!important;max-height:85vh!important;margin:auto!important;animation:.3s cubic-bezier(.16,1,.3,1) slideUp!important;position:relative!important;overflow-y:auto!important;box-shadow:0 20px 60px #0003!important}.car-detail-header{z-index:2;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;margin:0;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:8px;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!important;max-width:100%!important;max-height:90vh!important;margin:10px!important}.car-detail-overlay{padding:10px!important}.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}.stat-badge.not-synced{color:#ef4444;background:#ef44441a;border-color:#ef444433}.filter-row{flex-wrap:nowrap;width:100%;justify-content:flex-start!important;align-items:center!important;gap:5px!important;display:flex!important}.search-box{flex:0 420px;width:420px;min-width:250px;position:relative}.search-box input{box-sizing:border-box;color:#252936;background:#fafbfc;border:1px solid #e2e5ea;border-radius:7px;outline:none;width:100%;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s;height:13px!important;padding:2px 8px!important}.search-box input::placeholder{color:#a3a8b3}.clear-search{color:#9aa0ad;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.clear-search:hover{color:#555b66;background:#f0f1f4}.filter-group{flex-direction:row!important;flex:none!important;justify-content:flex-start!important;align-items:center!important;gap:4px!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;display:flex!important}.filter-group label{color:#737985;text-transform:uppercase;letter-spacing:.1px;white-space:nowrap;margin:0!important;padding:0!important;font-size:10px!important;font-weight:600!important;line-height:1!important;display:inline-block!important}.filter-group select{box-sizing:border-box;color:#30343d;cursor:pointer;background:#fafbfc;border:1px solid #e2e5ea;border-radius:6px;outline:none;padding:4px 6px;font-family:inherit;transition:border-color .15s,box-shadow .15s;width:82px!important;min-width:82px!important;max-width:82px!important;height:30px!important;font-size:11px!important}.filter-group input[type=date]{box-sizing:border-box;color:#30343d;cursor:pointer;background:#fafbfc;border:1px solid #e2e5ea;border-radius:6px;outline:none;padding:4px 6px;font-family:inherit;font-size:10px;transition:border-color .15s,box-shadow .15s;width:115px!important;min-width:115px!important;max-width:115px!important;height:30px!important}.filter-group input[type=date]:focus{background:#fff;border-color:#cfd4dc;box-shadow:0 0 0 2px #00000008}.date-filter+.date-filter{margin-left:0!important;padding-left:0!important}.btn-clear-dates{color:#6f7480;cursor:pointer;white-space:nowrap;background:#f7f8fa;border:1px solid #e2e5ea;border-radius:7px;width:auto;height:30px;margin-left:2px;padding:0 9px;font-family:inherit;font-size:10px;font-weight:500;transition:background .15s,border-color .15s,color .15s}.btn-clear-dates:hover{color:#343840;background:#eef0f3;border-color:#d8dbe1}.drivers-table-container{background:#fff;border:1px solid #e8e9f0;border-radius:12px;overflow:hidden auto}.drivers-table{border-collapse:collapse;width:100%}.drivers-table thead{z-index:10;background:#f8f9fc;position:sticky;top:0}.drivers-table th{text-align:left;color:#6b6b7a;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #e8e9f0;padding:12px 16px;font-size:11px;font-weight:600}.drivers-table td{color:#1a1a2e;border-bottom:1px solid #f0f1f5;padding:10px 16px;font-size:13px}.drivers-table tbody{max-height:calc(100vh - 250px);display:block;overflow-y:auto}.drivers-table thead,.drivers-table tbody tr{table-layout:fixed;width:100%;display:table}.drivers-table th:first-child,.drivers-table td:first-child{width:50px}.drivers-table th:nth-child(2),.drivers-table td:nth-child(2){width:30%}.drivers-table th:nth-child(3),.drivers-table td:nth-child(3){width:20%}.drivers-table th:nth-child(4),.drivers-table td:nth-child(4){width:25%}.drivers-table th:nth-child(5),.drivers-table td:nth-child(5){width:15%}.driver-name{align-items:center;gap:10px;display:flex}.driver-fullname{color:#1a1a2e;font-weight:500}.driver-middle{color:#8a8a9a;font-size:11px}.license-info{flex-direction:column;gap:1px;display:flex}.license-number{font-family:monospace;font-size:12px;font-weight:500}.license-country{color:#8a8a9a;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.sync-badge{border-radius:12px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-block}@media (width<=1000px){.filter-row{flex-wrap:wrap!important;gap:6px!important}.search-box{flex:100%;width:100%}}@media (width<=768px){.filter-row{flex-flow:wrap!important;align-items:center!important;gap:6px!important}.search-box{flex:100%;width:100%;min-width:100%}.filter-group{flex:none!important;width:auto!important;min-width:auto!important}.filter-group select{width:90px!important;min-width:90px!important;max-width:90px!important}.filter-group input[type=date]{width:125px!important;min-width:125px!important;max-width:125px!important}.btn-clear-dates{align-self:center}}@media (width<=480px){.filters-section{padding:6px}.filter-row{gap:8px!important}.filter-group label{font-size:8px!important}.filter-group select{font-size:10px;width:80px!important;min-width:80px!important;max-width:80px!important;height:28px!important}.filter-group input[type=date]{font-size:9px;width:110px!important;min-width:110px!important;max-width:110px!important;height:28px!important}.btn-clear-dates{height:28px;padding:0 7px;font-size:9px}.drivers-table th,.drivers-table td{padding:4px 6px;font-size:11px}.license-number{font-size:10px}.avatar-small{width:24px;height:24px;font-size:9px}.driver-fullname{font-size:11px}}.drivers-table-container::-webkit-scrollbar{width:5px}.drivers-table-container::-webkit-scrollbar-track{background:0 0}.drivers-table-container::-webkit-scrollbar-thumb{background:#d5d8de;border-radius:10px}.drivers-table-container::-webkit-scrollbar-thumb:hover{background:#bfc3ca}.drivers-table tbody::-webkit-scrollbar{width:4px}.drivers-table tbody::-webkit-scrollbar-track{background:0 0}.drivers-table tbody::-webkit-scrollbar-thumb{background:#d9dce2;border-radius:10px}.drivers-table tbody::-webkit-scrollbar-thumb:hover{background:#c4c8d0}.filter-settings{flex:none;margin-left:2px;position:relative}.filter-settings-button{color:#737985;cursor:pointer;background:#fafbfc;border:1px solid #e2e5ea;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:all .15s;display:flex}.filter-settings-button:hover,.filter-settings-button.active{color:#30343d;background:#f3f4f6;border-color:#d5d9df}.filter-settings-button svg{width:15px;height:15px}.filter-settings-menu{z-index:100;background:#fff;border:1px solid #e3e5e9;border-radius:6px;width:125px;padding:3px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 4px 12px #00000014}.filter-option{box-sizing:border-box;color:#40444d;cursor:pointer;white-space:nowrap;border-radius:4px;align-items:center;gap:7px;width:100%;padding:5px 6px;font-size:11px;font-weight:500;display:flex}.filter-option:hover{background:#f6f7f8}.filter-option input{cursor:pointer;accent-color:#555b66;flex-shrink:0;width:13px;height:13px;margin:0}.trip-filter input[type=number]{box-sizing:border-box;color:#30343d;background:#fafbfc;border:1px solid #e2e5ea;border-radius:6px;outline:none;padding:4px 6px;font-family:inherit;font-size:10px;width:65px!important;min-width:65px!important;max-width:65px!important;height:30px!important}.trip-filter input[type=number]:focus{background:#fff;border-color:#cfd4dc}.team-leader-filter select{width:110px!important;min-width:110px!important;max-width:110px!important}.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}.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}.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}.filters-section{background:#fff;border:1px solid #e8e9f0;border-radius:16px;margin-bottom:20px;padding:20px 24px}.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}.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}.plate-number{color:#1a1a2e;background:#f0f1f5;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:14px;font-weight:600}.status-active{color:#10b981;background:#10b9811f}.status-inactive{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)!important;backdrop-filter:blur(8px)!important;z-index:9999!important;box-sizing:border-box!important;background:#00000080!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.binding-detail-container{z-index:10000!important;background:#fff!important;border-radius:24px!important;width:100%!important;max-width:800px!important;max-height:85vh!important;margin:auto!important;animation:.3s cubic-bezier(.16,1,.3,1) slideUp!important;position:relative!important;overflow-y:auto!important;box-shadow:0 20px 60px #0003!important}.binding-detail-header{z-index:2;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;margin:0;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:8px;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;margin:0;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-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}.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){.filter-row{gap:8px}.filter-group{min-width:120px}.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){.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}.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}.detail-grid{grid-template-columns:1fr}.detail-status-header{text-align:center;flex-direction:column}.binding-detail-container{border-radius:16px!important;max-width:100%!important;max-height:90vh!important;margin:10px!important}.binding-detail-overlay{padding:10px!important}.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}}.performance-container{max-width:1400px;margin:0 auto;padding:0 16px;animation:.5s fadeIn}.performance-header{z-index:10;background:#f8f9fc;margin-bottom:20px;padding:12px 0;position:sticky;top:0}.header-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.header-left{flex:1;min-width:0}.executive-summary{align-items:center;gap:12px;display:flex}.summary-card{background:#fff;border:1px solid #e8e9f0;border-radius:8px;align-items:center;min-width:140px;height:52px;padding:8px 14px;display:flex}.summary-card.primary{background:linear-gradient(135deg,#dc2626,#b91c1c);border-color:#dc2626}.summary-card.primary .summary-label,.summary-card.primary .summary-value{color:#fff}.summary-content{flex-direction:column;gap:0;width:100%;display:flex}.summary-label{color:#6b6b7a;text-transform:uppercase;letter-spacing:.4px;font-size:9px;font-weight:600}.summary-value{color:#1a1a2e;font-size:18px;font-weight:700;line-height:22px}.top-team-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.header-actions{flex-shrink:0;align-items:center;display:flex}.filters-bar{z-index:9;background:#fff;border:1px solid #e8e9f0;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding:12px 16px;display:flex;position:sticky;top:76px}.view-toggle-group{background:#f0f1f5;border-radius:6px;gap:4px;padding:3px;display:flex}.view-toggle-btn{color:#6b6b7a;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px 10px;font-family:inherit;font-size:14px;transition:all .2s;display:flex}.view-toggle-btn svg{width:18px;height:18px}.view-toggle-btn.active{color:#dc2626;background:#fff;box-shadow:0 2px 8px #0000000f}.view-toggle-btn:hover{color:#1a1a2e}.table-view-container{background:#fff;border:1px solid #e8e9f0;border-radius:12px;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:12px 16px;font-size:11px;font-weight:600}.performance-table td{color:#1a1a2e;border-top:1px solid #f0f1f5;padding:10px 16px;font-size:13px}.performance-table tbody tr{cursor:pointer;transition:background .2s}.performance-table tbody tr:hover{background:#f8f9fc}.performance-table .highlight-row{background:#dc26260a}.rank-badge{color:#6b6b7a;text-align:center;background:#f0f1f5;border-radius:50%;width:24px;height:24px;font-size:12px;font-weight:600;line-height:24px;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)}.analyst-name{align-items:center;gap:8px;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:28px;height:28px;font-size:11px;font-weight:600;display:flex}.reg-count{font-weight:600}.team-performance-section{margin-bottom:28px}.team-cards-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.team-card{cursor:pointer;background:#fff;border:1px solid #e8e9f0;border-radius:12px;transition:all .3s;overflow:hidden}.team-card:hover{border-color:#dc2626;transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.team-card-header{border-bottom:1px solid #f0f1f5;align-items:center;gap:12px;padding:16px 16px 12px;display:flex}.team-card-rank{color:#6b6b7a;min-width:32px;font-size:18px;font-weight:700}.team-card-leader{flex:1;align-items:center;gap:10px;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:36px;height:36px;font-size:14px;font-weight:600;display:flex}.leader-name{color:#1a1a2e;margin:0;font-size:14px;font-weight:600}.leader-role{color:#8a8a9a;font-size:11px}.team-card-body{padding:12px 16px 16px}.team-stats{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:10px;display:grid}.stat-item{text-align:center}.stat-value{color:#1a1a2e;font-size:18px;font-weight:700;display:block}.stat-label{color:#8a8a9a;font-size:10px}.team-progress-container{margin-bottom:10px}.team-progress-track{background:#f0f1f5;border-radius:2px;width:100%;height:4px;overflow:hidden}.team-progress-fill{border-radius:2px;height:100%;transition:width 1s}.team-card-footer{border-top:1px solid #f0f1f5;justify-content:flex-end;padding-top:8px;display:flex}.view-details{color:#dc2626;align-items:center;gap:4px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.view-details:hover{gap:8px}.arrow-icon{align-items:center;transition:transform .2s;display:flex}.arrow-icon svg{width:14px;height:14px}.view-details:hover .arrow-icon{transform:translate(3px)}.skeleton-card{border-radius:8px;min-width:140px;height:52px}.skeleton-filters{border-radius:6px;width:400px;height:30px}.skeleton-toggle{border-radius:6px;width:80px;height:30px}.skeleton-table{flex-direction:column;gap:8px;padding:12px 16px;display:flex}.skeleton-row{border-radius:4px;width:100%;height:36px}.error-state{text-align:center;padding:60px 20px}.error-icon{margin-bottom:16px;font-size:48px}.error-state h3{color:#1a1a2e;margin-bottom:8px;font-size:20px}.error-state p{color:#6b6b7a;margin-bottom:16px}.btn-retry{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:8px 24px;font-size:14px;transition:background .2s}.btn-retry:hover{background:#b91c1c}@media (width<=1024px){.team-cards-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (width<=768px){.header-top,.executive-summary{flex-wrap:wrap}.summary-card{min-width:120px}.filters-bar{flex-direction:column;align-items:stretch;top:72px}.custom-date-filter{flex-wrap:wrap}.date-field input{width:100%}.view-toggle-group{align-self:flex-end}.team-cards-grid{grid-template-columns:1fr}.performance-table{font-size:12px}.performance-table th,.performance-table td{padding:8px 10px}}@media (width<=480px){.summary-card{min-width:100px;height:44px;padding:6px 10px}.summary-value{font-size:15px}.top-team-name{font-size:12px}.performance-table{font-size:11px}.performance-table th,.performance-table td{padding:6px 8px}.rank-badge{width:20px;height:20px;font-size:10px;line-height:20px}.analyst-avatar-small{width:22px;height:22px;font-size:9px}}.team-performance-detail{max-width:1400px;margin:0 auto;padding:0 16px;animation:.5s fadeIn}.detail-header{border-bottom:1px solid #f0f1f5;justify-content:flex-end;align-items:center;margin-bottom:16px;padding:12px 0;display:flex}.detail-header-right{gap:8px;display:flex}.btn-download-icon{color:#6b7280;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:flex}.btn-download-icon:hover:not(:disabled){color:#dc2626;background:#fef2f2;border-color:#dc2626}.btn-download-icon:disabled{opacity:.6;cursor:not-allowed}.btn-download-icon svg{width:16px;height:16px}.spinner-small{border:2px solid #e5e7eb;border-top-color:#dc2626;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.team-overview{background:#fff;border:1px solid #f0f1f5;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:16px 20px;display:flex}.team-profile{align-items:center;gap:14px;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:48px;height:48px;font-size:18px;font-weight:700;display:flex}.team-info h1{color:#1a1a2e;margin:0;font-size:18px;font-weight:600}.team-role{color:#8a8a9a;margin:2px 0 0;font-size:12px}.team-quick-stats{gap:20px;display:flex}.quick-stat{text-align:center}.qs-value{color:#1a1a2e;font-size:20px;font-weight:700;display:block}.qs-label{color:#8a8a9a;text-transform:uppercase;letter-spacing:.3px;font-size:10px}.detail-filters{background:#fff;border:1px solid #f0f1f5;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.custom-date-filter{flex-wrap:wrap;align-items:flex-end;gap:8px;display:flex}.date-field{flex-direction:column;gap:3px;display:flex}.date-field label{color:#6b7280;text-transform:uppercase;letter-spacing:.4px;font-size:9px;font-weight:600}.date-field input{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:6px;outline:none;width:130px;height:30px;padding:0 8px;font-family:inherit;font-size:12px}.date-field input:focus{border-color:#dc2626;box-shadow:0 0 0 2px #dc26260f}.date-separator{color:#9ca3af;align-items:center;height:30px;padding:0 2px;font-size:12px;display:flex}.clear-date-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;height:30px;padding:0 8px;font-family:inherit;font-size:11px}.clear-date-btn:hover{color:#dc2626;background:#fef2f2}.view-toggle{background:#f0f1f5;border-radius:8px;gap:4px;padding:4px;display:flex}.view-btn{color:#6b6b7a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px 10px;font-family:inherit;transition:all .2s;display:flex}.view-btn svg{width:18px;height:18px}.view-btn.active{color:#dc2626;background:#fff;box-shadow:0 2px 8px #0000000f}.view-btn:hover:not(.active){color:#1a1a2e;background:#ffffff80}.detail-content{background:#fff;border:1px solid #f0f1f5;border-radius:12px;padding:20px}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.section-header h3{color:#1a1a2e;margin:0;font-size:16px;font-weight:600}.section-badge{color:#6b6b7a;background:#f0f1f5;border-radius:10px;padding:3px 10px;font-size:11px;font-weight:500}.pivot-table-container{max-height:500px;overflow:auto}.pivot-table{border-collapse:collapse;width:100%}.pivot-table thead{z-index:5;position:sticky;top:0}.pivot-table thead th{text-align:left;color:#6b6b7a;text-transform:uppercase;letter-spacing:.4px;background:#f8f9fc;border-bottom:2px solid #e5e7eb;padding:10px 14px;font-size:11px;font-weight:600}.pivot-table tbody td{color:#1a1a2e;border-bottom:1px solid #f0f1f5;padding:10px 14px;font-size:13px}.pivot-table tbody tr:hover{background:#fafbfc}.top-performer-row{background:#dc262608}.rank-number{color:#6b6b7a;text-align:center;background:#f0f1f5;border-radius:50%;width:24px;height:24px;font-size:12px;font-weight:600;line-height:24px;display:inline-block}.rank-number.rank-1{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.rank-number.rank-2{color:#fff;background:linear-gradient(135deg,#9ca3af,#6b7280)}.rank-number.rank-3{color:#fff;background:linear-gradient(135deg,#d97706,#b45309)}.member-cell{align-items:center;gap:10px;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:30px;height:30px;font-size:11px;font-weight:600;display:flex}.member-name{color:#1a1a2e;font-size:13px;font-weight:500}.member-email{color:#8a8a9a;font-size:11px}.reg-count{font-size:14px;font-weight:600}.performance-bar-container{align-items:center;gap:10px;min-width:140px;display:flex}.performance-bar-fill{background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px;height:6px;transition:width 1s;position:relative}.performance-percent{color:#4a4a5a;min-width:36px;font-size:12px;font-weight:600}.member-status{border-radius:10px;padding:2px 10px;font-size:11px;font-weight:500}.member-status.active{color:#10b981;background:#10b9811a}.member-status.inactive{color:#ef4444;background:#ef444414}.chart-container{padding:16px 0;overflow-x:auto}.bar-chart{align-items:flex-end;gap:16px;min-width:350px;height:260px;padding:0 12px;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(-3px)}.bar{border-radius:6px 6px 0 0;justify-content:center;align-items:flex-start;width:40px;min-height:10px;transition:all .5s;display:flex;position:relative;box-shadow:0 2px 6px #0000000f}.bar-value{color:#fff;text-shadow:0 1px 3px #0003;margin-top:4px;font-size:11px;font-weight:700}.bar-label{flex-direction:column;align-items:center;gap:2px;margin-top:8px;display:flex}.bar-initials{color:#1a1a2e;background:#f0f1f5;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.bar-fullname{color:#6b6b7a;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:56px;font-size:10px;overflow:hidden}.bar-percentage{color:#3b82f6;margin-top:2px;font-size:10px;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar-day{text-align:center;background:#f8f9fc;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:48px;padding:8px 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.03);box-shadow:0 2px 8px #0000000f}.cal-day-number{color:#1a1a2e;font-size:14px;font-weight:600}.cal-day-name{color:#8a8a9a;text-transform:uppercase;font-size:9px}.cal-day-count{color:#fff;background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:9px;font-weight:700;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 4px #dc26264d}.calendar-legend{background:#f8f9fc;border-radius:8px;justify-content:center;gap:20px;margin-top:14px;padding:10px;display:flex}.legend-item{color:#4a4a5a;align-items:center;gap:6px;font-size:12px;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-dot.active{background:#fef2f2;border:1px solid #fca5a5}.legend-dot.inactive{background:#f8f9fc;border:1px solid #e5e7eb}.legend-dot.today{background:#dc2626}.trend-section{animation:.5s fadeIn}.trend-container{padding:12px 0}.trend-chart{align-items:flex-end;gap:3px;height:180px;padding:0 6px;display:flex;overflow-x:auto}.trend-bar-item{cursor:pointer;flex-direction:column;flex:1;align-items:center;min-width:24px;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:28px;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:8px;font-weight:700}.trend-bar-label{flex-direction:column;align-items:center;margin-top:4px;display:flex}.trend-day{color:#1a1a2e;font-size:10px;font-weight:600}.trend-month{color:#8a8a9a;text-transform:uppercase;font-size:7px}.trend-summary{background:#f8f9fc;border-radius:10px;justify-content:center;gap:32px;margin-top:16px;padding:12px 20px;display:flex}.trend-stat{text-align:center}.trend-stat-label{color:#8a8a9a;text-transform:uppercase;letter-spacing:.4px;font-size:10px;font-weight:500;display:block}.trend-stat-value{color:#1a1a2e;font-size:16px;font-weight:700;display:block}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-text{color:#fff;white-space:nowrap;z-index:100;background:#1a1a2e;border-radius:6px;padding:4px 10px;font-family:Inter,sans-serif;font-size:11px;font-weight:400;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000026}.tooltip-text:after{content:"";border:5px solid #0000;border-top-color:#1a1a2e;position:absolute;top:100%;left:50%;transform:translate(-50%)}.tooltip-trigger{cursor:help;align-items:center;margin-left:3px;display:inline-flex}.tooltip-trigger svg{color:#8a8a9a}.shimmer{background:linear-gradient(90deg,#f0f1f5 25%,#e5e7eb 50%,#f0f1f5 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer}.skeleton-btn{border-radius:6px;width:32px;height:32px}.skeleton-avatar{border-radius:50%;width:48px;height:48px}.skeleton-title{border-radius:4px;width:150px;height:20px}.skeleton-role{border-radius:4px;width:80px;height:14px;margin-top:4px}.skeleton-meta{border-radius:4px;width:180px;height:12px;margin-top:6px}.skeleton-stat{border-radius:4px;width:50px;height:28px}.skeleton-select{border-radius:6px;width:130px;height:30px}.skeleton-toggle-btn{border-radius:6px;width:36px;height:32px}.skeleton-section-title{border-radius:4px;width:180px;height:20px}.skeleton-badge{border-radius:10px;width:80px;height:18px}.skeleton-table{flex-direction:column;gap:6px;display:flex}.skeleton-thead{border-radius:4px;height:30px}.skeleton-row{border-radius:4px;height:36px}@media (width<=768px){.team-overview{flex-direction:column;align-items:stretch;padding:16px}.team-profile{justify-content:center}.team-quick-stats{justify-content:space-around}.detail-filters{flex-direction:column;align-items:stretch}.custom-date-filter{flex-wrap:wrap;justify-content:center}.date-field input{width:110px}.view-toggle{justify-content:center;align-self:center}.bar-chart{gap:10px;min-width:280px;height:200px}.bar{width:30px}.calendar-grid{gap:3px}.calendar-day{min-height:40px;padding:4px 2px}.cal-day-number{font-size:12px}.trend-summary{flex-wrap:wrap;gap:16px}.performance-bar-container{min-width:100px}}@media (width<=480px){.team-quick-stats{flex-wrap:wrap;gap:8px}.quick-stat{flex:1;min-width:60px}.qs-value{font-size:16px}.pivot-table{font-size:12px}.pivot-table th,.pivot-table td{padding:6px 8px}.bar-chart{gap:6px;min-width:200px;height:160px}.bar{width:22px}.bar-value{font-size:9px}.bar-initials{width:22px;height:22px;font-size:9px}.calendar-day{min-height:34px;padding:3px 1px}.cal-day-number{font-size:10px}.cal-day-name{font-size:7px}.cal-day-count{width:14px;height:14px;font-size:7px;top:-3px;right:-3px}.trend-chart{height:140px}.trend-summary{flex-direction:column;gap:8px}.trend-stat-value{font-size:14px}.performance-bar-container{min-width:70px}.performance-percent{min-width:28px;font-size:10px}}.sales-dashboard-container{max-width:1400px;margin:0 auto;padding:0 20px;animation:.5s fadeIn;position:relative}.sales-dashboard-toast{color:#fff;z-index:10001;background:#1a1a2e;border-radius:12px;align-items:center;gap:16px;max-width:480px;padding:16px 24px;font-size:14px;font-weight:500;animation:.3s slideInRight;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 8px 32px #0003}.sales-dashboard-toast.success{border-left:4px solid #10b981}.sales-dashboard-toast.error{border-left:4px solid #ef4444}.sales-dashboard-toast button{color:#ffffff80;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;transition:color .2s;display:flex}.sales-dashboard-toast button:hover{color:#fff}.sales-dashboard-toast button svg{width:18px;height:18px}.sales-dashboard-header{margin-bottom:24px}.sales-dashboard-header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.sales-dashboard-header-actions{align-items:center;gap:12px;display:flex}.sales-dashboard-btn-sync{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s;display:flex;box-shadow:0 4px 12px #dc262640}.sales-dashboard-btn-sync:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #dc262659}.sales-dashboard-btn-sync:disabled{opacity:.7;cursor:not-allowed}.sales-dashboard-btn-sync svg{width:18px;height:18px}.sales-dashboard-page-title{color:#1a1a2e;letter-spacing:-.5px;margin-bottom:4px;font-size:28px;font-weight:700}.sales-dashboard-page-subtitle{color:#6b6b7a;font-size:15px;font-weight:400}.sales-dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.sales-dashboard-stat-card{background:#fff;border:1px solid #e8e9f0;border-radius:12px;flex-direction:column;padding:16px 20px;display:flex}.sales-dashboard-stat-number{color:#1a1a2e;font-size:28px;font-weight:700}.sales-dashboard-stat-label{color:#8a8a9a;margin-top:2px;font-size:13px;font-weight:400}.sales-dashboard-filters-section{background:#fff;border:1px solid #e8e9f0;border-radius:16px;margin-bottom:20px;padding:20px 24px}.sales-dashboard-search-box{margin-bottom:16px;position:relative}.sales-dashboard-search-box svg{color:#8a8a9a;width:18px;height:18px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sales-dashboard-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}.sales-dashboard-search-box input:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 4px #dc262614}.sales-dashboard-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%)}.sales-dashboard-filter-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.sales-dashboard-filter-group{flex-direction:column;flex:1;gap:4px;min-width:120px;display:flex}.sales-dashboard-filter-group label{color:#6b6b7a;text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.sales-dashboard-filter-group select,.sales-dashboard-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}.sales-dashboard-filter-group select:focus,.sales-dashboard-filter-group input:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 4px #dc262614}.sales-dashboard-filter-group input[type=number]{max-width:120px}.sales-dashboard-results-count{color:#6b6b7a;margin-bottom:16px;font-size:14px}.sales-dashboard-table-container{background:#fff;border:1px solid #e8e9f0;border-radius:12px;overflow:auto hidden}.sales-dashboard-table{border-collapse:collapse;width:100%;min-width:700px}.sales-dashboard-table thead{background:#f8f9fc}.sales-dashboard-table th{text-align:left;color:#6b6b7a;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;padding:14px 16px;font-size:12px;font-weight:600}.sales-dashboard-table td{color:#1a1a2e;border-top:1px solid #f0f1f5;padding:12px 16px;font-size:14px}.sales-dashboard-clickable-row{cursor:pointer;transition:background .2s}.sales-dashboard-clickable-row:hover{background:#f8f9fc}.sales-dashboard-driver-name-cell{align-items:center;gap:12px;display:flex}.sales-dashboard-driver-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}.sales-dashboard-driver-fullname{color:#1a1a2e;font-weight:500}.sales-dashboard-yango-id{color:#6b6b7a;background:#f0f1f5;border-radius:4px;padding:2px 8px;font-family:monospace;font-size:12px}.sales-dashboard-trip-count-badge{color:#1a1a2e;background:#f0f1f5;border-radius:12px;padding:2px 12px;font-size:14px;font-weight:600;display:inline-block}.sales-dashboard-btn-log{color:#3b82f6;cursor:pointer;background:#3b82f61a;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.sales-dashboard-btn-log:hover{background:#3b82f633;transform:translateY(-1px)}.sales-dashboard-btn-log svg{width:16px;height:16px}.sales-dashboard-empty-state{text-align:center;background:#fff;border:1px solid #e8e9f0;border-radius:12px;padding:60px 20px}.sales-dashboard-empty-state svg{color:#d0d0d8;width:64px;height:64px;margin-bottom:16px}.sales-dashboard-empty-state h3{color:#4a4a5a;margin-bottom:8px;font-size:20px}.sales-dashboard-empty-state p{color:#8a8a9a}.sales-dashboard-loading{color:#8a8a9a;flex-direction:column;justify-content:center;align-items:center;min-height:400px;display:flex}.sales-dashboard-modal-overlay{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;z-index:9999!important;box-sizing:border-box!important;background:#00000080!important;justify-content:center!important;align-items:center!important;width:100vw!important;height:100vh!important;margin:0!important;padding:20px!important;display:flex!important;position:fixed!important;inset:0!important;overflow:hidden!important}.sales-dashboard-modal-container{z-index:10000!important;background:#fff!important;border-radius:24px!important;flex-direction:column!important;width:100%!important;max-width:1100px!important;max-height:85vh!important;margin:auto!important;animation:.3s cubic-bezier(.16,1,.3,1) slideUp!important;display:flex!important;position:relative!important;overflow-y:auto!important;box-shadow:0 20px 60px #0003!important}.sales-dashboard-modal-header{z-index:2;background:#fff;border-bottom:1px solid #f0f1f5;border-radius:24px 24px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex;position:sticky;top:0}.sales-dashboard-modal-driver-info{align-items:center;gap:14px;display:flex}.sales-dashboard-modal-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:48px;height:48px;font-size:18px;font-weight:700;display:flex}.sales-dashboard-modal-driver-info h2{color:#1a1a2e;margin:0;font-size:20px;font-weight:600}.sales-dashboard-modal-subtitle{color:#6b6b7a;margin:0;font-size:13px}.sales-dashboard-modal-close{color:#8a8a9a;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.sales-dashboard-modal-close:hover{color:#1a1a2e;background:#f0f1f5}.sales-dashboard-modal-close svg{width:24px;height:24px}.sales-dashboard-modal-stats{background:#f8f9fc;border-bottom:1px solid #f0f1f5;flex-shrink:0;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px 24px;display:grid}.sales-dashboard-modal-stat{text-align:center}.sales-dashboard-modal-stat-value{color:#1a1a2e;font-size:20px;font-weight:700;display:block}.sales-dashboard-modal-stat-label{color:#8a8a9a;font-size:12px}.sales-dashboard-modal-filters{background:#fff;border-bottom:1px solid #f0f1f5;flex-wrap:wrap;flex-shrink:0;gap:12px;padding:14px 24px;display:flex}.sales-dashboard-modal-search{flex:1;min-width:180px;position:relative}.sales-dashboard-modal-search svg{color:#8a8a9a;width:16px;height:16px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sales-dashboard-modal-search input{color:#1a1a2e;background:#f8f9fc;border:1px solid #e8e9f0;border-radius:8px;outline:none;width:100%;padding:8px 12px 8px 36px;font-family:inherit;font-size:13px;transition:all .3s}.sales-dashboard-modal-search input:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 4px #dc262614}.sales-dashboard-modal-filter-group{gap:8px;display:flex}.sales-dashboard-modal-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:13px}.sales-dashboard-modal-filter-group select:focus{border-color:#dc2626}.sales-dashboard-modal-table-container{flex:1;padding:0 24px 16px;overflow-y:auto}.sales-dashboard-modal-table{border-collapse:collapse;width:100%;font-size:13px}.sales-dashboard-modal-table thead{z-index:2;position:sticky;top:0}.sales-dashboard-modal-table thead tr{background:#fff}.sales-dashboard-modal-table th{text-align:left;color:#6b6b7a;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f0f1f5;padding:12px 12px 8px;font-size:11px;font-weight:600}.sales-dashboard-modal-table td{vertical-align:middle;border-bottom:1px solid #f0f1f5;padding:10px 12px}.modal-trip-id{color:#3b82f6;font-family:monospace;font-size:12px;font-weight:600}.modal-trip-short-id{color:#6b6b7a;font-family:monospace;font-size:12px;font-weight:500}.modal-trip-car{font-size:13px;font-weight:500}.modal-trip-route{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.modal-trip-pickup{color:#1a1a2e;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:12px;overflow:hidden}.modal-trip-arrow{color:#8a8a9a;font-size:12px}.modal-trip-dropoff{color:#1a1a2e;text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:12px;overflow:hidden}.modal-trip-amount{color:#10b981;font-weight:600}.modal-trip-status{border-radius:12px;padding:2px 10px;font-size:11px;font-weight:500;display:inline-block}.status-completed{color:#10b981;background:#10b9811f}.status-pending{color:#f59e0b;background:#f59e0b1f}.status-in-progress{color:#3b82f6;background:#3b82f61f}.status-cancelled,.status-failed{color:#ef4444;background:#ef44441f}.sales-dashboard-modal-empty{text-align:center;padding:60px 20px}.sales-dashboard-modal-empty svg{color:#d0d0d8;width:48px;height:48px;margin-bottom:12px}.sales-dashboard-modal-empty h3{color:#4a4a5a;margin-bottom:4px;font-size:18px}.sales-dashboard-modal-empty p{color:#8a8a9a;font-size:14px}.sales-dashboard-modal-footer{color:#8a8a9a;background:#fff;border-top:1px solid #f0f1f5;border-radius:0 0 24px 24px;flex-shrink:0;padding:12px 24px;font-size:13px}body.modal-open{overflow:hidden!important}@media (width<=1024px){.sales-dashboard-filter-row{gap:8px}.sales-dashboard-filter-group{min-width:100px}}@media (width<=768px){.sales-dashboard-container{padding:0 12px}.sales-dashboard-header-top{flex-direction:column;align-items:stretch}.sales-dashboard-header-actions{flex-direction:column}.sales-dashboard-btn-sync{justify-content:center;width:100%}.sales-dashboard-filter-row{flex-direction:column;align-items:stretch}.sales-dashboard-filter-group{min-width:100%}.sales-dashboard-filter-group input[type=number]{max-width:100%}.sales-dashboard-table{min-width:600px;font-size:13px}.sales-dashboard-table th,.sales-dashboard-table td{padding:8px 10px}.sales-dashboard-toast{max-width:none;padding:14px 18px;font-size:13px;top:16px;left:16px;right:16px}}@media (width<=480px){.sales-dashboard-stats{grid-template-columns:1fr 1fr}.sales-dashboard-table{min-width:500px;font-size:12px}.sales-dashboard-table th,.sales-dashboard-table td{padding:6px 8px}.sales-dashboard-driver-avatar{width:28px;height:28px;font-size:10px}.sales-dashboard-page-title{font-size:22px}.sales-dashboard-toast{flex-wrap:wrap;padding:12px 16px;font-size:12px}}@media (width<=768px){.sales-dashboard-modal-container{border-radius:16px!important;max-width:100%!important;max-height:90vh!important;margin:10px!important}.sales-dashboard-modal-overlay{padding:10px!important}.sales-dashboard-modal-header{flex-wrap:wrap;padding:16px 18px}.sales-dashboard-modal-driver-info h2{font-size:17px}.sales-dashboard-modal-stats{grid-template-columns:1fr 1fr 1fr;padding:12px 18px}.sales-dashboard-modal-stat-value{font-size:17px}.sales-dashboard-modal-filters{flex-direction:column;padding:12px 18px}.sales-dashboard-modal-search{min-width:unset}.sales-dashboard-modal-filter-group{flex-wrap:wrap}.sales-dashboard-modal-filter-group select{flex:1;min-width:100px}.sales-dashboard-modal-table-container{padding:0 12px 12px}.sales-dashboard-modal-table{font-size:12px}.sales-dashboard-modal-table th,.sales-dashboard-modal-table td{padding:6px 8px}.modal-trip-route{flex-direction:column;align-items:flex-start;gap:2px}.modal-trip-arrow{display:none}.modal-trip-pickup,.modal-trip-dropoff{white-space:normal;max-width:100%}.sales-dashboard-modal-footer{padding:10px 18px;font-size:12px}}@media (width<=480px){.sales-dashboard-modal-stats{grid-template-columns:1fr 1fr}.sales-dashboard-modal-table{font-size:11px}.sales-dashboard-modal-table th,.sales-dashboard-modal-table td{padding:4px 6px}.sales-dashboard-modal-avatar{width:36px;height:36px;font-size:14px}.sales-dashboard-modal-driver-info h2{font-size:15px}}.sales-dashboard-modal-header-actions{align-items:center;gap:10px;display:flex}.sales-dashboard-btn-logs{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.sales-dashboard-btn-logs:hover{transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf64d}.sales-dashboard-btn-logs svg{width:16px;height:16px}.sales-dashboard-btn-create-log{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.sales-dashboard-btn-create-log:hover{transform:translateY(-1px);box-shadow:0 4px 16px #10b9814d}.sales-dashboard-btn-create-log svg{width:16px;height:16px}.sales-dashboard-logs-container{flex:1;padding:16px 24px;overflow-y:auto}.sales-dashboard-logs-loading{color:#8a8a9a;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.spinner-small{border:3px solid #f0f1f5;border-top-color:#dc2626;border-radius:50%;width:30px;height:30px;margin-bottom:12px;animation:1s linear infinite spin}.sales-dashboard-logs-empty{text-align:center;padding:60px 20px}.sales-dashboard-logs-empty svg{color:#d0d0d8;width:48px;height:48px;margin-bottom:12px}.sales-dashboard-logs-empty h3{color:#4a4a5a;margin-bottom:4px;font-size:18px}.sales-dashboard-logs-empty p{color:#8a8a9a;font-size:14px}.sales-dashboard-logs-list{flex-direction:column;gap:12px;display:flex}.sales-dashboard-log-item{background:#f8f9fc;border:1px solid #e8e9f0;border-radius:12px;padding:16px 20px;transition:all .2s}.sales-dashboard-log-item:hover{background:#fff;box-shadow:0 2px 8px #0000000f}.sales-dashboard-log-item-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sales-dashboard-log-date{color:#8a8a9a;font-size:12px}.sales-dashboard-log-item-body{margin-bottom:8px}.sales-dashboard-log-comment{color:#1a1a2e;word-wrap:break-word;margin:0;font-size:14px;line-height:1.6}.sales-dashboard-log-item-footer{justify-content:flex-end;display:flex}.sales-dashboard-log-employee{color:#8a8a9a;font-size:12px}.sales-dashboard-modal-body{flex:1;padding:24px;overflow-y:auto}.sales-dashboard-log-form{flex-direction:column;gap:20px;display:flex}.sales-dashboard-form-group{flex-direction:column;gap:6px;display:flex}.sales-dashboard-form-group label{color:#4a4a5a;font-size:13px;font-weight:500}.sales-dashboard-form-group select,.sales-dashboard-form-group textarea{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}.sales-dashboard-form-group select:focus,.sales-dashboard-form-group textarea:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 4px #dc262614}.sales-dashboard-form-group textarea{resize:vertical;min-height:120px}.sales-dashboard-form-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:14px;display:flex}.sales-dashboard-form-actions{justify-content:flex-end;gap:12px;padding-top:8px;display:flex}.sales-dashboard-btn-cancel{color:#4a4a5a;cursor:pointer;background:#f0f1f5;border:none;border-radius:8px;padding:10px 24px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}.sales-dashboard-btn-cancel:hover{background:#e5e6ea}.sales-dashboard-btn-submit{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 .2s;box-shadow:0 4px 12px #dc262640}.sales-dashboard-btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #dc262659}.sales-dashboard-btn-submit:disabled{opacity:.7;cursor:not-allowed}.create-log-modal .sales-dashboard-modal-container{max-width:600px!important}.logs-modal .sales-dashboard-modal-container{max-width:700px!important}@media (width<=768px){.sales-dashboard-modal-header-actions{flex-wrap:wrap;gap:6px}.sales-dashboard-btn-logs,.sales-dashboard-btn-create-log{padding:6px 12px;font-size:12px}.sales-dashboard-btn-logs svg,.sales-dashboard-btn-create-log svg{width:14px;height:14px}.sales-dashboard-logs-container,.sales-dashboard-log-item{padding:12px 16px}.sales-dashboard-log-item-header{flex-direction:column;align-items:flex-start;gap:6px}.sales-dashboard-log-comment{font-size:13px}.sales-dashboard-modal-body{padding:16px}.sales-dashboard-form-actions{flex-direction:column}.sales-dashboard-btn-cancel,.sales-dashboard-btn-submit{justify-content:center;width:100%}.create-log-modal .sales-dashboard-modal-container,.logs-modal .sales-dashboard-modal-container{border-radius:16px!important;max-width:100%!important;max-height:90vh!important;margin:10px!important}}@media (width<=480px){.sales-dashboard-modal-header-actions{flex-direction:column;width:100%}.sales-dashboard-btn-logs,.sales-dashboard-btn-create-log{justify-content:center;width:100%}.sales-dashboard-log-item-header{flex-direction:column;align-items:flex-start;gap:4px}.sales-dashboard-log-status{padding:2px 10px;font-size:11px}.sales-dashboard-log-date{font-size:11px}.sales-dashboard-log-comment{font-size:12px}.sales-dashboard-log-employee{font-size:11px}}.sales-dashboard-action-buttons{flex-wrap:wrap;gap:6px;display:flex}.sales-dashboard-btn-logs-list{color:#7c3aed;cursor:pointer;background:#8b5cf61a;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:inline-flex}.sales-dashboard-btn-logs-list:hover{background:#8b5cf633;transform:translateY(-1px)}.sales-dashboard-btn-logs-list svg{width:16px;height:16px}.logs-filters{border-bottom:1px solid #f0f1f5;background:#fafbfc!important;padding:12px 24px!important}.logs-filters .sales-dashboard-filter-group{flex:0 auto;min-width:150px}.logs-filters .sales-dashboard-filter-group label{color:#6b6b7a;text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.logs-filters .sales-dashboard-filter-group select{padding:6px 12px;font-size:13px}.sales-dashboard-log-item{background:#fff;border:1px solid #e8e9f0;border-radius:12px;padding:16px 20px;transition:all .2s;box-shadow:0 1px 3px #0000000a}.sales-dashboard-log-item:hover{border-color:#d0d0d8;box-shadow:0 4px 12px #0000000f}.sales-dashboard-log-item-left{align-items:center;gap:12px;display:flex}.sales-dashboard-log-id{color:#8a8a9a;font-family:monospace;font-size:12px;font-weight:500}.sales-dashboard-log-item-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.sales-dashboard-log-comment{color:#1a1a2e;word-wrap:break-word;margin:0;padding:4px 0;font-size:14px;line-height:1.7}.sales-dashboard-log-item-footer{border-top:1px solid #f0f1f5;justify-content:flex-end;margin-top:8px;padding-top:10px;display:flex}.sales-dashboard-log-employee{color:#8a8a9a;align-items:center;gap:8px;font-size:12px;display:flex}.log-recorded-by{color:#8a8a9a}.log-employee-name{color:#1a1a2e;font-weight:600}.sales-dashboard-log-status{text-transform:uppercase;letter-spacing:.4px;border-radius:20px;padding:4px 14px;font-size:12px;font-weight:600}.log-status-win{color:#10b981;background:#10b9811f}.log-status-potential{color:#f59e0b;background:#f59e0b1f}.log-status-loss{color:#ef4444;background:#ef44441f}@media (width<=768px){.sales-dashboard-action-buttons{flex-direction:column;gap:4px}.sales-dashboard-btn-log,.sales-dashboard-btn-logs-list{justify-content:center;width:100%;padding:6px 12px;font-size:12px}.sales-dashboard-log-item-header{flex-direction:column;align-items:flex-start;gap:6px}.sales-dashboard-log-item-left{flex-wrap:wrap}.logs-filters{padding:12px 16px!important}.logs-filters .sales-dashboard-filter-group{min-width:100%}}@media (width<=480px){.sales-dashboard-log-id{font-size:10px}.sales-dashboard-log-status{padding:3px 10px;font-size:10px}.sales-dashboard-log-comment{font-size:13px}.sales-dashboard-log-employee{flex-wrap:wrap;font-size:11px}}.sales-dashboard-log-driver-info{background:#f0f4f8;border:1px solid #e8edf2;border-radius:8px;align-items:center;gap:10px;margin-bottom:10px;padding:8px 12px;display:flex}.sales-dashboard-log-driver-avatar-small{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex}.sales-dashboard-log-driver-details{flex-direction:column;gap:1px;display:flex}.sales-dashboard-log-driver-name{color:#1a1a2e;font-size:13px;font-weight:600}.sales-dashboard-log-driver-phone{color:#6b6b7a;font-size:11px}@media (width<=768px){.sales-dashboard-log-driver-info{flex-wrap:wrap;padding:6px 10px}.sales-dashboard-log-driver-name{font-size:12px}.sales-dashboard-log-driver-phone{font-size:10px}}@media (width<=480px){.sales-dashboard-log-driver-avatar-small{width:24px;height:24px;font-size:9px}.sales-dashboard-log-driver-name{font-size:11px}.sales-dashboard-log-driver-phone{font-size:10px}}.sales-dashboard-btn-refresh{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:14px;font-weight:500;transition:all .3s;display:flex;box-shadow:0 4px 12px #3b82f640}.sales-dashboard-btn-refresh:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f659}.sales-dashboard-btn-refresh svg{width:18px;height:18px}@media (width<=768px){.sales-dashboard-btn-refresh{justify-content:center;width:100%}}.sales-dashboard-team-leader{border-radius:12px;padding:2px 10px;font-size:13px;font-weight:500;display:inline-block}.sales-dashboard-team-leader.assigned{color:#3b82f6;background:#3b82f61f}.sales-dashboard-team-leader.unassigned{color:#6b7280;background:#9ca3af1f;font-style:italic}.sales-dashboard-load-more{color:#6b6b7a;border-top:1px solid #f0f1f5;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:14px;display:flex}.sales-dashboard-load-more .spinner-small{border:2px solid #f0f1f5;border-top-color:#dc2626;border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}.sales-dashboard-all-loaded{text-align:center;color:#10b981;border-top:1px solid #f0f1f5;padding:16px;font-size:14px;font-weight:500}@media (width<=768px){.sales-dashboard-table{min-width:800px}}.sales-team-container{max-width:1400px!important;margin:0 auto!important;animation:.5s fadeIn!important}.sticky-header{z-index:100!important;background:#f0f2f5!important;padding:12px 0 0!important;position:sticky!important;top:0!important}.sales-team-header{margin-bottom:12px!important}.btn-add-sales{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#dc2626,#b91c1c)!important;border:none!important;border-radius:8px!important;align-items:center!important;gap:6px!important;padding:7px 14px!important;font-family:inherit!important;font-size:13px!important;font-weight:600!important;transition:all .3s!important;display:flex!important;box-shadow:0 2px 8px #dc262633!important}.btn-add-sales:hover{transform:translateY(-2px)!important;box-shadow:0 4px 16px #dc26264d!important}.btn-add-sales svg{width:16px!important;height:16px!important}.search-filter-bar{background:#fff!important;border:1px solid #e8e9f0!important;border-radius:10px!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin-bottom:16px!important;padding:6px 16px!important;display:flex!important;box-shadow:0 2px 8px #0000000a!important}.search-box{min-width:200px!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;flex:1!important;position:relative!important}.search-box svg{color:#8a8a9a!important;pointer-events:none!important;width:17px!important;height:17px!important;position:absolute!important;top:50%!important;left:12px!important;transform:translateY(-50%)!important}.search-box input{width:100%!important;box-shadow:none!important;color:#1a1a2e!important;appearance:none!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;padding:4px 12px 4px 36px!important;font-family:inherit!important;font-size:13px!important;transition:none!important}.search-box input:hover,.search-box input:focus,.search-box input:active,.search-box input:focus-visible{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.search-box input:-webkit-autofill{-webkit-text-fill-color:#1a1a2e!important;background:0 0!important;box-shadow:inset 0 0 0 1000px #0000!important}.search-box input:-webkit-autofill:hover{-webkit-text-fill-color:#1a1a2e!important;background:0 0!important;box-shadow:inset 0 0 0 1000px #0000!important}.search-box input:-webkit-autofill:focus{-webkit-text-fill-color:#1a1a2e!important;background:0 0!important;box-shadow:inset 0 0 0 1000px #0000!important}.search-box input:-webkit-autofill:active{-webkit-text-fill-color:#1a1a2e!important;background:0 0!important;box-shadow:inset 0 0 0 1000px #0000!important}.filter-options{gap:6px!important;display:flex!important}.filter-btn{color:#6b6b7a!important;cursor:pointer!important;background:0 0!important;border:1px solid #e8e9f0!important;border-radius:18px!important;padding:5px 14px!important;font-family:inherit!important;font-size:12px!important;font-weight:500!important;transition:all .2s!important}.filter-btn:hover{color:#dc2626!important;background:#fef2f2!important}.filter-btn.active{color:#fff!important;background:#dc2626!important;border-color:#dc2626!important}.sales-table-container{background:#fff!important;border:1px solid #e8e9f0!important;border-radius:12px!important;overflow:visible!important}.sales-table{border-collapse:collapse!important;width:100%!important}.sales-table thead{background:#f8f9fc!important}.sales-table th{text-align:left!important;color:#6b6b7a!important;text-transform:uppercase!important;letter-spacing:.5px!important;padding:12px 16px!important;font-size:11px!important;font-weight:600!important}.sales-table td{color:#1a1a2e!important;border-top:1px solid #f0f1f5!important;padding:10px 16px!important;font-size:13px!important}.sales-name{align-items:center!important;gap:10px!important;display:flex!important}.status-badge{border-radius:12px!important;padding:3px 10px!important;font-size:11px!important;font-weight:500!important}.status-badge.active{color:#10b981!important;background:#10b9811f!important}.status-badge.inactive{color:#ef4444!important;background:#ef44441f!important}.action-cell{display:inline-block!important;position:relative!important}.btn-action-menu{cursor:pointer!important;color:#6b6b7a!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:6px!important;outline:none!important;justify-content:center!important;align-items:center!important;padding:4px 8px!important;transition:background .2s!important;display:flex!important}.btn-action-menu:hover{color:#1a1a2e!important;background:#f0f1f5!important}.btn-action-menu:focus,.btn-action-menu:active{box-shadow:none!important;outline:none!important}.btn-action-menu svg{width:18px!important;height:18px!important}.action-menu{z-index:1000!important;background:#fff!important;border:1px solid #e8e9f0!important;border-radius:8px!important;min-width:120px!important;margin-top:4px!important;animation:.2s slideDown!important;position:absolute!important;top:100%!important;right:0!important;overflow:hidden!important;box-shadow:0 8px 24px #0000001f!important}.action-menu-item{text-align:left!important;cursor:pointer!important;color:#1a1a2e!important;width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:8px 16px!important;font-family:inherit!important;font-size:13px!important;font-weight:500!important;transition:all .2s!important;display:block!important}.action-menu-item:hover{background:#f8f9fc!important}.action-menu-item:focus,.action-menu-item:active{box-shadow:none!important;outline:none!important}.action-deactivate{color:#ef4444!important}.action-deactivate:hover{background:#ef444414!important}.action-reactivate{color:#10b981!important}.action-reactivate:hover{background:#10b98114!important}.loading-state{background:#fff!important;border:1px solid #e8e9f0!important;border-radius:12px!important;padding:0!important;overflow:hidden!important}.shimmer-container{padding:0!important}.shimmer-header{background:#f8f9fc!important;border-bottom:1px solid #f0f1f5!important;gap:16px!important;padding:12px 16px!important;display:flex!important}.shimmer-line{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%!important;border-radius:4px!important;height:14px!important;animation:1.5s infinite shimmer!important}.shimmer-small{width:40px!important}.shimmer-medium{flex:1!important}.shimmer-line:last-child{max-width:60px!important}.empty-state{text-align:center!important;background:#fff!important;border:1px solid #e8e9f0!important;border-radius:12px!important;padding:60px 20px!important}.toast{z-index:9999!important;background:#fff!important;border-left:4px solid #0000!important;border-radius:10px!important;align-items:center!important;gap:12px!important;min-width:300px!important;padding:14px 20px!important;animation:.3s slideInRight!important;display:flex!important;position:fixed!important;top:24px!important;right:24px!important;box-shadow:0 8px 32px #00000026!important}.toast-success{border-left-color:#10b981!important}.toast-error{border-left-color:#ef4444!important}.toast-message{color:#1a1a2e!important;flex:1!important;font-size:14px!important;font-weight:500!important}.toast-close{cursor:pointer!important;color:#8a8a9a!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0 4px!important;font-size:20px!important}.toast-close:hover{color:#1a1a2e!important}.toast-close:focus,.toast-close:active{box-shadow:none!important;outline:none!important}@media (width<=768px){.header-top{flex-direction:row!important;justify-content:flex-start!important}.btn-add-sales{padding:6px 12px!important;font-size:12px!important}.btn-add-sales svg{width:14px!important;height:14px!important}.search-filter-bar{flex-direction:column!important;align-items:stretch!important;padding:12px!important}.search-box{width:100%!important}.search-box input{width:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.search-box input:hover,.search-box input:focus,.search-box input:active,.search-box input:focus-visible{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important}.filter-options{justify-content:center!important}.sales-table{font-size:12px!important}.sales-table th,.sales-table td{padding:8px 10px!important}.action-menu{min-width:100px!important;right:-8px!important}.sticky-header{padding:8px 0 0!important}}.btn-back{color:#4a4a5a;cursor:pointer;background:0 0;border:1px solid #e8e9f0;border-radius:8px;align-items:center;gap:8px;width:fit-content;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-back:hover{background:#f8f9fc;border-color:#d0d0d8}.btn-back svg{width:18px;height:18px}.driver-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:72px;height:72px;font-size:28px;font-weight:700;display:flex}.license-status-badge{border-radius:12px;padding:4px 14px;font-size:13px;font-weight:500}.license-status-badge.valid{color:#10b981;background:#10b9811f}.license-status-badge.expired{color:#ef4444;background:#ef44441f}.sync-badge{border-radius:12px;padding:4px 12px;font-size:13px;font-weight:500}.detail-tabs{border-bottom:2px solid #f0f1f5;gap:4px;margin-bottom:30px;padding-bottom:0;display:flex}.tab-btn{color:#6b6b7a;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:500;transition:all .3s;position:relative}.tab-btn:hover{color:#1a1a2e}.tab-btn.active{color:#dc2626;border-bottom-color:#dc2626}.driver-details-content{flex-direction:column;gap:24px;display:flex}.detail-section{background:#fff;border:1px solid #e8e9f0;border-radius:12px;padding:20px 24px}.detail-section h3{color:#1a1a2e;border-bottom:2px solid #f0f1f5;margin:0 0 16px;padding-bottom:8px;font-size:16px;font-weight:600}.detail-value{color:#1a1a2e;font-size:15px;font-weight:500}.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}.placeholder-content{text-align:center;background:#fff;border:1px solid #e8e9f0;border-radius:12px;padding:60px 20px}.placeholder-content h3{color:#4a4a5a;margin-bottom:8px;font-size:20px}.placeholder-content p{color:#8a8a9a}.vehicles-tab-content{margin-top:0}.vehicles-tab-content .registered-cars-container{padding:0}@media (width<=768px){.driver-detail-page{padding:16px 12px}.driver-header-info{flex-direction:column;align-items:flex-start}.driver-header-info h1{font-size:22px}.driver-avatar-large{width:56px;height:56px;font-size:22px}.detail-tabs{gap:0;overflow-x:auto}.tab-btn{white-space:nowrap;padding:10px 16px;font-size:14px}.detail-grid{grid-template-columns:1fr;gap:10px}.detail-section{padding:16px}}@media (width<=480px){.driver-header-info h1{font-size:18px}.driver-header-badges{flex-direction:column;align-items:flex-start}.tab-btn{padding:8px 12px;font-size:13px}}.detail-category{border-bottom:1px solid #e8e9f0;width:100%}.category-header{color:#1a1a2e;cursor:pointer;text-align:left;background:#fff;border:none;justify-content:space-between;align-items:center;width:100%;min-height:62px;padding:0 24px;font-family:inherit;font-size:16px;font-weight:600;transition:background .2s;display:flex}.category-header:hover .category-arrow{background:#f3f4f6}@keyframes categoryOpen{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.detail-item{flex-direction:column;gap:5px;min-width:0;display:flex}.status-valid{color:#10b981;font-weight:600}.status-expired{color:#ef4444;font-weight:600}.sync-badge{border-radius:12px;width:fit-content;padding:4px 12px;font-size:13px;font-weight:500;display:inline-flex}@media (width<=768px){.driver-details-card{border-radius:10px}.category-header{min-height:56px;padding:0 16px;font-size:15px}.category-content{padding:4px 16px 20px}.detail-grid{grid-template-columns:1fr;gap:14px}.detail-item.full-width{grid-column:auto}.detail-value{font-size:14px}}.driver-detail-skeleton{width:100%}.driver-detail-page{max-width:1400px;margin:0 auto;padding:24px 20px;animation:.5s fadeIn}.detail-page-header{flex-direction:column;gap:20px;margin-bottom:30px;display:flex}.driver-header-info{align-items:center;gap:20px;display:flex}.driver-header-info h1{color:#1a1a2e;letter-spacing:-.5px;margin:0 0 8px;font-size:28px;font-weight:700}.vehicle-header-icon{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:72px;height:72px;display:flex}.vehicle-header-icon svg{width:36px;height:36px}.driver-header-badges{flex-wrap:wrap;gap:10px;display:flex}.vehicle-plate-badge{color:#dc2626;background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;align-items:center;padding:5px 14px;font-size:13px;font-weight:600;display:inline-flex}.vehicle-status-badge{color:#6b6b7a;background:#f0f1f5;border-radius:12px;align-items:center;padding:5px 14px;font-size:13px;font-weight:500;display:inline-flex}.vehicle-status-badge.working{color:#10b981;background:#10b9811f}.vehicle-status-badge.idle{color:#d97706;background:#f59e0b1f}.vehicle-status-badge.inactive,.vehicle-status-badge.stopped{color:#ef4444;background:#ef44441f}.tab-content{margin-top:0}.driver-details-card{background:#fff;border:1px solid #e8e9f0;border-radius:12px;width:100%;overflow:hidden}.detail-category{border-bottom:1px solid #e8e9f0}.detail-category:last-child{border-bottom:none}.category-header{color:#1a1a2e;cursor:pointer;background:#fff;border:none;justify-content:space-between;align-items:center;width:100%;padding:20px 24px;font-family:inherit;font-size:16px;font-weight:600;transition:background .2s;display:flex}.category-header:hover{background:#fafafa}.category-arrow{color:#8a8a9a;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:transform .25s,background .2s;display:flex}.category-arrow:hover{background:#f0f1f5}.category-arrow svg{width:18px;height:18px}.category-arrow.expanded{transform:rotate(180deg)}.category-content{padding:0 24px 24px;animation:.25s categoryOpen}.detail-grid{grid-template-columns:1fr 1fr;gap:22px 40px;display:grid}.detail-item{flex-direction:column;gap:5px;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;word-break:break-word;font-size:15px;font-weight:500}.detail-value.license-highlight{color:#dc2626;background:#fef2f2;border-radius:5px;width:fit-content;padding:4px 10px;font-family:monospace;font-size:16px;font-weight:700;display:inline-block}.sync-badge{border-radius:12px;align-items:center;width:fit-content;padding:4px 12px;font-size:13px;font-weight:500;display:inline-flex}.sync-badge.synced{color:#10b981;background:#10b9811f}.sync-badge.not-synced{color:#ef4444;background:#ef44441f}.detail-value.error-text{color:#ef4444;font-weight:400}.comment-box{color:#4a4a5a;background:#f8f9fc;border:1px solid #f0f1f5;border-radius:8px;padding:12px 16px;font-size:14px;line-height:1.6}.vehicle-detail-skeleton{width:100%}.skeleton-header{margin-bottom:30px}.skeleton-title{border-radius:6px;width:280px;height:32px;margin-bottom:12px}.skeleton-team-leader{border-radius:12px;width:190px;height:24px}.skeleton-tabs{border-bottom:2px solid #f0f1f5;gap:24px;margin-bottom:30px;padding-bottom:10px;display:flex}.skeleton-tab{border-radius:5px;width:70px;height:20px}.skeleton-card{background:#fff;border:1px solid #e8e9f0;border-radius:12px;width:100%;overflow:hidden}.skeleton-category-header{border-bottom:1px solid #e8e9f0;width:100%;height:62px}.skeleton-fields{grid-template-columns:1fr 1fr;gap:24px 40px;padding:26px 24px;display:grid}.skeleton-field{flex-direction:column;gap:8px;display:flex}.skeleton-label{border-radius:4px;width:90px;height:10px}.skeleton-value{border-radius:5px;width:160px;height:18px}.skeleton-category{border-bottom:1px solid #e8e9f0;height:62px}.skeleton-shimmer{background:#f0f1f5;position:relative;overflow:hidden}.skeleton-shimmer:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffffa6 50%,#0000 100%);width:150%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:-150%}@media (width<=768px){.driver-detail-page{padding:16px 12px}.driver-header-info{flex-direction:column;align-items:flex-start}.driver-header-info h1{font-size:22px}.vehicle-header-icon{width:56px;height:56px}.vehicle-header-icon svg{width:28px;height:28px}.detail-grid{grid-template-columns:1fr;gap:18px}.category-header{padding:18px 16px}.category-content{padding:0 16px 20px}.skeleton-fields{grid-template-columns:1fr;gap:18px;padding:20px 16px}.skeleton-title{width:210px}.skeleton-team-leader{width:160px}}@media (width<=480px){.driver-header-info h1{font-size:18px}.driver-header-badges{flex-direction:column;align-items:flex-start}}.driver-trips-container{padding:20px 0}.trips-stats-header{background:#f8f9fa;border:1px solid #e9ecef;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:24px;padding:16px 20px;display:grid}.stat-item{text-align:center;flex-direction:column;align-items:center;display:flex}.stat-label{color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:12px;font-weight:600}.stat-value{color:#212529;font-size:24px;font-weight:700}.trips-list{flex-direction:column;gap:12px;display:flex}.trip-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;transition:all .3s;overflow:hidden}.trip-card:hover{border-color:#ced4da;box-shadow:0 2px 8px #0000000f}.trip-card.expanded{border-color:#0d6efd;box-shadow:0 4px 12px #0d6efd1a}.trip-card-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:16px 20px;transition:background .2s;display:flex}.trip-card-header:hover{background:#f8f9fa}.trip-left{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.trip-short-id{color:#212529;font-size:14px;font-weight:600}.trip-status{text-transform:uppercase;letter-spacing:.3px;color:#155724;background:#d4edda;border-radius:20px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-block}.trip-status:not(:contains("Complete")){color:#856404;background:#fff3cd}.trip-right{align-items:center;gap:16px;display:flex}.trip-price{color:#28a745;font-size:16px;font-weight:700}.expand-arrow{justify-content:center;align-items:center;width:20px;height:20px;transition:transform .3s;display:inline-flex}.expand-arrow svg{stroke:#6c757d;width:20px;height:20px}.expand-arrow.expanded{transform:rotate(180deg)}.trip-card-body{border-top:1px solid #e9ecef;padding:0 20px 20px;animation:.3s slideDown}.trip-detail-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 24px;padding-top:16px;display:grid}.trip-detail-item{flex-direction:column;gap:4px;display:flex}.trip-detail-item.full-width{grid-column:1/-1}.trip-detail-label{color:#6c757d;text-transform:uppercase;letter-spacing:.3px;font-size:11px;font-weight:600}.trip-detail-value{color:#212529;word-break:break-word;font-size:14px}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state.error-state{padding:40px 20px}.empty-icon{margin-bottom:16px;font-size:48px}.empty-state h3{color:#212529;margin:0 0 8px;font-size:20px}.empty-state p{color:#6c757d;margin:0;font-size:14px}.retry-btn{color:#fff;cursor:pointer;background:#0d6efd;border:none;border-radius:6px;margin-top:16px;padding:8px 24px;font-size:14px;font-weight:500;transition:background .2s}.retry-btn:hover{background:#0b5ed7}.driver-trips-skeleton{flex-direction:column;gap:16px;display:flex}.skeleton-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:4px 0 16px;display:flex}.skeleton-title{background:#e9ecef;border-radius:4px;width:120px;height:24px}.skeleton-count{background:#e9ecef;border-radius:4px;width:60px;height:20px}.skeleton-trip-card{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:16px 20px}.skeleton-trip-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.skeleton-trip-id{background:#e9ecef;border-radius:4px;width:80px;height:18px}.skeleton-trip-status{background:#e9ecef;border-radius:4px;width:60px;height:18px}.skeleton-trip-body{flex-direction:column;gap:8px;display:flex}.skeleton-trip-row{align-items:center;gap:12px;display:flex}.skeleton-label{background:#e9ecef;border-radius:4px;flex-shrink:0;width:80px;height:14px}.skeleton-value{background:#e9ecef;border-radius:4px;width:150px;height:14px}.skeleton-shimmer{background:linear-gradient(90deg,#e9ecef 25%,#f1f3f5 50%,#e9ecef 75%) 0 0/200% 100%;animation:1.5s ease-in-out infinite shimmer}@media (width<=768px){.trips-stats-header{grid-template-columns:repeat(3,1fr);gap:12px;padding:12px 16px}.stat-value{font-size:18px}.trip-card-header{flex-direction:column;align-items:stretch;gap:8px}.trip-left,.trip-right{justify-content:space-between}.trip-detail-grid{grid-template-columns:1fr;gap:8px}.trip-detail-item.full-width{grid-column:1}}@media (width<=480px){.trips-stats-header{grid-template-columns:1fr;gap:8px}.stat-item{flex-direction:row;justify-content:space-between;padding:4px 0}.stat-label{margin-bottom:0;font-size:13px}.stat-value{font-size:16px}.trip-card-header{padding:12px 16px}.trip-card-body{padding:0 16px 16px}}.header-stats{flex-wrap:wrap;justify-content:flex-start;gap:12px;display:flex}.drivers-header{margin-bottom:16px}.add-sales-page{box-sizing:border-box;width:100%;min-height:100%;padding:28px}.add-sales-container{background:#fff;border:1px solid #eef0f4;border-radius:14px;width:100%;max-width:1000px;margin:0 auto;overflow:hidden;box-shadow:0 2px 10px #0000000a}.add-sales-page .add-page-header{background:#fff;border-bottom:1px solid #eef0f4;padding:26px 32px}.add-sales-page .add-page-header p{color:#858596;margin:0;font-size:14px}.add-sales-page .add-form-body{padding:32px}.add-sales-page .form-row{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:4px;display:grid}.add-sales-page .form-group{flex-direction:column;gap:8px;margin-bottom:22px;display:flex}.add-sales-page .form-group label{color:#3f4050;font-size:14px;font-weight:600}.add-sales-page .form-group input{box-sizing:border-box;color:#1a1a2e;background:#fafbfc;border:1px solid #dfe1e8;border-radius:8px;outline:none;width:100%;height:46px;padding:0 14px;font-family:inherit;font-size:14px;transition:all .2s}.add-sales-page .form-group input::placeholder{color:#a5a6b2}.add-sales-page .form-group input:hover{border-color:#cfd1d9}.add-sales-page .form-group input:focus{background:#fff;border-color:#dc2626;box-shadow:0 0 0 3px #dc262614}.add-sales-page .form-error{color:#dc2626;background:#ef444412;border:1px solid #ef44442e;border-radius:8px;align-items:center;margin-bottom:24px;padding:12px 15px;font-size:14px;line-height:1.4;display:flex}.add-sales-page .form-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;align-items:center;gap:10px;margin-bottom:24px;padding:12px 15px;font-size:14px;line-height:1.4;display:flex}.add-sales-page .form-success:before{content:"✓";color:#fff;background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;font-weight:700;display:flex}.add-sales-page .password-info{box-sizing:border-box;background:#f0f7ff;border:1px solid #b3d9ff;border-radius:8px;align-items:center;gap:12px;width:100%;padding:12px 16px;display:flex}.add-sales-page .password-icon{flex-shrink:0;font-size:20px}.add-sales-page .password-content{flex:1}.add-sales-page .password-content label{margin-bottom:4px;font-weight:700;display:block}.add-sales-page .password-display{color:#1a1a2e;background:#fff;border:1px solid #ddd;border-radius:4px;padding:6px 12px;font-family:monospace;font-size:16px}.add-sales-page .password-content p{color:#666;margin:4px 0 0;font-size:12px}.add-sales-page .form-actions{border-top:1px solid #eef0f4;justify-content:flex-end;align-items:center;gap:12px;margin-top:10px;padding-top:24px;display:flex}.add-sales-page .btn-cancel,.add-sales-page .btn-submit{cursor:pointer;border:none;border-radius:8px;min-width:120px;height:44px;padding:0 20px;font-family:inherit;font-size:14px;font-weight:600;transition:background .2s,border-color .2s,transform .2s,box-shadow .2s}.add-sales-page .btn-cancel{color:#4b4c59;background:#f3f4f6;border:1px solid #e5e7eb}.add-sales-page .btn-cancel:hover{background:#e9eaed;border-color:#dcdde2}.add-sales-page .btn-submit{color:#fff;background:linear-gradient(135deg,#dc2626,#b91c1c);min-width:170px;box-shadow:0 3px 10px #dc26262e}.add-sales-page .btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 5px 16px #dc262640}.add-sales-page .btn-submit:active:not(:disabled){transform:translateY(0)}.add-sales-page .btn-submit:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}@media (width<=900px){.add-sales-page{padding:20px}.add-sales-page .add-form-body{padding:26px}.add-sales-page .add-page-header{padding:22px 26px}}@media (width<=768px){.add-sales-page{padding:14px}.add-sales-container{border-radius:10px}.add-sales-page .add-page-header,.add-sales-page .add-form-body{padding:20px}.add-sales-page .form-row{grid-template-columns:1fr;gap:0}.add-sales-page .form-group{margin-bottom:18px}.add-sales-page .form-actions{flex-direction:column-reverse;align-items:stretch}.add-sales-page .btn-cancel,.add-sales-page .btn-submit{width:100%;min-width:0;height:46px}}@media (width<=480px){.add-sales-page{padding:10px}.add-sales-page .add-page-header,.add-sales-page .add-form-body{padding:18px}.add-sales-page .form-group input{height:44px}}.logs-container{background:#f8fafc;max-width:1400px;min-height:100vh;margin:0 auto;padding:20px;animation:.5s fadeIn}.logs-header{margin-bottom:24px}.header-top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-title{color:#1a1a2e;margin:0;font-size:28px;font-weight:700}.page-subtitle{color:#8a8a9a;margin-top:4px;font-size:14px}.btn-add-log{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);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 #10b98140}.btn-add-log:hover{transform:translateY(-2px);box-shadow:0 8px 24px #10b98159}.btn-add-log svg{width:18px;height:18px}.stats-cards{grid-template-columns:repeat(auto-fit,minmax(200px,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;transition:all .3s;display:flex}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.stat-number{color:#1a1a2e;font-size:28px;font-weight:700}.stat-label{color:#8a8a9a;margin-top:2px;font-size:13px;font-weight:400}.search-filter-bar{background:#fff;border:1px solid #e8e9f0;border-radius:12px;margin-bottom:20px;padding:20px;box-shadow:0 1px 3px #0000000a}.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:8px;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:#10b981;box-shadow:0 0 0 4px #10b9811a}.filter-controls{flex-wrap:wrap;align-items:flex-end;gap:16px;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:600}.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;transition:all .3s}.filter-group select:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.custom-date-range{background:#f8f9fc;border:1px solid #e8e9f0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.custom-date-range input[type=date]{background:#fff;border:1px solid #e8e9f0;border-radius:4px;outline:none;padding:4px 8px;font-family:inherit;font-size:14px}.custom-date-range span{color:#6b6b7a;font-size:14px}.logs-table-container{background:#fff;border:1px solid #e8e9f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a}.logs-table{border-collapse:collapse;width:100%}.logs-table thead{background:#f8f9fc}.logs-table th{text-align:left;color:#6b6b7a;text-transform:uppercase;letter-spacing:.5px;padding:14px 16px;font-size:12px;font-weight:600}.logs-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}.driver-info,.employee-info{align-items:center;gap:10px;display:flex}.avatar-small{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;display:flex}.log-description{white-space:nowrap;text-overflow:ellipsis;color:#4a4a5a;max-width:250px;overflow:hidden}.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-view{color:#3b82f6;background:#3b82f61a}.btn-view:hover{background:#3b82f633}.btn-delete{color:#ef4444;background:#ef44441a}.btn-delete:hover{background:#ef444433}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:20px 0;display:flex}.page-btn{color:#4a4a5a;cursor:pointer;background:#fff;border:1px solid #e8e9f0;border-radius:6px;padding:6px 14px;font-family:inherit;font-size:14px;transition:all .2s}.page-btn:hover:not(:disabled){background:#f0f1f5}.page-btn.active{color:#fff;background:#10b981;border-color:#10b981}.page-btn:disabled{opacity:.5;cursor:not-allowed}.loading-state{text-align:center;color:#8a8a9a;padding:60px 20px}.spinner{border:3px solid #f0f1f5;border-top-color:#10b981;border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:1s linear infinite spin}.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}.toast{z-index:10000;border-radius:8px;align-items:center;gap:12px;min-width:300px;max-width:500px;padding:12px 20px;animation:.3s slideInRight;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 4px 16px #00000026}.toast-success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.toast-error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.toast-icon{font-size:18px}.toast-message{flex:1;font-size:14px}.toast-close{cursor:pointer;color:inherit;background:0 0;border:none;padding:0 4px;font-size:20px}@media (width<=1024px){.filter-controls{flex-direction:column;align-items:stretch}.custom-date-range{flex-wrap:wrap}}@media (width<=768px){.header-top{flex-direction:column;align-items:stretch}.btn-add-log{justify-content:center}.logs-table{font-size:13px}.logs-table th,.logs-table td{padding:10px 12px}.log-description{max-width:120px}.toast{min-width:unset;max-width:90%;top:10px;right:10px}.stats-cards{grid-template-columns:1fr 1fr}}@media (width<=480px){.logs-table{font-size:12px}.logs-table th,.logs-table td{padding:6px 8px}.log-description{max-width:80px}.btn-action{padding:2px 8px;font-size:10px}.action-buttons{flex-direction:column;gap:2px}.stats-cards{grid-template-columns:1fr}}.btn-action.btn-add-log{color:#10b981;background:#10b9811f;align-items:center;gap:4px;display:flex}.btn-action.btn-add-log:hover{background:#10b98133}.btn-action.btn-add-log svg{width:14px;height:14px}.action-buttons{flex-wrap:wrap;gap:4px;display:flex}@media (width<=480px){.btn-action.btn-add-log svg{width:12px;height:12px}.btn-action.btn-add-log{padding:2px 6px;font-size:10px}}.add-log-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-log-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-log-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-log-header h3{color:#1a1a2e;font-size:18px;font-weight:600}.add-log-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-log-close:hover{color:#1a1a2e;background:#f0f1f5}.add-log-close svg{width:24px;height:24px}.add-log-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-success{color:#155724;background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;align-items:center;gap:10px;margin-bottom:15px;padding:10px 15px;display:flex}.form-success:before{content:"✅";font-size:18px}.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,.form-group textarea{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,.form-group textarea:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 4px #10b98114}.form-group textarea{resize:vertical;min-height:80px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.searchable-dropdown-wrapper{width:100%;position:relative}.dropdown-input{cursor:pointer;background:#f8f9fc;border:1px solid #e8e9f0;border-radius:8px;justify-content:space-between;align-items:center;min-height:45px;padding:10px 14px;transition:all .3s;display:flex}.dropdown-input:hover{border-color:#10b981}.dropdown-input:focus-within{border-color:#10b981;box-shadow:0 0 0 4px #10b98114}.dropdown-input.error{border-color:#dc2626}.dropdown-input.selected{background:#f0fdf4;border-color:#10b981}.selected-value{color:#1a1a2e;flex:1;font-size:14px}.dropdown-input:not(.selected) .selected-value{color:#8a8a9a}.dropdown-arrow{color:#8a8a9a;font-size:12px;transition:transform .3s}.dropdown-options{z-index:1000;background:#fff;border:1px solid #e8e9f0;border-radius:8px;flex-direction:column;max-height:320px;animation:.2s dropdownSlideDown;display:flex;position:absolute;top:calc(100% + 4px);left:0;right:0;box-shadow:0 8px 30px #0000001f}@keyframes dropdownSlideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-search-wrapper{z-index:1;background:#fff;border-bottom:1px solid #f0f1f5;border-radius:8px 8px 0 0;align-items:center;padding:8px 12px;display:flex;position:sticky;top:0}.dropdown-search-wrapper .search-icon{color:#8a8a9a;flex-shrink:0;width:18px;height:18px;margin-right:8px}.dropdown-search-input{color:#1a1a2e;background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-family:inherit;font-size:14px}.dropdown-search-input::placeholder{color:#b0b0c0}.dropdown-search-clear{color:#8a8a9a;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:16px;transition:color .2s}.dropdown-search-clear:hover{color:#1a1a2e}.dropdown-options-list{max-height:250px;padding:4px 0;overflow-y:auto}.dropdown-option{cursor:pointer;border-bottom:1px solid #f8f9fc;padding:10px 14px;transition:background .2s}.dropdown-option:last-child{border-bottom:none}.dropdown-option:hover{background:#f0fdf4}.dropdown-option.selected{background:#ecfdf5}.driver-option-content{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.driver-option-name{color:#1a1a2e;font-size:14px;font-weight:500}.driver-option-phone{color:#6b6b7a;font-size:13px}.driver-option-email{color:#8a8a9a;font-size:12px}.driver-option-check{color:#10b981;margin-left:auto;font-weight:600}.dropdown-no-options{text-align:center;color:#8a8a9a;padding:20px;font-size:14px}.error-message-text{color:#dc2626;margin-top:4px;font-size:12px}.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-cancel{color:#4a4a5a;background:#f0f1f5}.btn-cancel:hover{background:#e5e6ea}.btn-submit{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b98140}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #10b98159}.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (width<=768px){.form-row{grid-template-columns:1fr;gap:0}.add-log-container{max-width:100%;margin:10px}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{justify-content:center;width:100%}.driver-option-content{flex-wrap:wrap}.dropdown-options{max-height:260px}.dropdown-options-list{max-height:190px}}@media (width<=480px){.driver-option-email{display:none}}.log-details-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}.log-details-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}.log-details-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}.log-details-header h3{color:#1a1a2e;font-size:18px;font-weight:600}.log-details-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}.log-details-close:hover{color:#1a1a2e;background:#f0f1f5}.log-details-close svg{width:24px;height:24px}.log-details-body{padding:24px}.detail-section{border-bottom:1px solid #f0f1f5;margin-bottom:20px;padding-bottom:20px}.detail-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.detail-row{padding:8px 0;display:flex}.detail-label{color:#6b6b7a;flex-shrink:0;width:120px;font-size:13px;font-weight:600}.detail-value{color:#1a1a2e;word-break:break-word;flex:1;font-size:14px}.detail-value.description{white-space:pre-wrap;background:#f8f9fc;border:1px solid #e8e9f0;border-radius:8px;padding:12px}.driver-phone{color:#8a8a9a;margin-left:8px;font-size:12px}.status-badge{border-radius:12px;padding:4px 12px;font-size:12px;font-weight:500;display:inline-block}.status-badge.win{color:#10b981;background:#10b9811f}.status-badge.potential{color:#f59e0b;background:#fbbf241f}.status-badge.loss{color:#ef4444;background:#ef44441f}.status-badge.default{color:#6b6b7a;background:#6b6b7a1f}@media (width<=768px){.log-details-container{max-width:100%;margin:10px}.detail-row{flex-direction:column;gap:4px}.detail-label{width:100%}}.sales-sidebar{z-index:1000;background:#fff;border-right:1px solid #0000000a;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 12px #00000008}.sales-sidebar.closed{width:72px;transform:translate(-100%)}.sales-sidebar.open{width:280px;transform:translate(0)}.sales-sidebar-header{border-bottom:1px solid #0000000a;flex-shrink:0;justify-content:space-between;align-items:center;min-height:80px;padding:20px 24px;transition:padding .3s;display:flex}.sales-sidebar.closed .sales-sidebar-header{justify-content:center;min-height:72px;padding:16px}.sales-sidebar-brand{cursor:pointer;align-items:center;gap:12px;transition:gap .3s;display:flex}.sales-sidebar.closed .sales-sidebar-brand{justify-content:center;gap:0;width:100%}.sales-brand-icon{background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;overflow:hidden}.sales-sidebar.closed .sales-brand-icon{border-radius:10px;width:36px;height:36px}.sales-brand-logo-image{-o-object-fit:contain;object-fit:contain;border-radius:12px;width:100%;height:100%;display:block}.sales-brand-text{flex-direction:column;line-height:1.2;transition:opacity .3s,width .3s;display:flex;overflow:hidden}.sales-brand-text.hidden{opacity:0;width:0;overflow:hidden}.sales-brand-text.visible{opacity:1;width:auto}.sales-brand-name{color:#1a1a2e;letter-spacing:-.5px;font-size:18px;font-weight:700}.sales-brand-sub{color:#8a8a9a;text-transform:uppercase;letter-spacing:2px;font-size:10px}.sales-sidebar-close{color:#8a8a9a;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.sales-sidebar.closed .sales-sidebar-close{display:none}.sales-sidebar-close:hover{color:#1a1a2e;background:#f5f5f5}.sales-sidebar-close svg{width:20px;height:20px}.sales-sidebar-nav{-webkit-overflow-scrolling:touch;flex-direction:column;flex:1;gap:2px;padding:12px;display:flex;overflow:hidden auto}.sales-sidebar.closed .sales-sidebar-nav{padding:12px 8px}.sales-nav-item-wrapper{flex-direction:column;display:flex;position:relative}.sales-nav-item{color:#6b6b7a;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:14px;width:100%;min-height:44px;padding:10px 14px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s;display:flex;position:relative}.sales-sidebar.closed .sales-nav-item{border-radius:12px;justify-content:center;gap:0;min-height:48px;padding:12px}.sales-nav-item:hover{color:#1a1a2e;background:#f5f6fa}.sales-nav-item.active{color:#1a1a2e;background:#f0f1f5}.sales-nav-item.active .sales-nav-icon{color:#10b981}.sales-nav-item.active .sales-nav-icon svg{stroke:#10b981}.sales-nav-item.active:after{content:"";background:#10b981;border-radius:3px 0 0 3px;width:3px;height:24px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.sales-sidebar.closed .sales-nav-item.active:after{height:20px}.sales-nav-icon{color:#6b6b7a;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .2s;display:flex}.sales-nav-item:hover .sales-nav-icon{color:#10b981;transform:scale(1.05)}.sales-nav-icon svg{stroke:currentColor;width:20px;height:20px}.sales-sidebar.closed .sales-nav-icon{width:24px;height:24px}.sales-sidebar.closed .sales-nav-icon svg{width:20px;height:20px}.sales-nav-label{text-align:left;white-space:nowrap;flex:1;transition:opacity .3s,width .3s;overflow:hidden}.sales-nav-label.hidden{opacity:0;width:0;overflow:hidden}.sales-nav-label.visible{opacity:1;width:auto}.sales-nav-tooltip{color:#1a1a2e;z-index:2000;pointer-events:auto;background:#fff;border:1px solid #0000000a;border-radius:10px;min-width:140px;padding:10px 16px;font-size:13px;font-weight:500;animation:.15s tooltipFadeIn;position:fixed;transform:translateY(-50%);box-shadow:0 8px 32px #00000014}.sales-nav-tooltip:before{content:"";border:7px solid #0000;border-right-color:#fff;position:absolute;top:50%;left:-8px;transform:translateY(-50%)}.sales-nav-tooltip-label{color:#1a1a2e;letter-spacing:.3px;font-size:13px;font-weight:600}.sales-sidebar-footer{border-top:1px solid #0000000a;flex-direction:column;flex-shrink:0;gap:8px;padding:16px 20px;display:flex}.sales-sidebar.closed .sales-sidebar-footer{padding:12px}.sales-sidebar-user{align-items:center;gap:12px;min-height:44px;display:flex}.sales-sidebar.closed .sales-sidebar-user{justify-content:center}.sales-user-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.sales-sidebar.closed .sales-user-avatar{width:32px;height:32px;font-size:12px}.sales-user-details{flex-direction:column;flex:1;transition:opacity .3s,width .3s;display:flex;overflow:hidden}.sales-user-details.hidden{opacity:0;width:0;overflow:hidden}.sales-user-details.visible{opacity:1;width:auto}.sales-user-fullname{color:#1a1a2e;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.sales-user-role-sidebar{color:#8a8a9a;text-transform:capitalize;letter-spacing:.5px;font-size:10px}.sales-sidebar-user-wrapper{width:100%;position:relative}.sales-sidebar-user{cursor:pointer;border-radius:10px;align-items:center;width:100%;padding:4px 8px;transition:all .2s;display:flex}.sales-sidebar-user:hover{background:#f5f6fa}.sales-user-avatar-wrapper{border-radius:8px;align-items:center;gap:12px;width:100%;padding:4px 4px 4px 0;transition:all .2s;display:flex}.sales-user-dropdown-arrow{color:#8a8a9a;flex-shrink:0;margin-left:auto;transition:transform .3s}.sales-user-dropdown-arrow.hidden{display:none}.sales-user-dropdown-arrow.visible{display:flex}.sales-user-dropdown-arrow.open{transform:rotate(180deg)}.sales-user-dropdown-arrow svg{width:16px;height:16px}.sales-profile-dropdown{z-index:100;background:#fff;border:1px solid #0000000a;border-radius:12px;min-width:200px;padding:8px;animation:.2s dropdownSlideUp;position:absolute;bottom:calc(100% + 8px);left:0;right:0;box-shadow:0 8px 32px #00000014}.sales-profile-dropdown-item{color:#4a4a5a;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s;display:flex}.sales-profile-dropdown-item:hover{color:#1a1a2e;background:#f5f6fa}.sales-profile-dropdown-item.active{color:#1a1a2e;background:#f0f1f5}.sales-profile-dropdown-item.active .sales-profile-dropdown-icon svg{color:#10b981}.sales-profile-dropdown-icon{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.sales-profile-dropdown-icon svg{color:#6b6b7a;stroke:currentColor;stroke-width:2px;width:18px;height:18px}.sales-profile-dropdown-item:hover .sales-profile-dropdown-icon svg{color:#10b981}.sales-profile-dropdown-label{flex:1}.sales-profile-tooltip-float{z-index:2000;background:#fff;border:1px solid #0000000a;border-radius:10px;min-width:180px;padding:8px;animation:.15s tooltipFadeIn;position:fixed;bottom:80px;left:82px;box-shadow:0 8px 32px #00000014}.sales-profile-tooltip-float:before{content:"";border:7px solid #0000;border-right-color:#fff;position:absolute;bottom:20px;left:-8px}.sales-profile-tooltip-item{color:#4a4a5a;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:12px;width:100%;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:500;transition:all .2s;display:flex}.sales-profile-tooltip-item:hover{color:#1a1a2e;background:#f5f6fa}.sales-profile-tooltip-item.active{color:#1a1a2e;background:#f0f1f5}.sales-profile-tooltip-item.active .sales-profile-tooltip-icon svg{color:#10b981}.sales-profile-tooltip-icon{flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.sales-profile-tooltip-icon svg{color:#6b6b7a;stroke:currentColor;stroke-width:2px;width:16px;height:16px}.sales-profile-tooltip-item:hover .sales-profile-tooltip-icon svg{color:#10b981}.sales-profile-tooltip-label{flex:1}.sales-logout-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;background:#0006;justify-content:center;align-items:center;animation:.2s salesLogoutFadeIn;display:flex;position:fixed;inset:0}.sales-logout-dialog{text-align:center;background:#fff;border-radius:16px;width:90%;max-width:420px;padding:32px;animation:.3s salesLogoutSlideUp;box-shadow:0 20px 60px #00000026}.sales-logout-icon{background:#d1fae5;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;display:flex}.sales-logout-icon svg{color:#10b981;stroke-width:2px;width:32px;height:32px}.sales-logout-title{color:#1e293b;margin-bottom:8px;font-size:20px;font-weight:600}.sales-logout-message{color:#64748b;margin-bottom:24px;font-size:15px;line-height:1.6}.sales-logout-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.sales-logout-btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;min-width:100px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.sales-logout-btn-cancel:hover{background:#e2e8f0}.sales-logout-btn-confirm{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;min-width:100px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.sales-logout-btn-confirm:hover{background:#059669}@keyframes salesLogoutFadeIn{0%{opacity:0}to{opacity:1}}@keyframes salesLogoutSlideUp{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width>=769px){.sales-sidebar.closed{width:72px!important;transform:translate(0)!important}.sales-sidebar.closed .sales-brand-text,.sales-sidebar.closed .sales-nav-label,.sales-sidebar.closed .sales-sidebar-close,.sales-sidebar.closed .sales-user-details,.sales-sidebar.closed .sales-nav-arrow{display:none!important}.sales-sidebar.open{width:280px!important;transform:translate(0)!important}.sales-sidebar.open .sales-brand-text,.sales-sidebar.open .sales-nav-label,.sales-sidebar.open .sales-user-details{display:flex!important}.sales-sidebar-overlay{display:none!important}.sales-nav-tooltip{display:block}.sales-profile-tooltip-float{display:block!important}}@media (width<=768px){.sales-sidebar{width:100%!important;max-width:320px!important}.sales-sidebar.closed{width:320px!important;transform:translate(-100%)!important}.sales-sidebar.open{width:320px!important;transform:translate(0)!important}.sales-sidebar-overlay.active{z-index:999;background:#0006;position:fixed;inset:0;display:block!important}.sales-sidebar-header{min-height:72px!important;padding:16px 20px!important}.sales-brand-icon{width:36px!important;height:36px!important}.sales-brand-name{font-size:16px!important}.sales-sidebar-nav{padding:12px 10px!important}.sales-nav-item{min-height:40px!important;padding:10px 14px!important;font-size:13px!important}.sales-sidebar-footer{padding:12px 16px!important}.sales-user-avatar{width:32px!important;height:32px!important;font-size:12px!important}.sales-nav-tooltip,.sales-profile-tooltip-float{display:none!important}.sales-sidebar.open .sales-brand-text,.sales-sidebar.open .sales-nav-label,.sales-sidebar.open .sales-user-details{display:flex!important}.sales-sidebar.closed .sales-brand-text,.sales-sidebar.closed .sales-nav-label,.sales-sidebar.closed .sales-user-details{display:none!important}}.sales-sidebar-nav::-webkit-scrollbar{width:4px}.sales-sidebar-nav::-webkit-scrollbar-track{background:0 0}.sales-sidebar-nav::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.sales-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#d0d0d0}.sales-sidebar-nav{scrollbar-width:thin;scrollbar-color:#e0e0e0 transparent}.sales-profile-dropdown{max-height:200px;overflow-y:auto}.sales-profile-dropdown::-webkit-scrollbar{width:3px}.sales-profile-dropdown::-webkit-scrollbar-track{background:0 0}.sales-profile-dropdown::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:2px}.sales-nav-item:hover .sales-nav-icon{filter:drop-shadow(0 0 6px #10b98126)}.sales-nav-item.active .sales-nav-icon{filter:drop-shadow(0 0 8px #10b98133)}.sales-sidebar-user-wrapper .sales-profile-dropdown{display:none}.sales-sidebar-user-wrapper:hover .sales-profile-dropdown{display:block}.sales-sidebar.closed .sales-sidebar-user-wrapper .sales-profile-tooltip-float{display:none}.sales-sidebar.closed .sales-sidebar-user-wrapper:hover .sales-profile-tooltip-float{display:block!important}.sales-sidebar.closed .sales-user-avatar-wrapper{cursor:pointer;position:relative}.sales-sidebar.closed .sales-user-avatar-wrapper:after{content:"▸";color:#6b6b7a4d;font-size:10px;transition:all .2s;position:absolute;top:50%;right:-12px;transform:translateY(-50%)}.sales-sidebar.closed .sales-user-avatar-wrapper:hover:after{color:#10b981;transform:translateY(-50%)translate(2px)}.sales-profile-tooltip-float,.sales-nav-tooltip{z-index:9999!important}