@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);*,:after,:before{--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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::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: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }
/* ! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com */*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-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;font-variation-settings:normal;line-height:1.5;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-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,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.top-0{top:0}.z-10{z-index:10}.z-50{z-index:50}.m-0{margin:0}.m-4{margin:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-9{height:2.25rem}.h-\[35px\]{height:35px}.h-\[9em\]{height:9em}.w-9{width:2.25rem}.w-\[20\%\]{width:20%}.w-\[35px\]{width:35px}.w-full{width:100%}.max-w-\[600px\]{max-width:600px}.flex-1{flex:1 1}.flex-shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.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))}.cursor-pointer{cursor:pointer}.resize{resize:both}.appearance-none{-webkit-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.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-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded-2xl{border-radius:1rem}.rounded-\[10px\]{border-radius:10px}.rounded-\[20px\]{border-radius:20px}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-none{border-style:none}.border-\[\#43e97b\]\/30{border-color:#43e97b4d}.border-\[\#667eea\]\/30{border-color:#667eea4d}.border-\[\#764ba2\]\/40{border-color:#764ba266}.border-\[\#f093fb\]\/30{border-color:#f093fb4d}.border-\[\#feca57\]\/30{border-color:#feca574d}.border-\[\#ff9f40\]\/30{border-color:#ff9f404d}.border-red-500{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.border-white\/10{border-color:#ffffff1a}.border-white\/20{border-color:#fff3}.border-white\/5{border-color:#ffffff0d}.bg-\[\#43e97b\]\/20{background-color:#43e97b33}.bg-\[\#764ba2\]\/25{background-color:#764ba240}.bg-\[\#f093fb\]\/20{background-color:#f093fb33}.bg-\[\#feca57\]\/20{background-color:#feca5733}.bg-\[\#ff9f40\]\/20{background-color:#ff9f4033}.bg-black\/70{background-color:#000000b3}.bg-slate-900{--tw-bg-opacity:1;background-color:#0f172a;background-color:rgb(15 23 42/var(--tw-bg-opacity,1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-white\/5{background-color:#ffffff0d}.bg-white\/\[0\.03\]{background-color:#ffffff08}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-\[\#667eea\]\/15{--tw-gradient-from:#667eea26 var(--tw-gradient-from-position);--tw-gradient-to:#667eea00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#c94b4b\]{--tw-gradient-from:#c94b4b var(--tw-gradient-from-position);--tw-gradient-to:#c94b4b00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#c9971f\]{--tw-gradient-from:#c9971f var(--tw-gradient-from-position);--tw-gradient-to:#c9971f00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[\#feca57\]{--tw-gradient-from:#feca57 var(--tw-gradient-from-position);--tw-gradient-to:#feca5700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-\[var\(--primary-color\)\]{--tw-gradient-from:var(--primary-color) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-600{--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:#2563eb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-\[\#764ba2\]\/15{--tw-gradient-to:#764ba226 var(--tw-gradient-to-position)}.to-\[\#b84855\]{--tw-gradient-to:#b84855 var(--tw-gradient-to-position)}.to-\[\#d47d1f\]{--tw-gradient-to:#d47d1f var(--tw-gradient-to-position)}.to-\[\#ff9f40\]{--tw-gradient-to:#ff9f40 var(--tw-gradient-to-position)}.to-\[var\(--secondary-color\)\]{--tw-gradient-to:var(--secondary-color) var(--tw-gradient-to-position)}.to-indigo-600{--tw-gradient-to:#4f46e5 var(--tw-gradient-to-position)}.p-10{padding:2.5rem}.p-3{padding:.75rem}.p-3\.5{padding:.875rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.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-1{padding-bottom:.25rem;padding-top:.25rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.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}.italic{font-style:italic}.text-\[\#43e97b\]{--tw-text-opacity:1;color:#43e97b;color:rgb(67 233 123/var(--tw-text-opacity,1))}.text-\[\#a78bfa\]{--tw-text-opacity:1;color:#a78bfa;color:rgb(167 139 250/var(--tw-text-opacity,1))}.text-\[\#f093fb\]{--tw-text-opacity:1;color:#f093fb;color:rgb(240 147 251/var(--tw-text-opacity,1))}.text-\[\#feca57\]{--tw-text-opacity:1;color:#feca57;color:rgb(254 202 87/var(--tw-text-opacity,1))}.text-\[\#ff9f40\]{--tw-text-opacity:1;color:#ff9f40;color:rgb(255 159 64/var(--tw-text-opacity,1))}.text-\[var\(--primary-color\)\]{color:#667eea;color:var(--primary-color)}.text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-emerald-400{--tw-text-opacity:1;color:#34d399;color:rgb(52 211 153/var(--tw-text-opacity,1))}.text-gray-200{--tw-text-opacity:1;color:#e5e7eb;color:rgb(229 231 235/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-red-400{--tw-text-opacity:1;color:#f87171;color:rgb(248 113 113/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.placeholder-gray-500::placeholder{--tw-placeholder-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-placeholder-opacity,1))}.shadow-\[0_20px_60px_rgba\(0\2c 0\2c 0\2c 0\.5\)\]{--tw-shadow:0 20px 60px #00000080;--tw-shadow-colored:0 20px 60px var(--tw-shadow-color)}.shadow-\[0_20px_60px_rgba\(0\2c 0\2c 0\2c 0\.5\)\],.shadow-\[0_2px_8px_rgba\(102\2c 126\2c 234\2c 0\.3\)\]{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_2px_8px_rgba\(102\2c 126\2c 234\2c 0\.3\)\]{--tw-shadow:0 2px 8px #667eea4d;--tw-shadow-colored:0 2px 8px var(--tw-shadow-color)}.shadow-\[0_3px_10px_rgba\(102\2c 126\2c 234\2c 0\.4\)\]{--tw-shadow:0 3px 10px #667eea66;--tw-shadow-colored:0 3px 10px var(--tw-shadow-color)}.shadow-\[0_3px_10px_rgba\(102\2c 126\2c 234\2c 0\.4\)\],.shadow-\[0_3px_10px_rgba\(201\2c 151\2c 31\2c 0\.4\)\]{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_3px_10px_rgba\(201\2c 151\2c 31\2c 0\.4\)\]{--tw-shadow:0 3px 10px #c9971f66;--tw-shadow-colored:0 3px 10px var(--tw-shadow-color)}.shadow-\[0_3px_10px_rgba\(201\2c 75\2c 75\2c 0\.4\)\]{--tw-shadow:0 3px 10px #c94b4b66;--tw-shadow-colored:0 3px 10px var(--tw-shadow-color)}.shadow-\[0_3px_10px_rgba\(201\2c 75\2c 75\2c 0\.4\)\],.shadow-\[0_4px_15px_rgba\(102\2c 126\2c 234\2c 0\.4\)\]{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[0_4px_15px_rgba\(102\2c 126\2c 234\2c 0\.4\)\]{--tw-shadow:0 4px 15px #667eea66;--tw-shadow-colored:0 4px 15px var(--tw-shadow-color)}.shadow-\[0_4px_15px_rgba\(254\2c 202\2c 87\2c 0\.4\)\]{--tw-shadow:0 4px 15px #feca5766;--tw-shadow-colored:0 4px 15px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid #0000;outline-offset:2px}.outline{outline-style:solid}.blur{--tw-blur:blur(8px)}.blur,.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-\[5px\]{--tw-backdrop-blur:blur(5px)}.backdrop-blur-\[5px\],.backdrop-blur-md{-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-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-sm,.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#667eea;--secondary-color:#764ba2;--accent-color:#f093fb;--bg-gradient-1:#667eea;--bg-gradient-2:#764ba2;--text-primary:#fff;--text-secondary:#e0e0e0;--glass-bg:#ffffff1a;--glass-border:#fff3;--shadow:#0003}body{background:#0a0e27;color:#fff;color:var(--text-primary);font-family:Poppins,sans-serif;min-height:100vh;overflow-x:hidden;overflow-y:auto;position:relative;scrollbar-gutter:stable}body[data-theme=green]{--primary-color:#0f4c3a;--secondary-color:#1b6e4f;--accent-color:#2a9d6f;--bg-gradient-1:#0f4c3a;--bg-gradient-2:#1b6e4f}body[data-theme=ocean]{--primary-color:#2e3192;--secondary-color:#1bffff;--accent-color:#4facfe;--bg-gradient-1:#2e3192;--bg-gradient-2:#1bffff}body[data-theme=dark]{--primary-color:#232526;--secondary-color:#414345;--accent-color:#667eea;--bg-gradient-1:#232526;--bg-gradient-2:#414345}body[data-theme=sunset]{--primary-color:#ff6b6b;--secondary-color:#feca57;--accent-color:#ee5a6f;--bg-gradient-1:#ff6b6b;--bg-gradient-2:#feca57}body[data-bg=purple] .animated-bg{background:linear-gradient(135deg,#1e1e2e,#2d1b4e 50%,#3a1c5d)}body[data-bg=dark] .animated-bg{background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0f0f0f)}body[data-bg=blue] .animated-bg{background:linear-gradient(135deg,#0f0c29,#302b63 50%,#24243e)}body[data-bg=warm] .animated-bg{background:linear-gradient(135deg,#232526,#414345)}.animated-bg{background:#0a0e27;height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:background .5s ease;width:100%;z-index:0}.particle{animation:float 20s ease-in-out infinite;background:#ffffff1a;border-radius:50%;position:absolute}.particle:first-child{animation-delay:0s;animation-duration:15s;height:80px;left:10%;width:80px}.particle:nth-child(2){animation-delay:2s;animation-duration:20s;height:120px;left:20%;width:120px}.particle:nth-child(3){animation-delay:4s;animation-duration:18s;height:60px;left:35%;width:60px}.particle:nth-child(4){animation-delay:0s;animation-duration:22s;height:100px;left:50%;width:100px}.particle:nth-child(5){animation-delay:3s;animation-duration:17s;height:90px;left:65%;width:90px}.particle:nth-child(6){animation-delay:5s;animation-duration:19s;height:110px;left:75%;width:110px}.particle:nth-child(7){animation-delay:1s;animation-duration:21s;height:70px;left:85%;width:70px}.particle:nth-child(8){animation-delay:6s;animation-duration:16s;height:95px;left:15%;width:95px}.particle:nth-child(9){animation-delay:2s;animation-duration:23s;height:85px;left:45%;width:85px}.particle:nth-child(10){animation-delay:4s;animation-duration:20s;height:105px;left:90%;width:105px}.container{margin:0 auto;max-width:1400px;padding:0 20px;position:relative;z-index:10}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border-bottom:1px solid #fff3;border-bottom:1px solid var(--glass-border);padding:1rem 0;position:relative;z-index:1000}.header .container{justify-content:space-between}.header .container,.logo{align-items:center;display:flex}.logo{gap:10px}.logo i{color:#f093fb;color:var(--accent-color);font-size:2rem}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#f093fb);background:linear-gradient(135deg,var(--text-primary) 0,var(--accent-color) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700}.header-actions{align-items:center;display:flex;gap:20px}.theme-selector{align-items:center;background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:20px;display:flex;gap:10px;padding:8px 15px}.theme-selector i{color:#f093fb;color:var(--accent-color)}.theme-circles{align-items:center;display:flex;gap:8px}.theme-circle{border:2px solid #0000;border-radius:50%;cursor:pointer;height:28px;position:relative;transition:all .3s ease;width:28px}.theme-circle:hover{border-color:#ffffff80;transform:scale(1.15)}.theme-circle.active{border-color:#ffffffe6;box-shadow:0 0 15px #fff6}.circle-gradient{border-radius:50%;height:100%;width:100%}.selector-label{color:#fffc;font-size:.85rem;font-weight:500}.bg-selector{align-items:center;background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:20px;display:flex;gap:10px;padding:8px 15px}.bg-selector i{color:#f093fb;color:var(--accent-color)}.bg-circles{align-items:center;display:flex;gap:8px}.bg-circle{border:2px solid #0000;border-radius:50%;cursor:pointer;height:28px;position:relative;transition:all .3s ease;width:28px}.bg-circle:hover{border-color:#ffffff80;transform:scale(1.15)}.bg-circle.active{border-color:#ffffffe6;box-shadow:0 0 15px #fff6}.notification-bell-container{margin-left:10px;position:relative;z-index:10001}.notification-bell{align-items:center;background:#ffffff0d;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:50%;cursor:pointer;display:flex;height:45px;justify-content:center;position:relative;transition:all .3s ease;width:45px}.notification-bell:hover{background:#ffffff1a;transform:scale(1.05)}.notification-bell i{color:#fff;color:var(--text-primary);font-size:1.2rem}.notification-badge{background:linear-gradient(135deg,#ee5a6f,#f5576c);border-radius:10px;box-shadow:0 2px 8px #ee5a6f66;color:#fff;font-size:.7rem;font-weight:700;min-width:18px;padding:2px 6px;position:absolute;right:-2px;text-align:center;top:-2px}.notification-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172afa;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;box-shadow:0 10px 40px #00000080;display:none;opacity:0;position:absolute;right:0;top:55px;transform:translateY(-10px);transition:all .3s ease;width:380px;z-index:10000}.notification-dropdown.show{display:block;opacity:1;transform:translateY(0)}.notification-dropdown-header{align-items:center;border-bottom:1px solid #fff3;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:15px 20px}.notification-dropdown-header h4{color:#fff;color:var(--text-primary);font-size:1.1rem;margin:0}.mark-all-read{align-items:center;background:none;border:none;color:#f093fb;color:var(--accent-color);cursor:pointer;display:flex;font-size:.85rem;gap:5px;transition:all .3s ease}.mark-all-read:hover{color:#667eea;color:var(--primary-color)}.notification-list{max-height:360px;overflow-y:auto;padding:5px 0}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.notification-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:10px}.notification-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0f172acc;border-left:3px solid #0000;border-radius:10px;cursor:pointer;display:flex;gap:12px;margin:5px 10px;padding:15px 20px;transition:all .3s ease}.notification-item:hover{background:#1e293be6}.notification-item.unread{background:#1e293bd9;border-left-color:#f093fb;border-left-color:var(--accent-color)}.notification-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;height:40px;justify-content:center;width:40px}.notification-icon.critical{background:#ee5a6f33;color:#ee5a6f}.notification-icon.offline{background:#f5576c33;color:#f5576c}.notification-icon.warning{background:#feca5733;color:#feca57}.notification-icon.info{background:#4facfe33;color:#4facfe}.notification-icon.success{background:#2a9d6f33;color:#2a9d6f}.notification-content{flex:1 1;min-width:0}.notification-title{color:#fff;color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-text{color:#e0e0e0;color:var(--text-secondary);font-size:.8rem;margin-bottom:4px}.notification-time{color:#fff6;font-size:.75rem}.notification-dropdown-footer{border-top:1px solid #fff3;border-top:1px solid var(--glass-border);padding:12px 20px;text-align:center}.notification-dropdown-footer a{color:#f093fb;color:var(--accent-color);font-size:.9rem;font-weight:500;text-decoration:none;transition:all .3s ease}.notification-dropdown-footer a:hover{color:#667eea;color:var(--primary-color)}.user-menu-container{margin-left:10px;position:relative}.user-menu{align-items:center;background:#ffffff0d;border:none;border-radius:12px;cursor:pointer;display:flex;gap:10px;padding:8px 16px;transition:all .3s ease}.user-menu:hover{background:#ffffff14}.user-menu i{color:#f093fb;color:var(--accent-color);font-size:1.5rem}.user-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e272efa;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #00000080;min-width:280px;opacity:0;position:absolute;right:0;top:calc(100% + 10px);transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:10000}.user-dropdown.show{opacity:1;transform:translateY(0);visibility:visible}.user-dropdown-header{align-items:center;display:flex;gap:15px;padding:20px}.user-dropdown-divider{background:#ffffff1a;height:1px;margin:0 10px}.user-dropdown-item{align-items:center;background:#0000;border:none;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:15px 20px;text-align:left;transition:all .3s ease;width:100%}.user-dropdown-item:hover{background:#ef44441a;color:#ef4444}.user-dropdown-item i{color:#e0e0e0;color:var(--text-secondary);font-size:16px;transition:all .3s ease}.user-dropdown-item:hover i{color:#ef4444}.nav-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border-bottom:1px solid #fff3;border-bottom:1px solid var(--glass-border);margin-bottom:2rem;position:relative;z-index:100}.tab-list{display:flex;gap:10px;list-style:none;overflow-x:auto;padding:10px 0}.tab-list::-webkit-scrollbar{height:4px}.tab-list::-webkit-scrollbar-thumb{background:#fff3;background:var(--glass-border);border-radius:2px}.tab-item{align-items:center;background:#0000;border-radius:10px;color:#e0e0e0;color:var(--text-secondary);cursor:pointer;display:flex;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.tab-item:hover{background:#ffffff1a;background:var(--glass-bg)}.tab-item.active,.tab-item:hover{color:#fff;color:var(--text-primary)}.tab-item.active{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);box-shadow:0 4px 15px #0003;box-shadow:0 4px 15px var(--shadow)}.tab-item i{font-size:1.2rem}.main-content{min-height:calc(100vh - 250px);padding-bottom:3rem;position:relative;z-index:10}.tab-content{animation:fadeIn .5s ease;display:none}.tab-content.active{display:block}.section-header{margin-bottom:2rem}.section-header h2{font-size:2rem;margin-bottom:.5rem}.section-header h2 i{color:#f093fb;margin-right:10px}.section-header p{color:#e0e0e0;color:var(--text-secondary);font-size:1.1rem}.dashboard-top-row{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 400px;margin-bottom:2rem}.kpi-grid-with-carbon{grid-gap:8px;display:grid;gap:8px;grid-auto-rows:minmax(auto,-webkit-max-content);grid-auto-rows:minmax(auto,max-content);grid-template-columns:repeat(3,1fr);min-width:0;padding-top:55px}.kpi-card-tall{align-items:center;flex-direction:column;grid-row:span 2}.kpi-card-tall .kpi-icon{margin-bottom:10px}.kpi-card-tall .kpi-content{width:100%}.kpi-card-tall .kpi-content>h3,.kpi-card-tall .kpi-value{text-align:center}.kpi-card-tall .kpi-trend{justify-content:center}.kpi-extra-info{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px}.carbon-detail{background:#ffffff08;border-radius:8px;gap:10px;padding:6px 8px}.carbon-detail,.co2-info{align-items:center;display:flex}.co2-info{background:#ef444426;border:1px solid #ef44444d;border-radius:8px;gap:8px;margin-top:8px;padding:8px}.co2-info i{font-size:1rem}.co2-info span{color:#ef4444;font-size:.85rem;font-weight:600}.carbon-detail i{font-size:1rem;text-align:center;width:20px}.carbon-detail .detail-label{color:#fff9;font-size:.65rem;line-height:1.2}.carbon-detail .detail-value{color:#fff;font-size:.8rem;font-weight:600;line-height:1.2}.carbon-progress-mini{margin-top:4px}.progress-info{color:#fff9;display:flex;font-size:.65rem;justify-content:space-between;margin-bottom:4px}.progress-info span:last-child{color:#fff;font-weight:600}.progress-bar-mini{background:#ffffff1a;border-radius:4px;height:4px;overflow:hidden}.progress-fill-mini{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:100%;transition:width 1s ease}.carbon-footprint-card{animation:fadeInUp .8s ease-out backwards;animation-delay:.2s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#667eea26,#764ba226);border:1px solid #667eea4d;border-radius:15px;box-shadow:0 8px 32px #667eea33;display:flex;flex-direction:column;gap:8px;height:100%;padding:12px;transition:all .5s cubic-bezier(.4,0,.2,1)}.carbon-footprint-card:hover{border-color:#667eea80;box-shadow:0 15px 45px #667eea4d;transform:translateY(-5px)}.carbon-header{border-bottom:1px solid #ffffff1a;gap:8px;padding-bottom:6px}.carbon-header,.carbon-icon{align-items:center;display:flex}.carbon-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;font-size:16px;height:32px;justify-content:center;width:32px}.carbon-header h3{color:#fff;font-size:.85rem;font-weight:600;margin:0}.carbon-main-value{padding:4px 0;text-align:center}.carbon-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;line-height:1}.carbon-unit{color:#ffffffb3;font-size:.75rem;margin-top:3px}.carbon-trend{align-items:center;background:#10b98126;border-radius:8px;color:#10b981;display:flex;font-size:.75rem;font-weight:600;gap:4px;justify-content:center;padding:6px 12px}.carbon-trend i{font-size:1rem}.carbon-details{display:flex;flex:1 1;flex-direction:column;gap:4px}.carbon-detail-item{align-items:center;background:#ffffff08;border-radius:8px;display:flex;gap:8px;padding:4px 8px;transition:all .3s ease}.carbon-detail-item:hover{background:#ffffff0f;transform:translateX(2px)}.carbon-detail-item i{color:#667eea;font-size:.85rem;text-align:center;width:16px}.detail-content{display:flex;flex:1 1;flex-direction:column;gap:1px}.detail-label{color:#fff9;font-size:.65rem}.detail-value{font-size:.75rem;font-weight:600}.carbon-progress{margin-top:auto}.progress-label{align-items:center;color:#ffffffb3;display:flex;font-size:.7rem;justify-content:space-between;margin-bottom:4px}.progress-percentage{color:#667eea;font-size:.8rem}.progress-bar{border-radius:6px;height:5px}.progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:6px;box-shadow:0 0 10px #667eea80;transition:width 1s ease}.co2-chart-wrapper{min-width:0}.co2-chart-wrapper .chart-card{display:flex;flex-direction:column;height:100%}.co2-chart-wrapper canvas{flex:1 1}.chart-header-with-legend{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.chart-header-left{flex:1 1;text-align:center}.chart-header-left h3{margin:0 auto}.emissions-legend{background:#ffffff08;border:1px solid #ffffff1a;border-radius:10px;display:flex;flex-direction:column;gap:8px;min-width:110px;padding:10px}.legend-item{align-items:center;display:flex;gap:8px}.legend-color{border-radius:4px;flex-shrink:0;height:16px;width:16px}.legend-label{color:#e0e0e0;color:var(--text-secondary);font-size:.75rem;font-weight:500}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.kpi-card{align-items:center;animation:fadeInUp .8s ease-out backwards;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 8px 32px #0000004d;display:flex;gap:10px;overflow:hidden;padding:12px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.kpi-card:first-child{animation-delay:.1s}.kpi-card:nth-child(2){animation-delay:.15s}.kpi-card:nth-child(3){animation-delay:.2s}.kpi-card:nth-child(4){animation-delay:.25s}.kpi-card:before{animation:shine 3s infinite;background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shine{0%{left:-100%}to{left:200%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.kpi-card:hover{box-shadow:0 20px 60px #00000080;transform:translateY(-10px) scale(1.02)}.kpi-icon{align-items:center;border-radius:12px;color:#fff;flex-shrink:0;font-size:1.8rem;height:60px;width:60px}.kpi-content,.kpi-icon{display:flex;justify-content:center}.kpi-content{flex:1 1;flex-direction:column}.kpi-content h3{color:#e0e0e0;color:var(--text-secondary);font-size:.9rem;font-weight:500;margin-bottom:8px}.kpi-value{color:#fff;color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:8px}.kpi-value span{color:#e0e0e0;color:var(--text-secondary);font-size:.9rem;font-weight:400}.kpi-trend{align-items:center;display:flex;font-size:.85rem;gap:5px}.kpi-trend.positive{color:#43e97b}.kpi-trend.negative{color:#f5576c}.kpi-trend.neutral{color:#e0e0e0;color:var(--text-secondary)}.charts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(450px,1fr))}.chart-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 8px 32px #0000004d;padding:25px;transition:all .3s ease}.chart-card:hover{box-shadow:0 15px 40px #0006;transform:translateY(-5px)}.chart-card.full-width{grid-column:1/-1}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-header-stacked{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.chart-header-stacked h3{display:block;font-size:1.2rem;line-height:1.6;text-align:center}.emissions-period-text{display:block;font-size:.95rem;font-weight:600}.chart-header-stacked h3 i,.emissions-period-text{color:#f093fb;color:var(--accent-color)}.chart-header-stacked .chart-controls{display:flex;gap:8px;justify-content:center}.chart-header h3{align-items:center;display:flex;font-size:1.2rem;gap:10px}.chart-header h3 i{color:#f093fb;color:var(--accent-color)}.chart-controls{display:flex;gap:8px}.period-btn{background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);color:#e0e0e0;font-size:.9rem;padding:8px 16px}.period-btn:hover{background:#fff3;background:var(--glass-border);color:#fff}.period-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-color:#0000;color:var(--text-primary)}.metric-selector{margin:15px 0 20px}.metric-btn{border:1px solid #ffffff1a;border-radius:12px;color:#ffffffb3}.metric-btn:hover{color:#fff}.metric-btn.active{border-color:#0000;box-shadow:0 5px 15px #667eea4d;color:#fff}.emissions-period-btn{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#ffffffb3;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 16px;transition:all .3s ease}.emissions-period-btn:hover{background:#ffffff1a;color:#fff}.emissions-period-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-color:#0000;box-shadow:0 4px 12px #667eea4d;color:#fff}canvas{max-height:300px}.gauge-container{gap:20px}.gauge-chart-wrapper,.gauge-container{align-items:center;display:flex;flex-direction:column}.gauge-chart-wrapper{height:200px;position:relative;width:100%}.gauge-chart-wrapper canvas{height:200px!important;max-height:200px!important}.gauge-percentage-overlay{bottom:10px;left:50%;position:absolute;text-align:center;transform:translateX(-50%);z-index:10}.gauge-percentage-below{background:#667eea1a;border:1px solid #667eea33;border-radius:10px;margin-top:15px;padding:12px;text-align:center}.gauge-info{display:flex;flex-direction:column;gap:15px;width:100%}.gauge-current,.gauge-target{align-items:center;background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:8px;display:flex;justify-content:space-between;padding:10px 15px}.gauge-current .label,.gauge-target .label{color:#e0e0e0;color:var(--text-secondary);font-size:.9rem}.gauge-current .value,.gauge-target .value{color:#fff;color:var(--text-primary);font-weight:600}.gauge-percentage{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:10px;padding:15px;text-align:center}.percentage-value{color:#fff;color:var(--text-primary);display:block;font-size:2.5rem;font-weight:700}.percentage-label{color:#e0e0e0;color:var(--text-secondary);display:block;font-size:.9rem;margin-top:5px}.benchmark-meta{color:#ffffffb3;display:flex;font-size:.85rem;gap:20px}.benchmark-meta i{color:#f093fb;color:var(--accent-color);margin-right:5px}.benchmark-explanation{background:#667eea1a;border-left:3px solid #f093fb;border-left:3px solid var(--accent-color);border-radius:8px;margin-bottom:20px;padding:12px 18px}.benchmark-explanation p{color:#ffffffd9;font-size:.9rem;line-height:1.6;margin:0}.benchmark-explanation strong{color:#f093fb;color:var(--accent-color);font-weight:600}.benchmark-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:25px}.benchmark-item{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .3s ease}.benchmark-item:hover{background:#ffffff0d;box-shadow:0 8px 24px #0000004d;transform:translateY(-2px)}.benchmark-item-header{align-items:center;display:flex;gap:10px;margin-bottom:15px}.benchmark-item-header i{font-size:1.5rem}.benchmark-item-header h4{color:#fff;color:var(--text-primary);font-size:1.1rem;margin:0}.benchmark-comparison{align-items:center;display:flex;gap:20px;margin-bottom:15px}.benchmark-value{display:flex;flex:1 1;flex-direction:column;gap:4px}.benchmark-value:first-child{align-items:flex-start}.benchmark-value:last-child{align-items:flex-end;text-align:right}.benchmark-value .label{color:#fff9;font-size:.75rem}.benchmark-value .value{color:#fff;color:var(--text-primary);font-size:1.3rem;font-weight:700}.benchmark-value .sublabel{color:#ffffff80;font-size:.7rem}.benchmark-vs{align-self:center;color:#fff9;flex-shrink:0;font-size:1.4rem;font-weight:700;padding:0 15px}.benchmark-bar-wrapper{align-items:center;display:flex;gap:15px}.benchmark-result{align-items:center;border-radius:8px;display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:600;gap:6px;padding:6px 12px}.benchmark-result.positive{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.benchmark-result.negative{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.benchmark-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:100%}.benchmark-progress{border-radius:4px;height:100%;transition:width 1s ease}.benchmark-progress.positive{background:linear-gradient(90deg,#10b981,#34d399)}.benchmark-progress.negative{background:linear-gradient(90deg,#ef4444,#f87171)}.benchmark-summary{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea4d;border-radius:15px;display:flex;gap:25px;margin-bottom:20px;padding:25px}.benchmark-trophy{animation:pulse 2s infinite;color:#fbbf24;font-size:3.5rem}.benchmark-summary-content{flex:1 1}.benchmark-summary-content h4{color:#fff;color:var(--text-primary);font-size:1.3rem;margin-bottom:10px}.benchmark-summary-content p{color:#fffc;line-height:1.6;margin-bottom:15px}.benchmark-ranking{align-items:center;display:flex;gap:15px}.rank-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:20px;color:#000;font-size:.95rem;font-weight:700;padding:8px 16px}.rank-text{color:#ffffffe6;font-size:.9rem}.benchmark-sources{background:#ffffff05;border:1px solid #ffffff14;border-radius:10px;padding:15px 20px}.source-item{color:#fff9;font-size:.8rem;line-height:1.8;padding:5px 0}.source-item strong{color:#f093fb;color:var(--accent-color);font-weight:600}.placeholder-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;box-shadow:0 8px 32px #0003;box-shadow:0 8px 32px var(--shadow);padding:60px 40px;text-align:center}.placeholder-content i{color:#f093fb;color:var(--accent-color);font-size:4rem;margin-bottom:20px}.placeholder-content h3{font-size:1.8rem;margin-bottom:15px}.placeholder-content p{color:#e0e0e0;color:var(--text-secondary);font-size:1.1rem;margin-bottom:20px}.placeholder-content ul{display:inline-block;list-style:none;text-align:left}.placeholder-content ul li{color:#e0e0e0;color:var(--text-secondary);padding:8px 0}.placeholder-content ul li:before{color:#f093fb;color:var(--accent-color);content:"✓ ";font-weight:700;margin-right:10px}.footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border-top:1px solid #fff3;border-top:1px solid var(--glass-border);margin-top:3rem;padding:2rem 0;position:relative;text-align:center;z-index:10}.footer p{color:#e0e0e0;color:var(--text-secondary);margin:5px 0}.iot-alerts{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;box-shadow:0 8px 32px #0003;box-shadow:0 8px 32px var(--shadow);margin-bottom:2rem;padding:20px}.iot-alerts h3{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.2rem;gap:10px;margin-bottom:15px}.iot-alerts h3 i{color:#feca57}.alerts-container{display:flex;flex-direction:column;gap:10px;max-height:260px;overflow-y:auto;padding-right:5px}.alerts-container::-webkit-scrollbar{width:6px}.alerts-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.alerts-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#feca57,#ff9ff3);border-radius:10px}.alerts-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#ff9ff3,#feca57)}.alert-item{align-items:center;background:#ffffff1a;background:var(--glass-bg);border-left:4px solid;border-radius:10px;display:flex;gap:15px;padding:15px;transition:transform .3s ease}.alert-item:hover{transform:translateX(5px)}.alert-offline{border-left-color:#f5576c}.alert-critical{border-left-color:#ee5a6f}.alert-warning{border-left-color:#feca57}.alert-info{border-left-color:#4facfe}.alert-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.alert-offline .alert-icon{background:#f5576c33;color:#f5576c}.alert-critical .alert-icon{background:#ee5a6f33;color:#ee5a6f}.alert-warning .alert-icon{background:#feca5733;color:#feca57}.alert-info .alert-icon{background:#4facfe33;color:#4facfe}.alert-content{flex:1 1}.alert-title{color:#fff;color:var(--text-primary);font-weight:600;margin-bottom:3px}.alert-location{font-size:.85rem}.alert-location,.alert-time{color:#e0e0e0;color:var(--text-secondary)}.alert-time{font-size:.8rem;white-space:nowrap}.sensors-section{margin-bottom:2rem}.sensors-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.sensors-section h3{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.3rem;gap:10px;margin:0}.sensors-section h3 i{color:#f093fb;color:var(--accent-color)}.btn-add-sensor{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:2px solid #0000;border-radius:12px;box-shadow:0 4px 15px #0000004d;color:#fff;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.btn-add-sensor:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-add-sensor:hover:before{left:100%}.btn-add-sensor:hover{border-color:#f093fb;border-color:var(--accent-color);box-shadow:0 6px 25px #00000080;filter:brightness(1.1);transform:translateY(-2px)}.btn-add-sensor:active{box-shadow:0 2px 10px #0000004d;transform:translateY(0)}.btn-primary{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:2px solid #0000;border-radius:12px;box-shadow:0 4px 15px #0000004d;color:#fff;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.btn-primary:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-primary:hover:before{left:100%}.btn-primary:hover{border-color:#f093fb;border-color:var(--accent-color);box-shadow:0 6px 25px #00000080;filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:active{box-shadow:0 2px 10px #0000004d;transform:translateY(0)}.btn-add-sensor i{font-size:1.1rem;transition:transform .3s ease}.btn-add-sensor:hover i{transform:rotate(90deg)}.btn-add-vehicle-gps{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:2px solid #0000;border-radius:12px;box-shadow:0 4px 15px #0000004d;color:#fff;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:12px 24px;position:relative;transition:all .3s ease}.btn-add-vehicle-gps:before{background:linear-gradient(90deg,#0000,#ffffff26,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-add-vehicle-gps:hover:before{left:100%}.btn-add-vehicle-gps:hover{border-color:#f093fb;border-color:var(--accent-color);box-shadow:0 6px 25px #00000080;filter:brightness(1.1);transform:translateY(-2px)}.btn-add-vehicle-gps:active{box-shadow:0 2px 10px #0000004d;transform:translateY(0)}.btn-add-vehicle-gps i{font-size:1.1rem;transition:transform .3s ease}.btn-add-vehicle-gps:hover i{transform:rotate(90deg)}.sensors-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.sensors-grid-scroll{contain:layout;display:flex;gap:20px;overflow-x:scroll;overflow-y:hidden;padding-bottom:15px;scroll-behavior:smooth}.sensors-grid-scroll::-webkit-scrollbar{height:8px}.sensors-grid-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.sensors-grid-scroll::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:10px}.sensors-grid-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#f093fb);background:linear-gradient(135deg,var(--secondary-color) 0,var(--accent-color) 100%)}.sensors-grid-scroll .sensor-card{min-width:300px}.sensor-card{animation:fadeInUp .6s ease-out backwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;box-shadow:0 8px 32px #0000004d;padding:20px;transition:all .3s ease}.sensor-card:hover{box-shadow:0 12px 40px #0003;box-shadow:0 12px 40px var(--shadow);transform:translateY(-5px)}.sensor-card.sensor-online{border-left:4px solid #43e97b}.sensor-card.sensor-offline{border-left:4px solid #f5576c;opacity:.7}.sensor-header{justify-content:space-between;margin-bottom:10px}.sensor-header,.sensor-name{align-items:center;display:flex}.sensor-name{color:#fff;color:var(--text-primary);font-weight:600;gap:8px}.sensor-name i{color:#f093fb;color:var(--accent-color);font-size:1.1rem}.sensor-toggle{display:inline-block;height:26px;position:relative;width:50px}.sensor-toggle input{height:0;opacity:0;width:0}.toggle-slider{background-color:#f5576c80;border-radius:26px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:3px;content:"";height:20px;left:3px;position:absolute;transition:.4s;width:20px}.sensor-toggle input:checked+.toggle-slider{background-color:#43e97b}.sensor-toggle input:checked+.toggle-slider:before{transform:translateX(24px)}.sensor-location{color:#e0e0e0;color:var(--text-secondary);font-size:.9rem;margin-bottom:15px}.sensor-value{align-items:baseline;display:flex;gap:5px;margin-bottom:10px}.sensor-value .value{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:700}.sensor-value .unit{color:#e0e0e0;color:var(--text-secondary);font-size:.95rem}.sensor-value.alert-high{color:#feca57}.sensor-value.alert-high i{animation:pulse 2s infinite;color:#feca57;margin-left:5px}.sensor-status{margin-bottom:10px}.status-badge{font-size:.85rem;gap:5px;padding:5px 12px}.status-badge.online{background:#43e97b33;color:#43e97b}.status-badge.offline{background:#f5576c33;color:#f5576c}.status-badge i{font-size:.6rem}.sensor-timestamp{color:#e0e0e0;color:var(--text-secondary);font-size:.75rem;margin-bottom:15px}.sensor-actions{display:flex;gap:8px}.btn-sensor-config,.btn-sensor-detail{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;gap:5px;justify-content:center;padding:8px 12px;transition:all .3s ease}.btn-sensor-detail{background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);color:#fff;color:var(--text-primary)}.btn-sensor-detail:hover{background:#667eea;background:var(--primary-color);border-color:#667eea;border-color:var(--primary-color)}.btn-sensor-config{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff;color:var(--text-primary)}.btn-sensor-config:hover{transform:scale(1.05)}.iot-forms-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-top:2rem}.iot-form-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;box-shadow:0 8px 32px #0003;box-shadow:0 8px 32px var(--shadow);padding:25px}.iot-form-card h3{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.2rem;gap:10px;margin-bottom:20px}.iot-form-card h3 i{color:#f093fb;color:var(--accent-color)}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.form-group label i{color:#f093fb;color:var(--accent-color);margin-right:5px}.form-group input,.form-group select{font-size:.95rem;padding:12px 15px;width:100%}.form-group input:focus,.form-group select:focus{background:#ffffff1a}.form-group input[readonly]{background:#ffffff05;border-color:#ffffff0d;color:#fff9;cursor:not-allowed}.form-group select option{background:#764ba2;background:var(--secondary-color);color:#fff;color:var(--text-primary)}.form-actions{display:flex;gap:12px;justify-content:center;margin-top:20px}.form-actions .btn-cancel-modal,.form-actions .btn-submit{align-items:center;display:inline-flex;flex:1 1;font-size:.9rem;gap:6px;justify-content:center;margin:0;padding:10px 20px;width:auto}.btn-submit{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:10px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease;width:100%}.btn-submit:hover{box-shadow:0 5px 20px #0003;box-shadow:0 5px 20px var(--shadow);transform:translateY(-2px)}.input-with-button{display:flex;gap:10px}.input-with-button input{flex:1 1}.btn-inline{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:5px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.btn-inline:hover{transform:scale(1.05)}.manual-entry-controls{display:flex;flex-direction:column;gap:15px}.metric-selector{display:flex;flex-wrap:wrap;gap:10px}.metric-btn{align-items:center;background:#ffffff0d;border:2px solid #fff3;border:2px solid var(--glass-border);border-radius:10px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;min-width:120px;padding:12px 20px;transition:all .3s ease}.metric-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.metric-btn.active,.metric-btn:hover{border-color:#667eea;border-color:var(--primary-color)}.metric-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);box-shadow:0 4px 15px #feca574d}.metric-btn i{font-size:1.1rem}.entry-input-group{align-items:center;background:#ffffff0d;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:10px;display:flex;gap:10px;padding:8px}.entry-input-group input{background:#0000;border:none;color:#fff;color:var(--text-primary);flex:1 1;font-size:1rem;outline:none;padding:10px 15px}.entry-input-group input::placeholder{color:#e0e0e0;color:var(--text-secondary)}.entry-unit{color:#f093fb;color:var(--accent-color);font-size:.9rem;min-width:120px}.btn-validate-entry,.entry-unit{font-weight:600;white-space:nowrap}.btn-validate-entry{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-validate-entry:hover{box-shadow:0 4px 15px #10b98166;transform:translateY(-2px)}.manual-entry-history{border-top:1px solid #fff3;border-top:1px solid var(--glass-border);margin-top:25px;padding-top:20px}.manual-entry-history h4{color:#fff;color:var(--text-primary);font-size:1rem;margin-bottom:15px}.history-list{display:flex;flex-direction:column;gap:10px;max-height:200px;overflow-y:auto;padding-right:5px}.history-list::-webkit-scrollbar{width:6px}.history-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.history-list::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:10px}.history-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;font-size:.85rem;gap:10px;padding:10px;transition:all .3s ease}.history-item:hover{background:#ffffff14}.history-item>i{color:#f093fb;color:var(--accent-color);flex-shrink:0;font-size:1rem}.history-text{color:#fff;color:var(--text-primary);flex:1 1}.history-time{color:#e0e0e0;color:var(--text-secondary);font-size:.75rem;white-space:nowrap}.history-actions{display:flex;gap:5px;opacity:0;transition:opacity .3s ease}.history-item:hover .history-actions{opacity:1}.btn-history-delete,.btn-history-edit{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.85rem;height:30px;justify-content:center;transition:all .3s ease;width:30px}.btn-history-edit{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-history-edit:hover{box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.btn-history-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-history-delete:hover{box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.notification-container{background:none!important;border:none!important}.ai-subtabs{border-bottom:2px solid #fff3;border-bottom:2px solid var(--glass-border);display:flex;gap:15px;margin-bottom:30px;margin-top:20px;padding-bottom:0}.ai-subtab-btn{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;bottom:-2px;color:#e0e0e0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:12px 30px;position:relative;transition:all .3s ease}.ai-subtab-btn:hover{background:#ffffff0d;color:#fff;color:var(--text-primary)}.ai-subtab-btn.active{border-bottom-color:#f093fb;border-bottom-color:var(--accent-color);color:#f093fb;color:var(--accent-color)}.ai-subtab-btn i{font-size:1.1rem}.ai-content-container{margin-top:20px}.ai-tab-content{animation:fadeIn .3s ease;display:none}.ai-tab-content.active{display:block}.ai-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr;margin-top:2rem}.ai-chatbot-container,.chatbot-card{display:flex;flex-direction:column}.chatbot-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;box-shadow:0 8px 32px #0003;box-shadow:0 8px 32px var(--shadow);height:800px;overflow:hidden;position:-webkit-sticky;position:sticky;top:20px}.chatbot-header{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-bottom:1px solid #fff3;border-bottom:1px solid var(--glass-border);justify-content:space-between;padding:15px 20px}.chatbot-header,.chatbot-title{align-items:center;display:flex}.chatbot-title{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600;gap:10px}.chatbot-title i{font-size:1.3rem}.chatbot-minimize{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .3s ease;width:32px}.chatbot-minimize:hover{background:#ffffff4d;transform:scale(1.1)}.chatbot-messages{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-thumb{background:#fff3;background:var(--glass-border);border-radius:3px}.chat-message{animation:messageSlideIn .3s ease;display:flex;gap:10px}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.user{flex-direction:row-reverse}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.1rem;height:36px;justify-content:center;width:36px}.chat-message.user .message-avatar{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.chat-message.ai .message-avatar{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff}.message-bubble{word-wrap:break-word;border-radius:15px;max-width:75%;padding:12px 16px}.chat-message.user .message-bubble{background:linear-gradient(135deg,#4facfe,#00f2fe);border-bottom-right-radius:4px;color:#fff}.chat-message.ai .message-bubble{background:#ffffff1a;border:1px solid #fff3;border:1px solid var(--glass-border);border-bottom-left-radius:4px;color:#fff;color:var(--text-primary)}.message-time{color:#e0e0e0;color:var(--text-secondary);font-size:.7rem;margin-top:5px;opacity:.7}.chatbot-quick-actions{border-top:1px solid #fff3;border-top:1px solid var(--glass-border);display:flex;flex-wrap:wrap;gap:8px;padding:15px 20px}.quick-action-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:20px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;gap:6px;padding:8px 12px;transition:all .3s ease}.quick-action-btn:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-color:#0000;transform:translateY(-2px)}.quick-action-btn i{font-size:.9rem}.chatbot-input-container{background:#0000001a;border-top:1px solid #fff3;border-top:1px solid var(--glass-border);padding:15px 20px}.chatbot-typing{align-items:center;color:#e0e0e0;color:var(--text-secondary);display:flex;font-size:.9rem;gap:10px;padding:10px 0}.typing-dots{display:flex;gap:4px}.typing-dots span{animation:typingDot 1.4s infinite;background:#f093fb;background:var(--accent-color);border-radius:50%;height:6px;width:6px}.typing-dots span:first-child{animation-delay:0s}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingDot{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-8px)}}.chatbot-input-wrapper{align-items:center;display:flex;gap:10px}.chatbot-input-wrapper input{background:#ffffff0d;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:25px;color:#fff;color:var(--text-primary);flex:1 1;font-size:.95rem;padding:12px 15px;transition:all .3s ease}.chatbot-input-wrapper input:focus{background:#ffffff1a;border-color:#f093fb;border-color:var(--accent-color);outline:none}.chat-send-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.chat-send-btn:hover{box-shadow:0 4px 15px #0003;box-shadow:0 4px 15px var(--shadow);transform:scale(1.1)}.ai-predictions-container{display:flex;flex-direction:column;gap:30px}.ai-section-title{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.3rem;gap:10px;margin-bottom:15px}.ai-section-title i{color:#f093fb;color:var(--accent-color)}.predictions-list,.recommendations-list{display:flex;flex-direction:column;gap:15px}.prediction-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;box-shadow:0 8px 32px #0003;box-shadow:0 8px 32px var(--shadow);display:flex;gap:15px;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.prediction-card:hover{box-shadow:0 12px 40px #0003;box-shadow:0 12px 40px var(--shadow);transform:translateX(5px)}.prediction-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;height:50px;justify-content:center;width:50px}.prediction-icon.warning{background:linear-gradient(135deg,#feca57,#ff9ff3)}.prediction-icon.success{background:linear-gradient(135deg,#43e97b,#38f9d7)}.prediction-icon.alert{background:linear-gradient(135deg,#f5576c,#f093fb)}.prediction-icon.electricity{background:linear-gradient(135deg,#feca57,#ff6b6b)}.prediction-icon.gas{background:linear-gradient(135deg,#ff6348,#ff9ff3)}.prediction-icon.transport{background:linear-gradient(135deg,#48dbfb,#0abde3)}.prediction-icon.waste{background:linear-gradient(135deg,#1dd1a1,#10ac84)}.prediction-content{flex:1 1}.prediction-content h4{color:#fff;color:var(--text-primary);font-size:1rem;margin-bottom:10px}.prediction-value{color:#fff;color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:8px}.prediction-value.alert{color:#f5576c}.prediction-change{color:#feca57;font-size:.9rem;font-weight:500}.prediction-change.increase{color:#ff6b6b}.prediction-change.decrease{color:#43e97b}.prediction-change.stable{color:#48dbfb}.prediction-detail{color:#e0e0e0;color:var(--text-secondary);font-size:.9rem;margin-bottom:8px}.prediction-alert{align-items:center;color:#feca57;display:flex;font-size:.9rem;gap:6px;margin-bottom:10px}.prediction-roi{color:#43e97b;font-size:.95rem;font-weight:600;margin-bottom:10px}.prediction-confidence{align-items:center;color:#43e97b;display:flex;font-size:.85rem;gap:5px;margin-bottom:15px}.prediction-chart-container{background:#ffffff14;border:2px solid #feca574d;border-radius:10px;margin:20px 0;min-height:250px;padding:15px}.prediction-chart-container h5{color:#fff;color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:15px;text-align:center}.prediction-chart-container canvas{display:block;height:200px!important;max-height:200px;width:100%!important}.advanced-indicators{display:flex;flex-direction:column;gap:10px;margin-top:15px}.indicator-item{align-items:center;background:#ffffff0d;border-left:3px solid #f093fb;border-left:3px solid var(--accent-color);border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.indicator-item:hover{background:#ffffff14;transform:translateX(5px)}.indicator-item i{color:#f093fb;color:var(--accent-color);font-size:1.2rem;text-align:center;width:24px}.indicator-content{align-items:center;display:flex;flex:1 1;justify-content:space-between}.indicator-label{color:#e0e0e0;color:var(--text-secondary);font-size:.85rem}.indicator-value{color:#fff;color:var(--text-primary);font-size:.95rem;font-weight:700}.waste-breakdown{background:#ffffff08;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:10px;margin-top:20px;padding:15px}.waste-breakdown h5{color:#e0e0e0;color:var(--text-secondary);font-size:.9rem;margin-bottom:15px}.breakdown-bars{gap:12px}.breakdown-bars,.breakdown-item{display:flex;flex-direction:column}.breakdown-item{gap:6px}.breakdown-info{align-items:center;display:flex;font-size:.85rem;justify-content:space-between}.breakdown-label{align-items:center;color:#e0e0e0;color:var(--text-secondary);display:flex;gap:6px}.breakdown-label i{font-size:.9rem}.breakdown-percent{color:#fff;color:var(--text-primary);font-weight:700}.breakdown-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden}.breakdown-fill{border-radius:4px;height:100%;transition:width 1s ease}.breakdown-fill.organic{background:linear-gradient(90deg,#1dd1a1,#10ac84)}.breakdown-fill.recyclable{background:linear-gradient(90deg,#48dbfb,#0abde3)}.breakdown-fill.non-recyclable{background:linear-gradient(90deg,#ff6b6b,#ee5a6f)}.prediction-progress{margin-top:10px}.progress-bar-container{background:#ffffff1a;border-radius:10px;height:20px;margin-bottom:5px;overflow:hidden;width:100%}.progress-bar{height:100%;transition:width 1s ease}.progress-bar.warning{background:linear-gradient(90deg,#feca57,#ff9ff3)}.progress-bar.danger{background:linear-gradient(90deg,#f5576c,#f093fb)}.progress-label{color:#e0e0e0;font-size:.8rem}.prediction-recommendation{align-items:center;color:#e0e0e0;color:var(--text-secondary);display:flex;font-size:.9rem;gap:6px;margin-top:10px}.prediction-stats{display:flex;gap:20px;justify-content:center;margin-bottom:15px}.stat-item{background:#ffffff0d;border-radius:8px;min-width:140px;padding:12px 20px;text-align:center}.stat-label{display:block;font-size:.75rem;margin-bottom:5px}.stat-value{display:block;font-size:1rem}.stat-value.success{color:#43e97b}.prediction-comparison{margin:15px 0}.comparison-item{align-items:center;display:flex;gap:10px;margin-bottom:10px}.comparison-item .label{color:#e0e0e0;color:var(--text-secondary);font-size:.85rem;width:50px}.comparison-bar{border-radius:5px;height:25px;transition:width 1s ease}.comparison-bar.before{background:#fff3}.comparison-bar.after{background:linear-gradient(90deg,#43e97b,#38f9d7)}.comparison-item .value{color:#fff;color:var(--text-primary);font-size:.85rem;font-weight:600;min-width:70px}.prediction-chart{height:100px;margin-top:15px}.prediction-chart canvas{max-height:100px}.btn-prediction-action{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;margin-top:10px;padding:10px 15px;transition:all .3s ease}.btn-prediction-action:hover{box-shadow:0 5px 20px #0003;box-shadow:0 5px 20px var(--shadow);transform:translateY(-2px)}.recommendation-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;box-shadow:0 8px 32px #0003;box-shadow:0 8px 32px var(--shadow);padding:20px;transition:transform .3s ease,box-shadow .3s ease}.recommendation-card:hover{box-shadow:0 12px 40px #0003;box-shadow:0 12px 40px var(--shadow);transform:translateY(-5px)}.recommendation-card.featured{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid #f093fb;border:2px solid var(--accent-color)}.recommendation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.recommendation-header h4{color:#fff;color:var(--text-primary);font-size:1.05rem}.recommendation-badges{display:flex;gap:8px}.difficulty-badge{align-items:center;border-radius:15px;display:flex;font-size:.8rem;font-weight:600;gap:5px;padding:4px 10px}.difficulty-badge i{font-size:.5rem}.difficulty-badge.easy{background:#43e97b33;color:#43e97b}.difficulty-badge.medium{background:#feca5733;color:#feca57}.difficulty-badge.hard{background:#f5576c33;color:#f5576c}.recommendation-impact{align-items:center;display:flex;gap:10px;margin-bottom:12px}.impact-stars{color:#feca57;display:flex;font-size:1rem;gap:3px}.impact-label{color:#e0e0e0;color:var(--text-secondary);font-size:.85rem}.recommendation-metrics{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:12px}.metric{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:8px;padding:10px}.metric i{color:#f093fb;color:var(--accent-color);font-size:1.1rem}.metric-value{font-size:.9rem}.recommendation-implementation{background:#ffffff0d;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:15px;padding:10px}.impl-cost,.impl-time{color:#e0e0e0;color:var(--text-secondary);font-size:.85rem}.impl-cost{color:#fff;color:var(--text-primary);font-weight:700}.btn-start-action{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease;width:100%}.btn-start-action:hover{box-shadow:0 5px 20px #0003;box-shadow:0 5px 20px var(--shadow);transform:translateY(-2px)}.gamification-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.gamification-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;box-shadow:0 8px 32px #0003;box-shadow:0 8px 32px var(--shadow);padding:25px}.gamification-card h3,.gamification-card h4{align-items:center;color:#fff;color:var(--text-primary);display:flex;gap:10px;margin-bottom:20px}.profile-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.profile-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:50%;color:#fff;display:flex;font-size:2rem;height:60px;justify-content:center;width:60px}.profile-info h3{font-size:1.2rem;margin:0 0 5px}.profile-level{color:#e0e0e0;color:var(--text-secondary);font-size:.95rem}.profile-progress{margin:20px 0}.progress-header{color:#e0e0e0;color:var(--text-secondary);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:10px}.progress-value{color:#fff;color:var(--text-primary);font-weight:600}.eco-coins-display{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:12px;display:flex;gap:15px;margin:20px 0;padding:20px}.eco-coins-display i{color:#feca57;font-size:2.5rem}.coins-value{display:flex;flex-direction:column}.coins-number{color:#fff;font-size:2.5rem;font-weight:700}.coins-label{color:#fffc;font-size:.9rem}.personal-ranking{align-items:center;background:#ffffff0d;border-radius:10px;color:#e0e0e0;color:var(--text-secondary);display:flex;gap:10px;padding:15px}.badges-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(3,1fr)}.badge-item{border:2px solid #fff3;border:2px solid var(--glass-border);padding:15px;text-align:center}.badge-item.unlocked{background:#667eea1a;border-color:#f093fb}.badge-item.unlocked:hover{box-shadow:0 8px 20px #667eea4d;transform:translateY(-5px)}.badge-item.locked{filter:grayscale(100%)}.badge-icon{font-size:2.5rem;margin-bottom:10px}.badge-name{color:#fff;font-size:.85rem}.badge-lock{color:#e0e0e0;color:var(--text-secondary);font-size:.8rem;position:absolute;right:10px;top:10px}.actions-section{margin-bottom:25px}.actions-section h4{color:#f093fb;color:var(--accent-color);font-size:1rem;margin-bottom:15px}.action-item{background:#ffffff0d;border-left:3px solid #0000;border-radius:10px;margin-bottom:10px;padding:12px}.action-item.completed{background:#43e97b1a;border-left-color:#43e97b}.action-item.pending{border-left-color:#f093fb;border-left-color:var(--accent-color)}.action-icon{font-size:1.5rem}.action-name{color:#fff;margin-bottom:3px}.action-points{color:#43e97b;font-size:.85rem;font-weight:600}.action-status{color:#e0e0e0;color:var(--text-secondary);font-size:.85rem}.btn-validate-action{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:8px 15px;transition:all .3s ease;white-space:nowrap}.btn-validate-action:hover{box-shadow:0 4px 12px #0003;box-shadow:0 4px 12px var(--shadow);transform:translateY(-2px)}.rankings-section{margin-bottom:25px}.rankings-section h4{color:#f093fb;color:var(--accent-color);font-size:1rem;margin-bottom:15px}.leaderboard{display:flex;flex-direction:column;gap:8px}.leaderboard-item{grid-gap:10px;align-items:center;background:#ffffff0d;border-radius:8px;display:grid;gap:10px;grid-template-columns:40px 1fr auto auto;padding:10px 12px;transition:all .3s ease}.leaderboard-item:hover{background:#ffffff1a}.leaderboard-item.current-user{background:#667eea33;border:2px solid #f093fb;border:2px solid var(--accent-color)}.leaderboard-item .rank{font-size:1.2rem;font-weight:700;text-align:center}.leaderboard-item .name{color:#fff;color:var(--text-primary);font-weight:600}.leaderboard-item .department{color:#e0e0e0;color:var(--text-secondary);font-size:.85rem}.leaderboard-item .points{color:#f093fb;color:var(--accent-color);font-weight:700}.leaderboard-separator{color:#e0e0e0;color:var(--text-secondary);padding:5px 0;text-align:center}.team-rankings{display:flex;flex-direction:column;gap:8px}.team-rank-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:12px;padding:12px;transition:all .3s ease}.team-rank-item:hover{background:#ffffff1a}.team-rank-item.rank-1{background:#ffd7001a;border:2px solid gold}.team-icon{font-size:1.5rem;text-align:center;width:35px}.team-name{color:#fff;color:var(--text-primary);flex:1 1;font-weight:600}.team-points{font-weight:700}.challenge-section h4,.team-points{color:#f093fb;color:var(--accent-color)}.challenge-section h4{font-size:1rem;margin-bottom:15px}.challenge-card{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #f093fb;border:1px solid var(--accent-color);border-radius:12px;padding:20px}.challenge-title{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:10px}.challenge-objective{color:#e0e0e0;color:var(--text-secondary);font-size:.9rem;margin-bottom:15px}.challenge-progress-info{color:#fff;color:var(--text-primary);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:10px}.challenge-reward,.challenge-timer{align-items:center;color:#e0e0e0;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px;margin-top:15px}.challenge-reward i,.challenge-timer i{color:#f093fb;color:var(--accent-color)}#reports .section-header{margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1200px}.reports-grid{display:flex;flex-direction:column;gap:25px;margin:0 auto;max-width:1200px;width:100%}.reports-card{word-wrap:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;box-shadow:0 8px 32px #0003;box-shadow:0 8px 32px var(--shadow);max-width:100%;min-width:0;overflow:hidden;padding:25px}.reports-card h3,.reports-card h4{align-items:center;color:#fff;color:var(--text-primary);display:flex;gap:10px;margin-bottom:20px}.carbon-main-layout{align-items:center;display:flex;gap:40px;margin-bottom:25px}.carbon-breakdown{flex:0 0 50%;max-width:550px;min-width:0}.carbon-items{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.carbon-item{background:#ffffff0d;border-radius:8px;padding:12px}.carbon-item-header{align-items:center;display:flex;gap:10px;margin-bottom:5px}.carbon-icon{font-size:1.3rem}.carbon-name{color:#fff;color:var(--text-primary);flex:1 1;font-weight:600}.carbon-percentage{color:#f093fb;color:var(--accent-color);font-weight:700}.carbon-value{color:#e0e0e0;color:var(--text-secondary);font-size:.9rem;margin-left:40px}.carbon-total{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:10px;display:flex;font-weight:700;justify-content:space-between;margin-bottom:10px;padding:15px}.total-value{color:#fff;font-size:1.2rem}.carbon-comparison{color:#43e97b;font-weight:600;gap:8px}.carbon-chart-container,.carbon-comparison{align-items:center;display:flex;justify-content:center}.carbon-chart-container{flex:1 1;max-width:500px;min-width:0}.carbon-chart-container canvas{max-height:450px;max-width:100%}.carbon-trend{margin:25px 0}.carbon-offset{margin-top:25px}.offset-option{align-items:center;background:#ffffff0d;border-radius:8px;color:#e0e0e0;color:var(--text-secondary);display:flex;gap:10px;margin-bottom:10px;padding:12px}.offset-option i{color:#f093fb;color:var(--accent-color);font-size:1.2rem}.roi-actions{display:flex;flex-direction:column;gap:20px;margin-bottom:25px}.roi-action-item{background:#ffffff0d;border-left:4px solid #f093fb;border-left:4px solid var(--accent-color);border-radius:10px;padding:15px}.roi-action-header{align-items:center;display:flex;gap:10px;margin-bottom:12px}.roi-action-header i{color:#f093fb;color:var(--accent-color);font-size:1.2rem}.roi-action-name{word-wrap:break-word;color:#fff;color:var(--text-primary);font-size:.95rem;font-weight:600;max-width:100%;overflow-wrap:break-word}.roi-comparison{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.roi-after,.roi-before{display:flex;font-size:.9rem;justify-content:space-between;overflow:hidden}.roi-after .label,.roi-before .label{color:#e0e0e0;color:var(--text-secondary);flex-shrink:0}.roi-before .value{color:#fff;color:var(--text-primary);font-weight:600}.roi-after .value,.roi-before .value{word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;max-width:100%;overflow-wrap:break-word}.roi-after .value,.roi-savings{color:#43e97b;font-weight:700}.roi-savings{word-wrap:break-word;font-size:.9rem;margin-bottom:10px;max-width:100%;overflow-wrap:break-word}.thermometer-comparison{display:flex;gap:20px;justify-content:space-around;margin-top:15px}.thermometer{align-items:center;display:flex;flex-direction:column;gap:10px}.thermometer-bar{background:linear-gradient(0deg,#f5576c,#ff9ff3);border-radius:15px;width:30px}.thermometer-bar.after{background:linear-gradient(0deg,#43e97b,#38f9d7)}.thermometer-label{color:#e0e0e0;color:var(--text-secondary);font-size:.85rem}.car-comparison{margin-top:15px}.car-icons{font-size:1.5rem;margin:10px 0}.car-icons.before{opacity:.5}.total-roi-card{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #f093fb;border:1px solid var(--accent-color);border-radius:12px;padding:20px}.roi-stats{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.roi-stat{display:flex;font-size:.9rem;justify-content:space-between}.roi-stat-label{color:#e0e0e0;color:var(--text-secondary)}.roi-stat-value{color:#fff;color:var(--text-primary);font-weight:700}.roi-stat-value.success{color:#43e97b}.roi-projection{align-items:center;color:#e0e0e0;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px;margin-top:15px}.roi-projection i{color:#f093fb;color:var(--accent-color)}.comparison-section{margin-bottom:25px}.comparison-section h4{color:#fff;color:var(--text-primary);font-size:1rem;margin-bottom:12px}.comparison-item{background:#ffffff0d;border-left:4px solid #f093fb;border-left:4px solid var(--accent-color);border-radius:10px;padding:15px}.comparison-months{display:flex;gap:15px;justify-content:space-between;margin-bottom:12px}.month-data{display:flex;flex:1 1;flex-direction:column;gap:5px}.month-data.current{background:#43e97b1a;border-radius:8px;padding:8px}.month-label{color:#e0e0e0;color:var(--text-secondary);font-size:.85rem}.month-value{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:700}.comparison-result{align-items:center;display:flex;font-size:1rem;font-weight:700;gap:8px;margin-bottom:10px}.comparison-result.positive{color:#43e97b}.comparison-result.negative{color:#f5576c}.comparison-result i{font-size:1.2rem}.comparison-detail{background:#ffffff08;border-radius:6px;color:#e0e0e0;color:var(--text-secondary);font-size:.85rem;padding:8px}.total-savings-card{background:linear-gradient(135deg,#43e97b26,#26de8126);border:2px solid #43e97b;border-radius:12px;margin-top:20px;padding:20px}.total-savings-card h4{color:#fff;color:var(--text-primary);margin-bottom:15px}.savings-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.saving-item{flex-direction:column}.saving-label{color:#e0e0e0;color:var(--text-secondary);font-size:.9rem}.saving-value{color:#43e97b;font-size:1.5rem;font-weight:700}.export-buttons{margin-bottom:25px}.btn-export{align-items:center;background:#ffffff0d;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:10px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;margin-bottom:10px;padding:12px 15px;transition:all .3s ease;width:100%}.btn-export:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);transform:translateX(5px)}.btn-export i:first-child{color:#f093fb;color:var(--accent-color);font-size:1.2rem}.btn-export span{flex:1 1;margin-left:12px;text-align:left}.compliance-checklist{margin-bottom:25px}.compliance-item{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:12px;margin-bottom:10px;padding:12px}.compliance-item i{font-size:1.2rem}.compliance-item.completed i{color:#43e97b}.compliance-item.in-progress i{color:#feca57}.compliance-item.pending i{color:#f5576c}.compliance-item span{color:#e0e0e0;color:var(--text-secondary)}.historical-table-container{max-width:100%;overflow-x:auto}.historical-table{border-collapse:collapse;table-layout:fixed;width:100%}.historical-table th{background:#ffffff1a;border-bottom:2px solid #fff3;border-bottom:2px solid var(--glass-border);color:#fff;color:var(--text-primary);font-weight:600;padding:12px;text-align:left}.historical-table td{border-bottom:1px solid #ffffff0d;color:#e0e0e0;color:var(--text-secondary);padding:12px}.historical-table tr:hover{background:#ffffff0d}.btn-download-row{background:#0000;border:1px solid #f093fb;border:1px solid var(--accent-color);border-radius:6px;color:#f093fb;color:var(--accent-color);cursor:pointer;padding:6px 12px;transition:all .3s ease}.btn-download-row:hover{background:#f093fb;background:var(--accent-color);color:#fff}.marketplace-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px}.balance-display{align-items:center;display:flex;gap:15px}.balance-display i{color:#feca57;font-size:2.5rem}.balance-label{color:#e0e0e0;color:var(--text-secondary);font-size:.9rem}.balance-value{color:#f093fb;color:var(--accent-color);font-size:2rem;font-weight:700}.marketplace-filters{display:flex;gap:10px}.filter-btn{border:1px solid #fff3;border:1px solid var(--glass-border)}.filter-btn.active{border-color:#0000}.marketplace-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin-bottom:30px}.product-card{animation:fadeInUp .6s ease-out backwards;border-radius:20px;padding:25px;text-align:center}.product-card:hover{border-color:#667eea80;box-shadow:0 15px 40px #0000004d;transform:translateY(-10px)}.product-badge{border-radius:15px;font-size:.75rem;font-weight:700;padding:5px 12px;right:10px;top:10px}.product-badge.popular{background:linear-gradient(135deg,#667eea,#764ba2)}.product-badge.best-deal{background:linear-gradient(135deg,#43e97b,#38f9d7)}.product-badge.premium{background:linear-gradient(135deg,#feca57,#ff9ff3)}.product-badge.collective{background:linear-gradient(135deg,#4facfe,#00f2fe)}.product-badge.luxury{background:linear-gradient(135deg,#f093fb,#f5576c)}.product-badge.experience{background:linear-gradient(135deg,#11998e,#38ef7d)}.product-image{font-size:4rem;margin:20px 0}.product-name{color:#fff;font-size:1.1rem;margin-bottom:10px}.product-description{color:#e0e0e0;font-size:.85rem;margin-bottom:15px}.product-price{align-items:center;color:#f093fb;color:var(--accent-color);display:flex;font-size:1.2rem;font-weight:700;gap:8px;justify-content:center;margin:15px 0}.product-price i{color:#feca57}.product-stock{color:#e0e0e0;color:var(--text-secondary);font-size:.85rem;margin-bottom:15px}.btn-purchase{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 20px;transition:all .3s ease;width:100%}.btn-purchase:hover{box-shadow:0 5px 20px #0003;box-shadow:0 5px 20px var(--shadow);transform:translateY(-2px)}.btn-purchase.disabled{background:#fff3;cursor:not-allowed;opacity:.5}.btn-purchase.disabled:hover{box-shadow:none;transform:none}.purchase-history{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;padding:25px}.purchase-history h3{align-items:center;color:#fff;color:var(--text-primary);display:flex;gap:10px;margin-bottom:20px}.history-table th{background:#ffffff1a;border-bottom:2px solid #fff3;border-bottom:2px solid var(--glass-border);font-weight:600;padding:12px}.history-table td{border-bottom:1px solid #ffffff0d;padding:12px}.history-table tr:hover{background:#ffffff0d}.status-sent,.status-used,.status-validated{color:#43e97b;font-weight:600}.profile-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr}.profile-column,.teams-column{display:flex;flex-direction:column;gap:20px}.add-member-card,.personal-goals-card,.personal-stats-card,.profile-card-section,.sector-config-card,.team-challenge-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;box-shadow:0 8px 32px #0003;box-shadow:0 8px 32px var(--shadow);padding:25px}.add-member-card h4,.personal-goals-card h3,.personal-stats-card h3,.profile-card-section h3,.sector-config-card h3,.team-challenge-card h4{align-items:center;color:#fff;color:var(--text-primary);display:flex;gap:10px;margin-bottom:20px}.profile-card-header{align-items:flex-start;display:flex;gap:20px;position:relative}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:50%;color:#fff;display:flex;font-size:3rem;height:80px;justify-content:center;width:80px}.profile-card-info{flex:1 1}.profile-card-info h3{margin:0 0 5px}.profile-role{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:3px}.profile-department{color:#e0e0e0;color:var(--text-secondary);font-size:.9rem;margin-bottom:10px}.profile-join-date{color:#e0e0e0;color:var(--text-secondary);font-size:.85rem}.btn-edit-profile,.profile-join-date{align-items:center;display:flex;gap:6px}.btn-edit-profile{background:#ffffff1a;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;font-size:.9rem;font-weight:600;padding:8px 15px;transition:all .3s ease}.btn-edit-profile:hover{background:#f093fb;background:var(--accent-color)}.stats-grid{grid-gap:15px;gap:15px;grid-template-columns:repeat(2,1fr);margin-bottom:20px}.stat-box{background:#ffffff0d;border-radius:10px;padding:15px;text-align:center}.stat-icon{font-size:2rem;margin-bottom:8px}.stat-value{font-size:1.5rem;margin-bottom:5px}.impact-co2{align-items:center;background:#43e97b1a;border:1px solid #43e97b;border-radius:10px;color:#e0e0e0;color:var(--text-secondary);display:flex;gap:10px;margin-bottom:20px;padding:15px}.impact-co2 i{color:#43e97b;font-size:1.3rem}.personal-chart{height:150px}.btn-invite-member,.btn-new-goals,.btn-save-sector{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease;width:100%}.btn-invite-member:hover,.btn-new-goals:hover,.btn-save-sector:hover{box-shadow:0 5px 20px #0003;box-shadow:0 5px 20px var(--shadow);transform:translateY(-2px)}.goal-item{margin-bottom:20px}.goal-header{display:flex;justify-content:space-between;margin-bottom:8px}.goal-name{color:#fff;color:var(--text-primary);font-weight:600}.goal-progress{color:#f093fb;color:var(--accent-color);font-weight:700}.teams-column h3{align-items:center;color:#fff;color:var(--text-primary);display:flex;gap:10px;margin-bottom:20px}.team-cards{display:flex;flex-direction:column;gap:15px}.team-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;box-shadow:0 8px 32px #0003;box-shadow:0 8px 32px var(--shadow);padding:20px}.team-card.rank-1{background:linear-gradient(135deg,#ffd7001a,#ffd7000d);border:2px solid gold}.team-card-header{align-items:center;display:flex;gap:15px;margin-bottom:15px}.team-rank{color:#f093fb;color:var(--accent-color);font-size:1.5rem;font-weight:700}.team-card-header h4{color:#fff;color:var(--text-primary);flex:1 1;margin:0}.team-stats{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.team-stat{align-items:center;color:#e0e0e0;color:var(--text-secondary);display:flex;font-size:.9rem;gap:6px}.team-stat i{color:#f093fb;color:var(--accent-color)}.team-top-contributor{align-items:center;background:#ffffff0d;border-radius:8px;color:#e0e0e0;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px;margin-bottom:15px;padding:10px}.team-top-contributor i{color:#feca57}.team-goal-progress{margin-bottom:15px}.team-goal-progress>span{color:#e0e0e0;color:var(--text-secondary);display:block;font-size:.85rem;margin-bottom:8px}.btn-team-details{align-items:center;background:#ffffff0d;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:8px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:10px 15px;transition:all .3s ease;width:100%}.btn-team-details:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%)}.challenge-objective-profile{color:#e0e0e0;color:var(--text-secondary);font-size:.9rem;margin-bottom:15px}.challenge-leaderboard{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.challenge-team-item{grid-gap:12px;align-items:center;background:#ffffff0d;border-radius:8px;display:grid;gap:12px;grid-template-columns:30px 1fr 80px;padding:10px}.challenge-team-item.rank-1{background:#ffd7001a}.challenge-team-item .rank{color:#fff;color:var(--text-primary);font-weight:700}.challenge-team-item .team-name{color:#fff;color:var(--text-primary);font-size:.9rem}.team-progress-bar{background:#ffffff1a;border-radius:4px;height:8px;overflow:hidden;width:100%}.team-progress-fill{background:linear-gradient(90deg,#667eea,#764ba2);background:linear-gradient(90deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:4px;height:100%}.challenge-team-item .team-score{color:#f093fb;color:var(--accent-color);font-weight:700;text-align:right}.challenge-prize{align-items:center;background:#43e97b1a;border:1px solid #43e97b;border-radius:8px;color:#e0e0e0;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px;padding:12px}.challenge-prize i{color:#43e97b}@media (max-width:1200px){.dashboard-top-row{grid-template-columns:1fr}.carbon-footprint-wrapper,.co2-chart-wrapper{margin:0 auto;max-width:500px}.ai-grid{grid-template-columns:1fr}.chatbot-card{height:600px;position:relative}.charts-grid{grid-template-columns:1fr}.sensors-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.gamification-grid,.iot-forms-grid,.reports-grid{grid-template-columns:1fr}.marketplace-grid{grid-template-columns:repeat(2,1fr)}.profile-grid{grid-template-columns:1fr}}@media (max-width:768px){.header .container{flex-direction:column;gap:15px}.logo h1{font-size:1.5rem}.tab-list{flex-wrap:nowrap;overflow-x:auto}.charts-grid,.kpi-grid{grid-template-columns:1fr}.section-header h2{font-size:1.5rem}.chart-header{align-items:flex-start;flex-direction:column;gap:10px}.sensors-grid{grid-template-columns:1fr}.alert-item{flex-wrap:wrap}.notification-container{left:10px;max-width:calc(100% - 20px);right:10px}.iot-notification{max-width:100%;min-width:auto}.badges-grid{grid-template-columns:repeat(2,1fr)}.marketplace-header{flex-direction:column;gap:15px}.marketplace-grid{grid-template-columns:1fr}.marketplace-filters{flex-wrap:wrap;width:100%}}@media (max-width:480px){.container{padding:0 10px}.kpi-card{align-items:center;flex-direction:column;text-align:center}.chart-card{padding:15px}.period-btn{font-size:.8rem;padding:6px 12px}.input-with-button,.sensor-actions{flex-direction:column}.btn-inline{justify-content:center;width:100%}}.modal{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;overflow-y:auto;padding:20px}.modal.show{align-items:center;display:flex;justify-content:center}@keyframes slideDown{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-content{animation:slideDown .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin:auto;max-height:80vh;overflow-y:auto;padding:20px}.modal-header{margin-bottom:15px;padding-bottom:12px}.modal-header h3{color:#fff;font-size:1.2rem;gap:8px}.modal-header h3 i{color:#f093fb}.modal-close{border:none;color:#fff;color:var(--text-primary);font-size:1rem;height:30px;width:30px}.modal-close:hover{background:#ff00004d}#sensorDetailsModal .modal-content{padding:20px}.sensor-details-content{display:flex;flex-direction:column;gap:10px;padding:5px 0}.detail-row{align-items:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;display:flex;justify-content:space-between;margin:0;padding:10px 15px;transition:all .3s ease}.detail-row:hover{background:#ffffff0d;border-color:#feca5733}.detail-label{color:#e0e0e0;color:var(--text-secondary);font-size:.85rem;font-weight:600;min-width:150px}.detail-value{color:#fff;color:var(--text-primary);font-size:.9rem;font-weight:500;text-align:right}#sensorConfigModal .modal-content{padding:20px}#sensorConfigModal .form-group{margin:0 0 15px}#sensorConfigModal .form-group label{color:#e0e0e0;color:var(--text-secondary);display:block;font-size:.85rem;font-weight:600;margin-bottom:6px}#sensorConfigModal .form-group input{background:#ffffff0d;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:8px;color:#fff;color:var(--text-primary);font-size:.9rem;padding:10px 12px;transition:all .3s ease;width:100%}#sensorConfigModal .form-group input:focus{background:#ffffff14;border-color:#f093fb;border-color:var(--accent-color);outline:none}.config-actions{display:flex;flex-direction:column;gap:10px;margin-top:15px;padding:0}.btn-update{background:linear-gradient(135deg,#10b981,#059669)}.btn-update:hover{background:linear-gradient(135deg,#059669,#047857)}.btn-delete{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;margin-top:0;padding:10px 20px;transition:all .3s ease}.btn-delete:hover{box-shadow:0 5px 15px #ef444466;transform:translateY(-2px)}.modal{animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#000c;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:10000}.modal-content{animation:slideDown .4s ease;background:linear-gradient(135deg,#0f172af2,#1e293bf2);border:2px solid #fff3;border:2px solid var(--glass-border);border-radius:20px;box-shadow:0 20px 60px #00000080;margin:5% auto;max-width:700px;padding:0;position:relative;width:90%}.recommendation-modal{max-height:85vh;overflow-y:auto}.modal-close{align-items:center;background:#ffffff1a;border-radius:50%;color:#e0e0e0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:28px;font-weight:700;height:40px;justify-content:center;position:absolute;right:25px;top:20px;transition:all .3s ease;width:40px;z-index:10001}.modal-close:hover{background:#ff5757cc;color:#fff;transform:rotate(90deg)}.modal-header{border-bottom:2px solid #fff3;border-bottom:2px solid var(--glass-border);padding:40px 40px 20px}.modal-header h2{align-items:center;color:#f093fb;color:var(--accent-color);display:flex;font-size:2rem;gap:15px;margin-bottom:15px}.modal-header .modal-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:15px;display:flex;font-size:1.8rem;height:60px;justify-content:center;width:60px}.modal-body{padding:15px 20px}.detail-section{margin-bottom:30px}.detail-section h3{align-items:center;color:#f093fb;color:var(--accent-color);display:flex;font-size:1.3rem;gap:10px;margin-bottom:15px}.detail-section p{color:#e0e0e0;color:var(--text-secondary);line-height:1.8;margin-bottom:10px}.detail-metrics-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-top:20px}.detail-metric-card{background:#ffffff0d;border-left:4px solid #f093fb;border-left:4px solid var(--accent-color);border-radius:12px;padding:20px}.detail-metric-card h4{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:.9rem;gap:8px;margin-bottom:8px}.detail-metric-card .metric-big-value{color:#f093fb;color:var(--accent-color);font-size:1.8rem;font-weight:700}.steps-list{counter-reset:step-counter;list-style:none;padding:0}.steps-list li{background:#ffffff0d;border-left:3px solid #f093fb;border-left:3px solid var(--accent-color);border-radius:10px;counter-increment:step-counter;margin-bottom:15px;padding:15px 15px 15px 50px;position:relative}.steps-list li:before{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:50%;color:#fff;content:counter(step-counter);display:flex;font-size:.9rem;font-weight:700;height:30px;justify-content:center;left:15px;position:absolute;top:50%;transform:translateY(-50%);width:30px}.benefits-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:15px}.benefit-item{background:#feca571a;border:1px solid #feca574d;border-radius:10px;padding:15px;text-align:center}.benefit-item i{color:#f093fb;color:var(--accent-color);font-size:2rem;margin-bottom:10px}.benefit-item h5{color:#fff;color:var(--text-primary);font-size:.95rem;margin-bottom:5px}.benefit-item p{color:#e0e0e0;color:var(--text-secondary);font-size:.85rem;margin:0}.sensors-subtabs{border-bottom:2px solid #fff3;border-bottom:2px solid var(--glass-border);display:flex;gap:15px;margin-bottom:30px;margin-top:20px;padding-bottom:0}.sensors-subtab-btn{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;bottom:-2px;color:#e0e0e0;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;padding:12px 30px;position:relative;transition:all .3s ease}.sensors-subtab-btn:hover{background:#feca571a;color:#f093fb;color:var(--accent-color)}.sensors-subtab-btn.active{border-bottom-color:#f093fb;border-bottom-color:var(--accent-color);color:#f093fb;color:var(--accent-color)}.sensor-tab-content{animation:fadeIn .3s ease;display:none;overflow-y:hidden}.sensor-tab-content.active{display:block}.alert-actions{display:flex;gap:10px;margin-top:10px}.btn-alert-ack,.btn-alert-details{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 15px;transition:all .3s ease}.btn-alert-ack{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.btn-alert-ack:hover{box-shadow:0 5px 15px #43e97b4d;transform:translateY(-2px)}.btn-alert-details{background:#ffffff1a;border:1px solid #fff3;border:1px solid var(--glass-border);color:#fff;color:var(--text-primary)}.btn-alert-details:hover{background:#ffffff26;transform:translateY(-2px)}.transport-map-container{border:2px solid #fff3;border:2px solid var(--glass-border);border-radius:15px;box-shadow:0 10px 30px #0000004d;margin:30px 0;overflow:hidden}.transport-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:30px 0}.transport-stat-card{align-items:center;background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;display:flex;gap:20px;padding:20px;transition:all .3s ease}.transport-stat-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.stat-icon{border-radius:12px;color:#fff;font-size:1.8rem}.stat-content h4{font-size:.9rem;margin-bottom:8px}.stat-content h4,.stat-value span{color:#e0e0e0;color:var(--text-secondary)}.stat-value span{font-size:.85rem;font-weight:400;margin-left:5px}.stat-label{margin-top:5px}.drivers-list-container{margin-top:40px}.drivers-list-container h4{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.3rem;gap:10px;margin-bottom:20px}.drivers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.driver-card{background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;padding:20px;transition:all .3s ease}.driver-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.driver-card.driver-active{border-left:4px solid #43e97b}.driver-card.driver-parked{border-left:4px solid #667eea}.driver-header{gap:15px;margin-bottom:15px}.driver-avatar,.driver-header{align-items:center;display:flex}.driver-avatar{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:50%;color:#fff;font-size:1.5rem;height:50px;justify-content:center;width:50px}.driver-info{flex:1 1}.driver-info h5{color:#fff;color:var(--text-primary);font-size:1.1rem;margin-bottom:5px}.vehicle-name{color:#e0e0e0;color:var(--text-secondary);font-size:.85rem;margin:0}.driver-status{align-items:center;border-radius:20px;display:flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 12px}.status-moving{background:#43e97b33;color:#43e97b}.status-parked{background:#667eea33;color:#667eea}.driver-stats{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.driver-actions{display:flex;gap:10px;margin-top:15px}.btn-delete-driver,.btn-edit-driver,.btn-track-driver{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:6px;justify-content:center;padding:10px;transition:all .3s ease}.btn-track-driver{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-track-driver:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.btn-edit-driver{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-edit-driver:hover{box-shadow:0 5px 15px #f093fb66;transform:translateY(-2px)}.btn-delete-driver{background:linear-gradient(135deg,#ff6b6b,#c92a2a);color:#fff}.btn-delete-driver:hover{box-shadow:0 5px 15px #ff6b6b66;transform:translateY(-2px)}.subtypes-management-section{background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;margin-top:40px;padding:25px}.subtypes-management-section h4{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.2rem;gap:10px;margin-bottom:20px}.subtypes-management-section h4 span{color:#f093fb;color:var(--accent-color)}.subtypes-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:20px}.subtypes-container{background:#0000001a;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:15px;min-height:60px;padding:10px}.subtypes-container:empty:before{color:#e0e0e0;color:var(--text-secondary);content:"Aucun sous-type ajouté. Ajoutez-en un ci-dessous.";font-size:.9rem;font-style:italic;opacity:.6}.subtype-tag{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 2px 8px #0003;color:#fff;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 14px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.subtype-tag:hover{box-shadow:0 4px 12px #0000004d;filter:brightness(1.1);transform:translateY(-2px)}.subtype-tag.editing{animation:pulse 1s infinite;background:linear-gradient(135deg,#f39c12,#e67e22)}.subtype-tag-text{flex:1 1}.subtype-tag-delete{align-items:center;background:#fff3;border-radius:50%;cursor:pointer;display:inline-flex;font-size:.75rem;height:18px;justify-content:center;transition:all .2s ease;width:18px}.subtype-tag-delete:hover{background:#f009;transform:scale(1.15)}.add-subtype-input{align-items:center;display:flex;gap:10px}.add-subtype-input input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;color:var(--text-primary);flex:1 1;font-size:.95rem;padding:12px 16px;transition:all .3s ease}.add-subtype-input input:focus{background:#ffffff14;border-color:#f093fb;border-color:var(--accent-color);outline:none}.add-subtype-input input::placeholder{color:#e0e0e0;color:var(--text-secondary);opacity:.6}.btn-add-subtype{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:10px;box-shadow:0 2px 8px #0003;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;justify-content:center;padding:12px 16px;transition:all .3s ease}.btn-add-subtype:hover{box-shadow:0 4px 12px #0000004d;filter:brightness(1.1);transform:translateY(-2px)}.btn-add-subtype:active{transform:translateY(0)}.btn-add-subtype i{transition:transform .3s ease}.btn-add-subtype:hover i{transform:rotate(90deg)}.equipment-management-section{background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;margin-top:40px;padding:25px}.equipment-management-section h4{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.2rem;gap:10px;margin-bottom:20px}.equipment-management-section h4 span{color:#f093fb;color:var(--accent-color)}.equipment-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:20px}.equipment-container{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;min-height:50px}.equipment-tag{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 2px 8px #0003;color:#fff;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:8px;padding:8px 14px;transition:all .3s ease;-webkit-user-select:none;user-select:none}.equipment-tag:hover{box-shadow:0 4px 12px #0000004d;filter:brightness(1.1);transform:translateY(-2px)}.equipment-tag-delete{align-items:center;background:#fff3;border-radius:50%;cursor:pointer;display:inline-flex;font-size:.75rem;height:18px;justify-content:center;transition:all .2s ease;width:18px}.equipment-tag-delete:hover{background:#f009;transform:scale(1.15)}.add-equipment-input{align-items:center;display:flex;gap:12px}.add-equipment-input input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#fff;color:var(--text-primary);flex:1 1;font-size:.95rem;padding:12px 16px;transition:all .3s ease}.add-equipment-input input:focus{background:#ffffff14;border-color:#f093fb;border-color:var(--accent-color);outline:none}.btn-add-equipment{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:10px;color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px 20px;transition:all .3s ease}.btn-add-equipment:hover{box-shadow:0 4px 12px #0000004d;filter:brightness(1.1);transform:translateY(-2px)}.btn-add-equipment i{transition:transform .3s ease}.btn-add-equipment:hover i{transform:rotate(90deg)}.energy-history-section{background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;margin-top:30px;padding:25px}.energy-history-section h4{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.2rem;gap:10px;margin-bottom:20px}.manual-entry-section{background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;margin-top:40px;padding:25px}.manual-entry-section h4{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.2rem;gap:10px;margin-bottom:20px}.manual-transport-form .form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.modal-body .form-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:10px}.form-group{gap:6px}.modal-body .form-group{display:flex;flex-direction:column;gap:6px}.modal-body .form-group label{color:#e0e0e0;color:var(--text-secondary);display:block;font-size:.85rem;font-weight:600;margin-bottom:0}.modal-body .form-group input,.modal-body .form-group select{width:100%}.form-group label{color:#e0e0e0;color:var(--text-secondary);font-size:.85rem}.form-group input,.form-group select{background:#ffffff0d;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:8px;color:#fff;color:var(--text-primary);font-size:.9rem;padding:10px 12px;transition:all .3s ease}.form-group input:focus,.form-group select:focus{background:#ffffff14;border-color:#f093fb;border-color:var(--accent-color);outline:none}.btn-submit-manual{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;margin-top:0;padding:10px 20px;transition:all .3s ease}.btn-submit-manual:hover{box-shadow:0 5px 15px #feca574d;transform:translateY(-2px)}.btn-cancel-modal{align-items:center;background:linear-gradient(135deg,#6c757d,#495057);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:6px;justify-content:center;margin-left:0;margin-top:0;padding:10px 20px;transition:all .3s ease}.btn-cancel-modal:hover{box-shadow:0 5px 15px #6c757d4d;transform:translateY(-2px)}.waste-types-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-top:30px}.waste-type-card{background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;overflow:hidden;transition:all .3s ease}.waste-type-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.waste-header{align-items:center;color:#fff;display:flex;gap:12px;padding:20px}.waste-header i{font-size:1.8rem}.waste-header h4{font-size:1.2rem;margin:0}.waste-content{padding:20px}.waste-level{margin-bottom:20px}.level-label{color:#e0e0e0;color:var(--text-secondary);font-size:.9rem;margin-bottom:10px}.level-bar-container{background:#ffffff1a;border-radius:10px;height:20px;margin-bottom:8px;overflow:hidden;width:100%}.level-bar{border-radius:10px;height:100%;transition:width .5s ease}.level-bar.organic{background:linear-gradient(90deg,#1dd1a1,#10ac84)}.level-bar.recyclable{background:linear-gradient(90deg,#48dbfb,#0abde3)}.level-bar.non-recyclable{background:linear-gradient(90deg,#ff6b6b,#ee5a6f)}.level-bar.electronic{background:linear-gradient(90deg,#a29bfe,#6c5ce7)}.level-bar.dangerous{background:linear-gradient(90deg,#fd79a8,#e84393)}.level-percentage{color:#f093fb;color:var(--accent-color);font-size:1.5rem;font-weight:700}.waste-metrics{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.waste-metric{align-items:center;background:#ffffff0d;border-radius:8px;display:flex;gap:10px;padding:10px}.waste-metric i{color:#f093fb;color:var(--accent-color);width:20px}.metric-label{color:#e0e0e0;color:var(--text-secondary);flex:1 1;font-size:.9rem}.metric-value{color:#fff;color:var(--text-primary);font-size:.95rem;font-weight:600}.waste-location{align-items:center;background:#ffffff0d;border-radius:8px;color:#e0e0e0;color:var(--text-secondary);display:flex;font-size:.9rem;gap:10px;margin-bottom:15px;padding:10px}.waste-location i{color:#f093fb;color:var(--accent-color)}.btn-manual-waste{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.btn-manual-waste:hover{box-shadow:0 5px 15px #feca574d;transform:translateY(-2px)}.energy-departments{display:flex;flex-direction:column;gap:25px;margin-top:30px}.department-card{background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;padding:25px;transition:all .3s ease}.department-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.department-header{border-bottom:2px solid #fff3;border-bottom:2px solid var(--glass-border);gap:20px;margin-bottom:20px;padding-bottom:15px}.department-header,.dept-icon{align-items:center;display:flex}.dept-icon{border-radius:12px;color:#fff;font-size:1.8rem;height:60px;justify-content:center;width:60px}.dept-info{flex:1 1}.dept-info h4{color:#fff;color:var(--text-primary);font-size:1.3rem;margin-bottom:5px}.dept-info p{color:#e0e0e0;color:var(--text-secondary);font-size:.9rem;margin:0}.dept-total{text-align:right}.total-label{color:#e0e0e0;color:var(--text-secondary);display:block;font-size:.85rem;margin-bottom:5px}.total-value{color:#f093fb;color:var(--accent-color);font-size:2rem;font-weight:700}.equipment-list{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.equipment-item{align-items:center;background:#ffffff0d;border-radius:10px;display:flex;justify-content:space-between;padding:15px;transition:all .3s ease}.equipment-item:hover{background:#ffffff14;transform:translateX(5px)}.equip-name{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-weight:600;gap:12px}.equip-name i{color:#f093fb;color:var(--accent-color);width:24px}.equip-consumption{align-items:center;display:flex;gap:20px}.current{color:#f093fb;color:var(--accent-color);font-size:1.2rem;font-weight:700}.daily{color:#e0e0e0;color:var(--text-secondary);font-size:.9rem}.btn-manual-energy{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .3s ease;width:100%}.btn-manual-energy:hover{box-shadow:0 5px 15px #feca574d;transform:translateY(-2px)}.gas-overview-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:30px 0}.gas-stat-card{align-items:center;background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;display:flex;gap:20px;padding:20px;transition:all .3s ease}.gas-stat-card:hover{box-shadow:0 10px 30px #0000004d;transform:translateY(-5px)}.gas-stat-card.alert-card{border:2px solid #f5576c80}.gas-icon{align-items:center;border-radius:12px;color:#fff;display:flex;font-size:1.8rem;height:60px;justify-content:center;width:60px}.gas-content h4{color:#e0e0e0;color:var(--text-secondary);font-size:.9rem;margin-bottom:8px}.gas-value{color:#fff;color:var(--text-primary);font-size:1.8rem;font-weight:700}.gas-value span{font-size:.9rem;font-weight:400;margin-left:5px}.gas-sublabel,.gas-value span{color:#e0e0e0;color:var(--text-secondary)}.gas-sublabel{font-size:.8rem;margin-top:5px}.gas-chart-container{background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;margin:30px 0;padding:25px}.gas-chart-container h4{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.2rem;gap:10px;margin-bottom:20px}.gas-stock-details{background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;margin:30px 0;padding:25px}.gas-stock-details h4{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.2rem;gap:10px;margin-bottom:20px}.stock-table{display:flex;flex-direction:column;gap:2px}.stock-row{grid-gap:15px;background:#ffffff0d;border-radius:8px;display:grid;gap:15px;grid-template-columns:2fr 1fr 1fr 1fr 2fr;padding:15px}.stock-row.stock-header{background:#feca5733;color:#fff;color:var(--text-primary);font-weight:700}.stock-col{align-items:center;color:#e0e0e0;color:var(--text-secondary);display:flex;font-size:.9rem}.stock-col i{color:#f093fb;color:var(--accent-color);margin-right:8px}.status-badge{border-radius:15px;font-size:.8rem;padding:4px 12px}.status-full{background:#43e97b33;color:#43e97b}.status-partial{background:#feca5733;color:#feca57}.status-empty{background:#f5576c33;color:#f5576c}.gas-manual-entry{background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;margin:30px 0;padding:25px}.gas-manual-entry h4{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.2rem;gap:10px;margin-bottom:20px}.manual-gas-form .form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.waste-history-section{background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;margin-top:30px;padding:25px}.waste-history-section h4{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.2rem;gap:10px;margin-bottom:20px}.history-table{border-collapse:initial;border-spacing:0 8px}.history-table thead tr{background:#feca5733}.history-table th{border:none;color:#fff;color:var(--text-primary);font-size:.9rem;padding:15px}.history-table th:first-child{border-radius:8px 0 0 8px}.history-table th:last-child{border-radius:0 8px 8px 0}.history-table tbody tr{background:#ffffff0d}.history-table tbody tr:hover{background:#ffffff14;transform:translateX(5px)}.history-table td{border:none;color:#e0e0e0;color:var(--text-secondary);font-size:.9rem;padding:15px}.history-table td:first-child{border-radius:8px 0 0 8px;color:#f093fb;color:var(--accent-color);font-weight:600}.history-table td:last-child{border-radius:0 8px 8px 0}.history-table tbody tr td:nth-child(2){color:#fff;color:var(--text-primary);font-weight:600}.history-table tbody tr td:nth-child(3){color:#f093fb;color:var(--accent-color);font-weight:700}.transport-history-section{background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;margin-top:30px;padding:25px}.transport-history-section h4{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.2rem;gap:10px;margin-bottom:20px}.gas-overview-collapsible{background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:15px;margin:30px 0;overflow:hidden}.collapsible-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:20px 25px;transition:background .3s ease}.collapsible-header:hover{background:#ffffff0d}.collapsible-header h4{align-items:center;color:#fff;color:var(--text-primary);display:flex;font-size:1.1rem;gap:10px;margin:0}.collapsible-header i.fa-chevron-down{color:#f093fb;color:var(--accent-color);transition:transform .3s ease}.collapsible-header.active i.fa-chevron-down{transform:rotate(180deg)}.collapsible-content{max-height:0;overflow:hidden;transition:max-height .3s ease}.collapsible-content.active{max-height:600px}.gas-overview-table-container{padding:0 25px 25px}.gas-overview-table{border-collapse:collapse;width:100%}.gas-overview-table thead tr{background:#ffffff0d}.gas-overview-table th{border-bottom:2px solid #fff3;border-bottom:2px solid var(--glass-border);color:#f093fb;color:var(--accent-color);font-size:.9rem;font-weight:600;padding:15px;text-align:left}.gas-overview-table td{border-bottom:1px solid #ffffff0d;color:#e0e0e0;color:var(--text-secondary);font-size:.95rem;padding:15px}.gas-overview-table tbody tr:hover{background:#ffffff08}.gas-overview-table tbody tr:last-child td{border-bottom:none}.usage-icon{align-items:center;color:#fff;color:var(--text-primary);display:inline-flex;font-weight:600;gap:8px}.usage-icon i{color:#f093fb;color:var(--accent-color)}.department-filter,.gas-usage-filter,.waste-type-filter{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 30px}.filter-btn{border:2px solid #fff3;border:2px solid var(--glass-border);border-radius:10px;color:#e0e0e0;font-size:.9rem;padding:10px 20px}.filter-btn:hover{background:#ffffff1a;border-color:#f093fb;border-color:var(--accent-color);color:#fff}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-color:#f093fb;box-shadow:0 4px 15px #feca574d}.sensor-waste-type{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;margin-bottom:10px;padding:6px 12px}.sensor-waste-type.organic{background:#1dd1a133;color:#1dd1a1}.sensor-waste-type.recyclable{background:#48dbfb33;color:#48dbfb}.sensor-waste-type.non-recyclable{background:#ff6b6b33;color:#ff6b6b}.sensor-waste-type.electronic{background:#a29bfe33;color:#a29bfe}.sensor-waste-type.dangerous{background:#fd79a833;color:#fd79a8}.sensor-capacity{margin:15px 0}.capacity-bar{background:#ffffff1a;border-radius:6px;height:12px;margin-bottom:8px;overflow:hidden;width:100%}.capacity-fill{border-radius:6px;height:100%;transition:width .5s ease}.capacity-fill.organic{background:linear-gradient(90deg,#1dd1a1,#10ac84)}.capacity-fill.recyclable{background:linear-gradient(90deg,#48dbfb,#0abde3)}.capacity-fill.non-recyclable{background:linear-gradient(90deg,#ff6b6b,#ee5a6f)}.capacity-fill.electronic{background:linear-gradient(90deg,#a29bfe,#6c5ce7)}.capacity-fill.dangerous{background:linear-gradient(90deg,#fd79a8,#e84393)}.capacity-text{color:#e0e0e0;color:var(--text-secondary);font-size:.85rem}.sensor-department{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:8px;margin-bottom:10px;padding:6px 12px}.sensor-department.production{background:#667eea33;color:#667eea}.sensor-department.bureaux{background:#43e97b33;color:#43e97b}.sensor-department.entrepot{background:#feca5733;color:#feca57}.sensor-department.cafeteria{background:#f5576c33;color:#f5576c}.sensor-equipment{color:#fff;color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:10px}.sensor-daily{align-items:center;background:#ffffff0d;border-radius:8px;color:#e0e0e0;color:var(--text-secondary);display:flex;font-size:.9rem;gap:8px;margin-top:10px;padding:8px}.sensor-daily i{color:#f093fb;color:var(--accent-color)}.btn-sensor-delete{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;padding:8px 15px;transition:all .3s ease}.btn-sensor-delete:hover{box-shadow:0 5px 15px #ef44444d;transform:translateY(-2px)}.drivers-grid-scroll{display:flex;gap:20px;overflow-x:auto;padding-bottom:15px;scroll-behavior:smooth}.drivers-grid-scroll .driver-card{flex-shrink:0;min-width:320px}.drivers-grid-scroll::-webkit-scrollbar{height:8px}.drivers-grid-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.drivers-grid-scroll::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#667eea,#764ba2);background:linear-gradient(90deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:10px}.drivers-grid-scroll::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#764ba2,#667eea);background:linear-gradient(90deg,var(--secondary-color) 0,var(--primary-color) 100%)}.sensors-grid-scroll .sensor-card{flex-shrink:0;min-width:320px}.driver-stat{align-items:center;color:#e0e0e0;color:var(--text-secondary);display:flex;font-size:.9rem;gap:10px}.driver-stat i{color:#f093fb;color:var(--accent-color);flex-shrink:0;width:18px}.stat-details{align-items:center;display:flex;flex:1 1;flex-direction:row;gap:5px}.stat-label{color:#e0e0e0;color:var(--text-secondary);font-size:.85rem;font-weight:500}.stat-value{color:#fff;font-size:.85rem;font-weight:600}.notification-container{display:flex;flex-direction:column;gap:10px;max-height:230px;overflow-y:auto;padding-right:5px;position:fixed;right:20px;top:20px;z-index:10000}.notification-container::-webkit-scrollbar{width:6px}.notification-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.notification-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:10px}.notification-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#f093fb);background:linear-gradient(135deg,var(--secondary-color) 0,var(--accent-color) 100%)}.iot-notification{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e293bfa;border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:10px;box-shadow:0 8px 32px #0003;box-shadow:0 8px 32px var(--shadow);display:flex;gap:12px;max-width:400px;min-width:300px;opacity:0;padding:15px 20px;position:relative;transform:translateX(400px);transition:all .3s ease}.iot-notification.show{opacity:1;transform:translateX(0)}.iot-notification-success{border-left:4px solid #43e97b}.iot-notification-warning{border-left:4px solid #feca57}.iot-notification-error{border-left:4px solid #ff6b6b}.iot-notification-info{border-left:4px solid #4facfe}.iot-notification>i{flex-shrink:0;font-size:1.3rem}.iot-notification-success>i{color:#43e97b}.iot-notification-warning>i{color:#feca57}.iot-notification-error>i{color:#ff6b6b}.iot-notification-info>i{color:#4facfe}.iot-notification span{color:#fff;color:var(--text-primary);flex:1 1;font-weight:500}.notification-close{align-items:center;background:none;border:none;color:#ffffff80;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:5px;transition:all .3s ease}.notification-close:hover{color:#fff;color:var(--text-primary);transform:scale(1.1)}.notification-close i{font-size:.9rem}.vehicle-management-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:15px;margin:30px 0;padding:25px}.vehicle-management-section h4{color:#fff;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:20px}.vehicle-types-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.vehicle-type-card{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:15px;padding:20px;transition:all .3s ease}.vehicle-type-card:hover{border-color:#667eea80;box-shadow:0 10px 30px #667eea4d;transform:translateY(-5px)}.vehicle-type-header{align-items:center;display:flex;flex-direction:column;gap:10px}.vehicle-type-icon{font-size:2.5rem}.vehicle-type-header h5{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.vehicle-count{color:#e0e0e0;color:var(--text-secondary);font-size:.9rem;text-align:center}.btn-config-vehicle{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-config-vehicle:hover{box-shadow:0 5px 15px #667eea66;transform:scale(1.05)}.btn-config-vehicle i{font-size:1rem}.detector-management-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:15px;margin:30px 0;padding:25px}.detector-management-section h4{color:#fff;color:var(--text-primary);font-size:1.2rem;font-weight:600;margin-bottom:20px}.detector-types-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.detector-type-card{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:15px;padding:20px;transition:all .3s ease}.detector-type-card:hover{border-color:#667eea80;box-shadow:0 10px 30px #667eea4d;transform:translateY(-5px)}.detector-type-header{align-items:center;display:flex;flex-direction:column;gap:10px}.detector-type-header h5{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.detector-count{color:#e0e0e0;color:var(--text-secondary);font-size:.9rem;text-align:center}.btn-config-detector{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-config-detector:hover{box-shadow:0 5px 15px #667eea66;transform:scale(1.05)}.btn-config-detector i{font-size:1rem}.add-detector-input-group,.add-vehicle-input-group{align-items:center;display:flex;gap:10px}*{scrollbar-color:#ffffff4d #ffffff0d;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#667eea,#764ba2);background:linear-gradient(180deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:10px;-webkit-transition:all .3s ease;transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#764ba2,#667eea);background:linear-gradient(180deg,var(--secondary-color) 0,var(--primary-color) 100%);box-shadow:0 0 10px #ffffff4d}.chatbot-messages::-webkit-scrollbar,.recommendations-scroll::-webkit-scrollbar{height:6px;width:6px}.chatbot-messages::-webkit-scrollbar-thumb,.recommendations-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:10px}.chatbot-messages::-webkit-scrollbar-thumb:hover,.recommendations-scroll::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.modal-close-btn{borderRadius:50%;fontSize:20px;align-items:center;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);width:40px;z-index:10001}.modal-close-btn:hover{background:linear-gradient(135deg,#f5576c,#f093fb);box-shadow:0 0 20px #f5576c80;transform:rotate(90deg) scale(1.15)}.modal-close-btn:active{transform:rotate(90deg) scale(1.05)}@keyframes slideInRight{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.placeholder\:text-gray-500::placeholder{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:-translate-y-1:hover{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))}.hover\:-translate-y-1:hover{--tw-translate-y:-0.25rem}.hover\:-translate-y-\[2px\]:hover{--tw-translate-y:-2px}.hover\:-translate-y-\[2px\]:hover,.hover\:scale-110:hover{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))}.hover\:scale-110:hover{--tw-scale-x:1.1;--tw-scale-y:1.1}.hover\:bg-white\/15:hover{background-color:#ffffff26}.hover\:bg-white\/30:hover{background-color:#ffffff4d}.hover\:bg-white\/5:hover{background-color:#ffffff0d}.hover\:shadow-\[0_6px_15px_rgba\(102\2c 126\2c 234\2c 0\.6\)\]:hover{--tw-shadow:0 6px 15px #667eea99;--tw-shadow-colored:0 6px 15px var(--tw-shadow-color)}.hover\:shadow-\[0_6px_15px_rgba\(102\2c 126\2c 234\2c 0\.6\)\]:hover,.hover\:shadow-\[0_6px_15px_rgba\(201\2c 151\2c 31\2c 0\.6\)\]:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_6px_15px_rgba\(201\2c 151\2c 31\2c 0\.6\)\]:hover{--tw-shadow:0 6px 15px #c9971f99;--tw-shadow-colored:0 6px 15px var(--tw-shadow-color)}.hover\:shadow-\[0_6px_15px_rgba\(201\2c 75\2c 75\2c 0\.6\)\]:hover{--tw-shadow:0 6px 15px #c94b4b99;--tw-shadow-colored:0 6px 15px var(--tw-shadow-color)}.hover\:shadow-\[0_6px_15px_rgba\(201\2c 75\2c 75\2c 0\.6\)\]:hover,.hover\:shadow-\[0_6px_20px_rgba\(102\2c 126\2c 234\2c 0\.6\)\]:hover{box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\:shadow-\[0_6px_20px_rgba\(102\2c 126\2c 234\2c 0\.6\)\]:hover{--tw-shadow:0 6px 20px #667eea99;--tw-shadow-colored:0 6px 20px var(--tw-shadow-color)}.hover\:shadow-\[0_6px_20px_rgba\(254\2c 202\2c 87\2c 0\.6\)\]:hover{--tw-shadow:0 6px 20px #feca5799;--tw-shadow-colored:0 6px 20px var(--tw-shadow-color);box-shadow:0 0 #0000,0 0 #0000,var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-\[\#feca57\]:focus{--tw-border-opacity:1;border-color:#feca57;border-color:rgb(254 202 87/var(--tw-border-opacity,1))}.focus\:border-\[var\(--primary-color\)\]:focus{border-color:#667eea;border-color:var(--primary-color)}.focus\:border-blue-500:focus{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.focus\:border-red-500:focus{--tw-border-opacity:1;border-color:#ef4444;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1280px){.xl\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}.action-validation-tab{padding:20px 0}.validation-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.validation-welcome h2{align-items:center;color:var(--text-primary);display:flex;font-size:28px;font-weight:700;gap:12px;margin:0 0 8px}.validation-welcome h2 i{color:var(--accent-color);font-size:30px}.validation-welcome p{color:var(--text-secondary);font-size:15px;margin:0}.pending-count-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:12px;box-shadow:0 8px 24px #f59e0b66;color:#fff;display:flex;font-size:16px;font-weight:700;gap:10px;padding:12px 24px}.pending-count-badge i{font-size:18px}.status-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.filter-tab{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.filter-tab:hover{background:#ffffff14;border-color:#fff3;color:var(--text-primary);transform:translateY(-2px)}.filter-tab.active{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-color:var(--accent-color);box-shadow:0 4px 12px #2a9d6f66;color:#fff}.filter-tab i{font-size:16px}.validation-table-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;overflow-x:auto;padding:24px}.validation-table{border-collapse:collapse;min-width:900px;width:100%}.validation-table thead{background:#ffffff0d;border-bottom:2px solid #ffffff1a}.validation-table th{color:var(--text-secondary);font-size:13px;font-weight:700;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase;white-space:nowrap}.validation-table tbody tr{border-bottom:1px solid #ffffff0d;transition:all .3s ease}.validation-table tbody tr:hover{background:#ffffff0d}.validation-table tbody tr:last-child{border-bottom:none}.validation-table td{color:var(--text-primary);font-size:14px;padding:12px;vertical-align:middle}.employee-cell{align-items:center;display:flex;gap:12px}.employee-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:40px;justify-content:center;width:40px}.employee-name{color:var(--text-primary);font-weight:600}.action-cell{align-items:center;display:flex;gap:8px}.action-name{color:var(--text-primary);font-weight:600}.points-cell{align-items:center;color:var(--accent-color);display:flex;font-weight:600;gap:8px}.points-cell i{font-size:16px}.date-cell{font-size:13px}.proof-cell,.view-proof-btn{align-items:center;display:flex}.view-proof-btn{background:#3b82f633;border:1px solid #3b82f6;border-radius:8px;color:#3b82f6;cursor:pointer;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease}.view-proof-btn:hover{background:#3b82f64d;transform:translateY(-2px)}.no-proof{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-style:italic;gap:6px}.action-buttons{display:flex;gap:8px}.approve-btn,.reject-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.approve-btn{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 4px 12px #2a9d6f4d;color:#fff}.approve-btn:hover{box-shadow:0 6px 16px #2a9d6f66;transform:translateY(-2px)}.reject-btn{background:#ef444433;border:1px solid #ef4444;color:#ef4444}.reject-btn:hover{background:#ef44444d;transform:translateY(-2px)}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state i{color:var(--text-secondary);font-size:64px;margin-bottom:20px;opacity:.5}.empty-state h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 8px}.empty-state p{color:var(--text-secondary);font-size:15px;margin:0}.proof-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.proof-modal{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:90%}.proof-modal-header{align-items:flex-start;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:24px}.proof-modal-header h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 4px}.proof-modal-header p{color:var(--text-secondary);font-size:14px;margin:0}.close-modal-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.close-modal-btn:hover{background:#ffffff1a;color:var(--text-primary);transform:rotate(90deg)}.proof-modal-body{align-items:center;background:#0000004d;display:flex;flex:1 1;justify-content:center;overflow:auto;padding:24px}.proof-image-full{border-radius:12px;box-shadow:0 8px 32px #00000080;max-height:100%;max-width:100%;object-fit:contain}.no-proof-message{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;gap:12px}.no-proof-message i{font-size:48px;opacity:.5}.proof-modal-footer{align-items:center;border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;padding:20px 24px}.action-info-footer{align-items:center;display:flex;gap:24px}.date-display,.points-display{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:600;gap:8px}.points-display i{color:var(--accent-color);font-size:16px}.date-display i{color:var(--text-secondary);font-size:14px}.modal-action-buttons{display:flex;gap:12px}.approve-btn-modal,.reject-btn-modal{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.approve-btn-modal{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));box-shadow:0 4px 12px #2a9d6f66;color:#fff}.approve-btn-modal:hover{box-shadow:0 6px 16px #2a9d6f80;transform:translateY(-2px)}.reject-btn-modal{background:#ef444433;border:1px solid #ef4444;color:#ef4444}.reject-btn-modal:hover{background:#ef44444d;transform:translateY(-2px)}@media (max-width:768px){.validation-header{align-items:flex-start;flex-direction:column}.validation-table-container{overflow-x:auto}.status-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.filter-tab{white-space:nowrap}.proof-modal{max-height:95vh;width:95%}.action-buttons{flex-direction:column}.approve-btn,.reject-btn{justify-content:center;width:100%}}.employee-dashboard{margin:0 auto;max-width:1400px;padding:20px}.employee-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.employee-welcome h1{color:var(--text-primary);font-size:32px;font-weight:700;margin:0 0 8px}.employee-welcome p{color:var(--text-secondary);font-size:16px;margin:0}.employee-level-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;gap:16px;min-width:350px;padding:20px 30px}.level-info{gap:20px;justify-content:space-between}.level-badge,.level-info{align-items:center;display:flex}.level-badge{color:var(--accent-color);font-size:18px;font-weight:700;gap:10px;white-space:nowrap}.level-badge i{font-size:24px}.level-points{color:var(--text-primary);font-size:15px;font-weight:600;white-space:nowrap}.level-progress{display:flex;flex-direction:column}.progress-bar{background:#ffffff1a;border-radius:10px;box-shadow:inset 0 2px 4px #0003;height:12px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:10px;box-shadow:0 0 10px #2a9d6f66;height:100%;transition:width .5s ease}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:30px}.stat-card{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;gap:20px;padding:24px;transition:all .3s ease}.stat-card:hover{border-color:#fff3;box-shadow:0 12px 40px #0000004d;transform:translateY(-5px)}.stat-card.large-card{grid-column:span 1}.stat-icon{align-items:center;border-radius:14px;box-shadow:0 8px 20px #0000004d;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.stat-icon i{color:#fff;font-size:28px}.stat-content{flex:1 1}.stat-content h3{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 8px;text-transform:uppercase}.stat-value{color:var(--text-primary);font-size:32px;font-weight:700;margin-bottom:4px}.stat-subtitle{color:var(--text-secondary);font-size:13px;margin-bottom:12px}.rank-progress{align-items:center;display:flex;gap:10px;margin-top:12px}.rank-bar{background:#ffffff1a;border-radius:10px;flex:1 1;height:6px;overflow:hidden}.rank-fill{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;height:100%;transition:width .5s ease}.rank-progress span{color:var(--accent-color);font-size:12px;font-weight:600;white-space:nowrap}.impact-equivalents{display:flex;gap:20px;margin-top:12px}.equivalent-item{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px}.equivalent-item i{color:var(--secondary-color);font-size:16px}.badges-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;margin-bottom:30px;padding:24px}.badge-count{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:var(--text-secondary);font-size:14px;font-weight:600;padding:6px 14px}.badges-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.badge-item{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:20px;position:relative;transition:all .3s ease}.badge-item.unlocked{border-color:var(--accent-color);box-shadow:0 0 20px #2a9d6f4d}.badge-item.locked{filter:grayscale(1);opacity:.5}.badge-item:hover{transform:translateY(-5px)}.badge-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:48px}.badge-name{color:var(--text-primary);font-size:13px;font-weight:600;text-align:center}.lock-icon{color:var(--text-secondary);font-size:14px;position:absolute;right:10px;top:10px}.transport-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;margin-bottom:30px;padding:24px}.transport-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.transport-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px;transition:all .3s ease}.transport-card:hover{background:#ffffff0f;box-shadow:0 8px 20px #0003;transform:translateY(-3px)}.transport-card.highlight{background:#2a9d6f1a;border-color:var(--accent-color)}.transport-label{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.transport-value{color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:10px}.transport-detail{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px}.transport-detail i{font-size:14px}.transport-comparison{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px}.comparison-label{color:var(--text-secondary);font-size:12px;margin-bottom:4px}.comparison-value{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:8px}.comparison-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 10px}.comparison-badge.positive{background:#2a9d6f33;border:1px solid var(--secondary-color);color:var(--secondary-color)}.comparison-badge i{font-size:12px}.performance-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;padding:24px}.period-selector{background:#ffffff0d;border-radius:10px;display:flex;gap:8px;padding:4px}.period-btn{background:#0000;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:600;padding:8px 20px;transition:all .3s ease}.period-btn:hover{background:#ffffff0d;color:var(--text-primary)}.period-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));box-shadow:0 4px 12px #2a9d6f66;color:#fff}.performance-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.performance-item{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.performance-item:hover{background:#ffffff0f;box-shadow:0 8px 20px #0003;transform:translateY(-3px)}.perf-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.perf-icon i{color:#fff;font-size:22px}.perf-data{flex:1 1}.perf-label{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.perf-value{color:var(--text-primary);font-size:24px;font-weight:700}@media (max-width:1024px){.employee-header{align-items:flex-start;flex-direction:column}.employee-level-card{width:100%}.stats-grid{grid-template-columns:1fr}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}@media (max-width:768px){.employee-dashboard{padding:15px}.employee-welcome h1,.stat-value{font-size:24px}.performance-stats,.transport-grid{grid-template-columns:1fr}.badges-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.impact-equivalents{flex-direction:column;gap:8px}}.employee-actions{margin:0 auto;max-width:1400px;padding:20px}.actions-header{margin-bottom:30px}.actions-welcome h1{color:var(--text-primary);font-size:32px;font-weight:700;margin:0 0 8px}.actions-welcome p{color:var(--text-secondary);font-size:16px;margin:0}.checklist-section-wrapper{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 320px;margin-bottom:30px}.daily-progress-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;gap:24px;height:100%;justify-content:center;padding:24px}.progress-circle-container{height:160px;position:relative;width:160px}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle-bg{stroke:#ffffff1a;stroke-width:8;fill:none}.progress-ring-circle{stroke:url(#progressGradient);stroke-width:8;fill:none;stroke-linecap:round;transition:stroke-dashoffset .5s ease}.progress-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.progress-percentage{color:var(--accent-color);display:block;font-size:28px;font-weight:700;line-height:1}.progress-label{color:var(--text-secondary);display:block;font-size:12px;margin-top:4px}.progress-details{display:flex;flex-direction:row;gap:24px;justify-content:center;width:100%}.progress-stat{align-items:center;display:flex;flex-direction:column;gap:8px;text-align:center}.progress-stat i{color:var(--accent-color);font-size:28px}.progress-stat .stat-value{color:var(--text-primary);display:block;font-size:24px;font-weight:700;line-height:1}.progress-stat .stat-label{color:var(--text-secondary);display:block;font-size:13px;margin-top:4px}.section-header{margin-bottom:20px}.section-header h2{gap:10px}.streak-badge{align-items:center;background:linear-gradient(135deg,#fb923c33,#f9731633);border:1px solid #fb923c66;border-radius:20px;color:#fb923c;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.streak-badge i{animation:flicker 2s infinite;font-size:16px}@keyframes flicker{0%,to{opacity:1}50%{opacity:.7}}.checklist-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;padding:24px}.actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);max-width:100%}.action-item{align-items:center;background:#ffffff08;border:2px solid #ffffff1a;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:16px;position:relative;transition:all .3s ease}.action-item:hover{background:#ffffff0f;box-shadow:0 8px 20px #0003;transform:translateY(-2px)}.action-item.completed{background:#2a9d6f1a;border-color:var(--accent-color)}.action-checkbox{color:#ffffff4d;font-size:24px;transition:all .3s ease}.action-item.completed .action-checkbox{color:var(--accent-color)}.action-icon{align-items:center;background:#ffffff0d;border-radius:10px;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:18px;height:40px;justify-content:center;width:40px}.action-item.completed .action-icon{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff}.action-content{flex:1 1}.action-title{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.action-points{align-items:center;color:var(--text-secondary);display:flex;font-size:12px;gap:4px}.action-points i{color:#feca57}.completion-badge{align-items:center;background:var(--accent-color);border-radius:50%;color:#fff;display:flex;font-size:12px;height:24px;justify-content:center;position:absolute;right:8px;top:8px;width:24px}.transport-tracking-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;margin-bottom:30px;padding:24px}.live-indicator{align-items:center;background:#ef444433;border:1px solid #ef444466;border-radius:20px;color:#ef4444;display:flex;font-size:13px;font-weight:600;gap:8px;padding:6px 12px}.pulse-dot{animation:pulse 2s infinite;background:#ef4444;border-radius:50%;height:8px;width:8px}.tracking-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.tracking-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.tracking-card .card-header{align-items:center;display:flex;gap:10px;margin-bottom:20px}.tracking-card .card-header i{color:var(--accent-color);font-size:20px}.tracking-card .card-header h3{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.location-info{flex-direction:column;gap:12px;margin-bottom:20px;text-align:center}.location-icon,.location-info{align-items:center;display:flex}.location-icon{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:12px;color:#fff;flex-shrink:0;font-size:24px;height:50px;justify-content:center;width:50px}.location-details{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.location-address{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:0}.location-coords{color:var(--text-secondary);font-size:12px}.position-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.position-stat{align-items:center;background:#ffffff08;border-radius:8px;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:16px 12px;text-align:center}.position-stat i{color:var(--accent-color);font-size:20px}.position-stat .stat-value{color:var(--text-primary);font-size:16px;font-weight:700;line-height:1}.position-stat .stat-label{color:var(--text-secondary);font-size:11px;margin-top:2px}.eco-mode-badge{align-items:center;background:#2a9d6f33;border:1px solid var(--accent-color);border-radius:8px;color:var(--secondary-color);display:flex;font-size:13px;font-weight:600;gap:8px;justify-content:center;padding:10px}.trip-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.trip-stat{gap:12px}.trip-stat,.trip-stat-icon{align-items:center;display:flex}.trip-stat-icon{border-radius:10px;color:#fff;flex-shrink:0;font-size:18px;height:44px;justify-content:center;width:44px}.trip-stat-value{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1}.trip-stat-label{color:var(--text-secondary);font-size:11px;margin-top:2px}.eco-savings{border-top:1px solid #ffffff1a;display:flex;flex-direction:column;gap:8px;padding-top:16px}.saving-item{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px}.saving-item i{color:var(--secondary-color);font-size:14px}.map-card{grid-column:span 1}.map-container{border:1px solid #ffffff1a;border-radius:12px;height:250px;overflow:hidden;width:100%}.map-placeholder{align-items:center;background:linear-gradient(135deg,#0f4c3a33,#1b6e4f33);border:2px dashed #2a9d6f4d;border-radius:12px;display:flex;flex-direction:column;gap:16px;height:250px;justify-content:center;overflow:hidden;position:relative}.map-placeholder:before{background:linear-gradient(90deg,#ffffff0d 1px,#0000 0),linear-gradient(#ffffff0d 1px,#0000 0);background-size:30px 30px;bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0}.map-marker{animation:bounce 2s infinite;color:var(--accent-color);font-size:48px;z-index:1}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.map-info{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;gap:8px;z-index:1}.map-info i{color:var(--accent-color)}.activity-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;padding:24px}.activity-timeline{display:flex;flex-direction:column;gap:16px}.activity-item{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.activity-item:hover{background:#ffffff0f;transform:translateX(5px)}.activity-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:18px;height:44px;justify-content:center;width:44px}.activity-icon.success{background:#2a9d6f33;color:var(--secondary-color)}.activity-icon.info{background:#4facfe33;color:#4facfe}.activity-content{flex:1 1}.activity-title{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.activity-time{color:var(--text-secondary);font-size:12px}.activity-points{color:var(--accent-color);font-size:14px;font-weight:700}@media (max-width:1024px){.checklist-section-wrapper{grid-template-columns:1fr}.daily-progress-card{flex-direction:row;justify-content:center}.tracking-grid{grid-template-columns:1fr}.map-card{grid-column:span 1}}@media (max-width:768px){.employee-actions{padding:15px}.actions-welcome h1{font-size:24px}.actions-grid,.position-stats,.trip-stats-grid{grid-template-columns:1fr}}.proof-badge{font-size:14px;margin-left:4px}.proof-required-badge{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;box-shadow:0 4px 12px #f59e0b66;color:#fff;display:flex;font-size:14px;height:32px;justify-content:center;position:absolute;right:12px;top:12px;width:32px}.action-item.submitted{background:#2a9d6f1a;border-color:var(--accent-color);opacity:.7}.action-item.approved{background:#22c55e26;border-color:#22c55e;opacity:.8}.action-item.rejected{background:#ef44441a;border-color:#ef4444;opacity:.6}.completion-badge.pending-validation{background:#f59e0b33;border:1px solid #f59e0b;border-radius:20px;color:#f59e0b}.completion-badge.approved,.completion-badge.pending-validation{align-items:center;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.completion-badge.approved{background:#22c55e33;border:1px solid #22c55e;border-radius:20px;color:#22c55e}.completion-badge.rejected{align-items:center;background:#ef444433;border:1px solid #ef4444;border-radius:20px;color:#ef4444;display:flex;font-size:12px;font-weight:600;gap:6px;padding:6px 12px}.validation-text{font-size:11px}.upload-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.upload-modal{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;max-width:500px;overflow:hidden;width:90%}.modal-header{border-bottom:1px solid #ffffff1a;justify-content:space-between;padding:24px}.modal-header,.modal-header h3{align-items:center;display:flex}.modal-header h3{color:var(--text-primary);font-size:20px;font-weight:700;gap:12px;margin:0}.modal-header h3 i{color:var(--accent-color);font-size:22px}.close-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.close-btn:hover{background:#ffffff1a;color:var(--text-primary);transform:rotate(90deg)}.modal-body{display:flex;flex-direction:column;gap:20px;padding:24px}.action-info{background:#ffffff08;border:1px solid #ffffff1a;gap:16px;padding:16px}.action-info,.action-info .action-icon{align-items:center;border-radius:12px;display:flex}.action-info .action-icon{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;flex-shrink:0;font-size:22px;height:50px;justify-content:center;width:50px}.action-info .action-title{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:4px}.action-info .action-points{align-items:center;color:var(--accent-color);display:flex;font-size:14px;font-weight:600;gap:6px}.proof-instructions{align-items:flex-start;background:#3b82f61a;border:1px solid #3b82f64d;border-radius:12px;display:flex;gap:12px;padding:16px}.proof-instructions i{color:#3b82f6;flex-shrink:0;font-size:20px;margin-top:2px}.proof-instructions p{color:var(--text-primary);font-size:14px;font-weight:500;line-height:1.6;margin:0}.upload-area{align-items:center;background:#ffffff05;border:2px dashed #fff3;border-radius:12px;display:flex;justify-content:center;min-height:250px;transition:all .3s ease}.upload-placeholder{align-items:center;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:40px;text-align:center}.upload-placeholder i{color:var(--accent-color);font-size:48px;margin-bottom:8px}.upload-placeholder p{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.upload-placeholder span{color:var(--text-secondary);font-size:13px}.upload-placeholder:hover{background:#ffffff0d}.preview-container{align-items:center;display:flex;flex-direction:column;gap:16px;padding:20px;width:100%}.proof-preview{border-radius:12px;box-shadow:0 8px 24px #0000004d;max-height:300px;max-width:100%;object-fit:contain}.change-photo-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.change-photo-btn:hover{background:#ffffff1a;transform:translateY(-2px)}.modal-info{align-items:center;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:10px;color:var(--text-secondary);display:flex;font-size:13px;gap:10px;padding:12px 16px}.modal-info i{color:#f59e0b;font-size:16px}.modal-footer{border-top:1px solid #ffffff1a;display:flex;gap:12px;padding:20px 24px}.cancel-btn,.submit-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;transition:all .3s ease}.cancel-btn{background:#ffffff0d;border:1px solid #ffffff1a;color:var(--text-secondary)}.cancel-btn:hover{background:#ffffff1a;color:var(--text-primary)}.submit-btn{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:none;box-shadow:0 4px 12px #2a9d6f66;color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 6px 16px #2a9d6f80;transform:translateY(-2px)}.submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.custom-map-marker{background:none;border:none}.marker-pin{align-items:center;animation:markerBounce 2s ease-in-out infinite;color:var(--accent-color);display:flex;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:36px;height:42px;justify-content:center;width:30px}@keyframes markerBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.marker-pin i{color:#ef4444}.leaflet-image-layer,.leaflet-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane,.leaflet-pane>canvas,.leaflet-pane>svg,.leaflet-tile,.leaflet-tile-container,.leaflet-zoom-box{left:0;position:absolute;top:0}.leaflet-container{overflow:hidden}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.leaflet-tile::selection{background:#0000}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{height:1600px;-webkit-transform-origin:0 0;width:1600px}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-height:none!important;max-width:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer{max-height:none!important;max-width:none!important;padding:0;width:auto}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{box-sizing:border-box;height:0;width:0;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{height:1px;width:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{pointer-events:visiblePainted;pointer-events:auto;position:relative;z-index:800}.leaflet-bottom,.leaflet-top{pointer-events:none;position:absolute;z-index:1000}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{clear:both;float:left}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-pan-anim .leaflet-tile,.leaflet-zoom-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-control,.leaflet-popup-pane{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-image-layer,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-image-layer.leaflet-interactive,.leaflet-marker-icon.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{background:#ffffff80;border:2px dotted #38f}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{border-radius:4px;box-shadow:0 1px 5px #000000a6}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;color:#000;display:block;height:26px;line-height:26px;text-align:center;text-decoration:none;width:26px}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:focus,.leaflet-bar a:hover{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom:none;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.leaflet-bar a.leaflet-disabled{background-color:#f4f4f4;color:#bbb;cursor:default}.leaflet-touch .leaflet-bar a{height:30px;line-height:30px;width:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{background:#fff;border-radius:5px;box-shadow:0 1px 5px #0006}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);height:36px;width:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{height:44px;width:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{background:#fff;color:#333;padding:6px 10px 6px 6px}.leaflet-control-layers-scrollbar{overflow-x:hidden;overflow-y:scroll;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{border-top:1px solid #ddd;height:0;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{color:#333;line-height:1.4;padding:0 5px}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:focus,.leaflet-control-attribution a:hover{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;height:.6669em;vertical-align:initial!important;width:1em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{background:#fffc;border:2px solid #777;border-top:none;box-sizing:border-box;line-height:1.1;padding:2px 5px 1px;text-shadow:1px 1px #fff;white-space:nowrap}.leaflet-control-scale-line:not(:first-child){border-bottom:none;border-top:2px solid #777;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers{box-shadow:none}.leaflet-touch .leaflet-bar,.leaflet-touch .leaflet-control-layers{background-clip:padding-box;border:2px solid #0003}.leaflet-popup{margin-bottom:20px;position:absolute;text-align:center}.leaflet-popup-content-wrapper{border-radius:12px;padding:1px;text-align:left}.leaflet-popup-content{font-size:13px;font-size:1.08333em;line-height:1.3;margin:13px 24px 13px 20px;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{height:20px;left:50%;margin-left:-20px;margin-top:-1px;overflow:hidden;pointer-events:none;position:absolute;width:40px}.leaflet-popup-tip{height:17px;margin:-10px auto 0;padding:1px;pointer-events:auto;transform:rotate(45deg);width:17px}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;box-shadow:0 3px 14px #0006;color:#333}.leaflet-container a.leaflet-popup-close-button{background:#0000;border:none;color:#757575;font:16px/24px Tahoma,Verdana,sans-serif;height:24px;position:absolute;right:0;text-align:center;text-decoration:none;top:0;width:24px}.leaflet-container a.leaflet-popup-close-button:focus,.leaflet-container a.leaflet-popup-close-button:hover{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678,M12=0.70710678,M21=-0.70710678,M22=0.70710678);margin:0 auto;width:24px}.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{background-color:#fff;border:1px solid #fff;border-radius:3px;box-shadow:0 1px 3px #0006;color:#222;padding:6px;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;white-space:nowrap}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before,.leaflet-tooltip-top:before{background:#0000;border:6px solid #0000;content:"";pointer-events:none;position:absolute}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{border-top-color:#fff;bottom:0;margin-bottom:-12px}.leaflet-tooltip-bottom:before{border-bottom-color:#fff;margin-left:-6px;margin-top:-12px;top:0}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{margin-top:-6px;top:50%}.leaflet-tooltip-left:before{border-left-color:#fff;margin-right:-12px;right:0}.leaflet-tooltip-right:before{border-right-color:#fff;left:0;margin-left:-12px}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.employee-rewards{padding:40px 0}.rewards-header{align-items:center;display:flex;flex-wrap:wrap;gap:30px;justify-content:space-between;margin-bottom:40px}.rewards-welcome h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:32px;font-weight:700;margin:0 0 8px}.rewards-welcome p{color:var(--text-secondary);font-size:16px;margin:0}.user-balance-card{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-radius:16px;box-shadow:0 8px 32px #2a9d6f4d;display:flex;gap:20px;min-width:280px;padding:20px 30px}.balance-icon{align-items:center;background:#fff3;border-radius:12px;color:#fff;display:flex;font-size:28px;height:60px;justify-content:center;width:60px}.balance-info{flex:1 1}.balance-label{color:#ffffffe6;font-size:13px;font-weight:500;margin-bottom:4px}.balance-amount{color:#fff;font-size:28px;font-weight:700}.balance-amount span{font-size:16px;font-weight:500;margin-left:4px;opacity:.9}.rewards-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:30px}.filter-btn{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.filter-btn:hover{background:#ffffff14;border-color:#fff3;color:var(--text-primary);transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border-color:var(--accent-color);box-shadow:0 4px 12px #2a9d6f66;color:#fff}.filter-icon{font-size:18px}.products-section{margin-bottom:40px}.products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.product-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.product-card:hover{border-color:#2a9d6f66;box-shadow:0 12px 40px #0000004d;transform:translateY(-4px)}.product-card.disabled{cursor:not-allowed;opacity:.6}.product-card.disabled:hover{border-color:#ffffff1a;box-shadow:none;transform:none}.product-badge{border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;font-size:12px;font-weight:600;padding:6px 12px;position:absolute;right:12px;top:12px}.product-icon{font-size:48px;margin-bottom:16px}.product-content{display:flex;flex-direction:column;gap:12px}.product-name{font-size:18px;font-weight:700;margin:0}.product-description{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0;min-height:42px}.product-footer{border-top:1px solid #ffffff1a;justify-content:space-between;margin-top:8px;padding-top:16px}.product-cost,.product-footer{align-items:center;display:flex}.product-cost{color:var(--accent-color);font-size:18px;font-weight:700;gap:8px}.product-cost i{font-size:20px}.purchase-btn{align-items:center;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.purchase-btn:hover:not(:disabled){box-shadow:0 4px 16px #2a9d6f66;transform:scale(1.05)}.purchase-btn:disabled{background:#ffffff1a;color:var(--text-secondary);cursor:not-allowed;opacity:.6}.purchase-btn i{font-size:14px}.history-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0003;margin-top:40px;padding:24px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.section-header h2{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:700;gap:12px;margin:0}.section-header h2 i{color:var(--accent-color);font-size:22px}.history-count{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:var(--text-secondary);font-size:14px;font-weight:600;padding:6px 14px}.history-table-container{border:1px solid #ffffff1a;border-radius:12px;max-height:400px;overflow-x:hidden;overflow-y:auto}.history-table-container::-webkit-scrollbar{width:8px}.history-table-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.history-table-container::-webkit-scrollbar-thumb{background:var(--accent-color);border-radius:10px}.history-table-container::-webkit-scrollbar-thumb:hover{background:var(--secondary-color)}.history-table{background:#ffffff08;border-collapse:collapse;width:100%}.history-table thead{background:#ffffff0d;border-bottom:2px solid #ffffff1a}.history-table th{color:var(--text-secondary);font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase}.history-table tbody tr{border-bottom:1px solid #ffffff0d;transition:all .3s ease}.history-table tbody tr:hover{background:#ffffff0d}.history-table tbody tr:last-child{border-bottom:none}.history-table td{color:var(--text-primary);font-size:14px;padding:16px 20px}.product-cell{align-items:center;display:flex;gap:12px}.product-icon{flex-shrink:0;font-size:24px}.product-name{color:var(--text-primary);font-weight:600}.cost-cell{align-items:center;color:var(--accent-color);display:flex;font-weight:600;gap:8px}.cost-cell i{font-size:16px}.date-cell{align-items:center;display:flex;gap:8px}.date-cell,.date-cell i{color:var(--text-secondary)}.date-cell i{font-size:14px}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;white-space:nowrap}.status-badge i{font-size:14px}.status-badge.approved{background:#2a9d6f33;border:1px solid var(--secondary-color);color:var(--secondary-color)}.status-badge.pending{background:#f59e0b33;border:1px solid #f59e0b;color:#f59e0b}.status-badge.rejected{background:#ef444433;border:1px solid #ef4444;color:#ef4444}@media (max-width:768px){.rewards-header{align-items:flex-start;flex-direction:column}.user-balance-card{width:100%}.products-grid{grid-template-columns:1fr}.rewards-filters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.filter-btn{white-space:nowrap}}@media (max-width:480px){.balance-amount,.rewards-welcome h1{font-size:24px}.product-card{padding:20px}.product-icon{font-size:40px}}.employee-navigation{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border-bottom:1px solid var(--glass-border);box-shadow:0 4px 20px #0003;padding:0}.employee-nav-tabs{display:flex;gap:8px;padding:12px 0}.employee-nav-tab{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:10px;justify-content:center;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s ease}.employee-nav-tab:before{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%;z-index:-1}.employee-nav-tab:hover{background:#ffffff0d;color:var(--text-primary)}.employee-nav-tab.active{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));box-shadow:0 4px 12px #2a9d6f66;color:#fff}.employee-nav-tab.active:before{opacity:1}.employee-nav-tab i{font-size:18px}.employee-nav-tab span{white-space:nowrap}@media (max-width:768px){.employee-nav-tabs{flex-direction:column;gap:8px}.employee-nav-tab{justify-content:flex-start;padding:12px 20px}}@media (max-width:480px){.employee-nav-tab span{display:none}.employee-nav-tab{justify-content:center}.employee-nav-tabs{flex-direction:row}}.login-page{align-items:center;background:linear-gradient(135deg,#0a0e27,#1a1f3a 50%,#0f1419);display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100vw}.login-background{left:0;overflow:hidden;top:0}.floating-shapes,.login-background{height:100%;position:absolute;width:100%}.shape{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.3;position:absolute}.shape-1{animation-delay:0s;background:linear-gradient(135deg,#0f4c3a,#1b6e4f);height:400px;left:-100px;top:-100px;width:400px}.shape-2{animation-delay:5s;background:linear-gradient(135deg,#2a9d6f,#38b87c);bottom:-100px;height:350px;right:-100px;width:350px}.shape-3{animation-delay:10s;background:linear-gradient(135deg,#1b6e4f,#2a9d6f);height:300px;left:50%;top:50%;transform:translate(-50%,-50%);width:300px}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-50px,50px) scale(.9)}}.login-container{align-items:center;display:flex;flex-direction:column;gap:30px;position:relative;z-index:10}.login-card{animation:slideUp .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:50px 40px;width:450px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{margin-bottom:40px;text-align:center}.logo-container{align-items:center;animation:pulse 2s infinite;background:linear-gradient(135deg,#0f4c3a,#1b6e4f);border-radius:20px;box-shadow:0 10px 30px #0f4c3a80;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}@keyframes pulse{0%,to{box-shadow:0 10px 30px #0f4c3a80;transform:scale(1)}50%{box-shadow:0 15px 40px #1b6e4fb3;transform:scale(1.05)}}.logo-container i{color:#fff;font-size:40px}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2a9d6f,#38b87c);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:32px;font-weight:700;margin:0 0 10px}.login-header p{color:#fff9;font-size:14px;margin:0}.login-form{gap:20px}.form-group,.login-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{align-items:center;color:#fffc;display:flex;font-size:14px;font-weight:600;gap:8px}.form-group label i{color:#2a9d6f;font-size:14px}.form-group input{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#fff;font-size:15px;outline:none;padding:14px 16px;transition:all .3s ease;width:100%}.form-group input::placeholder{color:#ffffff4d}.form-group input:focus{background:#ffffff14;border-color:#2a9d6f;box-shadow:0 0 0 4px #2a9d6f33}.error-message{align-items:center;animation:shake .5s ease;background:#ef444426;border:1px solid #ef44444d;border-radius:10px;color:#fca5a5;display:flex;font-size:14px;gap:10px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.error-message i,.login-button{font-size:16px}.login-button{align-items:center;background:linear-gradient(135deg,#0f4c3a,#2a9d6f);border:none;border-radius:12px;box-shadow:0 8px 20px #0f4c3a80;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:10px;justify-content:center;margin-top:10px;padding:14px 24px;transition:all .3s ease;width:100%}.login-button:hover:not(:disabled){box-shadow:0 12px 30px #1b6e4f99;transform:translateY(-2px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{cursor:not-allowed;opacity:.7}.login-button i{font-size:16px}.login-footer{border-top:1px solid #ffffff1a;margin-top:30px;padding-top:30px}.demo-credentials{align-items:center;background:#2a9d6f26;border:1px solid #2a9d6f4d;border-radius:10px;color:#ffffffb3;display:flex;font-size:13px;gap:8px;justify-content:center;padding:12px}.demo-credentials i{color:#2a9d6f;font-size:14px}.demo-credentials strong{color:#fff;font-weight:700}.login-features{animation:slideUp .6s ease-out .2s backwards;display:flex;gap:20px}.feature{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;display:flex;flex-direction:column;gap:8px;min-width:140px;padding:20px;transition:all .3s ease}.feature:hover{background:#ffffff14;box-shadow:0 10px 30px #0003;transform:translateY(-5px)}.feature i{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f4c3a,#2a9d6f);-webkit-background-clip:text;background-clip:text;font-size:28px}.feature span{color:#fffc;font-size:13px;font-weight:600;text-align:center}@media (max-width:768px){.login-card{max-width:400px;padding:40px 30px;width:90%}.login-features{flex-direction:column;max-width:400px;width:90%}.feature{width:100%}.shape{filter:blur(40px)}}
/*# sourceMappingURL=main.ca62581a.css.map*/