@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;800&family=VT323&display=swap);@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;600;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600;700;800;900&family=Open+Sans:wght@400;500;600;700;800;900&family=Nunito:wght@400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);/*
! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
*/:root{--primary:#1aac83;--error:#e7195a;--success:#5bc0de;--background:#f4f4f4;--button-bg:#4caf50;--button-hover-bg:#45a049;--font-family:"Poppins",sans-serif}*,:after,:before{margin:0;padding:0}body{background:#f4f4f4;background:var(--background);font-family:Poppins,sans-serif;font-family:var(--font-family);padding:20px}h1,h2,h3{color:#333;font-weight:700}.container{padding:20px}header{background-color:#4caf50;background-color:var(--button-bg);box-shadow:0 4px 6px #0000001a;color:#fff;font-family:Roboto,sans-serif;font-size:32px;font-weight:700;letter-spacing:2px;padding:15px 0;text-align:center;text-transform:uppercase}header .company-name{color:#fff;font-size:36px;font-weight:700;text-shadow:2px 2px 4px #0000004d}form{background:#fff;background:var(--card-bg);border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:450px;padding:20px}button,input,select{background-color:#f3f4f6;border:1px solid #0000;border-radius:4px;font-size:16px;padding:12px}button:focus,input:focus,select:focus{background-color:#e5e7eb;border-color:#0000;outline:none}form label,label{color:#1e40af;font-weight:600}input[type=email],input[type=password],input[type=text],select{width:100%}button{background-color:#4caf50;background-color:var(--button-bg);color:#fff;font-family:Poppins,sans-serif;font-family:var(--font-family);transition:background-color .3s ease}button:hover{background-color:#45a049;background-color:var(--button-hover-bg)}button:disabled{background-color:#ccc}.message{margin-top:20px;text-align:center}.message.success{background-color:#d4edda;border-radius:4px;color:#5bc0de;color:var(--success);padding:10px}.message.error{background-color:#f8d7da;border-radius:4px}.message.error,div.error{color:#e7195a;color:var(--error);padding:10px}div.error{background:#ffefef;border:1px solid #e7195a;border:1px solid var(--error);border-radius:4px;margin:20px 0}.forgot-password-container,.reset-password-container,.verify-email-container{align-items:center;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:500px;padding:20px}.forgot-password-form,.reset-password-form,.verify-email-form{display:flex;flex-direction:column;gap:15px;width:100%}.forgot-password-form input,.reset-password-form input,.verify-email-form input{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:10px}.forgot-password-form button,.reset-password-form button,.verify-email-form button{background-color:#4caf50;background-color:var(--button-bg);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background-color .3s}.forgot-password-form button:hover,.reset-password-form button:hover,.verify-email-form button:hover{background-color:#45a049;background-color:var(--button-hover-bg)}.navbar{background-color:#4caf50;background-color:var(--button-bg);color:#fff;padding:10px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-container{align-items:center;display:flex;justify-content:space-between;padding:0 20px}.navbar-brand{color:#fff;font-size:24px;font-weight:700}.navbar-links{display:flex;gap:20px;list-style:none}.navbar-links li{font-size:16px}.navbar-links li a{color:#fff;text-decoration:none}.navbar-links li button{background-color:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px}.navbar-links li button:hover{background-color:#c0392b}.dashboard-container{align-items:center;background-color:#f9f9f9;flex-direction:column;height:100vh;justify-content:center;padding:20px}.dashboard-container h2{color:#333;font-size:32px}.dashboard-container p{color:#555;font-size:18px}@media screen and (max-width:768px){.container{padding:10px}.forgot-password-container,.reset-password-container,.verify-email-container{padding:15px;width:90%}form{width:100%}h1{font-size:24px}h2{font-size:20px}.navbar-container{align-items:center}.navbar-container,.navbar-links{flex-direction:column}.navbar-links li{margin:5px 0}}*,: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.17 | 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}@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}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.collapse{visibility:collapse}.fixed{position:fixed}.absolute{position:absolute}.sticky{position:-webkit-sticky;position:sticky}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.bottom-3{bottom:.75rem}.left-0{left:0}.left-1\/2{left:50%}.left-4{left:1rem}.right-0{right:0}.right-3{right:.75rem}.right-4{right:1rem}.top-0{top:0}.top-3{top:.75rem}.top-4{top:1rem}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.z-\[100\]{z-index:100}.order-1{order:1}.order-2{order:2}.mx-4{margin-left:1rem;margin-right:1rem}.my-auto{margin-bottom:auto;margin-top:auto}.mb-1\.5{margin-bottom:.375rem}.mb-12{margin-bottom:3rem}.mb-5{margin-bottom:1.25rem}.mb-8{margin-bottom:2rem}.ml-1\.5{margin-left:.375rem}.ml-3{margin-left:.75rem}.mr-1\.5{margin-right:.375rem}.mr-4{margin-right:1rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-8{margin-top:2rem}.inline-block{display:inline-block}.inline{display:inline}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-20{height:5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-auto{height:auto}.h-screen{height:100vh}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-2{width:.5rem}.w-2\.5{width:.625rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-auto{width:auto}.w-px{width:1px}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-none{max-width:none}.max-w-sm{max-width:24rem}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{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))}.-translate-x-full{--tw-translate-x:-100%}.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-not-allowed{cursor:not-allowed}.resize{resize:both}.appearance-none{-webkit-appearance:none;appearance:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.-space-x-px>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-1px*(1 - var(--tw-space-x-reverse)));margin-right:calc(-1px*var(--tw-space-x-reverse))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-1\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.375rem*var(--tw-space-y-reverse));margin-top:calc(.375rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.75rem*var(--tw-space-y-reverse));margin-top:calc(.75rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.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-t{border-top-width:1px}.border-amber-200{--tw-border-opacity:1;border-color:#fde68a;border-color:rgb(253 230 138/var(--tw-border-opacity,1))}.border-blue-200{--tw-border-opacity:1;border-color:#bfdbfe;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-blue-200\/50{border-color:#bfdbfe80}.border-blue-400{--tw-border-opacity:1;border-color:#60a5fa;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.border-blue-500{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.border-blue-600{--tw-border-opacity:1;border-color:#2563eb;border-color:rgb(37 99 235/var(--tw-border-opacity,1))}.border-emerald-200{--tw-border-opacity:1;border-color:#a7f3d0;border-color:rgb(167 243 208/var(--tw-border-opacity,1))}.border-gray-100{--tw-border-opacity:1;border-color:#f3f4f6;border-color:rgb(243 244 246/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:#e5e7eb;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.border-gray-200\/50{border-color:#e5e7eb80}.border-gray-300{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.border-gray-300\/50{border-color:#d1d5db80}.border-gray-600{--tw-border-opacity:1;border-color:#4b5563;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-gray-700{--tw-border-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.border-gray-800{--tw-border-opacity:1;border-color:#1f2937;border-color:rgb(31 41 55/var(--tw-border-opacity,1))}.border-green-200{--tw-border-opacity:1;border-color:#bbf7d0;border-color:rgb(187 247 208/var(--tw-border-opacity,1))}.border-green-200\/50{border-color:#bbf7d080}.border-indigo-200{--tw-border-opacity:1;border-color:#c7d2fe;border-color:rgb(199 210 254/var(--tw-border-opacity,1))}.border-purple-200{--tw-border-opacity:1;border-color:#e9d5ff;border-color:rgb(233 213 255/var(--tw-border-opacity,1))}.border-red-200{--tw-border-opacity:1;border-color:#fecaca;border-color:rgb(254 202 202/var(--tw-border-opacity,1))}.border-red-300{--tw-border-opacity:1;border-color:#fca5a5;border-color:rgb(252 165 165/var(--tw-border-opacity,1))}.border-slate-200{--tw-border-opacity:1;border-color:#e2e8f0;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.border-transparent{border-color:#0000}.border-white{--tw-border-opacity:1;border-color:#fff;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/20{border-color:#fff3}.border-white\/30{border-color:#ffffff4d}.border-yellow-200{--tw-border-opacity:1;border-color:#fef08a;border-color:rgb(254 240 138/var(--tw-border-opacity,1))}.border-yellow-600{--tw-border-opacity:1;border-color:#ca8a04;border-color:rgb(202 138 4/var(--tw-border-opacity,1))}.bg-amber-100{--tw-bg-opacity:1;background-color:#fef3c7;background-color:rgb(254 243 199/var(--tw-bg-opacity,1))}.bg-amber-50{--tw-bg-opacity:1;background-color:#fffbeb;background-color:rgb(255 251 235/var(--tw-bg-opacity,1))}.bg-amber-600{--tw-bg-opacity:1;background-color:#d97706;background-color:rgb(217 119 6/var(--tw-bg-opacity,1))}.bg-black{--tw-bg-opacity:1;background-color:#000;background-color:rgb(0 0 0/var(--tw-bg-opacity,1))}.bg-blue-100{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.bg-blue-200{--tw-bg-opacity:1;background-color:#bfdbfe;background-color:rgb(191 219 254/var(--tw-bg-opacity,1))}.bg-blue-300{--tw-bg-opacity:1;background-color:#93c5fd;background-color:rgb(147 197 253/var(--tw-bg-opacity,1))}.bg-blue-50{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-blue-50\/80{background-color:#eff6ffcc}.bg-blue-500{--tw-bg-opacity:1;background-color:#3b82f6;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-blue-600{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.bg-emerald-100{--tw-bg-opacity:1;background-color:#d1fae5;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.bg-emerald-50{--tw-bg-opacity:1;background-color:#ecfdf5;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-gray-300{--tw-bg-opacity:1;background-color:#d1d5db;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.bg-gray-400{--tw-bg-opacity:1;background-color:#9ca3af;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}.bg-gray-50{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.bg-gray-50\/80{background-color:#f9fafbcc}.bg-gray-600{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-gray-700\/80{background-color:#374151cc}.bg-gray-800{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-gray-900{--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.bg-green-100{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-50{--tw-bg-opacity:1;background-color:#f0fdf4;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.bg-green-50\/80{background-color:#f0fdf4cc}.bg-green-50\/90{background-color:#f0fdf4e6}.bg-green-500{--tw-bg-opacity:1;background-color:#22c55e;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-green-600{--tw-bg-opacity:1;background-color:#16a34a;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:#eef2ff;background-color:rgb(238 242 255/var(--tw-bg-opacity,1))}.bg-purple-100{--tw-bg-opacity:1;background-color:#f3e8ff;background-color:rgb(243 232 255/var(--tw-bg-opacity,1))}.bg-purple-50{--tw-bg-opacity:1;background-color:#faf5ff;background-color:rgb(250 245 255/var(--tw-bg-opacity,1))}.bg-red-100{--tw-bg-opacity:1;background-color:#fee2e2;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-red-200{--tw-bg-opacity:1;background-color:#fecaca;background-color:rgb(254 202 202/var(--tw-bg-opacity,1))}.bg-red-50{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.bg-red-50\/90{background-color:#fef2f2e6}.bg-red-600{--tw-bg-opacity:1;background-color:#dc2626;background-color:rgb(220 38 38/var(--tw-bg-opacity,1))}.bg-slate-50{--tw-bg-opacity:1;background-color:#f8fafc;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.bg-slate-600{--tw-bg-opacity:1;background-color:#475569;background-color:rgb(71 85 105/var(--tw-bg-opacity,1))}.bg-transparent{background-color:initial}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/30{background-color:#ffffff4d}.bg-white\/50{background-color:#ffffff80}.bg-white\/90{background-color:#ffffffe6}.bg-yellow-100{--tw-bg-opacity:1;background-color:#fef9c3;background-color:rgb(254 249 195/var(--tw-bg-opacity,1))}.bg-yellow-200{--tw-bg-opacity:1;background-color:#fef08a;background-color:rgb(254 240 138/var(--tw-bg-opacity,1))}.bg-yellow-50{--tw-bg-opacity:1;background-color:#fefce8;background-color:rgb(254 252 232/var(--tw-bg-opacity,1))}.bg-yellow-600{--tw-bg-opacity:1;background-color:#ca8a04;background-color:rgb(202 138 4/var(--tw-bg-opacity,1))}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-75{--tw-bg-opacity:0.75}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-400{--tw-gradient-from:#60a5fa var(--tw-gradient-from-position);--tw-gradient-to:#60a5fa00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-blue-500{--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:#3b82f600 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)}.from-gray-50{--tw-gradient-from:#f9fafb var(--tw-gradient-from-position);--tw-gradient-to:#f9fafb00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-gray-900{--tw-gradient-from:#111827 var(--tw-gradient-from-position);--tw-gradient-to:#11182700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-red-600{--tw-gradient-from:#dc2626 var(--tw-gradient-from-position);--tw-gradient-to:#dc262600 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-slate-50{--tw-gradient-from:#f8fafc var(--tw-gradient-from-position);--tw-gradient-to:#f8fafc00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:#0000 var(--tw-gradient-from-position);--tw-gradient-to:#0000 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.from-white{--tw-gradient-from:#fff 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-white\/40{--tw-gradient-from:#fff6 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)}.via-blue-700{--tw-gradient-to:#1d4ed800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1d4ed8 var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-blue-900{--tw-gradient-to:#1e3a8a00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e3a8a var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white{--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fff var(--tw-gradient-via-position),var(--tw-gradient-to)}.via-white\/20{--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#fff3 var(--tw-gradient-via-position),var(--tw-gradient-to)}.to-blue-300{--tw-gradient-to:#93c5fd var(--tw-gradient-to-position)}.to-blue-600{--tw-gradient-to:#2563eb var(--tw-gradient-to-position)}.to-blue-700{--tw-gradient-to:#1d4ed8 var(--tw-gradient-to-position)}.to-blue-800{--tw-gradient-to:#1e40af var(--tw-gradient-to-position)}.to-gray-50{--tw-gradient-to:#f9fafb var(--tw-gradient-to-position)}.to-gray-800{--tw-gradient-to:#1f2937 var(--tw-gradient-to-position)}.to-gray-900{--tw-gradient-to:#111827 var(--tw-gradient-to-position)}.to-red-700{--tw-gradient-to:#b91c1c var(--tw-gradient-to-position)}.to-slate-50{--tw-gradient-to:#f8fafc var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.object-cover{object-fit:cover}.p-2{padding:.5rem}.p-2\.5{padding:.625rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem;padding-top:4rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pl-10{padding-left:2.5rem}.pl-3{padding-left:.75rem}.pr-10{padding-right:2.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.font-medium{font-weight:500}.capitalize{text-transform:capitalize}.italic{font-style:italic}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.text-amber-500{--tw-text-opacity:1;color:#f59e0b;color:rgb(245 158 11/var(--tw-text-opacity,1))}.text-amber-600{--tw-text-opacity:1;color:#d97706;color:rgb(217 119 6/var(--tw-text-opacity,1))}.text-amber-700{--tw-text-opacity:1;color:#b45309;color:rgb(180 83 9/var(--tw-text-opacity,1))}.text-blue-100{--tw-text-opacity:1;color:#dbeafe;color:rgb(219 234 254/var(--tw-text-opacity,1))}.text-blue-400{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.text-blue-500{--tw-text-opacity:1;color:#3b82f6;color:rgb(59 130 246/var(--tw-text-opacity,1))}.text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.text-blue-700{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-blue-800{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.text-blue-900{--tw-text-opacity:1;color:#1e3a8a;color:rgb(30 58 138/var(--tw-text-opacity,1))}.text-emerald-600{--tw-text-opacity:1;color:#059669;color:rgb(5 150 105/var(--tw-text-opacity,1))}.text-emerald-700{--tw-text-opacity:1;color:#047857;color:rgb(4 120 87/var(--tw-text-opacity,1))}.text-gray-100{--tw-text-opacity:1;color:#f3f4f6;color:rgb(243 244 246/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/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-gray-500{--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-gray-700{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:#22c55e;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-green-600{--tw-text-opacity:1;color:#16a34a;color:rgb(22 163 74/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:#15803d;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-green-800{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.text-indigo-700{--tw-text-opacity:1;color:#4338ca;color:rgb(67 56 202/var(--tw-text-opacity,1))}.text-purple-600{--tw-text-opacity:1;color:#9333ea;color:rgb(147 51 234/var(--tw-text-opacity,1))}.text-purple-700{--tw-text-opacity:1;color:#7e22ce;color:rgb(126 34 206/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-red-500{--tw-text-opacity:1;color:#ef4444;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-red-600{--tw-text-opacity:1;color:#dc2626;color:rgb(220 38 38/var(--tw-text-opacity,1))}.text-red-700{--tw-text-opacity:1;color:#b91c1c;color:rgb(185 28 28/var(--tw-text-opacity,1))}.text-red-800{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.text-slate-500{--tw-text-opacity:1;color:#64748b;color:rgb(100 116 139/var(--tw-text-opacity,1))}.text-slate-600{--tw-text-opacity:1;color:#475569;color:rgb(71 85 105/var(--tw-text-opacity,1))}.text-slate-700{--tw-text-opacity:1;color:#334155;color:rgb(51 65 85/var(--tw-text-opacity,1))}.text-slate-900{--tw-text-opacity:1;color:#0f172a;color:rgb(15 23 42/var(--tw-text-opacity,1))}.text-transparent{color:#0000}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.text-yellow-400{--tw-text-opacity:1;color:#facc15;color:rgb(250 204 21/var(--tw-text-opacity,1))}.text-yellow-500{--tw-text-opacity:1;color:#eab308;color:rgb(234 179 8/var(--tw-text-opacity,1))}.text-yellow-600{--tw-text-opacity:1;color:#ca8a04;color:rgb(202 138 4/var(--tw-text-opacity,1))}.text-yellow-700{--tw-text-opacity:1;color:#a16207;color:rgb(161 98 7/var(--tw-text-opacity,1))}.text-yellow-800{--tw-text-opacity:1;color:#854d0e;color:rgb(133 77 14/var(--tw-text-opacity,1))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.line-through{-webkit-text-decoration-line:line-through;text-decoration-line:line-through}.placeholder-gray-400::placeholder{--tw-placeholder-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.opacity-10{opacity:.1}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow{--tw-shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-2xl{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-2xl{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{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-md{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{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-xl{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring,.ring-1{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-inset{--tw-ring-inset:inset}.ring-blue-400{--tw-ring-opacity:1;--tw-ring-color:rgb(96 165 250/var(--tw-ring-opacity,1))}.ring-blue-500{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.ring-gray-300{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity,1))}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow{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)}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px)}.backdrop-blur-md,.backdrop-blur-sm{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.backdrop-blur-sm{--tw-backdrop-blur:blur(4px)}.backdrop-blur-xl{--tw-backdrop-blur:blur(24px)}.backdrop-blur-xl,.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-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,.transition-all{transition-duration:.15s;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-shadow{transition-duration:.15s;transition-property:box-shadow;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-1000{transition-duration:1s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.file\:mr-4::-webkit-file-upload-button{margin-right:1rem}.file\:mr-4::file-selector-button{margin-right:1rem}.file\:rounded::-webkit-file-upload-button{border-radius:.25rem}.file\:rounded::file-selector-button{border-radius:.25rem}.file\:border-0::-webkit-file-upload-button{border-width:0}.file\:border-0::file-selector-button{border-width:0}.file\:bg-blue-50::-webkit-file-upload-button{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.file\:bg-blue-50::file-selector-button{--tw-bg-opacity:1;background-color:#eff6ff;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.file\:bg-green-50::-webkit-file-upload-button{--tw-bg-opacity:1;background-color:#f0fdf4;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.file\:bg-green-50::file-selector-button{--tw-bg-opacity:1;background-color:#f0fdf4;background-color:rgb(240 253 244/var(--tw-bg-opacity,1))}.file\:px-3::-webkit-file-upload-button{padding-left:.75rem;padding-right:.75rem}.file\:px-3::file-selector-button{padding-left:.75rem;padding-right:.75rem}.file\:py-1::-webkit-file-upload-button{padding-bottom:.25rem;padding-top:.25rem}.file\:py-1::file-selector-button{padding-bottom:.25rem;padding-top:.25rem}.file\:text-xs::-webkit-file-upload-button{font-size:.75rem;line-height:1rem}.file\:text-xs::file-selector-button{font-size:.75rem;line-height:1rem}.file\:font-semibold::-webkit-file-upload-button{font-weight:600}.file\:font-semibold::file-selector-button{font-weight:600}.file\:text-blue-700::-webkit-file-upload-button{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.file\:text-blue-700::file-selector-button{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.file\:text-green-700::-webkit-file-upload-button{--tw-text-opacity:1;color:#15803d;color:rgb(21 128 61/var(--tw-text-opacity,1))}.file\:text-green-700::file-selector-button{--tw-text-opacity:1;color:#15803d;color:rgb(21 128 61/var(--tw-text-opacity,1))}.last\:border-b-0:last-child{border-bottom-width:0}.hover\:-translate-y-0\.5:hover{--tw-translate-y:-0.125rem}.hover\:-translate-y-0\.5:hover,.hover\:scale-105: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-105:hover{--tw-scale-x:1.05;--tw-scale-y:1.05}.hover\:scale-\[1\.02\]:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;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\:border-blue-300:hover{--tw-border-opacity:1;border-color:#93c5fd;border-color:rgb(147 197 253/var(--tw-border-opacity,1))}.hover\:border-blue-400:hover{--tw-border-opacity:1;border-color:#60a5fa;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.hover\:border-blue-500:hover{--tw-border-opacity:1;border-color:#3b82f6;border-color:rgb(59 130 246/var(--tw-border-opacity,1))}.hover\:border-gray-300:hover{--tw-border-opacity:1;border-color:#d1d5db;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.hover\:border-gray-400:hover{--tw-border-opacity:1;border-color:#9ca3af;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}.hover\:bg-amber-700:hover{--tw-bg-opacity:1;background-color:#b45309;background-color:rgb(180 83 9/var(--tw-bg-opacity,1))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:bg-blue-500\/20:hover{background-color:#3b82f633}.hover\:bg-blue-600:hover{--tw-bg-opacity:1;background-color:#2563eb;background-color:rgb(37 99 235/var(--tw-bg-opacity,1))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:#1d4ed8;background-color:rgb(29 78 216/var(--tw-bg-opacity,1))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:#f3f4f6;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:#e5e7eb;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.hover\:bg-gray-50:hover{--tw-bg-opacity:1;background-color:#f9fafb;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:#4b5563;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:#374151;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.hover\:bg-gray-700\/50:hover{background-color:#37415180}.hover\:bg-gray-800:hover{--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.hover\:bg-green-100:hover{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:#15803d;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.hover\:bg-red-50:hover{--tw-bg-opacity:1;background-color:#fef2f2;background-color:rgb(254 242 242/var(--tw-bg-opacity,1))}.hover\:bg-red-700:hover{--tw-bg-opacity:1;background-color:#b91c1c;background-color:rgb(185 28 28/var(--tw-bg-opacity,1))}.hover\:bg-slate-700:hover{--tw-bg-opacity:1;background-color:#334155;background-color:rgb(51 65 85/var(--tw-bg-opacity,1))}.hover\:bg-white\/10:hover{background-color:#ffffff1a}.hover\:bg-white\/75:hover{background-color:#ffffffbf}.hover\:bg-yellow-700:hover{--tw-bg-opacity:1;background-color:#a16207;background-color:rgb(161 98 7/var(--tw-bg-opacity,1))}.hover\:from-blue-700:hover{--tw-gradient-from:#1d4ed8 var(--tw-gradient-from-position);--tw-gradient-to:#1d4ed800 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-gray-800:hover{--tw-gradient-from:#1f2937 var(--tw-gradient-from-position);--tw-gradient-to:#1f293700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:from-red-700:hover{--tw-gradient-from:#b91c1c var(--tw-gradient-from-position);--tw-gradient-to:#b91c1c00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.hover\:via-blue-800:hover{--tw-gradient-to:#1e40af00 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#1e40af var(--tw-gradient-via-position),var(--tw-gradient-to)}.hover\:to-blue-800:hover{--tw-gradient-to:#1e40af var(--tw-gradient-to-position)}.hover\:to-blue-900:hover{--tw-gradient-to:#1e3a8a var(--tw-gradient-to-position)}.hover\:to-gray-700:hover{--tw-gradient-to:#374151 var(--tw-gradient-to-position)}.hover\:to-red-800:hover{--tw-gradient-to:#991b1b var(--tw-gradient-to-position)}.hover\:text-blue-400:hover{--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.hover\:text-blue-600:hover{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.hover\:text-blue-700:hover{--tw-text-opacity:1;color:#1d4ed8;color:rgb(29 78 216/var(--tw-text-opacity,1))}.hover\:text-blue-800:hover{--tw-text-opacity:1;color:#1e40af;color:rgb(30 64 175/var(--tw-text-opacity,1))}.hover\:text-blue-900:hover{--tw-text-opacity:1;color:#1e3a8a;color:rgb(30 58 138/var(--tw-text-opacity,1))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:#4b5563;color:rgb(75 85 99/var(--tw-text-opacity,1))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:#374151;color:rgb(55 65 81/var(--tw-text-opacity,1))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}.hover\:text-green-800:hover{--tw-text-opacity:1;color:#166534;color:rgb(22 101 52/var(--tw-text-opacity,1))}.hover\:text-red-800:hover{--tw-text-opacity:1;color:#991b1b;color:rgb(153 27 27/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.hover\:opacity-80:hover{opacity:.8}.hover\:shadow-2xl:hover{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color)}.hover\:shadow-2xl:hover,.hover\:shadow-lg: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-lg:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.hover\:shadow-md:hover,.hover\:shadow-xl: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-xl:hover{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.hover\:backdrop-blur-sm:hover{--tw-backdrop-blur:blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.hover\:file\:bg-blue-100::-webkit-file-upload-button:hover{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:file\:bg-blue-100::file-selector-button:hover{--tw-bg-opacity:1;background-color:#dbeafe;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}.hover\:file\:bg-green-100::-webkit-file-upload-button:hover{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.hover\:file\:bg-green-100::file-selector-button:hover{--tw-bg-opacity:1;background-color:#dcfce7;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.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-green-500:focus{--tw-border-opacity:1;border-color:#22c55e;border-color:rgb(34 197 94/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))}.focus\:border-transparent:focus{border-color:#0000}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:outline-offset-0:focus{outline-offset:0}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus,.focus\:ring-4:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-4:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-blue-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1))}.focus\:ring-green-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1))}.focus\:ring-red-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.focus\:ring-yellow-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(234 179 8/var(--tw-ring-opacity,1))}.focus\:ring-opacity-50:focus{--tw-ring-opacity:0.5}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px}.disabled\:transform-none:disabled{transform:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.group:hover .group-hover\:translate-x-full{--tw-translate-x:100%;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))}.group:hover .group-hover\:text-blue-600{--tw-text-opacity:1;color:#2563eb;color:rgb(37 99 235/var(--tw-text-opacity,1))}.group:hover .group-hover\:text-gray-900{--tw-text-opacity:1;color:#111827;color:rgb(17 24 39/var(--tw-text-opacity,1))}@media (min-width:640px){.sm\:right-4{right:1rem}.sm\:top-4{top:1rem}.sm\:mb-16{margin-bottom:4rem}.sm\:mb-2{margin-bottom:.5rem}.sm\:mb-3{margin-bottom:.75rem}.sm\:mb-4{margin-bottom:1rem}.sm\:mb-6{margin-bottom:1.5rem}.sm\:mb-8{margin-bottom:2rem}.sm\:mt-8{margin-top:2rem}.sm\:inline{display:inline}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:h-16{height:4rem}.sm\:h-32{height:8rem}.sm\:h-5{height:1.25rem}.sm\:h-8{height:2rem}.sm\:h-80{height:20rem}.sm\:w-32{width:8rem}.sm\:w-5{width:1.25rem}.sm\:w-8{width:2rem}.sm\:w-auto{width:auto}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:gap-3{gap:.75rem}.sm\:gap-4{gap:1rem}.sm\:gap-6{gap:1.5rem}.sm\:gap-8{gap:2rem}.sm\:space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.sm\:space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.sm\:rounded-2xl{border-radius:1rem}.sm\:rounded-3xl{border-radius:1.5rem}.sm\:rounded-xl{border-radius:.75rem}.sm\:p-12{padding:3rem}.sm\:p-3{padding:.75rem}.sm\:p-4{padding:1rem}.sm\:p-5{padding:1.25rem}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:px-8{padding-left:2rem;padding-right:2rem}.sm\:py-12{padding-bottom:3rem;padding-top:3rem}.sm\:py-16{padding-bottom:4rem;padding-top:4rem}.sm\:py-4{padding-bottom:1rem;padding-top:1rem}.sm\:pt-8{padding-top:2rem}.sm\:text-left{text-align:left}.sm\:text-right{text-align:right}.sm\:text-2xl{font-size:1.5rem;line-height:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}.sm\:text-4xl{font-size:2.25rem;line-height:2.5rem}.sm\:text-5xl{font-size:3rem;line-height:1}.sm\:text-base{font-size:1rem;line-height:1.5rem}.sm\:text-lg{font-size:1.125rem;line-height:1.75rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-xl{font-size:1.25rem;line-height:1.75rem}}@media (min-width:768px){.md\:col-span-2{grid-column:span 2/span 2}.md\:h-96{height:24rem}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-5xl{font-size:3rem;line-height:1}}@media (min-width:1024px){.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-20{height:5rem}.lg\:h-\[500px\]{height:500px}.lg\:w-80{width:20rem}.lg\:max-w-none{max-width:none}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-12{gap:3rem}.lg\:gap-6{gap:1.5rem}.lg\:gap-8{gap:2rem}.lg\:p-6{padding:1.5rem}.lg\:p-8{padding:2rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-20{padding-bottom:5rem;padding-top:5rem}.lg\:py-24{padding-bottom:6rem;padding-top:6rem}.lg\:text-2xl{font-size:1.5rem;line-height:2rem}.lg\:text-4xl{font-size:2.25rem;line-height:2.5rem}.lg\:text-5xl{font-size:3rem;line-height:1}.lg\:text-6xl{font-size:3.75rem;line-height:1}.lg\:text-base{font-size:1rem;line-height:1.5rem}.lg\:text-lg{font-size:1.125rem;line-height:1.75rem}}@media (min-width:1280px){.xl\:block{display:block}.xl\:h-9{height:2.25rem}.xl\:w-9{width:2.25rem}.xl\:gap-6{gap:1.5rem}.xl\:px-5{padding-left:1.25rem;padding-right:1.25rem}.xl\:px-6{padding-left:1.5rem;padding-right:1.5rem}.xl\:py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.xl\:py-3{padding-bottom:.75rem;padding-top:.75rem}.xl\:text-5xl{font-size:3rem;line-height:1}.xl\:text-6xl{font-size:3.75rem;line-height:1}.xl\:text-base{font-size:1rem;line-height:1.5rem}}.dark\:border-blue-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:#60a5fa;border-color:rgb(96 165 250/var(--tw-border-opacity,1))}.dark\:border-blue-700\/50:where([data-theme=dark],[data-theme=dark] *){border-color:#1d4ed880}.dark\:border-gray-600:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:#4b5563;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.dark\:border-gray-600\/50:where([data-theme=dark],[data-theme=dark] *){border-color:#4b556380}.dark\:border-gray-700:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:#374151;border-color:rgb(55 65 81/var(--tw-border-opacity,1))}.dark\:border-gray-700\/50:where([data-theme=dark],[data-theme=dark] *){border-color:#37415180}.dark\:border-green-700\/50:where([data-theme=dark],[data-theme=dark] *){border-color:#15803d80}.dark\:bg-blue-800:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:#1e40af;background-color:rgb(30 64 175/var(--tw-bg-opacity,1))}.dark\:bg-blue-900\/30:where([data-theme=dark],[data-theme=dark] *){background-color:#1e3a8a4d}.dark\:bg-gray-700\/30:where([data-theme=dark],[data-theme=dark] *){background-color:#3741514d}.dark\:bg-gray-700\/50:where([data-theme=dark],[data-theme=dark] *){background-color:#37415180}.dark\:bg-gray-800:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:#1f2937;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.dark\:bg-gray-800\/90:where([data-theme=dark],[data-theme=dark] *){background-color:#1f2937e6}.dark\:bg-gray-900:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:#111827;background-color:rgb(17 24 39/var(--tw-bg-opacity,1))}.dark\:bg-green-900\/30:where([data-theme=dark],[data-theme=dark] *){background-color:#14532d4d}.dark\:text-blue-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:#bfdbfe;color:rgb(191 219 254/var(--tw-text-opacity,1))}.dark\:text-blue-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.dark\:text-blue-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.dark\:text-gray-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:#e5e7eb;color:rgb(229 231 235/var(--tw-text-opacity,1))}.dark\:text-gray-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.dark\:text-gray-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-text-opacity,1))}.dark\:text-gray-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:#6b7280;color:rgb(107 114 128/var(--tw-text-opacity,1))}.dark\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:#fff;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\:placeholder-gray-400:where([data-theme=dark],[data-theme=dark] *)::placeholder{--tw-placeholder-opacity:1;color:#9ca3af;color:rgb(156 163 175/var(--tw-placeholder-opacity,1))}.dark\:file\:bg-blue-900\/30:where([data-theme=dark],[data-theme=dark] *)::-webkit-file-upload-button{background-color:#1e3a8a4d}.dark\:file\:bg-blue-900\/30:where([data-theme=dark],[data-theme=dark] *)::file-selector-button{background-color:#1e3a8a4d}.dark\:file\:bg-green-900\/30:where([data-theme=dark],[data-theme=dark] *)::-webkit-file-upload-button{background-color:#14532d4d}.dark\:file\:bg-green-900\/30:where([data-theme=dark],[data-theme=dark] *)::file-selector-button{background-color:#14532d4d}.dark\:file\:text-blue-300:where([data-theme=dark],[data-theme=dark] *)::-webkit-file-upload-button{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.dark\:file\:text-blue-300:where([data-theme=dark],[data-theme=dark] *)::file-selector-button{--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.dark\:file\:text-green-300:where([data-theme=dark],[data-theme=dark] *)::-webkit-file-upload-button{--tw-text-opacity:1;color:#86efac;color:rgb(134 239 172/var(--tw-text-opacity,1))}.dark\:file\:text-green-300:where([data-theme=dark],[data-theme=dark] *)::file-selector-button{--tw-text-opacity:1;color:#86efac;color:rgb(134 239 172/var(--tw-text-opacity,1))}.dark\:hover\:border-gray-500:hover:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:#6b7280;border-color:rgb(107 114 128/var(--tw-border-opacity,1))}.dark\:hover\:text-blue-200:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:#bfdbfe;color:rgb(191 219 254/var(--tw-text-opacity,1))}.dark\:hover\:text-blue-300:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:#93c5fd;color:rgb(147 197 253/var(--tw-text-opacity,1))}.dark\:hover\:text-gray-100:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:#f3f4f6;color:rgb(243 244 246/var(--tw-text-opacity,1))}.dark\:hover\:text-gray-300:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:#d1d5db;color:rgb(209 213 219/var(--tw-text-opacity,1))}.group:hover .dark\:group-hover\:text-blue-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:#60a5fa;color:rgb(96 165 250/var(--tw-text-opacity,1))}.group:hover .dark\:group-hover\:text-gray-100:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:#f3f4f6;color:rgb(243 244 246/var(--tw-text-opacity,1))}.forgot-password-page{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe 50%,#f8fafc);box-sizing:border-box;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;max-height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:1rem;position:relative}[data-theme=dark] .forgot-password-page{background:linear-gradient(135deg,#0b1426,#1e293b 50%,#0f172a)}.forgot-password-overlay{background:linear-gradient(to bottom right,#1e40af0d,#2563eb08,#0000);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme=dark] .forgot-password-overlay{background:linear-gradient(to bottom right,#3b82f61a,#2563eb0d,#0000)}.forgot-password-container{animation:fadeInUp .6s ease-out;margin:auto;max-width:480px;position:relative;width:100%;z-index:1}.forgot-password-header{margin-bottom:1.5rem;text-align:center}.forgot-password-logo{display:inline-block;margin-bottom:.5rem;text-decoration:none}.forgot-password-subtitle{color:#64748b;font-size:.875rem;font-weight:500}[data-theme=dark] .forgot-password-subtitle{color:#94a3b8}.forgot-password-card{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.forgot-password-card:hover{box-shadow:0 8px 24px #1e40af26;transform:translateY(-2px)}[data-theme=dark] .forgot-password-card:hover{box-shadow:0 8px 24px #3b82f640}.forgot-password-icon{align-items:center;animation:float 3s ease-in-out infinite;display:flex;justify-content:center;margin-bottom:1rem}.forgot-password-form{width:100%}.forgot-password-links{align-items:center;display:flex;justify-content:center}.forgot-link{align-items:center;color:#64748b;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.forgot-link:hover{color:#1e40af;transform:translateX(-4px)}[data-theme=dark] .forgot-link{color:#94a3b8}[data-theme=dark] .forgot-link:hover{color:#60a5fa}@media (max-width:640px){.forgot-password-container{max-width:100%;padding:0 .5rem}.forgot-password-card{padding:1.5rem!important}.logo-text{font-size:1.5rem}.theme-toggle-btn{height:40px;right:1rem;top:1rem;width:40px}}.verify-email-page{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe 50%,#f8fafc);box-sizing:border-box;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;max-height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:1rem;position:relative}[data-theme=dark] .verify-email-page{background:linear-gradient(135deg,#0b1426,#1e293b 50%,#0f172a)}.verify-email-overlay{background:linear-gradient(to bottom right,#1e40af0d,#2563eb08,#0000);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme=dark] .verify-email-overlay{background:linear-gradient(to bottom right,#3b82f61a,#2563eb0d,#0000)}.verify-email-container{animation:fadeInUp .6s ease-out;margin:auto;max-width:420px;position:relative;width:100%;z-index:1}.verify-email-header{margin-bottom:1rem;text-align:center}.verify-email-logo{display:inline-block;margin-bottom:.5rem;text-decoration:none}.logo-text{font-size:1.5rem}[data-theme=dark] .logo-text{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.verify-email-subtitle{color:#64748b;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}[data-theme=dark] .verify-email-subtitle{color:#94a3b8}.verify-email-card{background:#fffffff2;border:1px solid #1e40af1a;border-radius:20px;box-shadow:0 0 0 1px #1e40af1a,0 20px 40px -10px #1e40af26,0 10px 20px -5px #0000001a;box-sizing:border-box;padding:1.5rem 1.75rem;transition:all .3s ease}.verify-email-card:hover{box-shadow:0 0 0 1px #1e40af26,0 25px 50px -10px #1e40af33,0 15px 30px -5px #0000001f;transform:translateY(-2px)}[data-theme=dark] .verify-email-card{background:#1e293bf2;border:2px solid #60a5fa66;box-shadow:0 0 0 1px #3b82f64d,0 20px 40px -10px #0000004d,0 10px 20px -5px #0003}[data-theme=dark] .verify-email-card:hover{border-color:#60a5fa80;box-shadow:0 0 0 1px #60a5fa66,0 25px 50px -10px #0006,0 15px 30px -5px #00000040}.verify-email-icon{display:flex;justify-content:center;margin-bottom:.75rem}.icon-envelope{animation:float 3s ease-in-out infinite;color:#1e40af;filter:drop-shadow(0 4px 12px rgba(30,64,175,.2));height:48px;width:48px}[data-theme=dark] .icon-envelope{color:#60a5fa;filter:drop-shadow(0 4px 12px rgba(59,130,246,.3))}.verify-email-title{color:#1e293b;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:.5rem;text-align:center}[data-theme=dark] .verify-email-title{color:#e0f2fe}.verify-email-description{color:#64748b;font-size:.875rem;line-height:1.5;margin-bottom:1.25rem;text-align:center}[data-theme=dark] .verify-email-description{color:#bfdbfe}.verify-email-form{margin-bottom:1.5rem}.otp-input-wrapper{margin-bottom:1.25rem}.otp-label{color:#1e40af;display:block;font-size:.8125rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;text-transform:uppercase}[data-theme=dark] .otp-label{color:#60a5fa}.otp-input-container{position:relative}.otp-input{background:linear-gradient(135deg,#f8fafc,#fff);border:2px solid #1e40af33;border-radius:12px;box-shadow:0 2px 8px #1e40af14;box-sizing:border-box;color:#1e293b;font-family:Inter,monospace;font-size:1.5rem;font-weight:700;letter-spacing:.4em;outline:none;padding:.875rem 1rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.otp-input:focus{background:#fffffffa;border-color:#1e40af;box-shadow:0 0 0 4px #1e40af1a,0 4px 12px #1e40af26;transform:translateY(-2px)}.otp-input:disabled{cursor:not-allowed;opacity:.6}[data-theme=dark] .otp-input{background:#1e293bf2;border:2px solid #3b82f666;box-shadow:0 2px 8px #0000004d;color:#e0f2fe}[data-theme=dark] .otp-input:focus{background:#1e293bfa;border-color:#60a5fa99;box-shadow:0 0 0 4px #3b82f633,0 4px 12px #3b82f626}.otp-input-underline{display:flex;gap:.5rem;justify-content:center;margin-top:.5rem;padding:0 1rem}.otp-digit{align-items:center;border-bottom:2px solid #e2e8f0;color:#cbd5e1;display:inline-flex;font-size:1.25rem;font-weight:700;height:32px;justify-content:center;padding-bottom:.25rem;transition:all .3s ease;width:32px}.otp-digit.filled{border-bottom-color:#1e40af;color:#1e40af;transform:scale(1.1)}[data-theme=dark] .otp-digit{border-bottom-color:#3b82f64d;color:#475569}[data-theme=dark] .otp-digit.filled{border-bottom-color:#3b82f6;color:#60a5fa}.verify-email-button{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);border:none;border-radius:10px;box-shadow:0 4px 12px #1e40af4d,0 2px 6px #1e40af33;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;justify-content:center;min-height:44px;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.verify-email-button:before{background:linear-gradient(90deg,#0000,#e0f2fe4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}[data-theme=dark] .verify-email-button:before{background:linear-gradient(90deg,#0000,#bfdbfe4d,#0000)}.verify-email-button:hover:not(:disabled):before{left:100%}.verify-email-button:hover:not(:disabled){background:linear-gradient(135deg,#1e3a8a,#1e40af);box-shadow:0 8px 20px #1e40af66,0 4px 10px #1e40af4d;transform:translateY(-2px)}.verify-email-button:active:not(:disabled){box-shadow:0 2px 8px #1e40af4d,0 1px 4px #1e40af33;transform:translateY(0)}.verify-email-button:disabled{cursor:not-allowed;opacity:.6;transform:none}[data-theme=dark] .verify-email-button{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 12px #3b82f64d,0 2px 6px #3b82f633;color:#e0f2fe}[data-theme=dark] .verify-email-button:hover:not(:disabled){background:linear-gradient(135deg,#1e40af,#2563eb);box-shadow:0 8px 20px #3b82f666,0 4px 10px #3b82f64d}.button-content{align-items:center;display:flex;gap:.75rem;justify-content:center;position:relative;z-index:1}.button-icon,.button-spinner{height:20px;width:20px}.verify-email-message{align-items:center;animation:slideInDown .4s ease-out;border-radius:10px;box-shadow:0 4px 12px #0000001a;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.verify-email-message.success{background:linear-gradient(135deg,#10b9811a,#0596691a);border:1px solid #10b9814d;color:#059669}[data-theme=dark] .verify-email-message.success{background:linear-gradient(135deg,#10b98133,#05966933);border-color:#10b98166;color:#34d399}.verify-email-message.error{background:linear-gradient(135deg,#ef44441a,#dc26261a);border:1px solid #ef44444d;color:#dc2626}[data-theme=dark] .verify-email-message.error{background:linear-gradient(135deg,#ef444433,#dc262633);border-color:#ef444466;color:#f87171}.message-icon{flex-shrink:0;height:20px;width:20px}.verify-email-help{margin-bottom:1rem;text-align:center}.verify-email-help p{color:#64748b;font-size:.875rem;margin-bottom:.25rem}.help-text-small{color:#94a3b8!important;font-size:.8125rem!important}[data-theme=dark] .verify-email-help p{color:#94a3b8}[data-theme=dark] .help-text-small{color:#64748b!important}.resend-code-button{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);border:none;border-radius:8px;box-shadow:0 2px 8px #1e40af33;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;margin:.75rem 0;padding:.625rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.resend-code-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 4px 12px #1e40af4d;transform:translateY(-1px)}.resend-code-button:active:not(:disabled){transform:translateY(0)}.resend-code-button:disabled{background:linear-gradient(135deg,#94a3b8,#64748b);cursor:not-allowed;opacity:.6}.resend-spinner{display:inline-block;height:1rem;width:1rem}[data-theme=dark] .resend-code-button{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 2px 8px #3b82f64d}[data-theme=dark] .resend-code-button:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa,#93c5fd);box-shadow:0 4px 12px #3b82f666}[data-theme=dark] .resend-code-button:disabled{background:linear-gradient(135deg,#475569,#64748b)}.verify-email-links{align-items:center;border-top:1px solid #1e40af1a;display:flex;gap:.75rem;justify-content:space-between;padding-top:1rem}[data-theme=dark] .verify-email-links{border-top-color:#3b82f633}.verify-link{align-items:center;border-radius:8px;color:#1e40af;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;text-decoration:none;transition:all .3s ease}.verify-link:hover{background:#1e40af0d;color:#1e3a8a;transform:translateX(2px)}[data-theme=dark] .verify-link{color:#60a5fa}[data-theme=dark] .verify-link:hover{background:#3b82f61a;color:#93c5fd}.link-icon{height:16px;width:16px}@media (max-width:640px){.verify-email-page{padding:1rem .75rem}.theme-toggle-btn{height:44px;right:1rem;top:1rem;width:44px}.verify-email-card{border-radius:20px;padding:2rem 1.5rem}.verify-email-title{font-size:1.5rem}.verify-email-description{font-size:.875rem}.otp-input{font-size:1.5rem;padding:1rem 1.25rem}.otp-digit{font-size:1.25rem;height:32px;width:32px}.verify-email-button{font-size:.9375rem;padding:.875rem 1.5rem}.verify-email-links{flex-direction:column;gap:.75rem}.verify-link{justify-content:center;width:100%}}@media (max-width:375px){.verify-email-card{padding:1.5rem 1.25rem}.otp-input{font-size:1.25rem;letter-spacing:.3em}.otp-digit{font-size:1rem;height:28px;width:28px}}[data-theme=dark] .login-card{background:#1a2332f2!important;border-color:#33415599!important}[data-theme=dark] .login-card .text-gray-600,[data-theme=dark] .login-card .text-gray-700,[data-theme=dark] .login-card .text-gray-900{color:#cbd5e1!important}[data-theme=dark] .login-card form,[data-theme=dark] .login-card form.space-y-4,[data-theme=dark] .login-card form>div{background:#0000!important}[data-theme=dark] .login-card input.login-input,[data-theme=dark] .login-card input[type=email],[data-theme=dark] .login-card input[type=password],[data-theme=dark] .login-card input[type=text]{background:#293548e6!important;border-color:#33415599!important;color:#f1f5f9!important}[data-theme=dark] .login-card input.bg-white\/50,[data-theme=dark] .login-card input.dark\:bg-gray-700\/50{background:#293548e6!important}[data-theme=dark] .login-card input.border-gray-200,[data-theme=dark] .login-card input.dark\:border-gray-600{border-color:#33415599!important}[data-theme=dark] .login-card input.dark\:text-white,[data-theme=dark] .login-card input.text-gray-900{color:#f1f5f9!important}[data-theme=dark] .login-card input[type=email]::placeholder,[data-theme=dark] .login-card input[type=password]::placeholder,[data-theme=dark] .login-card input[type=text]::placeholder{color:#94a3b8!important}[data-theme=dark] .login-card input[type=email]:focus,[data-theme=dark] .login-card input[type=password]:focus,[data-theme=dark] .login-card input[type=text]:focus{background:#293548e6!important;border-color:#3b82f6!important;color:#f1f5f9!important}[data-theme=dark] .login-card form label,[data-theme=dark] .login-card label,[data-theme=dark] .login-card label.dark\:text-gray-200,[data-theme=dark] .login-card label.text-gray-700{color:#cbd5e1!important}[data-theme=dark] .login-card .absolute svg,[data-theme=dark] .login-card button[type=button],[data-theme=dark] .login-card form .absolute svg,[data-theme=dark] .login-card form button[type=button],[data-theme=dark] .login-card svg.dark\:text-gray-500,[data-theme=dark] .login-card svg.text-gray-400{color:#94a3b8!important}[data-theme=dark] .login-card button[type=button]:hover,[data-theme=dark] .login-card form button[type=button]:hover{color:#cbd5e1!important}[data-theme=dark] .login-card button.dark\:text-gray-500,[data-theme=dark] .login-card button.text-gray-400{color:#94a3b8!important}[data-theme=dark] .login-card button.dark\:hover\:text-gray-300:hover,[data-theme=dark] .login-card button.hover\:text-gray-600:hover{color:#cbd5e1!important}[data-theme=dark] .login-card form input[type=checkbox],[data-theme=dark] .login-card input[type=checkbox]{accent-color:#3b82f6!important;background-color:#293548e6!important;border-color:#33415599!important}[data-theme=dark] .login-card input[type=checkbox]:checked{background-color:#3b82f6!important;border-color:#3b82f6!important}[data-theme=dark] .login-card input.border-gray-300{border-color:#33415599!important}[data-theme=dark] .login-card .text-gray-700,[data-theme=dark] .login-card form .text-gray-700,[data-theme=dark] .login-card form span.text-gray-700,[data-theme=dark] .login-card label .text-gray-700,[data-theme=dark] .login-card span.dark\:text-gray-100,[data-theme=dark] .login-card span.dark\:text-gray-200{color:#cbd5e1!important}[data-theme=dark] .login-card span.dark\:group-hover\:text-gray-100:hover,[data-theme=dark] .login-card span.group-hover\:text-gray-900:hover{color:#f1f5f9!important}[data-theme=dark] .login-card .text-blue-600,[data-theme=dark] .login-card a,[data-theme=dark] .login-card form a{color:#60a5fa!important}[data-theme=dark] .login-card .hover\:text-blue-700:hover,[data-theme=dark] .login-card .text-blue-600:hover,[data-theme=dark] .login-card a:hover,[data-theme=dark] .login-card form a:hover{color:#93c5fd!important}[data-theme=dark] .login-card a.dark\:text-blue-400{color:#60a5fa!important}[data-theme=dark] .login-card a.dark\:hover\:text-blue-300:hover,[data-theme=dark] .login-card a.hover\:text-blue-700:hover{color:#93c5fd!important}[data-theme=dark] .login-card .border-gray-200,[data-theme=dark] .login-card .border-gray-300,[data-theme=dark] .login-card .border-t{border-color:#33415599!important}[data-theme=dark] .login-card .text-center .text-gray-600,[data-theme=dark] .login-card .text-center .text-xs,[data-theme=dark] .login-card .text-center p{color:#cbd5e1!important}[data-theme=dark] .login-card .text-center .font-semibold,[data-theme=dark] .login-card .text-center .text-blue-600,[data-theme=dark] .login-card .text-center a{color:#60a5fa!important}[data-theme=dark] .login-card .text-center .hover\:text-blue-700:hover,[data-theme=dark] .login-card .text-center a.hover\:text-blue-300:hover,[data-theme=dark] .login-card .text-center a:hover{color:#93c5fd!important}[data-theme=dark] .login-card .dark\:text-gray-200,[data-theme=dark] .login-card .dark\:text-gray-300,[data-theme=dark] .login-card .dark\:text-gray-400,[data-theme=dark] .login-card .dark\:text-gray-500,[data-theme=dark] .login-card .dark\:text-gray-600,[data-theme=dark] .login-card .dark\:text-gray-700{color:#cbd5e1!important}[data-theme=dark] .login-card .dark\:text-blue-400,[data-theme=dark] .login-card .dark\:text-blue-600{color:#60a5fa!important}[data-theme=dark] .login-card .dark\:hover\:text-blue-300:hover,[data-theme=dark] .login-card .dark\:hover\:text-blue-700:hover{color:#93c5fd!important}[data-theme=dark] .login-card .dark\:border-gray-600,[data-theme=dark] .login-card .dark\:border-gray-700{border-color:#33415599!important}[data-theme=dark] .login-card .dark\:bg-gray-700\/50,[data-theme=dark] .login-card .dark\:bg-gray-800\/90{background-color:#293548cc!important}[data-theme=dark] .login-card .border-t{border-color:#33415599!important}[data-theme=dark] .login-card .relative span{background:#1a2332f2!important;color:#cbd5e1!important}[data-theme=dark] .login-card .text-center p,[data-theme=dark] .login-card>div{color:#cbd5e1!important}[data-theme=dark] .login-card .text-center a{color:#60a5fa!important}[data-theme=dark] .login-card .text-center a:hover{color:#93c5fd!important}[data-theme=dark] .login-page a.text-gray-600{color:#cbd5e1!important}[data-theme=dark] .login-page a.text-gray-600:hover{color:#f1f5f9!important}[data-theme=dark] .login-overlay{background:linear-gradient(to bottom right,#0b142666,#0b142633,#0000)!important}[data-theme=dark] .login-page{background-color:#0b1426!important}[data-theme=dark] .login-card .text-gray-900{color:#f1f5f9!important}[data-theme=dark] .login-card .text-gray-300,[data-theme=dark] .login-card .text-gray-600{color:#cbd5e1!important}[data-theme=dark] .login-card .text-gray-400,[data-theme=dark] .login-card .text-gray-500{color:#94a3b8!important}[data-theme=dark] .login-card button[type=submit]{background:linear-gradient(90deg,#2563eb,#1e40af)!important;color:#fff!important}[data-theme=dark] .login-card button[type=submit]:hover{background:linear-gradient(90deg,#1e40af,#1e3a8a)!important}[data-theme=dark] .login-card form .text-gray-600,[data-theme=dark] .login-card form .text-gray-700,[data-theme=dark] .login-card form label{color:#cbd5e1!important}[data-theme=dark] .login-card form .text-gray-400,[data-theme=dark] .login-card form .text-gray-500{color:#94a3b8!important}[data-theme=dark] .login-card .text-center.pt-3 .text-xs,[data-theme=dark] .login-card .text-center.pt-3 p,[data-theme=dark] .login-card div.text-center p.text-xs{color:#cbd5e1!important}[data-theme=dark] .login-card .text-center.pt-3 .font-semibold,[data-theme=dark] .login-card .text-center.pt-3 a,[data-theme=dark] .login-card div.text-center a.font-semibold{color:#60a5fa!important}[data-theme=dark] .login-card .text-center.pt-3 a:hover,[data-theme=dark] .login-card div.text-center a:hover{color:#93c5fd!important}[data-theme=dark] .login-card form label span.text-xs,[data-theme=dark] .login-card form span{color:#cbd5e1!important}[data-theme=dark] .login-card .bg-blue-50{background:#1e3a8a4d!important}[data-theme=dark] .login-card .border-blue-200{border-color:#3b82f64d!important}[data-theme=dark] .signup-card{background:#1a2332f2!important;border-color:#33415599!important}[data-theme=dark] .signup-card .text-gray-600,[data-theme=dark] .signup-card .text-gray-700,[data-theme=dark] .signup-card .text-gray-900{color:#cbd5e1!important}[data-theme=dark] .signup-card .text-gray-400{color:#94a3b8!important}[data-theme=dark] .signup-card form,[data-theme=dark] .signup-card form.space-y-3,[data-theme=dark] .signup-card form>div{background:#0000!important}[data-theme=dark] .signup-card input[type=email],[data-theme=dark] .signup-card input[type=number],[data-theme=dark] .signup-card input[type=password],[data-theme=dark] .signup-card input[type=tel],[data-theme=dark] .signup-card input[type=text],[data-theme=dark] .signup-card select{background:#293548e6!important;border-color:#33415599!important;color:#f1f5f9!important}[data-theme=dark] .signup-card input.bg-white\/50,[data-theme=dark] .signup-card input.dark\:bg-gray-700\/50,[data-theme=dark] .signup-card select.bg-white\/50,[data-theme=dark] .signup-card select.dark\:bg-gray-700\/50{background:#293548e6!important}[data-theme=dark] .signup-card input.border-gray-200,[data-theme=dark] .signup-card input.border-gray-300\/50,[data-theme=dark] .signup-card input.dark\:border-gray-600,[data-theme=dark] .signup-card select.border-gray-200,[data-theme=dark] .signup-card select.border-gray-300\/50,[data-theme=dark] .signup-card select.dark\:border-gray-600{border-color:#33415599!important}[data-theme=dark] .signup-card input.dark\:text-white,[data-theme=dark] .signup-card input.text-gray-900,[data-theme=dark] .signup-card select.dark\:text-white,[data-theme=dark] .signup-card select.text-gray-900{color:#f1f5f9!important}[data-theme=dark] .signup-card input[type=email]::placeholder,[data-theme=dark] .signup-card input[type=number]::placeholder,[data-theme=dark] .signup-card input[type=password]::placeholder,[data-theme=dark] .signup-card input[type=tel]::placeholder,[data-theme=dark] .signup-card input[type=text]::placeholder{color:#94a3b8!important}[data-theme=dark] .signup-card input[type=email]:focus,[data-theme=dark] .signup-card input[type=number]:focus,[data-theme=dark] .signup-card input[type=password]:focus,[data-theme=dark] .signup-card input[type=tel]:focus,[data-theme=dark] .signup-card input[type=text]:focus,[data-theme=dark] .signup-card select:focus{background:#293548e6!important;border-color:#3b82f6!important;color:#f1f5f9!important}[data-theme=dark] .signup-card form label,[data-theme=dark] .signup-card h4,[data-theme=dark] .signup-card h4.dark\:text-white,[data-theme=dark] .signup-card h4.text-gray-900,[data-theme=dark] .signup-card label,[data-theme=dark] .signup-card label.dark\:text-gray-200,[data-theme=dark] .signup-card label.text-gray-700{color:#cbd5e1!important}[data-theme=dark] .signup-card .absolute svg,[data-theme=dark] .signup-card form .absolute svg,[data-theme=dark] .signup-card h4 svg{color:#94a3b8!important}[data-theme=dark] .signup-card h4 svg.dark\:text-blue-400,[data-theme=dark] .signup-card h4 svg.text-blue-600,[data-theme=dark] .signup-card svg.dark\:text-gray-500,[data-theme=dark] .signup-card svg.text-gray-400{color:#60a5fa!important}[data-theme=dark] .signup-card button[type=button],[data-theme=dark] .signup-card form button[type=button]{color:#94a3b8!important}[data-theme=dark] .signup-card button[type=button]:hover,[data-theme=dark] .signup-card form button[type=button]:hover{color:#cbd5e1!important}[data-theme=dark] .signup-card button.dark\:text-gray-500,[data-theme=dark] .signup-card button.text-gray-400{color:#94a3b8!important}[data-theme=dark] .signup-card button.dark\:hover\:text-gray-300:hover,[data-theme=dark] .signup-card button.hover\:text-gray-600:hover{color:#cbd5e1!important}[data-theme=dark] .signup-card form input[type=checkbox],[data-theme=dark] .signup-card input[type=checkbox]{accent-color:#3b82f6!important;background-color:#293548e6!important;border-color:#33415599!important}[data-theme=dark] .signup-card input[type=checkbox]:checked{background-color:#3b82f6!important;border-color:#3b82f6!important}[data-theme=dark] .signup-card input.border-gray-300,[data-theme=dark] .signup-card input.dark\:border-gray-600{border-color:#33415599!important}[data-theme=dark] .signup-card input[type=radio]{accent-color:#3b82f6!important}[data-theme=dark] .signup-card label.border-blue-600,[data-theme=dark] .signup-card label.dark\:border-blue-400{border-color:#3b82f6!important}[data-theme=dark] .signup-card label.bg-blue-50\/80,[data-theme=dark] .signup-card label.dark\:bg-blue-900\/30{background:#1e3a8a4d!important}[data-theme=dark] .signup-card label.border-gray-200\/50,[data-theme=dark] .signup-card label.dark\:border-gray-600{border-color:#33415599!important}[data-theme=dark] .signup-card label.bg-white\/30,[data-theme=dark] .signup-card label.dark\:bg-gray-700\/30{background:#2935484d!important}[data-theme=dark] .signup-card label:hover{border-color:#3b82f680!important}[data-theme=dark] .signup-card label span.dark\:text-white,[data-theme=dark] .signup-card label span.text-gray-900{color:#cbd5e1!important}[data-theme=dark] .signup-card .bg-gray-50\/80,[data-theme=dark] .signup-card .dark\:bg-gray-700\/50{background:#29354880!important;border-color:#33415599!important}[data-theme=dark] .signup-card .border-gray-200\/50,[data-theme=dark] .signup-card .dark\:border-gray-600\/50{border-color:#33415599!important}[data-theme=dark] .signup-card .dark\:text-gray-200,[data-theme=dark] .signup-card .text-gray-700{color:#cbd5e1!important}[data-theme=dark] .signup-card .text-blue-600,[data-theme=dark] .signup-card a,[data-theme=dark] .signup-card form a{color:#60a5fa!important}[data-theme=dark] .signup-card .hover\:text-blue-700:hover,[data-theme=dark] .signup-card .text-blue-600:hover,[data-theme=dark] .signup-card a:hover,[data-theme=dark] .signup-card form a:hover{color:#93c5fd!important}[data-theme=dark] .signup-card a.dark\:text-blue-400{color:#60a5fa!important}[data-theme=dark] .signup-card a.dark\:hover\:text-blue-300:hover,[data-theme=dark] .signup-card a.hover\:text-blue-700:hover{color:#93c5fd!important}[data-theme=dark] .signup-card .border-gray-300\/50,[data-theme=dark] .signup-card .border-t{border-color:#33415599!important}[data-theme=dark] .signup-card .relative span{background:#1a2332f2!important;color:#cbd5e1!important}[data-theme=dark] .signup-card .bg-white\/90,[data-theme=dark] .signup-card .dark\:bg-gray-800\/90{background:#1a2332f2!important}[data-theme=dark] .signup-card .dark\:text-gray-400,[data-theme=dark] .signup-card .text-gray-500{color:#94a3b8!important}[data-theme=dark] .signup-card .bg-blue-50\/80,[data-theme=dark] .signup-card .dark\:bg-blue-900\/30{background:#1e3a8a4d!important}[data-theme=dark] .signup-card .border-blue-200\/50,[data-theme=dark] .signup-card .dark\:border-blue-700\/50{border-color:#3b82f64d!important}[data-theme=dark] .signup-card p.dark\:text-gray-400,[data-theme=dark] .signup-card p.text-gray-500{color:#94a3b8!important}[data-theme=dark] .signup-card button[type=submit]{background:linear-gradient(90deg,#2563eb,#1e40af)!important;color:#fff!important}[data-theme=dark] .signup-card button[type=submit]:hover{background:linear-gradient(90deg,#1e40af,#1e3a8a)!important}[data-theme=dark] .signup-card button[type=submit]:disabled{opacity:.5!important}[data-theme=dark] .signup-page .dark\:text-gray-300,[data-theme=dark] .signup-page .text-gray-600{color:#cbd5e1!important}[data-theme=dark] .signup-page a.dark\:text-blue-400,[data-theme=dark] .signup-page a.text-blue-600{color:#60a5fa!important}[data-theme=dark] .signup-page a.dark\:hover\:text-blue-300:hover,[data-theme=dark] .signup-page a.hover\:text-blue-700:hover{color:#93c5fd!important}[data-theme=dark] .signup-page a.dark\:text-gray-400,[data-theme=dark] .signup-page a.text-gray-500{color:#94a3b8!important}[data-theme=dark] .signup-page a.dark\:hover\:text-gray-300:hover,[data-theme=dark] .signup-page a.dark\:text-gray-400:hover,[data-theme=dark] .signup-page a.hover\:text-gray-700:hover,[data-theme=dark] .signup-page a.text-gray-500:hover{color:#cbd5e1!important}[data-theme=dark] .signup-page h1.dark\:text-white,[data-theme=dark] .signup-page h1.text-gray-900,[data-theme=dark] .signup-page h2.dark\:text-white,[data-theme=dark] .signup-page h2.text-gray-900{color:#f1f5f9!important}[data-theme=dark] .signup-page p.dark\:text-gray-300,[data-theme=dark] .signup-page p.text-gray-600{color:#cbd5e1!important}[data-theme=dark] .signup-overlay{background:linear-gradient(to bottom right,#0b142666,#0b142633,#0000)!important}[data-theme=dark] .signup-page{background-color:#0b1426!important}[data-theme=dark] .signup-card form .text-gray-600,[data-theme=dark] .signup-card form .text-gray-700,[data-theme=dark] .signup-card form label{color:#cbd5e1!important}[data-theme=dark] .signup-card form .text-gray-400,[data-theme=dark] .signup-card form .text-gray-500{color:#94a3b8!important}[data-theme=dark] .signup-card form span{color:#cbd5e1!important}[data-theme=dark] .fixed.top-4{background:#1a2332f2!important;border-color:#33415599!important}[data-theme=dark] .fixed.top-4 .text-green-800{color:#86efac!important}[data-theme=dark] .fixed.top-4 .text-red-800{color:#fca5a5!important}[data-theme=dark] .fixed.top-4 .bg-green-50{background:#14532d4d!important;border-color:#22c55e4d!important}[data-theme=dark] .fixed.top-4 .bg-red-50{background:#7f1d1d4d!important;border-color:#ef44444d!important}[data-theme=dark] .dark-mode-toggle-btn{background:#1a2332e6!important;border-color:#33415599!important}[data-theme=dark] .dark-mode-toggle-btn:hover{background:#293548e6!important}[data-theme=dark] .signup-card>div{color:#cbd5e1!important}[data-theme=dark] .signup-card select option{background:#293548e6!important;color:#f1f5f9!important}.reset-password-page{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe 50%,#f8fafc);box-sizing:border-box;display:flex;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;max-height:100vh;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:1rem;position:relative}[data-theme=dark] .reset-password-page{background:linear-gradient(135deg,#0b1426,#1e293b 50%,#0f172a)}.reset-password-overlay{background:linear-gradient(to bottom right,#1e40af0d,#2563eb08,#0000);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}[data-theme=dark] .reset-password-overlay{background:linear-gradient(to bottom right,#3b82f61a,#2563eb0d,#0000)}.theme-toggle-btn{background:#fffffff2;border:2px solid #1e40af33;border-radius:12px;box-shadow:0 4px 12px #1e40af26;height:48px;position:fixed;right:1.5rem;top:1.5rem;width:48px;z-index:1000}.theme-toggle-btn:hover{border-color:#1e40af66;box-shadow:0 8px 20px #1e40af40;transform:translateY(-2px) scale(1.05)}.theme-toggle-btn:active{transform:translateY(0) scale(1)}[data-theme=dark] .theme-toggle-btn{background:#1e293bf2;border:2px solid #3b82f666;box-shadow:0 4px 12px #3b82f633}[data-theme=dark] .theme-toggle-btn:hover{border-color:#60a5fa99;box-shadow:0 8px 20px #3b82f64d}.reset-password-container{animation:fadeInUp .6s ease-out;margin:auto;max-width:480px;position:relative;width:100%;z-index:1}.reset-password-header{margin-bottom:1.5rem;text-align:center}.reset-password-logo{display:inline-block;margin-bottom:.5rem;text-decoration:none}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#2563eb);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;letter-spacing:-.02em}[data-theme=dark] .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#93c5fd);-webkit-background-clip:text;background-clip:text}.reset-password-subtitle{color:#64748b;font-size:.875rem;font-weight:500}[data-theme=dark] .reset-password-subtitle{color:#94a3b8}.reset-password-card{overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.reset-password-card:hover{box-shadow:0 8px 24px #1e40af26;transform:translateY(-2px)}[data-theme=dark] .reset-password-card:hover{box-shadow:0 8px 24px #3b82f640}.reset-password-icon{align-items:center;animation:float 3s ease-in-out infinite;display:flex;justify-content:center;margin-bottom:1rem}.reset-password-form{width:100%}.reset-password-links{align-items:center;display:flex;justify-content:center}.reset-link{align-items:center;color:#64748b;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.reset-link:hover{color:#1e40af;transform:translateX(-4px)}[data-theme=dark] .reset-link{color:#94a3b8}[data-theme=dark] .reset-link:hover{color:#60a5fa}@media (max-width:640px){.reset-password-container{max-width:100%;padding:0 .5rem}.reset-password-card{padding:1.5rem!important}.logo-text{font-size:1.5rem}.theme-toggle-btn{height:40px;right:1rem;top:1rem;width:40px}}.payment-gateway-dialog{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.payment-gateway-dialog .MuiDialog-paper{border-radius:0!important;box-shadow:none!important;max-height:90vh!important;max-width:1200px!important;overflow:hidden}.payment-gateway-paper{background:#f1f5f9!important;padding:0!important}.payment-gateway-paper.dark-mode{background:#0f172a!important}.payment-gateway-container{background:#fff;display:grid;grid-template-columns:1fr 1fr;min-height:600px;transition:background .3s ease}.payment-gateway-paper.dark-mode .payment-gateway-container{background:#1e293b}.payment-gateway-left{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;justify-content:center;overflow:hidden;padding:3rem 2rem;position:relative}.payment-gateway-paper.dark-mode .payment-gateway-left{background:linear-gradient(135deg,#1e293b,#0f172a)}.payment-gateway-image-container{align-items:center;aspect-ratio:10/5;display:flex;justify-content:center;margin-bottom:2rem;max-height:300px;width:100%}.payment-gateway-image{height:100%;max-height:100%;object-fit:contain;object-position:center;width:100%}.payment-placeholder{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:4rem;height:100%;justify-content:center;line-height:1.5;text-align:center;width:100%}.payment-gateway-title-section{margin-top:1rem;text-align:center}.payment-gateway-main-title{color:#1e293b;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.payment-gateway-paper.dark-mode .payment-gateway-main-title{color:#f1f5f9}.payment-gateway-card-brands{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1rem}.card-brand-logo{filter:grayscale(20%);height:auto;object-fit:contain;opacity:.8;transition:all .3s ease;width:48px}.card-brand-logo:hover{filter:grayscale(0);opacity:1;transform:scale(1.1)}.payment-gateway-right{display:flex;flex-direction:column;max-height:90vh;overflow-y:auto;padding:2rem}.payment-gateway-header-controls{display:flex;gap:.5rem;justify-content:flex-end;margin-bottom:1rem;position:relative}.payment-gateway-close-btn,.payment-gateway-dark-toggle{background:#94a3b81a!important;border-radius:8px!important;color:#64748b!important;height:36px!important;transition:all .2s ease!important;width:36px!important}.payment-gateway-close-btn:hover,.payment-gateway-dark-toggle:hover{background:#94a3b833!important;transform:scale(1.05)}.payment-gateway-paper.dark-mode .payment-gateway-close-btn,.payment-gateway-paper.dark-mode .payment-gateway-dark-toggle{background:#33415580!important;color:#cbd5e1!important}.payment-gateway-form-title{color:#1e293b;font-size:1.5rem;font-weight:600;letter-spacing:-.01em;margin-bottom:1.5rem}.payment-gateway-paper.dark-mode .payment-gateway-form-title{color:#f1f5f9}.payment-order-summary{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;margin-bottom:2rem;padding:1.5rem;text-align:center}.payment-gateway-paper.dark-mode .payment-order-summary{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#3b82f6}.payment-summary-label{color:#64748b;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.payment-gateway-paper.dark-mode .payment-summary-label{color:#cbd5e1}.payment-summary-amount{color:#1e40af;font-size:2rem;font-weight:700;margin-bottom:.25rem}.payment-gateway-paper.dark-mode .payment-summary-amount{color:#93c5fd}.payment-summary-type{color:#64748b;font-size:.875rem;text-transform:capitalize}.payment-gateway-paper.dark-mode .payment-summary-type{color:#cbd5e1}.payment-gateway-saved-methods{margin-bottom:2rem}.payment-gateway-saved-methods-title{align-items:center;color:#1e293b;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.payment-gateway-paper.dark-mode .payment-gateway-saved-methods-title{color:#f1f5f9}.payment-gateway-saved-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;margin-bottom:.75rem;transition:all .2s ease}.payment-gateway-saved-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a}.payment-gateway-saved-card.selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb26}.payment-gateway-paper.dark-mode .payment-gateway-saved-card{background:#334155;border-color:#475569}.payment-gateway-paper.dark-mode .payment-gateway-saved-card.selected{background:#1e3a8a;border-color:#3b82f6}.payment-gateway-tabs{border-bottom:1px solid #e2e8f0;margin-bottom:1.5rem}.payment-gateway-tabs,.payment-gateway-tabs .MuiTabs-flexContainer,.payment-gateway-tabs .MuiTabs-scroller{overflow:visible!important}.payment-gateway-paper.dark-mode .payment-gateway-tabs{border-bottom-color:#475569}.payment-gateway-tabs .MuiTab-root{background:#e0f2fe!important;border-radius:8px 8px 0 0;color:#64748b;font-size:.9375rem;font-weight:500;margin-right:.5rem;min-height:56px;padding:1rem 1.25rem;text-transform:none;transition:all .2s ease}.payment-gateway-tabs .MuiTab-root:hover{background:#bae6fd!important;color:#1e40af}.payment-gateway-tabs .Mui-selected{background:#1e3a8a!important;color:#fff!important;font-weight:600}.payment-gateway-paper.dark-mode .payment-gateway-tabs .MuiTab-root{background:#1e293b!important;color:#cbd5e1}.payment-gateway-paper.dark-mode .payment-gateway-tabs .MuiTab-root:hover{background:#334155!important;color:#93c5fd}.payment-gateway-paper.dark-mode .payment-gateway-tabs .Mui-selected{background:#1e3a8a!important;color:#fff!important}.payment-gateway-tabs .MuiTabs-indicator{background:#1e3a8a;border-radius:3px 3px 0 0;height:3px}.payment-gateway-tabs .MuiTabs-scrollButtons{display:none!important}.payment-section-title{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:1rem}.payment-gateway-paper.dark-mode .payment-section-title{color:#f1f5f9}.payment-method-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.payment-method-card{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:140px;padding:1.5rem 1rem;text-align:center;transition:all .2s ease}.payment-method-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f61a;transform:translateY(-2px)}.payment-method-card.selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb26}.payment-gateway-paper.dark-mode .payment-method-card{background:#334155;border-color:#475569}.payment-gateway-paper.dark-mode .payment-method-card.selected{background:#1e3a8a;border-color:#3b82f6}.payment-method-logo{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));height:64px;margin-bottom:.75rem;object-fit:contain;width:64px}.payment-method-name{color:#1e293b;font-size:.9375rem;font-weight:600;margin-top:.5rem}.payment-gateway-paper.dark-mode .payment-method-name{color:#f1f5f9}.payment-gateway-form{margin-top:1rem}.payment-gateway-form-field .MuiTextField-root,.payment-gateway-paper.dark-mode .payment-gateway-form-field .MuiTextField-root{background:#0000!important}.payment-gateway-form-field .MuiOutlinedInput-root{background:#e5e7eb!important;border-radius:8px;transition:all .2s ease}.payment-gateway-paper.dark-mode .payment-gateway-form-field .MuiOutlinedInput-root{background:#374151!important}.payment-gateway-form-field .MuiOutlinedInput-root:hover{background:#d1d5db!important;box-shadow:0 2px 8px #2563eb14}.payment-gateway-paper.dark-mode .payment-gateway-form-field .MuiOutlinedInput-root:hover{background:#4b5563!important}.payment-gateway-form-field .MuiOutlinedInput-root.Mui-focused{background:#f3f4f6!important;box-shadow:0 0 0 3px #2563eb1a}.payment-gateway-paper.dark-mode .payment-gateway-form-field .MuiOutlinedInput-root.Mui-focused{background:#4b5563!important}.payment-gateway-form-field .MuiOutlinedInput-notchedOutline{border-color:#d1d5db;border-width:1.5px}.payment-gateway-form-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#2563eb;border-width:2px}.payment-gateway-paper.dark-mode .payment-gateway-form-field .MuiOutlinedInput-notchedOutline{border-color:#4b5563}.payment-gateway-paper.dark-mode .payment-gateway-form-field .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#3b82f6}.payment-gateway-form-field .MuiInputLabel-root{color:#374151!important;font-weight:500}.payment-gateway-paper.dark-mode .payment-gateway-form-field .MuiInputLabel-root{color:#d1d5db!important}.payment-gateway-form-field .MuiInputLabel-root.Mui-focused{color:#1e3a8a!important}.payment-gateway-paper.dark-mode .payment-gateway-form-field .MuiInputLabel-root.Mui-focused{color:#93c5fd!important}.payment-gateway-form-field .MuiOutlinedInput-input{color:#1f2937!important;font-weight:500}.payment-gateway-paper.dark-mode .payment-gateway-form-field .MuiOutlinedInput-input{color:#f9fafb!important}.payment-gateway-form-field .MuiOutlinedInput-input::placeholder{color:#6b7280!important;opacity:1}.payment-gateway-paper.dark-mode .payment-gateway-form-field .MuiOutlinedInput-input::placeholder{color:#9ca3af!important;opacity:1}.payment-gateway-form-field .MuiInputAdornment-root svg{color:#4b5563!important}.payment-gateway-paper.dark-mode .payment-gateway-form-field .MuiInputAdornment-root svg{color:#d1d5db!important}.payment-gateway-loyalty-info{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;display:flex;gap:.75rem;margin-top:1.5rem;padding:1rem}.payment-gateway-paper.dark-mode .payment-gateway-loyalty-info{background:linear-gradient(135deg,#1e3a8a,#1e40af);border-color:#3b82f6}.payment-gateway-loyalty-info-text{color:#1e40af;font-size:.875rem;font-weight:500}.payment-gateway-paper.dark-mode .payment-gateway-loyalty-info-text{color:#93c5fd}.payment-security-badge{align-items:center;background:#10b9811a;border:1px solid #10b98133;border-radius:8px;display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem;padding:.75rem}.payment-gateway-paper.dark-mode .payment-security-badge{background:#10b98126;border-color:#10b9814d}.payment-security-text{color:#059669;font-size:.8125rem;font-weight:500}.payment-gateway-paper.dark-mode .payment-security-text{color:#34d399}.payment-security-badge svg{color:#059669}.payment-gateway-paper.dark-mode .payment-security-badge svg{color:#34d399}.payment-gateway-actions{border-top:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:space-between;margin-top:2rem;padding-top:1.5rem}.payment-gateway-paper.dark-mode .payment-gateway-actions{border-top-color:#475569}.payment-gateway-btn{border-radius:8px!important;font-size:.9375rem!important;font-weight:600!important;min-width:120px;padding:.75rem 1.5rem!important;text-transform:none!important;transition:all .2s ease!important}.payment-gateway-btn-primary{background:#2563eb!important;box-shadow:0 2px 8px #2563eb4d!important;color:#fff!important}.payment-gateway-btn-primary:hover{background:#1d4ed8!important;box-shadow:0 4px 12px #2563eb66!important;transform:translateY(-1px)}.payment-gateway-btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.payment-gateway-btn-secondary{background:#fff!important;border:1.5px solid #cbd5e1!important;color:#1e293b!important}.payment-gateway-btn-secondary:hover{background:#f8fafc!important;border-color:#94a3b8!important}.payment-gateway-paper.dark-mode .payment-gateway-btn-secondary{background:#334155!important;border-color:#475569!important;color:#f1f5f9!important}.payment-gateway-paper.dark-mode .payment-gateway-btn-secondary:hover{background:#475569!important;border-color:#64748b!important}.payment-gateway-success{animation:slideUp .5s ease-out;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;bottom:20px;box-shadow:0 8px 25px #10b9814d;color:#fff;font-weight:600;left:50%;padding:1rem 2rem;position:absolute;transform:translateX(-50%);z-index:1000}@media (min-width:769px){.payment-gateway-tabs .MuiTab-root span:not(.MuiTab-iconWrapper){display:inline!important}.payment-gateway-tabs .MuiTab-root .MuiTab-iconWrapper{margin-right:8px!important}}@media (max-width:1200px){.payment-gateway-container{grid-template-columns:1fr}.payment-gateway-left{min-height:auto;order:2;padding:1.5rem 1rem}.payment-gateway-right{max-height:none;order:1;padding:1.5rem}.payment-gateway-image-container{aspect-ratio:16/9;margin-bottom:1rem;max-height:200px}.payment-gateway-title-section{margin-top:.5rem}.payment-gateway-main-title{font-size:1.5rem}.payment-gateway-card-brands{gap:.75rem;margin-top:.75rem}.card-brand-logo{width:40px}.payment-method-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.payment-gateway-container{grid-template-columns:1fr}.payment-gateway-left{order:2;padding:1.25rem 1rem}.payment-gateway-right{order:1;padding:1.5rem}.payment-gateway-image-container{aspect-ratio:16/9;margin-bottom:.75rem;max-height:180px}.payment-gateway-title-section{margin-top:.5rem}.payment-gateway-main-title{font-size:1.375rem}.payment-gateway-card-brands{gap:.5rem;margin-top:.5rem}.card-brand-logo{width:36px}.payment-method-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.payment-gateway-dialog .MuiDialog-paper{margin:2.5vh auto!important;max-height:95vh!important;max-width:95vw!important}.payment-gateway-container{display:flex;flex-direction:column;min-height:auto}.payment-gateway-left{order:2;padding:1rem .75rem;width:100%}.payment-gateway-image-container{aspect-ratio:16/9;margin-bottom:.5rem;max-height:150px}.payment-gateway-title-section{margin-top:.25rem}.payment-gateway-main-title{font-size:1.25rem}.payment-gateway-card-brands{gap:.5rem;margin-top:.5rem}.card-brand-logo{width:32px}.payment-gateway-right{max-height:70vh;order:1;overflow-y:auto;padding:1.25rem;width:100%}.payment-gateway-form-title{font-size:1.25rem;margin-bottom:1rem}.payment-order-summary{margin-bottom:1.5rem;padding:1.25rem}.payment-summary-amount{font-size:1.75rem}.payment-method-grid{gap:.75rem;grid-template-columns:1fr;margin-bottom:1rem}.payment-method-card{min-height:120px;padding:1.25rem .75rem;width:100%}.payment-method-logo{height:56px;width:56px}.payment-gateway-tabs{overflow:visible!important;width:100%}.payment-gateway-tabs .MuiTabs-flexContainer{gap:.25rem;justify-content:space-between}.payment-gateway-tabs .MuiTab-root{flex:1 1;font-size:.875rem;max-width:none;min-height:48px;min-width:0;padding:.75rem .5rem}.payment-gateway-tabs .MuiTab-root .MuiTab-iconWrapper{margin:0!important}.payment-gateway-tabs .MuiTab-root span:not(.MuiTab-iconWrapper){display:none!important}.payment-gateway-actions{flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem}.payment-gateway-btn{min-width:auto;width:100%}.card-brand-logo{width:40px}.payment-gateway-header-controls{margin-bottom:.75rem}}@media (max-width:480px){.payment-gateway-dialog .MuiDialog-paper{border-radius:0!important;margin:0!important;max-height:100vh!important;max-width:100vw!important}.payment-gateway-left{order:2;padding:.75rem .5rem}.payment-gateway-image-container{display:none}.payment-gateway-title-section{margin-top:0}.payment-gateway-main-title{font-size:1.125rem}.payment-gateway-card-brands{gap:.375rem;margin-top:.25rem}.card-brand-logo{width:28px}.payment-gateway-right{max-height:75vh;order:1;padding:1rem}.payment-gateway-form-title{font-size:1.125rem}.payment-method-card{min-height:100px;padding:1rem .5rem}.payment-method-logo{height:48px;width:48px}.payment-method-name{font-size:.875rem}.card-brand-logo{width:32px}.payment-gateway-tabs{overflow:visible!important;width:100%}.payment-gateway-tabs .MuiTabs-flexContainer{gap:.25rem;justify-content:space-between}.payment-gateway-tabs .MuiTab-root{flex:1 1;font-size:.8125rem;max-width:none;min-height:44px;min-width:0;padding:.625rem .375rem}.payment-gateway-tabs .MuiTab-root .MuiTab-iconWrapper{margin:0!important}.payment-gateway-tabs .MuiTab-root span:not(.MuiTab-iconWrapper){display:none!important}.payment-order-summary{padding:1rem}.payment-summary-amount{font-size:1.5rem}.payment-gateway-actions{gap:.5rem;padding:1rem .75rem}.payment-gateway-btn{font-size:.875rem!important;padding:.625rem 1.25rem!important}}@media (max-height:700px){.payment-gateway-left{padding:1rem 1.5rem}.payment-gateway-image-container{margin-bottom:.5rem;max-height:120px}.payment-gateway-title-section{margin-top:.25rem}.payment-gateway-main-title{font-size:1.25rem}.payment-gateway-card-brands{gap:.5rem;margin-top:.5rem}.card-brand-logo{width:32px}}@media (max-height:600px){.payment-gateway-left{padding:.75rem 1rem}.payment-gateway-image-container{display:none}.payment-gateway-title-section{margin-top:0}.payment-gateway-main-title{font-size:1.125rem}.payment-gateway-card-brands{gap:.375rem;margin-top:.25rem}.card-brand-logo{width:28px}}@media (max-width:768px) and (max-height:700px){.payment-gateway-left{padding:.5rem .75rem}.payment-gateway-image-container{display:none}.payment-gateway-main-title{font-size:1rem}.payment-gateway-card-brands{gap:.25rem;margin-top:.25rem}.card-brand-logo{width:24px}}@media (max-width:360px){.payment-gateway-left{padding:.75rem .5rem}.payment-gateway-right{padding:.75rem}.payment-gateway-main-title{font-size:1.125rem}.payment-gateway-form-title{font-size:1rem}.payment-method-card{min-height:90px;padding:.875rem .5rem}.payment-method-logo{height:40px;width:40px}.payment-gateway-tabs{overflow:visible!important;width:100%}.payment-gateway-tabs .MuiTabs-flexContainer{gap:.25rem;justify-content:space-between}.payment-gateway-tabs .MuiTab-root{flex:1 1;font-size:.75rem;max-width:none;min-height:40px;min-width:0;padding:.5rem .25rem}.payment-gateway-tabs .MuiTab-root .MuiTab-iconWrapper{margin:0!important}.payment-gateway-tabs .MuiTab-root span:not(.MuiTab-iconWrapper){display:none!important}}:root{--doctor-search-bg-card:#fff;--doctor-search-bg-secondary:#f9fafb;--doctor-search-text-primary:#1f2937;--doctor-search-text-secondary:#4b5563;--doctor-search-border-color:#e5e7eb}[data-theme=dark]{--doctor-search-bg-card:#1e293b;--doctor-search-bg-secondary:#334155;--doctor-search-text-primary:#f1f5f9;--doctor-search-text-secondary:#cbd5e1;--doctor-search-border-color:#475569}.doctor-search{background:#0000;margin:0 auto;max-width:1400px;min-height:100vh;padding:var(--spacing-xl);position:relative;z-index:10}.back-button-top-right,.doctor-search{font-family:var(--font-family-primary)}.back-button-top-right{align-items:center;background:#1e40af;border:2px solid #1e3a8a;border-radius:12px;box-shadow:0 4px 12px #1e40af4d;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:600;gap:8px;height:-webkit-fit-content;height:fit-content;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;overflow:hidden;padding:12px 20px;position:fixed;right:20px;top:20px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;z-index:1000}.back-button-top-right:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.back-button-top-right:hover:before{left:100%}.back-button-top-right:hover{background:#2563eb;border-color:#1e40af;box-shadow:0 6px 20px #1e40af80;transform:translateY(-2px) scale(1.02)}.back-button-top-right:active{box-shadow:0 2px 8px #1e40af66;transform:translateY(0) scale(.98)}[data-theme=dark] .back-button-top-right{background:#1e3a8a;border-color:#1e40af;box-shadow:0 4px 12px #1e40af66}[data-theme=dark] .back-button-top-right:hover{background:#1e40af;border-color:#2563eb;box-shadow:0 6px 20px #1e40af99}.back-button-top-right i{stroke-width:2.5;height:18px;transition:transform .3s ease;width:18px}.back-button-top-right:hover i{transform:translateX(-2px)}@media (max-width:768px){.back-button-top-right{font-size:.85rem;padding:10px 16px;right:15px;top:15px}}@media (max-width:480px){.back-button-top-right{font-size:.8rem;gap:6px;padding:8px 12px;right:10px;top:10px}.back-button-top-right span{display:none}.back-button-top-right i{height:20px;width:20px}}.search-header{align-items:center;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--doctor-search-border-color,var(--border-color));display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);padding-top:60px;position:relative;z-index:11}.search-header-content{flex:1 1}.search-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#2563eb);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-family:var(--font-family-primary);font-size:2rem;font-weight:700;margin:0 0 var(--spacing-xs) 0}.search-header-subtitle{color:#4b5563;color:var(--doctor-search-text-secondary,var(--text-secondary));font-family:var(--font-family-primary);font-size:.875rem;margin:0}.search-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--doctor-search-bg-card,var(--bg-card));border:1px solid #e5e7eb;border:1px solid var(--doctor-search-border-color,var(--border-color));border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);box-sizing:border-box;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:100%;padding:var(--spacing-xl);position:relative;width:100%;z-index:11}[data-theme=dark] .search-container{background:#fff;background:var(--doctor-search-bg-card);border-color:#e5e7eb;border-color:var(--doctor-search-border-color)}.search-form{width:100%}.search-inputs{grid-gap:var(--spacing-lg);align-items:flex-end;box-sizing:border-box;display:grid;gap:var(--spacing-lg);grid-template-columns:2fr 1fr;width:100%}.search-field{display:flex;flex-direction:column}.search-field label{display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm)}.search-field input,.search-field label,.search-field select{color:#1f2937;color:var(--doctor-search-text-primary,var(--text-primary));font-family:var(--font-family-primary)}.search-field input,.search-field select{background-color:#f9fafb;background-color:var(--doctor-search-bg-secondary,var(--bg-secondary));border:2px solid #e5e7eb;border:2px solid var(--doctor-search-border-color,var(--border-color));border-radius:var(--radius-lg);box-sizing:border-box;font-size:1rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease;width:100%}[data-theme=dark] .search-field input,[data-theme=dark] .search-field select{border-color:#e5e7eb;border-color:var(--doctor-search-border-color)}[data-theme=dark] .search-field input,[data-theme=dark] .search-field select{background-color:#f9fafb;background-color:var(--doctor-search-bg-secondary);color:#1f2937;color:var(--doctor-search-text-primary)}[data-theme=dark] .search-field select option{background-color:#fff;background-color:var(--doctor-search-bg-card);color:#1f2937;color:var(--doctor-search-text-primary)}.search-field input:focus,.search-field select:focus{background-color:#fff;background-color:var(--doctor-search-bg-card,var(--bg-card));border-color:var(--primary-color);box-shadow:0 0 0 4px #1e40af1a;outline:none}[data-theme=dark] .search-field input:focus,[data-theme=dark] .search-field select:focus{background-color:#fff;background-color:var(--doctor-search-bg-card);box-shadow:0 0 0 4px #3b82f633;color:#1f2937;color:var(--doctor-search-text-primary)}.search-field input::placeholder{color:#4b5563;color:var(--doctor-search-text-secondary,var(--text-tertiary));opacity:.7}.search-field select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%234b5563' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}[data-theme=dark] .search-field select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23cbd5e1' d='M6 9 1 4h10z'/%3E%3C/svg%3E")}.doctors-grid{grid-gap:var(--spacing-lg);display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(400px,1fr));width:100%}.doctor-card,.doctors-grid{position:relative;z-index:11}.doctor-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;padding:var(--spacing-xl);transition:all .3s cubic-bezier(.4,0,.2,1)}.doctor-card:before{background:linear-gradient(135deg,#1e40af,#2563eb);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.doctor-card:hover{border-color:var(--primary-color);box-shadow:var(--shadow-xl);transform:translateY(-4px)}.doctor-card:hover:before{opacity:1}.doctor-avatar{border:4px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);height:120px;margin:0 auto var(--spacing-lg);position:relative;width:120px}.doctor-avatar:after{background:linear-gradient(135deg,#1e40af,#2563eb);border-radius:var(--radius-xl);content:"";inset:-4px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:4px;position:absolute;transition:opacity .3s ease}.doctor-card:hover .doctor-avatar:after{opacity:1}.doctor-avatar-placeholder{background:linear-gradient(135deg,#1e40af1a,#2563eb1a);color:var(--primary-color)}.doctor-avatar-placeholder i{stroke-width:1.5;height:48px;width:48px}.doctor-info{gap:var(--spacing-md);text-align:center}.doctor-info,.doctor-info-left{display:flex;flex-direction:column}.doctor-info-left{gap:var(--spacing-sm)}.doctor-info h3{font-size:1.5rem}.doctor-info p{align-items:center;display:flex;font-family:var(--font-family-primary);gap:var(--spacing-sm);justify-content:center;margin:0}.doctor-info i{color:var(--primary-color);flex-shrink:0;height:18px;width:18px}.doctor-info .specialization{align-items:center;background:linear-gradient(135deg,#1e40af1a,#2563eb1a);border-radius:var(--radius-md);color:var(--primary-color);display:inline-flex;font-size:1rem;font-weight:600;justify-content:center;margin:0 auto;padding:var(--spacing-xs) var(--spacing-md)}.doctor-info .bio,.doctor-info .experience,.doctor-info .languages{color:var(--text-secondary);font-size:.875rem}.doctor-info .bio{border-top:1px solid var(--border-color);line-height:1.6;margin-top:var(--spacing-md);padding-top:var(--spacing-md);text-align:left}.doctor-actions{border-top:2px solid var(--border-light);flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.consultation-fee{align-items:center;background:linear-gradient(135deg,#1e40af1a,#2563eb1a);border-radius:var(--radius-md);color:var(--primary-color);display:flex;font-family:var(--font-family-primary);font-size:1.25rem;font-weight:700;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-sm) var(--spacing-md)}.consultation-fee i{height:20px;width:20px}.book-btn{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-family:var(--font-family-primary);font-size:1rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;padding:var(--spacing-md) var(--spacing-xl);transition:all .3s ease;white-space:nowrap}.book-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.book-btn:active{transform:translateY(0)}.book-btn i{height:20px;width:20px}.loading-container{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--spacing-2xl)}.loading-spinner{border:4px solid var(--border-light)}.loading-container p{color:var(--text-secondary);font-family:var(--font-family-primary);font-weight:500}.no-results{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);grid-column:1/-1;padding:var(--spacing-2xl)}.no-results i{color:var(--text-tertiary);font-size:3rem;margin-bottom:var(--spacing-lg);opacity:.5}.no-results p{color:var(--text-primary);font-family:var(--font-family-primary);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-sm)}.no-results small{color:var(--text-secondary);font-size:.875rem}@media (max-width:1024px){.doctors-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.doctor-search{padding:var(--spacing-md)}.search-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.search-header h2{font-size:1.75rem}.search-container{max-width:100%;padding:var(--spacing-lg)}.search-inputs{width:100%}.doctors-grid,.search-inputs{gap:var(--spacing-md);grid-template-columns:1fr}.doctor-card{padding:var(--spacing-lg)}.doctor-avatar{height:100px;width:100px}.doctor-info h3{font-size:1.25rem}.doctor-info p{font-size:.8125rem}}@media (max-width:480px){.doctor-search{padding:var(--spacing-sm)}.doctor-card,.search-container{padding:var(--spacing-md)}.doctor-avatar{height:80px;width:80px}.book-btn{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-lg)}}.availability-modal,.booking-modal{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:800px;padding:var(--spacing-xl);position:relative;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:center;border-bottom:2px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg)}.modal-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#2563eb);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-family:var(--font-family-primary);font-size:1.5rem;font-weight:700;margin:0}.close-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:36px;justify-content:center;padding:var(--spacing-sm);position:absolute;right:var(--spacing-lg);top:var(--spacing-lg);transition:all .3s ease;width:36px}.close-btn:hover{background:var(--danger-color);border-color:var(--danger-color);color:#fff;transform:rotate(90deg)}.close-btn i{stroke-width:2;height:20px;width:20px}.close-btn:empty:before{content:"×";font-size:24px;line-height:1}.days-nav{margin-bottom:1.5rem}.day-button{background-color:#fff;border:1px solid #e5e7eb;padding:.5rem 1rem;transition:all .2s ease}.day-button:hover{background-color:#f3f4f6}.day-button.active{border-color:#3b82f6}.time-slots{grid-gap:var(--spacing-md);gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.time-slot{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;padding:var(--spacing-lg);position:relative;transition:all .3s ease}.time-slot:before{background:linear-gradient(135deg,#1e40af,#2563eb);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.time-slot.available{background:linear-gradient(135deg,#10b9811a,#0596691a);border-color:var(--secondary-color)}.time-slot.available:before{background:linear-gradient(135deg,#10b981,#059669);transform:scaleX(1)}.time-slot .time{font-family:var(--font-family-primary);font-size:1rem;margin-bottom:var(--spacing-md)}.time-slot.available .time{color:var(--secondary-color)}.select-slot{background:linear-gradient(135deg,#1e40af,#2563eb);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-family:var(--font-family-primary);font-size:.875rem;font-weight:600;margin-top:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease}.select-slot:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:var(--shadow-sm);transform:translateY(-1px)}@media (max-width:640px){.modal-content{max-height:95vh;padding:var(--spacing-lg);width:95%}.modal-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-md)}.modal-header h3{font-size:1.25rem}.close-btn{align-self:flex-end;position:static}.days-nav{flex-wrap:nowrap;margin:calc(var(--spacing-lg)*-1) calc(var(--spacing-lg)*-1) var(--spacing-lg) calc(var(--spacing-lg)*-1);overflow-x:auto;padding:var(--spacing-sm) var(--spacing-lg)}.day-button{white-space:nowrap}.time-slots{grid-template-columns:1fr}.booking-actions{flex-direction:column}.booking-actions .btn{width:100%}}.no-availability,.no-slots{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);padding:var(--spacing-xl);text-align:center}.no-availability p,.no-slots p{font-family:var(--font-family-primary);font-size:.875rem;font-weight:500;margin:0}.error-message{background:#ef44441a;border:2px solid var(--danger-color);border-radius:var(--radius-lg);color:var(--danger-color);font-family:var(--font-family-primary);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.date-picker{margin-bottom:var(--spacing-xl)}.date-picker label{display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm)}.date-picker input,.date-picker label{color:var(--text-primary);font-family:var(--font-family-primary)}.date-picker input{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-sizing:border-box;font-size:1rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease;width:100%}.date-picker input:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 4px #1e40af1a;outline:none}.availability-info{background:linear-gradient(135deg,#1e40af0d,#2563eb0d);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.availability-info p{color:var(--text-primary);font-family:var(--font-family-primary);margin:var(--spacing-sm) 0}.availability-info .consultation-fee{color:var(--primary-color);font-size:1.125rem;font-weight:700}.booking-details{background:linear-gradient(135deg,#1e40af0d,#2563eb0d);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg)}.booking-details p{align-items:center;color:var(--text-primary);display:flex;font-family:var(--font-family-primary);justify-content:space-between;margin:var(--spacing-sm) 0}.booking-details strong{color:var(--text-primary);font-weight:600;margin-right:var(--spacing-md)}.appointment-type{margin-bottom:var(--spacing-xl)}.appointment-type label{display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-sm)}.appointment-type label,.appointment-type select{color:var(--text-primary);font-family:var(--font-family-primary)}.appointment-type select{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);box-sizing:border-box;font-size:1rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease;width:100%}.appointment-type select:focus{background:#fff;border-color:var(--primary-color);box-shadow:0 0 0 4px #1e40af1a;outline:none}.booking-actions{border-top:2px solid var(--border-color);display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg)}.booking-actions .btn{border:none;border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-family-primary);font-size:1rem;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all .3s ease}.booking-actions .btn-secondary{background:var(--bg-secondary);border:2px solid var(--border-color);color:var(--text-primary)}.booking-actions .btn-secondary:hover{background:var(--bg-tertiary);border-color:var(--border-dark)}.booking-actions .btn-primary{background:linear-gradient(135deg,#1e40af,#2563eb);box-shadow:var(--shadow-md);color:#fff}.booking-actions .btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.booking-actions .btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.health-tips-widget{animation:tipFadeIn .5s ease-in-out;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 20px #667eea4d;color:#fff;margin:1rem 0;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.health-tips-widget:before{background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .5s ease;width:200%}.health-tips-widget:hover:before{opacity:1;transform:rotate(45deg) translateX(100%)}.health-tips-widget:hover{box-shadow:0 6px 25px #667eea66;transform:translateY(-2px)}.health-tips-widget.hidden{opacity:0;pointer-events:none;transform:translateY(-10px)}.health-tips-header{justify-content:space-between;margin-bottom:.75rem;position:relative;z-index:2}.tips-icon{animation:pulse 2s infinite;font-size:1.2rem;margin-right:.5rem}.health-tips-header h4{color:#fff;flex:1 1;font-size:.9rem;font-weight:600;margin:0}.close-tip-btn{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:20px;justify-content:center;line-height:1;transition:all .2s ease;width:20px}.close-tip-btn:hover{background:#ffffff4d;transform:scale(1.1)}.tip-content{position:relative;z-index:2}.tip-category{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:20px;display:flex;margin-bottom:.5rem;padding:.25rem .5rem;width:-webkit-fit-content;width:fit-content}.category-icon{font-size:.8rem;margin-right:.4rem}.category-text{font-size:.7rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.tip-title{color:#fff;font-size:.85rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.tip-description{color:#fffffff2;font-size:.8rem;line-height:1.4;margin:0;text-align:justify}.tip-footer{display:flex;justify-content:center;margin-top:.75rem;position:relative;z-index:2}.new-tip-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;cursor:pointer;font-size:.7rem;font-weight:500;padding:.4rem .8rem;transition:all .3s ease}.new-tip-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.new-tip-btn:active{transform:translateY(0)}@keyframes tipFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dark-mode .health-tips-widget{background:linear-gradient(135deg,#4a5568,#2d3748);box-shadow:0 4px 20px #4a55684d}.dark-mode .health-tips-widget:hover{box-shadow:0 6px 25px #4a556866}@media (max-width:768px){.health-tips-widget{margin:.5rem 0;padding:.8rem}.tip-title{font-size:.8rem}.tip-description{font-size:.75rem}}.tip-content.changing{animation:tipChange .5s ease-in-out}@keyframes tipChange{0%{opacity:1;transform:translateX(0)}50%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.subscription-management{box-sizing:border-box;min-height:100vh;width:100%}.subscription-hero{overflow:hidden;position:relative}.subscription-header{margin-bottom:2rem;text-align:center}.subscription-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#2563eb);-webkit-background-clip:text;background-clip:text;font-weight:700;margin-bottom:.5rem}[data-theme=dark] .subscription-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6);-webkit-background-clip:text;background-clip:text}.subscription-card:hover{transform:translateY(-4px)}.subscription-empty-paper{background:#fffffff2!important;border-radius:16px!important;color:#1e293b!important}[data-theme=dark] .subscription-empty-paper,[data-theme=dark] .subscription-empty-paper.MuiPaper-root{background:#1e293bf2!important;border:1px solid #3b82f64d!important;color:#e0f2fe!important}[data-theme=dark] .subscription-empty-paper .MuiTypography-root,[data-theme=dark] .subscription-empty-paper h6,[data-theme=dark] .subscription-empty-paper p{color:#e0f2fe!important}[data-theme=dark] .subscription-empty-paper .MuiTypography-body2{color:#bfdbfe!important}[data-theme=dark] .subscription-empty-paper .MuiSvgIcon-root{color:#60a5fa!important}@media (max-width:768px){.subscription-management{padding:0}.subscription-card .MuiCardContent-root{padding:1.5rem!important}.subscription-header{margin-bottom:1.5rem}.subscription-title{font-size:1.75rem}}@media (max-width:480px){.subscription-card .MuiCardContent-root{padding:1rem!important}}.subscription-card{animation:slideInUp .5s ease-out}.subscription-card:first-child{animation-delay:.1s}.subscription-card:nth-child(2){animation-delay:.2s}.subscription-card:nth-child(3){animation-delay:.3s}.subscription-card:nth-child(4){animation-delay:.4s}.subscription-card:nth-child(5){animation-delay:.5s}.subscription-card:nth-child(6){animation-delay:.6s}.patient-dashboard-new{--primary-color:#1e40af;--primary-light:#2563eb;--primary-dark:#1e3a8a;--primary-gradient:linear-gradient(135deg,#1e40af,#2563eb)}.patient-dashboard-new,:root{--primary-gradient-hover:linear-gradient(135deg,#2563eb,#1e40af)}:root{--secondary-color:#10b981!important;--secondary-gradient:#10b981!important;--secondary-gradient-hover:#059669!important;--accent-color:#f59e0b!important;--accent-gradient:#f59e0b!important;--accent-gradient-hover:#d97706!important;--danger-color:#ef4444!important;--danger-gradient:#ef4444!important;--danger-gradient-hover:#dc2626!important;--warning-color:#f59e0b!important;--info-color:#3b82f6!important;--info-gradient:#3b82f6!important;--info-gradient-hover:#2563eb!important;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008;--shadow-glass:0 8px 32px 0 #00000026;--shadow-inner:inset 0 1px 3px 0 #00000014;--card-bg:#fff;--card-border:#e2e8f0;--text:#1e293b;--muted:#64748b;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--radius:12px;--gap:16px;--shadow-neumorphism:9px 9px 16px #b4b4b466,-9px -9px 16px #fff9;--sidebar-mobile-width:280px;--mobile-menu-height:60px;--font-family-primary:"Inter","Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif}[data-theme=dark]{--bg-gradient-primary:#0b1426f2;--bg-gradient-card:#1a2332e6;--primary-gradient:#1e40af;--primary-gradient-hover:#2563eb;--secondary-gradient:#10b981;--secondary-gradient-hover:#059669;--accent-gradient:#f59e0b;--accent-gradient-hover:#d97706;--danger-gradient:#ef4444;--danger-gradient-hover:#dc2626;--info-gradient:#3b82f6;--info-gradient-hover:#2563eb;--bg-gradient-card:linear-gradient(135deg,#293548f2,#1a2332e6)}[data-theme=dark] .overview-content-modern{background:#f0f9fff2;background:var(--bg-primary);color:#1e293b;color:var(--text-primary)}[data-theme=dark] .greeting-section-modern{background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#1e293b;color:var(--text-primary)}[data-theme=dark] .greeting-section-modern h1,[data-theme=dark] .greeting-section-modern h2,[data-theme=dark] .greeting-section-modern p,[data-theme=dark] .info-card-modern{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .info-card-modern{background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color)}[data-theme=dark] .data-label-modern,[data-theme=dark] .data-value-modern,[data-theme=dark] .info-card-content-modern,[data-theme=dark] .info-card-title-modern{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .stat-card-overview{background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color)}[data-theme=dark] .stat-card-overview-footer-text,[data-theme=dark] .stat-card-overview-label,[data-theme=dark] .stat-card-overview-value{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .stat-card-overview-footer{background:#dbeafe99;background:var(--bg-secondary);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color)}[data-theme=dark] .feature-card-modern{background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color)}[data-theme=dark] .feature-card-modern,[data-theme=dark] .feature-description-modern,[data-theme=dark] .feature-title-modern{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .banner-slideshow-container{background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color)}[data-theme=dark] .banner-slide-content h2,[data-theme=dark] .banner-slide-content p{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .appointments-content{background:#f0f9fff2!important;background:var(--bg-primary)!important;color:#1e293b;color:var(--text-primary);min-height:100%}[data-theme=dark] .appointments-content .content-header h1,[data-theme=dark] .appointments-content .content-header h2,[data-theme=dark] .appointments-content .content-header p{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .appointment-card-new,[data-theme=dark] .appointment-card-top,[data-theme=dark] .appointment-preview-card{background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#1e293b;color:var(--text-primary)}[data-theme=dark] .appointment-card-new h3,[data-theme=dark] .appointment-card-new p,[data-theme=dark] .appointment-card-top h3,[data-theme=dark] .appointment-card-top p,[data-theme=dark] .appointment-preview-card h3,[data-theme=dark] .appointment-preview-card p{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .appointments-grid,[data-theme=dark] .appointments-preview-top,[data-theme=dark] .appointments-top-section{background:#0000}[data-theme=dark] .appointments-preview-top *,[data-theme=dark] .appointments-top-section *,[data-theme=dark] .health-content{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .health-content{background:#f0f9fff2!important;background:var(--bg-primary)!important;min-height:100%}[data-theme=dark] .health-content h1,[data-theme=dark] .health-content h2,[data-theme=dark] .health-content h3,[data-theme=dark] .health-content p,[data-theme=dark] .health-tips-content{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .health-tips-content{background:#f0f9fff2!important;background:var(--bg-primary)!important}[data-theme=dark] .health-tips-banner,[data-theme=dark] .health-tips-header{background:#0000}[data-theme=dark] .health-tips-banner *,[data-theme=dark] .health-tips-header *,[data-theme=dark] .marketplace-content{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .marketplace-content{min-height:100%}[data-theme=dark] .marketplace-content:before{background:radial-gradient(circle at 20% 30%,#2563eb1a 0,#0000 50%),radial-gradient(circle at 80% 70%,#1e40af1a 0,#0000 50%)}[data-theme=dark] .billing-content{background:#f0f9fff2!important;background:var(--bg-primary)!important;color:#1e293b;color:var(--text-primary);min-height:100%}[data-theme=dark] .billing-content .left-col,[data-theme=dark] .billing-content .right-col{background:#0000}[data-theme=dark] .billing-content h1,[data-theme=dark] .billing-content h2,[data-theme=dark] .billing-content h3,[data-theme=dark] .billing-content p,[data-theme=dark] .card{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .card{background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color)}[data-theme=dark] .card:before{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);box-shadow:0 2px 8px #1e40af4d}[data-theme=dark] .card-header{background:#dbeafe99;background:var(--bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color)}[data-theme=dark] .card-body,[data-theme=dark] .card-body div,[data-theme=dark] .card-body p,[data-theme=dark] .card-body span,[data-theme=dark] .card-header h2,[data-theme=dark] .card-header h3{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea,[data-theme=dark] .form-input{background-color:#dbeafe99!important;background-color:var(--bg-secondary)!important;border:2px solid #e2e8f0!important;border:2px solid var(--border-color)!important;color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:#94a3b8!important;color:var(--text-tertiary)!important;opacity:.7}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus,[data-theme=dark] .form-input:focus{background-color:#dbeafe99!important;background-color:var(--bg-secondary)!important;border-color:#1e40af!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #1e40af33!important;color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .form-group label{color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .form-grid{background:#0000}[data-theme=dark] .form-actions-new{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color)}[data-theme=dark] .emergency-contact-section-new{background-color:#dbeafe99;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color)}[data-theme=dark] .content-area,[data-theme=dark] .emergency-contact-section-new h3{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .content-area{background:#f0f9fff2!important;background:var(--bg-primary)!important;min-height:100%}[data-theme=dark] .content-area h1,[data-theme=dark] .content-area h2,[data-theme=dark] .content-area h3,[data-theme=dark] .content-area p,[data-theme=dark] .content-area span{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .info-cards-row-modern,[data-theme=dark] .overview-stats-grid,[data-theme=dark] .stats-row{background:#0000}[data-theme=dark] .card .btn.btn-sm{background:#bfdbfe66;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#1e293b;color:var(--text-primary)}[data-theme=dark] .card .btn.btn-sm:hover{background:#dbeafe99;background:var(--bg-secondary);border-color:#cbd5e1;border-color:var(--border-dark);color:#1e293b;color:var(--text-primary)}[data-theme=dark] .content-header h1,[data-theme=dark] .content-header h2,[data-theme=dark] .content-header p,[data-theme=dark] .section{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .section{background:#f0f9fff2!important;background:var(--bg-primary)!important}[data-theme=dark] .section h1,[data-theme=dark] .section h2,[data-theme=dark] .section h3,[data-theme=dark] .section p{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .dashboard-layout{background:#f0f9fff2!important;background:var(--bg-primary)!important}[data-theme=dark] .patient-dashboard-new{background:#f0f9fff2!important}[data-theme=dark] .appointments-content>*,[data-theme=dark] .billing-content>*,[data-theme=dark] .health-content>*,[data-theme=dark] .marketplace-content>*,[data-theme=dark] .subscription-content>*{background:#0000}[data-theme=dark] .appointment-time,[data-theme=dark] .appointment-time .date,[data-theme=dark] .appointment-time .time,[data-theme=dark] .appointment-time-top{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .appointment-card-new:before{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);box-shadow:0 2px 8px #1e40af4d}[data-theme=dark] .info-card-header-modern{background:#dbeafe99;background:var(--bg-secondary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color)}[data-theme=dark] .btn-change-modern,[data-theme=dark] .info-card-header-modern .info-card-title-modern{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .btn-change-modern{background:#dbeafe99;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color)}[data-theme=dark] .btn-change-modern:hover{background:linear-gradient(135deg,#1e40af,#2563eb)!important;background:var(--primary-gradient)!important;border-color:#1e40af!important;border-color:var(--primary-color)!important;color:#fff!important}[data-theme=dark] .data-list-modern,[data-theme=dark] .data-row-modern{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .banner-dot{background:#ffffff4d;border:2px solid #fff9}[data-theme=dark] .banner-dot:hover{background:#ffffff80}[data-theme=dark] .banner-dot.active{background:#ffffffe6;border-color:#ffffffe6}[data-theme=dark] .feature-add-btn-modern,[data-theme=dark] .feature-icon-modern{background:#dbeafe99;background:var(--bg-secondary);color:#1e293b;color:var(--text-primary)}[data-theme=dark] .feature-add-btn-modern{border:1px solid #e2e8f0;border:1px solid var(--border-color)}[data-theme=dark] .feature-add-btn-modern:hover{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);border-color:#1e40af;border-color:var(--primary-color);color:#fff}[data-theme=dark] .doctor-name-modern,[data-theme=dark] .doctor-specialty-modern{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .appointments-content *,[data-theme=dark] .billing-content *,[data-theme=dark] .health-content *,[data-theme=dark] .overview-content-modern *{color:inherit}[data-theme=dark] .appointments-content h1,[data-theme=dark] .appointments-content h2,[data-theme=dark] .appointments-content h3,[data-theme=dark] .appointments-content h4,[data-theme=dark] .appointments-content p,[data-theme=dark] .appointments-content span,[data-theme=dark] .billing-content h1,[data-theme=dark] .billing-content h2,[data-theme=dark] .billing-content h3,[data-theme=dark] .billing-content h4,[data-theme=dark] .billing-content p,[data-theme=dark] .billing-content span,[data-theme=dark] .health-content h1,[data-theme=dark] .health-content h2,[data-theme=dark] .health-content h3,[data-theme=dark] .health-content h4,[data-theme=dark] .health-content p,[data-theme=dark] .health-content span,[data-theme=dark] .overview-content-modern h1,[data-theme=dark] .overview-content-modern h2,[data-theme=dark] .overview-content-modern h3,[data-theme=dark] .overview-content-modern h4,[data-theme=dark] .overview-content-modern p,[data-theme=dark] .overview-content-modern span{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .subscription-content{background:#f0f9fff2!important;background:var(--bg-primary)!important;color:#1e293b;color:var(--text-primary);min-height:100%}[data-theme=dark] .subscription-content *{color:inherit}[data-theme=dark] .subscription-management{background:#f0f9fff2!important;background:var(--bg-primary)!important;color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .subscription-card{background:#ffffffe6!important;background:var(--bg-card)!important;border:1px solid #e2e8f0!important;border:1px solid var(--border-color)!important}[data-theme=dark] .subscription-card,[data-theme=dark] .subscription-card *{color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .prescriptions-content{background:#f0f9fff2;background:var(--bg-primary);color:#1e293b;color:var(--text-primary)}[data-theme=dark] .prescriptions-content *{color:inherit}[data-theme=dark] div[style*="color: #374151"],[data-theme=dark] div[style*="color: #6b7280"],[data-theme=dark] h3[style*="color: #374151"]{color:#1e293b!important;color:var(--text-primary)!important}.lab-reports-title{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.no-lab-reports-message{background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;color:#64748b;color:var(--text-secondary);padding:2rem;text-align:center}[data-theme=dark] .lab-reports-title{color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .no-lab-reports-message{background:#ffffffe6!important;background:var(--bg-card)!important}[data-theme=dark] .no-lab-reports-message,[data-theme=dark] button[style*="background: transparent"]{border:1px solid #e2e8f0!important;border:1px solid var(--border-color)!important;color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] button[style*="background: transparent"]{background:#dbeafe99!important;background:var(--bg-secondary)!important}[data-theme=dark] button[style*="background: #3b82f6"]{background:#1e40af!important;background:var(--primary-color)!important;color:#fff!important;color:var(--text-inverse)!important}[data-theme=dark] div[style*="background: #fee2e2"],[data-theme=dark] div[style*="color: #dc2626"]{background:#dbeafe99!important;background:var(--bg-secondary)!important;border:1px solid #ef4444!important;border:1px solid var(--danger-color)!important;color:#ef4444!important;color:var(--danger-color)!important}[data-theme=dark] div[style*="border-bottom: 2px solid #e5e7eb"]{border-bottom:2px solid #e2e8f0!important;border-bottom:2px solid var(--border-color)!important}[data-theme=dark] .prescription-card,[data-theme=dark] .prescription-item,[data-theme=dark] .prescription-list{background:#ffffffe6!important;background:var(--bg-card)!important;border:1px solid #e2e8f0!important;border:1px solid var(--border-color)!important;color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .prescription-card *,[data-theme=dark] .prescription-item *,[data-theme=dark] .prescription-list *{color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .billing-section,[data-theme=dark] .payment-history{background:#f0f9fff2;background:var(--bg-primary);color:#1e293b;color:var(--text-primary)}[data-theme=dark] .billing-section *,[data-theme=dark] .payment-history *{color:inherit}[data-theme=dark] .billing-item,[data-theme=dark] .payment-item{background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#1e293b;color:var(--text-primary)}[data-theme=dark] .billing-item *,[data-theme=dark] .payment-item *{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .billing-content .MuiBox-root,[data-theme=dark] .billing-content .MuiTypography-root{color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .billing-content .MuiTypography-root[color="text.secondary"]{color:#64748b!important;color:var(--text-secondary)!important}[data-theme=dark] .billing-content .MuiPaper-root{border:1px solid #e2e8f0!important;border:1px solid var(--border-color)!important}[data-theme=dark] .billing-content .MuiAlert-root,[data-theme=dark] .billing-content .MuiPaper-root{background:#ffffffe6!important;background:var(--bg-card)!important;color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .billing-content .MuiButton-root{border-color:#e2e8f0!important;border-color:var(--border-color)!important;color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .billing-content .MuiChip-root{background:#dbeafe99!important;background:var(--bg-secondary)!important;color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .billing-content .MuiChip-colorSuccess{background:#10b981!important;background:var(--secondary-color)!important;color:#fff!important}[data-theme=dark] .card-body div[style*="color: #6B6B6B"],[data-theme=dark] .card-body label[style*="color: #6B6B6B"],[data-theme=dark] .card-body span[style*="color: #6B6B6B"]{color:#64748b!important;color:var(--text-secondary)!important}[data-theme=dark] .card-body input,[data-theme=dark] .card-body input[style*="border: 1px solid #d1d5db"],[data-theme=dark] .card-body input[type=date],[data-theme=dark] .card-body input[type=email],[data-theme=dark] .card-body input[type=number],[data-theme=dark] .card-body input[type=tel],[data-theme=dark] .card-body input[type=text]{background:#dbeafe99!important;background:var(--bg-secondary)!important;border:1px solid #e2e8f0!important;border:1px solid var(--border-color)!important;color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .card-body input::placeholder{color:#94a3b8!important;color:var(--text-tertiary)!important;opacity:.7}[data-theme=dark] .card-body input:focus,[data-theme=dark] .card-body input[style*="border: 1px solid #d1d5db"]:focus{background:#dbeafe99!important;background:var(--bg-secondary)!important;border-color:#1e40af!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #1e40af33!important;color:#1e293b!important;color:var(--text-primary)!important;outline:none!important}[data-theme=dark] .card-body label{color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .card-body div[style*="border: 1px solid #e5e7eb"]{background:#dbeafe99!important;background:var(--bg-secondary)!important;border:1px solid #e2e8f0!important;border:1px solid var(--border-color)!important;color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .card-body div[style*="border: 1px solid #e5e7eb"] span,[data-theme=dark] .card-body>div>div>span:not([style*=color]){color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .billing-content .card input,[data-theme=dark] .billing-content .card-body input,[data-theme=dark] .billing-content input{background:#dbeafe99!important;background:var(--bg-secondary)!important;border:1px solid #e2e8f0!important;border:1px solid var(--border-color)!important;color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .billing-content .card input::placeholder,[data-theme=dark] .billing-content .card-body input::placeholder,[data-theme=dark] .billing-content input::placeholder{color:#94a3b8!important;color:var(--text-tertiary)!important;opacity:.7}[data-theme=dark] .billing-content .card input:focus,[data-theme=dark] .billing-content .card-body input:focus,[data-theme=dark] .billing-content input:focus{background:#dbeafe99!important;background:var(--bg-secondary)!important;border-color:#1e40af!important;border-color:var(--primary-color)!important;box-shadow:0 0 0 3px #1e40af33!important;color:#1e293b!important;color:var(--text-primary)!important;outline:none!important}[data-theme=dark] .billing-content .card label,[data-theme=dark] .billing-content .card span,[data-theme=dark] .billing-content .card-body label,[data-theme=dark] .billing-content .card-body span,[data-theme=dark] .billing-content label{color:#1e293b!important;color:var(--text-primary)!important}.payment-history-loading{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;flex-direction:column;gap:1rem;padding:2rem;text-align:center}[data-theme=dark] .payment-history-loading,[data-theme=dark] .payment-history-loading .MuiTypography-root{color:#64748b!important;color:var(--text-secondary)!important}.loyalty-points-display{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700}[data-theme=dark] .loyalty-points-display{color:#1e293b!important;color:var(--text-primary)!important}.content-area,.content-area :not([class*=Mui]):not([class*=material]),.dashboard-layout,.dashboard-layout :not([class*=Mui]):not([class*=material]),.dashboard-main,.dashboard-main :not([class*=Mui]):not([class*=material]),.patient-dashboard-new,.patient-dashboard-new :not([class*=Mui]):not([class*=material]),.sidebar-new,.sidebar-new :not([class*=Mui]):not([class*=material]),[class*=Mui]{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important;font-family:var(--font-family-primary)!important}.MuiButton-containedPrimary,.MuiChip-colorPrimary,[class*=MuiButton-containedPrimary],[class*=MuiButton-contained].MuiButton-colorPrimary,[class*=MuiChip-colorPrimary]{background-color:#1e40af!important;color:#fff!important}.MuiButton-containedPrimary:hover,[class*=MuiButton-containedPrimary]:hover,[class*=MuiButton-contained].MuiButton-colorPrimary:hover{background-color:#2563eb!important}.MuiButton-contained.MuiButton-colorPrimary,.MuiButton-root.MuiButton-containedPrimary,.MuiChip-colorPrimary,.MuiChip-root.MuiChip-colorPrimary,[class*=MuiButton][class*=Primary],[class*=MuiChip][class*=Primary],[style*="#6366f1"],[style*="#7c3aed"],[style*="#8b5cf6"],[style*="#9333ea"],[style*="#a855f7"],[style*="rgb(124, 58, 237)"],[style*="rgb(139, 92, 246)"],[style*="rgb(147, 51, 234)"],[style*="rgb(168, 85, 247)"],[style*="rgb(99, 102, 241)"],button.MuiButton-containedPrimary,button[class*=MuiButton-containedPrimary]{background-color:#1e40af!important;border-color:#1e40af!important;color:#fff!important}.MuiButton-contained.MuiButton-colorPrimary:hover,.MuiButton-root.MuiButton-containedPrimary:hover,button.MuiButton-containedPrimary:hover,button[class*=MuiButton-containedPrimary]:hover{background-color:#2563eb!important}.MuiButton-containedPrimary,.MuiCheckbox-colorPrimary,.MuiChip-colorPrimary,.MuiFab-primary,.MuiIconButton-colorPrimary,.MuiRadio-colorPrimary,.MuiSlider-colorPrimary,.MuiSwitch-colorPrimary{color:#fff!important}.MuiButton-containedPrimary{background-color:#1e40af!important}.MuiButton-containedPrimary:hover{background-color:#2563eb!important}[class*=Mui][class*=Primary],[class*=Mui][class*=primary]{background-color:#1e40af!important;border-color:#1e40af!important;color:#fff!important}.appointment-card-new,.appointment-card-new *,.appointment-card-top,.appointment-card-top *,.appointment-preview-card,.appointment-preview-card *,.appointments-content,.appointments-content *,.appointments-grid,.appointments-grid *,.appointments-preview-top,.appointments-preview-top *,.appointments-top-section,.appointments-top-section *,.billing-content,.billing-content *,.billing-content .left-col,.billing-content .left-col *,.billing-content .right-col,.billing-content .right-col *,.feature-cards-section-modern,.feature-cards-section-modern *,.greeting-section-modern,.greeting-section-modern *,.health-content,.health-content *,.health-tips-banner,.health-tips-banner *,.health-tips-content,.health-tips-content *,.health-tips-header,.health-tips-header *,.info-cards-row-modern,.info-cards-row-modern *,.marketplace-content,.marketplace-content *,.marketplace-dashboard,.marketplace-dashboard *,.marketplace-info,.marketplace-info *,.marketplace-quick-actions,.marketplace-quick-actions *,.marketplace-stats,.marketplace-stats *,.overview-content-modern,.overview-content-modern *,.overview-stats-grid,.overview-stats-grid *,.prescriptions-content,.prescriptions-content *,.stats-section-secondary,.stats-section-secondary *,.subscription-content,.subscription-content *,.top-priority-section,.top-priority-section *{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important;font-family:var(--font-family-primary)!important}.prescriptions-content{box-sizing:border-box;max-width:100%;overflow-x:hidden;width:100%}@media (max-width:480px){.prescriptions-content{padding:.75rem!important}}@media (min-width:481px) and (max-width:768px){.prescriptions-content{padding:1rem!important}}@media (min-width:769px) and (max-width:1024px){.prescriptions-content{padding:1.5rem!important}}@media (min-width:1025px){.prescriptions-content{padding:2rem!important}}.action-card,.appointment-card-new,.content-area,.dashboard-layout,.dashboard-main,.dashboard-sidebar,.main-header,.modal-content-new,.modal-overlay-new,.patient-dashboard-new,.section,.stat-card{transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .3s cubic-bezier(.4,0,.2,1);transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),backdrop-filter .3s cubic-bezier(.4,0,.2,1);transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),backdrop-filter .3s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .3s cubic-bezier(.4,0,.2,1)}body{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family-primary)}.patient-dashboard-new{background:#f0f9ffcc;background:var(--bg-gradient-primary);background-attachment:fixed;min-height:100vh;overflow:hidden;position:relative;transition:all .3s ease}.patient-dashboard-new:before{animation:modernBackgroundFlow 20s ease-in-out infinite;background-image:radial-gradient(circle at 25% 25%,#1e40af1f 0,#0000 50%),radial-gradient(circle at 75% 75%,#2563eb1a 0,#0000 50%),radial-gradient(circle at 50% 50%,#3b82f614 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:0}[data-theme=dark] .patient-dashboard-new:before{background-image:radial-gradient(circle at 25% 25%,#1e40af73 0,#0000 50%),radial-gradient(circle at 75% 75%,#2563eb66 0,#0000 50%),radial-gradient(circle at 50% 50%,#3b82f659 0,#0000 50%)}[data-theme=dark] .patient-dashboard-new:after{background-image:radial-gradient(circle at 20% 80%,#1e40af66 0,#0000 60%),radial-gradient(circle at 80% 20%,#10b98159 0,#0000 60%),radial-gradient(circle at 40% 40%,#2563eb4d 0,#0000 60%)}@keyframes modernBackgroundFlow{0%,to{opacity:.6;transform:scale(1) rotate(0deg)}25%{opacity:.8;transform:scale(1.1) rotate(90deg)}50%{opacity:1;transform:scale(.9) rotate(180deg)}75%{opacity:.7;transform:scale(1.05) rotate(270deg)}}.patient-dashboard-new:after{animation:backgroundPulse 12s ease-in-out infinite;background-image:radial-gradient(circle at 20% 80%,#1e40af26 0,#0000 60%),radial-gradient(circle at 80% 20%,#10b9811f 0,#0000 60%),radial-gradient(circle at 40% 40%,#2563eb1a 0,#0000 60%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;transition:opacity .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}@keyframes backgroundPulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.dashboard-layout:before{animation:floatIcon1 15s ease-in-out infinite,floatIcon2 18s ease-in-out 2s infinite,floatIcon3 20s ease-in-out 4s infinite,floatIcon4 22s ease-in-out 6s infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231E40AF' stroke-opacity='.15'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4.318 6.318a4.5 4.5 0 0 0 0 6.364L12 20.364l7.682-7.682a4.5 4.5 0 0 0-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 0 0-6.364 0z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%2310B981' stroke-opacity='.12'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6V4m0 2a2 2 0 1 0 0 4m0-4a2 2 0 1 1 0 4m-6 8a2 2 0 1 0 0-4m0 4a2 2 0 1 0 0 4m0-4v2m0-6V4m6 6v10m6-2a2 2 0 1 0 0-4m0 4a2 2 0 1 0 0 4m0-4v2m0-6V4'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23F59E0B' stroke-opacity='.1'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 4.354a4 4 0 1 1 0 5.292M15 21H3v-1a6 6 0 0 1 12 0v1zm0 0h.01M13 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%23EF4444' stroke-opacity='.11'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0z'/%3E%3C/svg%3E");background-position:10% 20%,85% 30%,30% 70%,70% 80%;background-repeat:no-repeat;background-size:24px 24px,20px 20px,18px 18px,22px 22px;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:0}[data-theme=dark] .dashboard-layout:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%231E40AF' stroke-opacity='.45'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4.318 6.318a4.5 4.5 0 0 0 0 6.364L12 20.364l7.682-7.682a4.5 4.5 0 0 0-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 0 0-6.364 0z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%2310B981' stroke-opacity='.42'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 6V4m0 2a2 2 0 1 0 0 4m0-4a2 2 0 1 1 0 4m-6 8a2 2 0 1 0 0-4m0 4a2 2 0 1 0 0 4m0-4v2m0-6V4m6 6v10m6-2a2 2 0 1 0 0-4m0 4a2 2 0 1 0 0 4m0-4v2m0-6V4'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%23F59E0B' stroke-opacity='.4'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 4.354a4 4 0 1 1 0 5.292M15 21H3v-1a6 6 0 0 1 12 0v1zm0 0h.01M13 7a4 4 0 1 1-8 0 4 4 0 0 1 8 0z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%23EF4444' stroke-opacity='.41'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 8v4l3 3m6-3a9 9 0 1 1-18 0 9 9 0 0 1 18 0z'/%3E%3C/svg%3E")}@keyframes floatIcon1{0%,to{opacity:.1;transform:translateY(0) rotate(0deg)}25%{opacity:.15;transform:translateY(-20px) rotate(90deg)}50%{opacity:.08;transform:translateY(-10px) rotate(180deg)}75%{opacity:.12;transform:translateY(-30px) rotate(270deg)}}@keyframes floatIcon2{0%,to{opacity:.08;transform:translateY(0) translateX(0)}33%{opacity:.12;transform:translateY(-25px) translateX(10px)}66%{opacity:.06;transform:translateY(-15px) translateX(-10px)}}@keyframes floatIcon3{0%,to{opacity:.06;transform:translateY(0) scale(1)}50%{opacity:.1;transform:translateY(-35px) scale(1.1)}}@keyframes floatIcon4{0%,to{opacity:.07;transform:translateY(0) rotate(0deg) scale(1)}25%{opacity:.12;transform:translateY(-15px) rotate(45deg) scale(.9)}50%{opacity:.05;transform:translateY(-25px) rotate(90deg) scale(1.05)}75%{opacity:.09;transform:translateY(-10px) rotate(135deg) scale(.95)}}.dashboard-layout:after{animation:heartbeat 2s ease-in-out infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none' stroke='%231E40AF' stroke-opacity='.18'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4.318 6.318a4.5 4.5 0 0 0 0 6.364L12 20.364l7.682-7.682a4.5 4.5 0 0 0-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 0 0-6.364 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;bottom:5%;content:"";height:60px;pointer-events:none;position:fixed;right:8%;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px;z-index:0}[data-theme=dark] .dashboard-layout:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none' stroke='%231E40AF' stroke-opacity='.55'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4.318 6.318a4.5 4.5 0 0 0 0 6.364L12 20.364l7.682-7.682a4.5 4.5 0 0 0-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 0 0-6.364 0z'/%3E%3C/svg%3E");filter:drop-shadow(0 0 20px rgba(30,64,175,.5))}@keyframes heartbeat{0%{opacity:.12;transform:scale(1)}14%{opacity:.2;transform:scale(1.3)}28%{opacity:.12;transform:scale(1)}42%{opacity:.2;transform:scale(1.3)}70%{opacity:.12;transform:scale(1)}}.content-area:before{animation:dnaRotate 8s ease-in-out infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='180' fill='none'%3E%3Cg stroke='%2310B981' stroke-opacity='.4' stroke-width='4'%3E%3Cpath d='M15 15q15 15 30 0-15-15-30 0M15 45q15 15 30 0-15-15-30 0M15 75q15 15 30 0-15-15-30 0M15 105q15 15 30 0-15-15-30 0M15 135q15 15 30 0-15-15-30 0M15 165q15 15 30 0-15-15-30 0'/%3E%3Cpath stroke-width='3' d='M22 22h16M22 52h16M22 82h16M22 112h16M22 142h16'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";filter:drop-shadow(0 0 10px rgba(16,185,129,.3));height:180px;left:3%;pointer-events:none;position:fixed;top:20%;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px;z-index:10}[data-theme=dark] .content-area:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='180' fill='none'%3E%3Cg stroke='%2310B981' stroke-opacity='.7' stroke-width='4'%3E%3Cpath d='M15 15q15 15 30 0-15-15-30 0M15 45q15 15 30 0-15-15-30 0M15 75q15 15 30 0-15-15-30 0M15 105q15 15 30 0-15-15-30 0M15 135q15 15 30 0-15-15-30 0M15 165q15 15 30 0-15-15-30 0'/%3E%3Cpath stroke-width='3' d='M22 22h16M22 52h16M22 82h16M22 112h16M22 142h16'/%3E%3C/g%3E%3C/svg%3E");filter:drop-shadow(0 0 15px rgba(16,185,129,.5))}@keyframes dnaRotate{0%,to{opacity:.08;transform:rotateY(0deg) rotate(0deg)}25%{opacity:.12;transform:rotateY(90deg) rotate(90deg)}50%{opacity:.06;transform:rotateY(180deg) rotate(180deg)}75%{opacity:.1;transform:rotateY(270deg) rotate(270deg)}}.content-area:after{animation:medicalCrossPulse 4s ease-in-out infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cg stroke='%23EF4444' stroke-opacity='.15' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M16 6v20M6 16h20'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";height:32px;pointer-events:none;position:fixed;right:15%;top:60%;transition:all .3s cubic-bezier(.4,0,.2,1);width:32px;z-index:0}[data-theme=dark] .content-area:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none'%3E%3Cg stroke='%23EF4444' stroke-opacity='.5' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M16 6v20M6 16h20'/%3E%3C/g%3E%3C/svg%3E");filter:drop-shadow(0 0 15px rgba(239,68,68,.3))}@keyframes medicalCrossPulse{0%,to{opacity:.1;transform:scale(1) rotate(0deg)}25%{opacity:.15;transform:scale(1.2) rotate(90deg)}50%{opacity:.08;transform:scale(.8) rotate(180deg)}75%{opacity:.12;transform:scale(1.1) rotate(270deg)}}.dashboard-layout{display:flex;min-height:100vh;position:relative;z-index:10}.sidebar-new{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-right:1px solid #dbeafe80;box-shadow:2px 0 24px #0000000a;display:flex;flex-direction:column;height:100vh;left:0;overflow-x:hidden;overflow-y:hidden;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:280px;z-index:1000}.sidebar-new.collapsed{width:80px}.sidebar-new::-webkit-scrollbar{width:4px}.sidebar-new::-webkit-scrollbar-track{background:#0000}.sidebar-new::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color);border-radius:2px}.sidebar-new::-webkit-scrollbar-thumb:hover{background:#cbd5e1;background:var(--border-dark)}.sidebar-header-new{background:#dbeafe4d;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);flex-shrink:0;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);position:relative}.logo-container-new,.sidebar-logo-new{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.logo-container-new{flex:1 1}.logo-icon-new{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb)!important;background:var(--primary-gradient)!important;background-color:#1e40af!important;border:1px solid #fff3;border-radius:.5rem;border-radius:var(--radius-md);color:#fff!important;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .3s ease;width:36px}.logo-icon-new,.logo-icon-new:hover{box-shadow:0 6px 20px #1e40af66,inset 0 1px 0 #fff3}.logo-icon-new:hover{background:linear-gradient(135deg,#2563eb,#1e40af);background:var(--primary-gradient-hover);border:1px solid #ffffff4d;transform:translateY(-2px) scale(1.05)}.logo-icon-new i{height:24px;width:24px}.logo-text-container-new{display:flex;flex-direction:column;gap:2px}.logo-text-new{color:#1e293b;color:var(--text-primary);font-size:1.125rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}.logo-tagline-new{color:#94a3b8;color:var(--text-tertiary);font-size:.625rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.sidebar-collapse-btn-new{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb)!important;background:var(--primary-gradient)!important;background-color:#1e40af!important;border:1px solid #fff3;border-radius:.375rem;border-radius:var(--radius-sm);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);color:#fff!important;cursor:pointer;display:flex;height:28px;justify-content:center;padding:0;position:absolute;right:1rem;right:var(--spacing-md);top:1rem;top:var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1);width:28px}.sidebar-collapse-btn-new:hover{background:linear-gradient(135deg,#2563eb,#1e40af);background:var(--primary-gradient-hover);border-color:#ffffff4d;box-shadow:0 6px 20px #1e40af66,inset 0 1px 0 #fff3;color:#fff;transform:translateY(-3px) scale(1.02)}.sidebar-collapse-btn-new i{height:16px;width:16px}.sidebar-profile-card-new{align-items:center;background:#dbeafe66;border:1px solid #dbeafe99;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 2px 8px #1e40af1a;cursor:pointer;display:flex;flex-shrink:0;gap:.5rem;gap:var(--spacing-sm);margin:1rem 1.5rem;margin:var(--spacing-md) var(--spacing-lg);overflow:hidden;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all .3s ease}.sidebar-profile-card-new:before{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);box-shadow:0 2px 8px #1e40af4d;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.sidebar-profile-card-new:hover{background:#dbeafe99;border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 6px 20px #1e40af4d,inset 0 1px 0 #ffffff1a;transform:translateY(-2px)}.sidebar-profile-card-new:hover:before{opacity:1}.profile-avatar-new{align-items:center;background:#dbeafe99;background:var(--bg-secondary);border:2px solid #1e40af;border:2px solid var(--primary-color);border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;overflow:hidden;position:relative;width:36px}.profile-avatar-new img{height:100%;object-fit:cover;width:100%}.profile-avatar-placeholder-new{align-items:center;color:#1e40af;color:var(--primary-color);display:flex;height:100%;justify-content:center;width:100%}.profile-avatar-placeholder-new i{height:24px;width:24px}.profile-status-new{background:#10b981;border:2px solid #fff;border-radius:50%;bottom:2px;height:12px;position:absolute;right:2px;width:12px}.profile-info-new{flex:1 1;min-width:0}.profile-name-new{color:#1e293b;color:var(--text-primary);font-size:.8125rem;font-weight:700;line-height:1.2;margin-bottom:1px}.profile-email-new,.profile-name-new{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-email-new{color:#64748b;color:var(--text-secondary);font-size:.6875rem}.profile-edit-btn-new{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb)!important;background:var(--primary-gradient)!important;background-color:#1e40af!important;border:1px solid #fff3;border-radius:.375rem;border-radius:var(--radius-sm);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);color:#fff!important;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:28px}.profile-edit-btn-new:hover{background:linear-gradient(135deg,#2563eb,#1e40af);background:var(--primary-gradient-hover);border-color:#ffffff4d;box-shadow:0 6px 20px #1e40af66,inset 0 1px 0 #fff3;color:#fff;transform:translateY(-3px) scale(1.02)}.profile-edit-btn-new i{height:14px;width:14px}.sidebar-nav-new{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:visible;padding:.5rem 0;padding:var(--spacing-sm) 0}.nav-group-new{flex-shrink:0;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);padding:0 1.5rem;padding:0 var(--spacing-lg)}.nav-group-label-new{color:#94a3b8;color:var(--text-tertiary);font-size:.625rem;font-weight:700;letter-spacing:.1em;margin-bottom:.25rem;margin-bottom:var(--spacing-xs);padding:0 .5rem;padding:0 var(--spacing-sm);text-transform:uppercase}.nav-items-new{display:flex;flex-direction:column;gap:2px}.nav-item-new{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--spacing-sm);min-height:36px;overflow:hidden;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);position:relative;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.nav-item-new:before{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);border-radius:0 2px 2px 0;box-shadow:0 0 6px #1e40af66;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .2s ease;width:3px}.nav-item-new:hover{background:#1e40af1a;box-shadow:0 2px 8px #1e40af26;color:#1e40af;color:var(--primary-color);transform:translateX(4px)}.nav-item-new:hover:before{box-shadow:0 0 6px #1e40af4d;height:60%}.nav-item-new.active{background:linear-gradient(135deg,#1e40af,#2563eb)!important;background:var(--primary-gradient)!important;background-color:#1e40af!important;border-left:3px solid #ffffff4d;box-shadow:0 2px 8px #1e40af26;color:#fff!important;font-weight:600}.nav-item-new.active:before{background:#ffffff4d;box-shadow:0 0 8px #ffffff4d;height:80%}.nav-item-icon-new{align-items:center;background:#dbeafe99;background:var(--bg-secondary);border-radius:.375rem;border-radius:var(--radius-sm);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);color:#64748b;color:var(--text-secondary);display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.nav-item-new:hover .nav-item-icon-new{background:linear-gradient(135deg,#1e40af,#2563eb)!important;background:var(--primary-gradient)!important;background-color:#1e40af!important;border:1px solid #fff3;box-shadow:0 6px 20px #1e40af66,inset 0 1px 0 #fff3;color:#fff!important;transform:scale(1.1) translateY(-2px)}.nav-item-new.active .nav-item-icon-new{background:#fff3;border:1px solid #fff3;box-shadow:0 6px 20px #1e40af66,inset 0 1px 0 #fff3;color:#fff;transform:scale(1.05)}.nav-item-icon-new i{height:18px;width:18px}.nav-item-text-new{flex:1 1;white-space:nowrap}.nav-item-indicator-new{background:#1e40af;background:var(--primary-color);border-radius:50%;flex-shrink:0;height:6px;width:6px}.emergency-group-new{border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light);flex-shrink:0;margin-top:auto;padding-bottom:.5rem;padding-bottom:var(--spacing-sm);padding-top:.5rem;padding-top:var(--spacing-sm)}.emergency-item-new{background:#ef4444;background:var(--danger-gradient);border:1px solid #fff3;box-shadow:0 6px 20px #ef444466,inset 0 1px 0 #fff3;color:#fff;font-weight:700;margin:0}.emergency-item-new:before{display:none}.emergency-item-new:hover{background:#dc2626;background:var(--danger-gradient-hover);border:1px solid #ffffff4d;box-shadow:0 6px 20px #ef444466,inset 0 1px 0 #fff3;letter-spacing:.03em;transform:translateY(-3px) scale(1.02)}.emergency-icon-new{background:#fff3;color:#fff}.emergency-item-new:hover .emergency-icon-new{background:#ffffff4d;transform:scale(1.1)}.emergency-badge-new{background:#fff3;border-radius:.375rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;padding:2px 8px}.sidebar-footer-new{background:#dbeafe99;background:var(--bg-secondary);border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light);flex-direction:column;flex-shrink:0;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.footer-row,.sidebar-footer-new{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-xs)}.footer-row{flex-direction:row;justify-content:center;width:100%}.sidebar-language-toggle{display:flex;flex:1 1;justify-content:center;min-width:0;padding:0}.sidebar-language-toggle-collapsed{display:flex;justify-content:center;margin-bottom:.25rem;margin-bottom:var(--spacing-xs);padding:0 .25rem;padding:0 var(--spacing-xs);width:100%}.sidebar-language-toggle .language-toggle,.sidebar-language-toggle-collapsed .language-toggle{max-width:120px;width:100%}@media (max-width:768px){.sidebar-language-toggle .language-toggle,.sidebar-language-toggle-collapsed .language-toggle{max-width:100px}.footer-row{gap:.25rem;gap:var(--spacing-xs)}.footer-action-new{font-size:.7rem;padding:.25rem;padding:var(--spacing-xs)}.footer-action-new span{font-size:.6rem}}@media (max-width:480px){.footer-row{flex-wrap:wrap;gap:.25rem;gap:var(--spacing-xs)}.footer-action-new,.sidebar-language-toggle{min-width:calc(50% - .125rem);min-width:calc(50% - var(--spacing-xs)/2)}}.footer-action-new{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb)!important;background:var(--primary-gradient)!important;background-color:#1e40af!important;border:1px solid #fff3;border-radius:.375rem;border-radius:var(--radius-sm);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);color:#fff!important;cursor:pointer;display:flex;flex:1 1;flex-direction:column;font-size:.75rem;font-weight:600;gap:.25rem;gap:var(--spacing-xs);justify-content:center;min-width:0;padding:.25rem;padding:var(--spacing-xs);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-action-new:hover{background:linear-gradient(135deg,#2563eb,#1e40af);background:var(--primary-gradient-hover);border-color:#ffffff4d;box-shadow:0 6px 20px #1e40af66,inset 0 1px 0 #fff3;color:#fff;letter-spacing:.03em;transform:translateY(-3px) scale(1.02)}.footer-action-new i{height:16px;margin-bottom:2px;width:16px}.footer-action-new span{font-size:.625rem}.sidebar-new.collapsed .emergency-badge-new,.sidebar-new.collapsed .logo-text-container-new,.sidebar-new.collapsed .nav-group-label-new,.sidebar-new.collapsed .nav-item-text-new,.sidebar-new.collapsed .profile-edit-btn-new,.sidebar-new.collapsed .profile-info-new,.sidebar-new.collapsed .sidebar-footer-new{display:none}.sidebar-new.collapsed .sidebar-profile-card-new{margin:.5rem 1rem;margin:var(--spacing-sm) var(--spacing-md)}.sidebar-new.collapsed .nav-item-new,.sidebar-new.collapsed .sidebar-profile-card-new{justify-content:center;padding:.25rem;padding:var(--spacing-xs)}.sidebar-new.collapsed .nav-item-icon-new{height:36px;width:36px}[data-theme=dark] .sidebar-new{background:#1a2332f2;border-right-color:#ffffff1a}[data-theme=dark] .sidebar-header-new{background:#1e40af26;border-bottom-color:#ffffff1a}[data-theme=dark] .sidebar-profile-card-new{background:#1e40af33;border-color:#ffffff1a;box-shadow:0 2px 8px #1e40af33}[data-theme=dark] .nav-item-new{color:#64748b;color:var(--text-secondary)}[data-theme=dark] .nav-item-new:hover{background:#ffffff0d;color:#1e293b;color:var(--text-primary)}[data-theme=dark] .nav-item-icon-new{background:#ffffff0d}[data-theme=dark] .sidebar-footer-new{background:#ffffff05;border-top-color:#ffffff1a}@media (max-width:1024px){.sidebar-new{box-shadow:4px 0 24px #0000001a;transform:translateX(-100%)}.sidebar-new.mobile-open{transform:translateX(0)}}.dashboard-sidebar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#f0f9ffd9;background:var(--bg-glass-strong);border-right:1px solid #e2e8f04d;box-shadow:0 8px 32px 0 #00000026;box-shadow:var(--shadow-glass);height:100vh;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease;width:280px;width:var(--sidebar-width);z-index:1000}.dashboard-sidebar.collapsed{width:80px;width:var(--sidebar-collapsed)}.dashboard-sidebar::-webkit-scrollbar{width:6px}.dashboard-sidebar::-webkit-scrollbar-track{background:#0000}.dashboard-sidebar::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color);border-radius:3px}.dashboard-sidebar::-webkit-scrollbar-thumb:hover{background:#cbd5e1;background:var(--border-dark)}.sidebar-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);min-height:auto;padding:2rem 1.5rem;padding:var(--spacing-xl) var(--spacing-lg)}.logo-modern{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs);width:100%}.logo-hexagon{align-items:center;background:#3b82f6;background:var(--info-gradient);box-shadow:0 4px 16px #3b82f659,inset 0 1px 0 #fff3;-webkit-clip-path:polygon(30% 0,70% 0,100% 50%,70% 100%,30% 100%,0 50%);clip-path:polygon(30% 0,70% 0,100% 50%,70% 100%,30% 100%,0 50%);display:flex;height:60px;justify-content:center;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);width:60px}.logo-text-modern{color:#fff;font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.logo-tagline{font-size:.75rem;font-weight:400;margin-left:0}.logo-tagline,.sidebar-toggle{color:#64748b;color:var(--text-secondary)}.sidebar-toggle{background:none;border-radius:.5rem;border-radius:var(--radius-md);padding:var(--spacing-sm);position:absolute;right:1rem;right:var(--spacing-md);top:1.5rem;top:var(--spacing-lg);transition:all .2s ease;z-index:10}.sidebar-toggle:hover{background-color:#dbeafe99;background-color:var(--bg-secondary);color:#1e293b;color:var(--text-primary)}.sidebar-user-profile{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;gap:1rem;gap:var(--spacing-md);padding:1.5rem;padding:var(--spacing-lg)}.sidebar-user-avatar{align-items:center;background:#dbeafe99;background:var(--bg-secondary);border-radius:50%;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;width:48px}.sidebar-user-avatar img{height:100%;object-fit:cover;width:100%}.sidebar-avatar-placeholder{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;height:100%;justify-content:center;width:100%}.sidebar-avatar-placeholder i{height:24px;width:24px}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-name{color:#1e293b;color:var(--text-primary);font-size:.95rem;font-weight:600;margin-bottom:2px}.sidebar-user-email,.sidebar-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-email{color:#64748b;color:var(--text-secondary);font-size:.75rem}.sidebar-nav{padding:1.5rem 0;padding:var(--spacing-lg) 0}.nav-section{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.nav-section.emergency{padding-top:2rem;padding-top:var(--spacing-xl)}.nav-section-bottom,.nav-section.emergency{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:auto}.nav-section-bottom{padding-top:1.5rem;padding-top:var(--spacing-lg)}.nav-item-bottom{font-size:.875rem}.nav-item,.nav-item-bottom{color:#64748b;color:var(--text-secondary)}.nav-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:1rem;gap:var(--spacing-md);margin-bottom:.25rem;margin-bottom:var(--spacing-xs);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);text-align:left;transition:all .2s ease,background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);width:100%}.nav-item:hover{background-color:#dbeafe99;background-color:var(--bg-secondary);color:#1e293b;color:var(--text-primary)}.nav-item.active{background-color:#1e40af;background-color:var(--primary-color)}.nav-item.active,.nav-item.emergency-btn{color:#fff;color:var(--text-inverse);font-weight:600}.nav-item.emergency-btn{background:#ef4444;background:var(--danger-gradient);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);margin:0 1rem;margin:0 var(--spacing-md)}.nav-item.emergency-btn:hover{background:#dc2626;background:var(--danger-gradient-hover);box-shadow:0 6px 20px #ef444473,inset 0 1px 0 #fff3;box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.nav-item i{flex-shrink:0;height:20px;width:20px}.dashboard-main{background:#f0f9ff99;flex:1 1;margin-left:280px;min-height:100vh;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:10}[data-theme=dark] .dashboard-main{background:#f0f9fff2!important;background:var(--bg-primary)!important}.dashboard-sidebar.collapsed+.dashboard-main,.sidebar-new.collapsed+.dashboard-main{margin-left:80px}@media (max-width:1024px){.dashboard-main{margin-left:0}}.main-header-modern{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border-bottom:1px solid #dbeafe80;box-shadow:0 2px 8px #0000000a;display:flex;gap:1rem;gap:var(--spacing-md);justify-content:flex-end;padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-icons-modern{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.header-icon-btn{align-items:center;background:#f0f9fff2;background:var(--bg-primary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.header-icon-btn:hover{background:#dbeafe99;background:var(--bg-secondary);border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 4px 12px #00000014;color:#1e40af;color:var(--primary-color);transform:translateY(-2px)}.header-icon-btn i{height:20px;width:20px}.icon-badge{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:2px solid #fff;border-radius:10px;box-shadow:0 2px 8px #ef44444d;color:#fff;display:flex;font-size:.6875rem;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px;position:absolute;right:-2px;top:-2px}.header-user-profile{border:2px solid #f1f5f9;border:2px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);padding:2px;transition:all .3s ease}.header-user-profile:hover{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 4px 12px #1e40af26}.header-user-avatar{align-items:center;background:#dbeafe99;background:var(--bg-secondary);border:2px solid #1e40af;border:2px solid var(--primary-color);border-radius:50%;display:flex;height:40px;justify-content:center;overflow:hidden;width:40px}.header-user-avatar img{height:100%;object-fit:cover;width:100%}.header-avatar-placeholder{align-items:center;color:#1e40af;color:var(--primary-color);display:flex;height:100%;justify-content:center;width:100%}.header-avatar-placeholder i{height:20px;width:20px}.main-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#f0f9ffd9;background:var(--bg-glass-strong);border-bottom:1px solid #e2e8f04d;box-shadow:0 8px 32px 0 #00000026;box-shadow:var(--shadow-glass);min-height:80px;padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl);z-index:100}.header-left h1{color:#1e293b;color:var(--text-primary);font-weight:900;letter-spacing:-.025em;line-height:1.2;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.header-left h1,.header-subtitle{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family-primary)}.header-subtitle{color:var(--text-secondary);font-weight:600;line-height:1.4}.header-right{align-items:center;display:flex;gap:1.5rem;gap:var(--spacing-lg)}.user-profile-section{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;border-radius:var(--radius-xl);display:flex;gap:1rem;gap:var(--spacing-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.user-profile-section:hover{background:#ffffff26;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.user-profile{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 12px #0000001a;gap:.5rem;gap:var(--spacing-sm);min-width:200px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-profile:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.user-profile:hover:before{left:100%}.user-profile:hover{background:#ffffff26;border-color:#ffffff4d;box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.user-avatar{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);border:3px solid #fff6;box-shadow:0 4px 16px #1e40af59,inset 0 1px 0 #fff3;box-shadow:0 4px 12px #0003;flex-shrink:0;font-size:1rem;font-weight:700;position:relative}.user-avatar img{border-radius:50%}.user-info{flex:1 1;gap:2px;min-width:0}.user-name{font-size:.95rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-name,.user-role{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family-primary)}.user-role{font-weight:500;letter-spacing:.05em;line-height:1;text-transform:uppercase}.user-profile .feather{color:#64748b;color:var(--text-secondary);flex-shrink:0;height:20px;transition:all .3s ease;width:20px}.user-profile:hover .feather{color:#1e293b;color:var(--text-primary);transform:rotate(180deg)}[data-theme=dark] .user-profile{background:#ffffff14;border:1px solid #ffffff26;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .user-profile:hover{background:#ffffff1f;border-color:#ffffff40;box-shadow:0 8px 20px #0006}[data-theme=dark] .user-avatar{border:3px solid #fff3;box-shadow:0 4px 12px #0006}[data-theme=dark] .user-name{color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .user-role{color:#64748b!important;color:var(--text-secondary)!important}.logout-btn,.notification-btn,.theme-toggle-btn{align-items:center;background-color:#dbeafe99;background-color:var(--bg-secondary);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;position:relative;transition:all .2s ease;width:44px}.notification-btn:hover,.theme-toggle-btn:hover{background-color:#bfdbfe66;background-color:var(--bg-tertiary);color:#1e293b;color:var(--text-primary);transform:translateY(-1px)}.logout-btn{background:#ef4444!important;background:var(--danger-gradient)!important;border:1px solid #fff3!important;box-shadow:0 4px 16px #ef444459,inset 0 1px 0 #fff3!important;color:#fff!important}.logout-btn:hover{background:#dc2626!important;background:var(--danger-gradient-hover)!important;box-shadow:0 6px 20px #ef444473,inset 0 1px 0 #ffffff4d!important;box-shadow:0 8px 20px #ef444466!important;color:#fff!important;transform:translateY(-2px)!important}.logout-btn:active{box-shadow:0 2px 8px #ef44444d!important;transform:translateY(0)!important}.notification-badge{align-items:center;background-color:#ef4444;background-color:var(--danger-color);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:18px;justify-content:center;position:absolute;right:-2px;top:-2px;width:18px}.notification-dropdown{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008;box-shadow:var(--shadow-xl);margin-top:8px;position:absolute;right:0;top:100%;width:350px;z-index:1000}.notification-header{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:16px 20px}.notification-header h4{color:#1e293b;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.close-btn,.mark-all-read-btn{background:none;border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#64748b;color:var(--text-secondary);cursor:pointer;padding:4px;transition:all .2s ease}.close-btn:hover,.mark-all-read-btn:hover{background-color:#bfdbfe66;background-color:var(--bg-tertiary);color:#1e293b;color:var(--text-primary)}.notification-content .activity-item.unread{background-color:#3b82f60d;border-left:3px solid #3b82f6}.notification-content .activity-item.read{opacity:.7}.no-notifications{color:#64748b;color:var(--text-secondary);padding:40px 20px;text-align:center}.no-notifications i{display:block;height:48px;margin:20px auto;opacity:.3;width:48px}.no-notifications p{font-size:.95rem;margin:10px 0 0}.notification-footer{border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light);padding:12px 20px;text-align:center}.notification-footer button{background:linear-gradient(135deg,#1e40af,#2563eb)!important;background:var(--primary-gradient)!important;background-color:#1e40af!important;border:1px solid #fff3;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);color:#fff!important;cursor:pointer;font-size:.9rem;font-weight:600;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-footer button:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;background:var(--primary-gradient-hover)!important;background-color:#2563eb!important;box-shadow:0 4px 12px #1e40af4d,inset 0 1px 0 #fff3;color:var(--primary-hover);text-decoration:underline;transform:translateY(-2px) scale(1.02)}.close-btn:hover{background-color:#bfdbfe66;background-color:var(--bg-tertiary);color:#1e293b;color:var(--text-primary)}.notification-content{max-height:400px;overflow-y:auto;padding:8px 0}.notification-content .activity-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);display:flex;padding:12px 20px;transition:background-color .2s ease}.notification-content .activity-item:last-child{border-bottom:none}.notification-content .activity-item:hover{background-color:#dbeafe99;background-color:var(--bg-secondary)}.notification-content .activity-icon{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);border-radius:50%;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:12px;width:40px}.notification-content .activity-icon i{color:#fff;font-size:1rem}.notification-content .activity-content{flex:1 1;min-width:0}.notification-content .activity-content h4{color:#1e293b;color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 4px}.notification-content .activity-content p{color:#64748b;color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:0 0 4px}.notification-content .activity-time{color:#94a3b8;color:var(--text-tertiary);font-size:.75rem;font-weight:500}.user-profile{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:1rem;gap:var(--spacing-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.user-avatar,.user-profile:hover{background-color:#dbeafe99;background-color:var(--bg-secondary)}.user-avatar{border-radius:.75rem;border-radius:var(--radius-lg);height:44px;overflow:hidden;width:44px}.user-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{color:#64748b;color:var(--text-secondary)}.user-info{flex-direction:column}.user-name{color:#1e293b;color:var(--text-primary);font-size:.9rem;font-weight:600}.user-role{color:#64748b;color:var(--text-secondary);font-size:.8rem}.health-tips-banner{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#10b9811f;border:1px solid #10b9814d;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 2px 8px #10b98126;box-shadow:0 8px 32px #10b9811a;margin-bottom:2rem;margin-bottom:var(--spacing-xl);overflow:hidden;padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.health-tips-banner:hover{box-shadow:0 12px 40px #10b98133;transform:translateY(-2px)}.health-tips-banner:before{background:#10b981;background:var(--secondary-gradient);border-radius:.375rem 0 0 .375rem;border-radius:var(--radius-sm) 0 0 var(--radius-sm);box-shadow:0 0 8px #10b98166;content:"";height:100%;left:0;position:absolute;top:0;width:6px}.health-tips-header{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.health-tips-icon{align-items:center;background:#10b981;background:var(--secondary-gradient);border:2px solid #fff3;border-radius:50%;box-shadow:0 4px 16px #10b98159,inset 0 1px 0 #fff3;box-shadow:0 4px 12px #10b9814d;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.health-tips-title{color:#1e293b;color:var(--text-primary);font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family-primary);font-size:1.25rem;font-weight:800;letter-spacing:-.01em;margin:0}.health-tips-content{align-items:center;display:flex;gap:1.5rem;gap:var(--spacing-lg);justify-content:space-between}.health-tip-text{color:#64748b;color:var(--text-secondary);flex:1 1;font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family-primary);font-size:1rem;font-weight:600;line-height:1.6;margin:0}.health-tips-actions{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.tip-action-btn{background:#6b5b731a;border:1px solid #6b5b734d;border-radius:.75rem;border-radius:var(--radius-lg);color:#6b5b73;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .2s ease}.tip-action-btn:hover{background:#10b98133;border-color:#10b98180;transform:translateY(-1px)}.tip-close-btn{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#94a3b8;color:var(--text-tertiary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.tip-close-btn:hover{background:#0003;color:#64748b;color:var(--text-secondary)}[data-theme=dark] .health-tips-banner{background:#10b9812e;border:1px solid #10b98166;box-shadow:0 2px 8px #10b98133;box-shadow:0 8px 32px #10b98133}[data-theme=dark] .health-tips-title{color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .health-tip-text{color:#64748b!important;color:var(--text-secondary)!important}[data-theme=dark] .tip-action-btn{background:#6b5b7333;border:1px solid #6b5b7366;color:#6b5b73}[data-theme=dark] .tip-close-btn{background:#ffffff1a;color:#94a3b8;color:var(--text-tertiary)}.billing-content{grid-gap:2rem;grid-gap:var(--spacing-xl);display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:2fr 1fr}.billing-content .left-col,.billing-content .right-col{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md)}@media (max-width:1024px){.billing-content{grid-template-columns:1fr}}.marketplace-content{background:linear-gradient(135deg,#f0f9ff66,#dbeafe4d 50%,#bfdbfe33);font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important;font-family:var(--font-family-primary)!important;min-height:100%;padding:3rem 2rem;padding:var(--spacing-2xl) var(--spacing-xl);position:relative}[data-theme=dark] .marketplace-content{background:#f0f9fff2!important;background:var(--bg-primary)!important}.marketplace-content:before{background:radial-gradient(circle at 20% 30%,#2563eb0d 0,#0000 50%),radial-gradient(circle at 80% 70%,#1e40af0d 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.marketplace-content>*{position:relative;z-index:1}.card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#f0f9ffd9;background:var(--bg-glass-strong);border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 8px 32px 0 #00000026;box-shadow:var(--shadow-glass);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.card:before{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);box-shadow:0 2px 8px #1e40af66;content:"";height:4px;left:0;position:absolute;right:0;top:0}.card:hover{box-shadow:0 0 20px #1e40af4d;box-shadow:var(--shadow-glow);transform:translateY(-4px)}.card-header{align-items:center;background:#ffffff0d;border-bottom:1px solid #ffffff26;display:flex;justify-content:space-between;padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl)}.card-header h2,.card-header h3{color:#1e293b;color:var(--text-primary);font-size:1.2rem;font-weight:700}.card-body{padding:2rem;padding:var(--spacing-xl)}.card .btn.btn-sm{background:#dbeafe99;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.card .btn.btn-sm:hover{background:#bfdbfe66;background:var(--bg-tertiary);border-color:#cbd5e1;border-color:var(--border-dark)}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:0}.appointments-content,.content-header{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family-primary)}.appointments-content{background:#0000;min-height:100%;padding:2rem;padding:var(--spacing-xl)}.appointments-content .content-header{margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.appointments-content .content-header .btn{font-size:.9375rem;min-height:48px;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl)}.stats-row{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.overview-stats-grid{grid-gap:2rem;grid-gap:var(--spacing-xl);gap:2rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card-overview{border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a}.stat-card-overview:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a}.stat-card-overview-icon{border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;height:48px;left:1rem;left:var(--spacing-md);top:1rem;top:var(--spacing-md);width:48px}.stat-card-overview-icon.success{background:#10b981}.stat-card-overview-icon.warning{background:#f59e0b}.stat-card-overview-icon.info{background:#3b82f6}.stat-card-overview-content{padding:2rem;padding:var(--spacing-xl);padding-top:calc(3rem + 48px);padding-top:calc(var(--spacing-xl) + var(--spacing-md) + 48px)}.stat-card-overview-label{font-size:.875rem}.stat-card-overview-value{font-size:1.875rem;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.stat-card-overview-footer{padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl)}.stat-card-overview-footer-text{font-size:.875rem}.stat-card-overview-footer-text strong{color:#10b981;color:var(--secondary-color);font-weight:600}.stat-card-overview-refresh-btn{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;padding:var(--spacing-xs);position:absolute;right:.5rem;right:var(--spacing-sm);top:.5rem;top:var(--spacing-sm);transition:all .2s ease}.stat-card-overview-refresh-btn:hover{background:#bfdbfe66;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary)}.stat-card-overview-refresh-btn svg{height:16px;width:16px}.content-area{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:2rem;padding:var(--spacing-xl);width:100%}.banner-slideshow-container{border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;box-shadow:var(--shadow-lg);height:400px;margin-bottom:2rem;margin-bottom:var(--spacing-xl);overflow:hidden;position:relative;width:100%}.banner-slideshow-wrapper{height:100%;overflow:hidden;position:relative;width:100%}.banner-slideshow-track{display:flex;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);width:300%;will-change:transform}.banner-slide{flex-shrink:0;height:100%;position:relative;width:33.33333%}.banner-image{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.banner-dots{bottom:1rem;bottom:var(--spacing-md);display:flex;gap:.5rem;gap:var(--spacing-sm);left:50%;position:absolute;transform:translateX(-50%);z-index:10}.banner-dot{background:#fff6;border:2px solid #fffc;border-radius:50%;cursor:pointer;height:10px;outline:none;padding:0;transition:all .3s ease;width:10px}.banner-dot:hover{background:#ffffffb3;transform:scale(1.2)}.banner-dot.active{background:#fff;border-color:#fff;border-radius:5px;width:24px}.overview-content-modern{animation:fadeInUp .4s ease-out;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;gap:var(--spacing-xl);max-width:100%;padding:0;width:100%}.info-cards-row-modern{grid-gap:1.5rem;grid-gap:var(--spacing-lg);box-sizing:border-box;display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);max-width:100%;width:100%}.info-card-modern{background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 2px 12px #0000000f;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.info-card-modern:before{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);box-shadow:0 2px 8px #1e40af66;content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.info-card-modern:hover{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 8px 24px #0000001a;transform:translateY(-3px)}.info-card-modern:hover:before{opacity:1}.info-card-header-modern{align-items:center;background:#dbeafe4d;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.info-card-title-modern{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0}.btn-change-modern{align-items:center;background:#f0f9fff2;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.btn-change-modern:hover{background:linear-gradient(135deg,#1e40af,#2563eb)!important;background:var(--primary-gradient)!important;background-color:#1e40af!important;border-color:#1e40af!important;box-shadow:0 4px 12px #1e40af4d,inset 0 1px 0 #fff3;color:#fff!important;transform:translateY(-2px) scale(1.05)}.btn-change-modern i{height:14px;width:14px}.info-card-content-modern{padding:1.5rem;padding:var(--spacing-lg)}.doctor-card-modern .info-card-content-modern{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md);padding:1.5rem;padding:var(--spacing-lg)}.doctor-avatar-modern{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);border:3px solid #ffffffe6;border-radius:50%;box-shadow:0 4px 12px #1e40af40;color:#fff;display:flex;flex-shrink:0;height:64px;justify-content:center;overflow:hidden;transition:all .3s ease;width:64px}.doctor-card-modern:hover .doctor-avatar-modern{box-shadow:0 6px 16px #1e40af59;transform:scale(1.05)}.doctor-avatar-modern img{height:100%;object-fit:cover;width:100%}.doctor-avatar-modern i{height:28px;width:28px}.doctor-info-modern{display:flex;flex:1 1;flex-direction:column;gap:4px;min-width:0}.doctor-name-modern{color:#1e293b;color:var(--text-primary);font-size:1.125rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0}.doctor-specialization-modern{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:500;line-height:1.4;margin:0}.doctor-actions-modern{display:flex;flex-shrink:0;gap:.25rem;gap:var(--spacing-xs)}.btn-action-modern{background:#dbeafe99;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#64748b;color:var(--text-secondary);height:36px;justify-content:center;padding:0;width:36px}.btn-action-modern:hover{border-color:#1e40af!important;box-shadow:0 4px 12px #1e40af4d,inset 0 1px 0 #fff3;transform:translateY(-2px) scale(1.05)}.btn-action-modern:hover,.btn-video-call-modern{background:linear-gradient(135deg,#1e40af,#2563eb)!important;background:var(--primary-gradient)!important;background-color:#1e40af!important;color:#fff!important}.btn-video-call-modern{align-items:center;border:1px solid #fff3;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 16px #1e40af59,inset 0 1px 0 #fff3;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;gap:var(--spacing-xs);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-video-call-modern:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;background:var(--primary-gradient-hover)!important;background-color:#2563eb!important;box-shadow:0 6px 20px #1e40af73,inset 0 1px 0 #ffffff4d;transform:translateY(-3px) scale(1.02)}.btn-video-call-modern:active{transform:translateY(0)}.btn-video-call-modern i{height:16px;width:16px}.btn-video-call-modern span{font-weight:600}.appointment-type-badge-modern{background:#10b98126;border:1px solid #10b98133;border-radius:.375rem;border-radius:var(--radius-sm);box-shadow:0 1px 4px #10b98126;color:#10b981;font-size:.75rem;gap:4px;margin-top:4px;padding:4px 8px}.appointment-type-badge-modern i{height:12px;width:12px}.no-doctor-state-modern{color:#64748b;color:var(--text-secondary);padding:1.5rem;padding:var(--spacing-lg);text-align:center}.no-doctor-state-modern i{height:48px;margin-bottom:1rem;margin-bottom:var(--spacing-md);opacity:.3;width:48px}.no-doctor-state-modern p{font-size:.875rem;margin:0 0 1rem;margin:0 0 var(--spacing-md) 0}.btn-primary-modern{background:linear-gradient(135deg,#1e40af,#2563eb)!important;background:var(--primary-gradient)!important;background-color:#1e40af!important;border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);color:#fff!important;cursor:pointer;font-size:.875rem;font-weight:600;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary-modern:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;background:var(--primary-gradient-hover)!important;background-color:#2563eb!important;border:1px solid #fff3;box-shadow:0 6px 20px #1e40af66,inset 0 1px 0 #fff3;letter-spacing:.03em;transform:translateY(-3px) scale(1.02)}.data-card-modern .info-card-content-modern{padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.data-list-modern{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.data-row-modern{align-items:center;display:flex;justify-content:space-between;padding:.5rem 0;padding:var(--spacing-sm) 0}.data-label-modern{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:500}.data-value-modern{color:#1e293b;color:var(--text-primary);font-size:.875rem;font-weight:600}.appointments-top-section{background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);padding:2rem;padding:var(--spacing-xl)}.appointments-top-section .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.appointments-top-section .section-header h2{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm)}.appointments-top-section .section-header h2 i{color:#1e40af;color:var(--primary-color);height:20px;width:20px}.appointments-preview-top{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.appointment-card-top{align-items:center;background:#dbeafe99;background:var(--bg-secondary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;gap:1rem;gap:var(--spacing-md);padding:1rem;padding:var(--spacing-md);transition:all .2s ease}.appointment-card-top:hover{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.appointment-time-top{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:flex;flex-direction:column;min-width:60px;padding:.5rem;padding:var(--spacing-sm)}.time-top{font-size:.875rem;font-weight:600}.date-top{font-size:.75rem;opacity:.9}.appointment-details-top{flex:1 1}.appointment-details-top h4{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:4px}.appointment-details-top p{color:#64748b;color:var(--text-secondary);font-size:.875rem;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.status-badge{border-radius:.375rem;border-radius:var(--radius-sm);display:inline-block;padding:4px 8px}.status-badge.status-scheduled{background:#3b82f61a;color:#3b82f6}.status-badge.status-completed{background:#10b9811a;color:#10b981}.status-badge.status-cancelled{background:#ef44441a;color:#ef4444}.appointment-actions-top{display:flex;gap:.25rem;gap:var(--spacing-xs)}.btn-icon{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb)!important;background:var(--primary-gradient)!important;background-color:#1e40af!important;border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);color:#fff!important;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:36px}.btn-icon:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;background:var(--primary-gradient-hover)!important;background-color:#2563eb!important;box-shadow:0 6px 20px #1e40af66,inset 0 1px 0 #fff3;transform:translateY(-3px) scale(1.02)}.btn-icon i{height:18px;width:18px}.empty-state-appointments{color:#64748b;color:var(--text-secondary);padding:2rem;padding:var(--spacing-xl);text-align:center}.empty-state-appointments i{height:48px;margin-bottom:1rem;margin-bottom:var(--spacing-md);opacity:.3;width:48px}.emergency-care-top{align-items:stretch;display:flex}.emergency-card-top{align-items:center;background:#ef4444;background:var(--danger-gradient);border:1px solid #fff3;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 16px #ef444459,inset 0 1px 0 #fff3;box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:flex;gap:1.5rem;gap:var(--spacing-lg);padding:2rem;padding:var(--spacing-xl);transition:all .3s ease;width:100%}.emergency-card-top:hover{box-shadow:0 20px 25px -5px #ef44444d,0 10px 10px -5px #ef444433;transform:translateY(-4px)}.emergency-icon-top{align-items:center;background:#fff3;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;height:64px;justify-content:center;width:64px}.emergency-icon-top i{color:#fff;height:32px;width:32px}.emergency-content-top{flex:1 1}.emergency-content-top h3{font-size:1.5rem;font-weight:700;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.emergency-content-top p{font-size:.875rem;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);opacity:.9}.emergency-badge{background:#fff3;border-radius:.5rem;border-radius:var(--radius-md);display:inline-block;font-size:.75rem;font-weight:600;padding:4px 12px}.emergency-arrow{align-items:center;background:#fff3;border-radius:50%;display:flex;height:40px;justify-content:center;width:40px}.emergency-arrow i{color:#fff;height:20px;width:20px}.info-cards-section{grid-gap:2rem;grid-gap:var(--spacing-xl);box-sizing:border-box;display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:1fr 1fr;margin-bottom:3rem;margin-bottom:var(--spacing-2xl);max-width:100%;width:100%}.info-card{background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);padding:2rem;padding:var(--spacing-xl)}.info-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.info-card-header h3{color:#1e293b;color:var(--text-primary);font-size:1.125rem;font-weight:600}.btn-icon-sm{align-items:center;background:#dbeafe99;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-icon-sm:hover{background:linear-gradient(135deg,#1e40af,#2563eb)!important;background:var(--primary-gradient)!important;background-color:#1e40af!important;border-color:#1e40af!important;box-shadow:0 4px 12px #1e40af4d,inset 0 1px 0 #fff3;color:#fff!important;transform:translateY(-2px) scale(1.05)}.btn-icon-sm i{height:16px;width:16px}.info-card-body{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.doctor-card .info-card-body{align-items:center;flex-direction:row}.doctor-avatar{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);border-radius:50%;color:#fff}.doctor-avatar i{height:32px;width:32px}.doctor-info h4{color:#1e293b;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:4px}.doctor-info p{color:#64748b;color:var(--text-secondary);font-size:.875rem}.doctor-actions{display:flex;gap:.5rem;gap:var(--spacing-sm)}.btn-icon-action{align-items:center;background:#dbeafe99;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-icon-action:hover{background:linear-gradient(135deg,#1e40af,#2563eb)!important;background:var(--primary-gradient)!important;background-color:#1e40af!important;border-color:#1e40af!important;box-shadow:0 6px 20px #1e40af66,inset 0 1px 0 #fff3;color:#fff!important;transform:translateY(-3px) scale(1.02)}.btn-icon-action i{height:18px;width:18px}.no-doctor-state{color:#64748b;color:var(--text-secondary);padding:1.5rem;padding:var(--spacing-lg);text-align:center}.no-doctor-state i{height:48px;margin-bottom:1rem;margin-bottom:var(--spacing-md);opacity:.3;width:48px}.data-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.data-item{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.data-label{color:#64748b;color:var(--text-secondary);font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.data-value{color:#1e293b;color:var(--text-primary);font-size:1.125rem;font-weight:600}.feature-cards-section-modern{box-sizing:border-box;margin-top:1rem;margin-top:var(--spacing-md);max-width:100%;overflow:hidden;width:100%}@media (max-width:768px){.feature-cards-section-modern{margin-top:.5rem;margin-top:var(--spacing-sm);padding:0}}@media (max-width:480px){.feature-cards-section-modern{margin-top:.25rem;margin-top:var(--spacing-xs)}}.feature-cards-grid-modern{grid-gap:1.5rem;grid-gap:var(--spacing-lg);box-sizing:border-box;display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);max-width:100%;width:100%}@media (max-width:1024px){.feature-cards-grid-modern{gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.feature-cards-grid-modern{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.feature-cards-grid-modern{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr}}.feature-card-modern{align-items:stretch;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #dbeafe80;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 2px 12px #0000000f;cursor:pointer;display:flex;flex-direction:column;height:100%;min-height:180px;overflow:hidden;padding:1.5rem;padding:var(--spacing-lg);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}@media (max-width:768px){.feature-card-modern{min-height:160px;padding:1rem;padding:var(--spacing-md)}}@media (max-width:480px){.feature-card-modern{min-height:150px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}}.feature-card-modern:before{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);box-shadow:0 2px 8px #1e40af66;content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.feature-card-modern:hover{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 12px 24px #0000001f;transform:translateY(-6px)}.feature-card-modern:hover:before{opacity:1}.feature-icon-modern{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);border:2px solid #fff3;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 16px #1e40af59,inset 0 1px 0 #fff3;color:#fff;display:flex;flex-shrink:0;height:52px;justify-content:center;margin-bottom:1rem;margin-bottom:var(--spacing-md);transition:all .3s ease;width:52px}@media (max-width:768px){.feature-icon-modern{height:44px;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);width:44px}.feature-icon-modern i{height:20px;width:20px}}@media (max-width:480px){.feature-icon-modern{height:40px;margin-bottom:.25rem;margin-bottom:var(--spacing-xs);width:40px}.feature-icon-modern i{height:18px;width:18px}}.feature-card-modern:hover .feature-icon-modern{background:linear-gradient(135deg,#2563eb,#1e40af);background:var(--primary-gradient-hover);box-shadow:0 6px 20px #1e40af73,inset 0 1px 0 #ffffff4d;transform:scale(1.1) rotate(5deg)}.feature-icon-modern i{height:24px;width:24px}.feature-title-modern{color:#1e293b;color:var(--text-primary);flex-shrink:0;font-size:1.0625rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0}@media (max-width:768px){.feature-title-modern{font-size:1rem;margin:0 0 4px}}@media (max-width:480px){.feature-title-modern{font-size:.9375rem;margin:0 0 4px}}.feature-description-modern{color:#64748b;color:var(--text-secondary);flex-grow:1;font-size:.875rem;font-weight:400;line-height:1.6;margin:0 0 auto;min-height:2.5em}@media (max-width:768px){.feature-description-modern{font-size:.8125rem;line-height:1.5;min-height:2.25em}}@media (max-width:480px){.feature-description-modern{font-size:.75rem;line-height:1.4;min-height:2em}}.feature-add-btn-modern{align-items:center;background:#dbeafe99;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:50%;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:0;position:absolute;right:1rem;right:var(--spacing-md);top:1rem;top:var(--spacing-md);transition:all .2s ease;width:32px;z-index:2}.feature-add-btn-modern:hover{background:#1e40af;background:var(--primary-color);border-color:#1e40af;border-color:var(--primary-color);color:#fff;transform:scale(1.1)}.feature-add-btn-modern i{height:16px;width:16px}@media (max-width:768px){.feature-add-btn-modern{height:28px;right:.5rem;right:var(--spacing-sm);top:.5rem;top:var(--spacing-sm);width:28px}.feature-add-btn-modern i{height:14px;width:14px}}@media (max-width:480px){.feature-add-btn-modern{height:24px;right:.25rem;right:var(--spacing-xs);top:.25rem;top:var(--spacing-xs);width:24px}.feature-add-btn-modern i{height:12px;width:12px}}.stats-section-secondary{box-sizing:border-box;max-width:100%;width:100%}.stat-card-secondary{box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;position:relative}.stat-icon-secondary{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:flex;height:48px;justify-content:center;width:48px}.stat-icon-secondary.primary{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);box-shadow:0 4px 16px #1e40af59,inset 0 1px 0 #fff3}.stat-icon-secondary.success{background:#10b981;background:var(--secondary-gradient);box-shadow:0 4px 16px #10b98159,inset 0 1px 0 #fff3}.stat-icon-secondary.info{background:#3b82f6;background:var(--info-gradient);box-shadow:0 4px 16px #3b82f659,inset 0 1px 0 #fff3}.stat-icon-secondary i{height:24px;width:24px}.stat-content-secondary{display:flex;flex:1 1;flex-direction:column}.stat-label-secondary{color:#64748b;color:var(--text-secondary);font-size:.75rem;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.stat-value-secondary{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:4px}.stat-footer-secondary{color:#94a3b8;color:var(--text-tertiary);font-size:.75rem}.stat-refresh-btn{align-items:center;background:#0000;border:none;border-radius:.375rem;border-radius:var(--radius-sm);color:#94a3b8;color:var(--text-tertiary);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:.5rem;right:var(--spacing-sm);top:.5rem;top:var(--spacing-sm);transition:all .2s ease;width:28px}.stat-refresh-btn:hover{background:#bfdbfe66;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary)}.stat-refresh-btn i{height:14px;width:14px}@media (max-width:768px){.banner-slideshow-container{border-radius:.75rem;border-radius:var(--radius-lg);height:200px;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.banner-dots{bottom:.5rem;bottom:var(--spacing-sm);gap:.25rem;gap:var(--spacing-xs)}.banner-dot{height:8px;width:8px}.banner-dot.active{width:20px}}@media (max-width:480px){.banner-slideshow-container{border-radius:.5rem;border-radius:var(--radius-md);height:250px;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.banner-dots{bottom:.25rem;bottom:var(--spacing-xs)}.banner-dot{height:6px;width:6px}.banner-dot.active{width:16px}}@media (max-width:1200px){.feature-cards-grid-modern{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.info-cards-row-modern{grid-template-columns:1fr}.feature-cards-grid-modern{grid-template-columns:repeat(2,1fr)}.main-header-modern{align-items:stretch;flex-direction:column}.header-search{max-width:100%}.overview-content-modern{padding:1.5rem;padding:var(--spacing-lg)}}@media (max-width:768px){.greeting-title-modern{font-size:1.75rem}.greeting-subtitle-modern{font-size:.9375rem}.feature-cards-grid-modern{grid-template-columns:1fr}.overview-content-modern{gap:1.5rem;gap:var(--spacing-lg);padding:1rem;padding:var(--spacing-md)}.feature-cards-grid-modern,.info-cards-row-modern{gap:1rem;gap:var(--spacing-md)}}@media (max-width:480px){.overview-content-modern{padding:.5rem;padding:var(--spacing-sm)}.greeting-title-modern{font-size:1.5rem}.info-card-modern{border-radius:.75rem;border-radius:var(--radius-lg)}.feature-card-modern{min-height:160px;padding:1rem;padding:var(--spacing-md)}}.stat-card{background:var(--card-bg);border:1px solid #e2e8f0;border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);color:#1e293b;color:var(--text);font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family-primary);padding:18px;transition:all .3s ease;width:360px}@keyframes cardGlow{0%,to{box-shadow:0 8px 32px 0 #00000026;box-shadow:var(--shadow-glass);transform:translateY(0)}50%{box-shadow:0 20px 25px -5px #1e40af26,0 10px 10px -5px #1e40af14;box-shadow:var(--shadow-colored);transform:translateY(-2px)}}.stat-top{align-items:center;display:flex;gap:16px;gap:var(--gap)}.stat-icon{border-radius:12px;color:var(--text-inverse);flex:0 0 56px;font-size:20px}.stat-meta{display:flex;flex-direction:column;gap:6px}.stat-title{color:#64748b;color:var(--text-secondary);font-size:18px;font-weight:600}.stat-value{font-size:34px;font-weight:700;letter-spacing:.2px}.stat-divider{background:#f1f5f9;background:var(--border-light);height:1px;margin:14px 0 10px}.stat-delta{align-items:baseline;color:#64748b;color:var(--muted);display:flex;font-size:16px;gap:8px}.stat-delta strong{font-weight:700}.stat-delta--up strong{color:#10b981;color:var(--secondary-color)}.stat-delta--down strong{color:#ef4444;color:var(--danger-color)}.stat-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card.primary:before,.stat-card:before{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);box-shadow:0 2px 8px #1e40af4d}.stat-card.success:before{background:#10b981;background:var(--secondary-gradient)}.stat-card.warning:before{background:#f59e0b;background:var(--accent-gradient)}.stat-card.info:before{background:#3b82f6;background:var(--info-gradient)}.stat-card:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}[data-theme=dark] .stat-card{background:#f0f9ffd9;background:var(--bg-glass-strong);border:1px solid #ffffff1a;box-shadow:0 8px 32px 0 #00000026;box-shadow:var(--shadow-glass)}.stat-header{justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.stat-header,.stat-icon{align-items:center;display:flex}.stat-icon{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);color:#fff;height:56px;justify-content:center;transition:all .3s ease;width:56px}.stat-card.success .stat-icon{background:#10b981;background:var(--secondary-gradient)}.stat-card.warning .stat-icon{background:#f59e0b;background:var(--accent-gradient)}.stat-card.info .stat-icon{background:#3b82f6;background:var(--info-gradient)}.stat-card:hover .stat-icon{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;box-shadow:var(--shadow-lg);transform:scale(1.1) rotate(5deg)}.stat-trend{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);display:flex;font-size:.8rem;font-weight:600;gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.stat-trend.up{background-color:#10b9811a;color:#10b981;color:var(--secondary-color)}.stat-trend.down{background-color:#ef44441a;color:#ef4444;color:var(--danger-color)}.badge{background-color:#dbeafe99;background-color:var(--bg-secondary);border-radius:.5rem;border-radius:var(--radius-md);font-size:.75rem;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.badge,.stat-content h3{color:#64748b;color:var(--text-secondary);font-weight:600}.stat-content h3{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family-primary);font-size:.95rem;letter-spacing:.075em;text-transform:uppercase}.stat-content h3,.stat-value{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.stat-value{align-items:baseline;display:flex;gap:.25rem;gap:var(--spacing-xs)}.stat-value .value{color:#1e293b;color:var(--text-primary);font-size:2.75rem;font-weight:900;letter-spacing:-.025em;line-height:1}.stat-value .currency,.stat-value .unit,.stat-value .value{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family-primary)}.stat-value .currency,.stat-value .unit{color:#64748b;color:var(--text-secondary);font-size:1.125rem;font-weight:600}.stat-description{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:500;line-height:1.4}.section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#f0f9ffd9;background:var(--bg-glass-strong);border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 8px 32px 0 #00000026;box-shadow:var(--shadow-glass);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-xl);transition:all .3s ease}.section:hover{box-shadow:0 20px 25px -5px #1e40af26,0 10px 10px -5px #1e40af14;box-shadow:var(--shadow-colored);transform:translateY(-1px)}[data-theme=dark] .section{background:#f0f9ffd9;background:var(--bg-glass-strong);border:1px solid #ffffff1a;box-shadow:0 8px 32px 0 #00000026;box-shadow:var(--shadow-glass)}.section-header{margin-bottom:var(--spacing-lg)}.section-header h2{color:var(--text-primary);font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family-primary);letter-spacing:-.025em;line-height:1.3}[data-theme=light] .section-header h2{color:#2c2c2c!important}.section-header p{color:var(--text-secondary);font-size:1rem;line-height:1.5;margin-top:.25rem;margin-top:var(--spacing-xs)}.btn-link{background:none;border:none;color:#1e40af;color:var(--primary-color);cursor:pointer;font-weight:600;transition:all .2s ease}.btn-link:hover{color:#1e3a8a;color:var(--primary-dark);text-decoration:underline}.action-cards{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.action-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#f0f9ffd9;background:var(--bg-glass-strong);border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 8px 32px 0 #00000026;box-shadow:var(--shadow-glass);cursor:pointer;overflow:hidden;padding:2rem;padding:var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.action-card:hover{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 0 20px #1e40af4d;box-shadow:var(--shadow-glow);transform:translateY(-6px) scale(1.02)}.action-card.primary{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);border:1px solid #ffffff4d;color:#fff}.action-card.primary .action-content h4,.action-card.primary .action-content p{color:#fff}.action-card.emergency{background:#ef4444;background:var(--danger-gradient);border:1px solid #ffffff4d;color:#fff}.action-card.emergency .action-content h4,.action-card.emergency .action-content p{color:#fff}.action-icon{align-items:center;background-color:#fff3;border-radius:.75rem;border-radius:var(--radius-lg);color:inherit;display:flex;height:56px;justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);width:56px}.action-card:not(.primary):not(.emergency) .action-icon{background-color:#1e40af;background-color:var(--primary-color);color:#fff}.action-content h4{color:#1e293b;color:var(--text-primary);font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family-primary);font-size:1.125rem;font-weight:700;letter-spacing:-.025em;line-height:1.3;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.action-content p{color:#64748b;color:var(--text-secondary);font-size:.95rem;font-weight:500;line-height:1.5;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.action-arrow{color:#94a3b8;color:var(--text-tertiary);opacity:0;transform:translateX(-10px);transition:all .3s ease}.action-card:hover .action-arrow{opacity:1;transform:translateX(0)}.action-card.emergency .action-arrow,.action-card.primary .action-arrow{color:#fffc}[data-theme=dark] .action-card{background:#f0f9ffd9;background:var(--bg-glass-strong);border:1px solid #ffffff1a;box-shadow:0 8px 32px 0 #00000026;box-shadow:var(--shadow-glass)}[data-theme=dark] .action-card.primary{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);border:1px solid #fff3}[data-theme=dark] .action-card.emergency{background:#ef4444;background:var(--danger-gradient);border:1px solid #fff3}.two-column{grid-gap:2rem;grid-gap:var(--spacing-xl);display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}.appointments-preview{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.appointment-preview-card{align-items:center;background-color:#dbeafe99;background-color:var(--bg-secondary);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;gap:1.5rem;gap:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg);transition:all .2s ease}.appointment-preview-card:hover{background-color:#bfdbfe66;background-color:var(--bg-tertiary)}.appointment-time{align-items:center;display:flex;flex-direction:column;min-width:60px}.appointment-time .time{color:#1e293b;color:var(--text-primary);font-size:.9rem;font-weight:700}.appointment-time .date{color:#64748b;color:var(--text-secondary);font-size:.8rem}.appointment-details{flex:1 1}.appointment-details h4{color:#1e293b;color:var(--text-primary);font-size:.95rem;font-weight:600}.appointment-details h4,.appointment-details p{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.appointment-details p{color:#64748b;color:var(--text-secondary);font-size:.85rem}.status{border-radius:.375rem;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;padding:2px 8px}.status-scheduled{background-color:#3b82f61a}.status-completed{background-color:#10b9811a}.status-cancelled{background-color:#ef44441a}.activity-feed{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg)}.activity-item{background-color:#dbeafe99;background-color:var(--bg-secondary);gap:1rem;gap:var(--spacing-md);padding:1.5rem;padding:var(--spacing-lg)}.activity-icon,.activity-item{border-radius:.75rem;border-radius:var(--radius-lg);display:flex}.activity-icon{align-items:center;background-color:#1e40af;background-color:var(--primary-color);color:#fff;flex-shrink:0;height:40px;justify-content:center;width:40px}.activity-content h4{color:#1e293b;color:var(--text-primary);font-size:.9rem;font-weight:600}.activity-content h4,.activity-content p{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.activity-content p{color:#64748b;color:var(--text-secondary);font-size:.85rem}.activity-time{color:#94a3b8;color:var(--text-tertiary);font-size:.75rem}.empty-state-small{background-color:#dbeafe99;background-color:var(--bg-secondary);border:2px dashed #e2e8f0;border:2px dashed var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#64748b;color:var(--text-secondary);padding:2rem;padding:var(--spacing-xl);text-align:center}.empty-state-small i{color:#94a3b8;color:var(--text-tertiary)}.empty-state-small i,.empty-state-small:before{display:block;height:48px;margin:0 auto 1rem;margin:0 auto var(--spacing-md);width:48px}.empty-state-small:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394A3B8'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .empty-state-small:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23CBD5E1'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2z'/%3E%3C/svg%3E")}.empty-state-small p{font-size:.95rem;font-weight:500;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.empty-state-large{background-color:#ffffffe6;background-color:var(--bg-card);border:2px dashed #e2e8f0;border:2px dashed var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);padding:3rem 2rem;padding:var(--spacing-2xl) var(--spacing-xl);position:relative;text-align:center}.empty-state-large:before{animation:iconFloat 3s ease-in-out infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394A3B8' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:64px;margin:0 auto 1.5rem;margin:0 auto var(--spacing-lg);opacity:.6;transition:all .3s cubic-bezier(.4,0,.2,1);width:64px}[data-theme=dark] .empty-state-large:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23CBD5E1' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2z'/%3E%3C/svg%3E")}@keyframes iconFloat{0%,to{opacity:.6;transform:translateY(0)}50%{opacity:.8;transform:translateY(-10px)}}.empty-icon{color:#94a3b8;color:var(--text-tertiary);height:64px;margin:0 auto 1.5rem;margin:0 auto var(--spacing-lg);width:64px}.empty-state-large h3{color:#1e293b;color:var(--text-primary);font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family-primary);font-size:1.375rem;font-weight:700;letter-spacing:-.025em;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.empty-state-large p{color:#64748b;color:var(--text-secondary);font-size:1rem;font-weight:500;line-height:1.6;margin-bottom:2rem;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:400px}.appointments-grid{grid-gap:2rem;grid-gap:var(--spacing-xl);box-sizing:border-box;display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(380px,1fr));width:100%}.appointment-card-new{background-color:#ffffffe6;background-color:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family-primary);overflow:hidden;padding:2rem;padding:var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.appointment-card-new:before{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.appointment-card-new:hover{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 12px 24px #1e40af26,0 4px 8px #1e40af1a;transform:translateY(-4px)}.appointment-card-new:hover:before{opacity:1}[data-theme=dark] .appointment-card-new{background-color:#f0f9ffd9;background-color:var(--bg-glass-strong);border:1px solid #ffffff1a;box-shadow:0 8px 32px 0 #00000026;box-shadow:var(--shadow-glass)}.appointment-card-header{align-items:flex-start;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.appointment-card-header,.doctor-profile{display:flex;gap:1rem;gap:var(--spacing-md)}.doctor-profile{flex:1 1;min-width:0}.doctor-avatar{align-items:center;background:#dbeafe99;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:64px;justify-content:center;overflow:hidden;width:64px}.doctor-avatar img{height:100%;object-fit:cover;width:100%}.doctor-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);color:#fff;display:flex;height:100%;justify-content:center;width:100%}.doctor-avatar-placeholder i{height:32px;width:32px}.doctor-info{flex:1 1;min-width:0}.doctor-info h3{color:#1e293b;color:var(--text-primary);font-size:1.125rem;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0}.doctor-info h3,.specialization{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family-primary)}.specialization{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:500;line-height:1.4;margin:0}.rating{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.stars{color:#f59e0b;color:var(--warning-color);display:flex;gap:2px}.stars i{height:12px;width:12px}.rating-text{color:var(--text-secondary);font-size:.8rem}.status-badge-new{border-radius:.5rem;border-radius:var(--radius-md);flex-shrink:0;font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family-primary);font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase;white-space:nowrap}.status-badge-new.status-scheduled{background-color:#1e40af26;border:1px solid #1e40af33;color:#1e40af}.status-badge-new.status-completed{background-color:#10b98126;border:1px solid #10b98133;color:#10b981}.status-badge-new.status-cancelled{background-color:#ef444426;border:1px solid #ef444433;color:#ef4444}.status-badge-new.status-confirmed{background-color:#1e40af26;border:1px solid #1e40af33;color:#1e40af}.appointment-details-new{background:#dbeafe99;background:var(--bg-secondary);border:1px solid #f1f5f9;border:1px solid var(--border-light);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-lg)}.detail-row{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:1fr 1fr}@media (max-width:768px){.detail-row{gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr}}.detail-item i{stroke-width:2;color:var(--primary-color)}.detail-item div{gap:4px;min-width:0}.detail-item .label{font-size:.75rem}.detail-item .label,.detail-item .value{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family-primary);margin:0}.detail-item .value{font-size:.9375rem;font-weight:600}.appointment-actions-new{border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);padding-top:1.5rem;padding-top:var(--spacing-lg)}.appointment-actions-new .btn{font-size:.875rem;font-weight:600;letter-spacing:.02em;min-height:44px;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg)}.appointment-actions-new .btn i{height:18px;width:18px}.btn{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family-primary);letter-spacing:.03em}.btn:disabled{opacity:.6}.btn-primary{background:linear-gradient(135deg,#1e40af,#2563eb)!important;background:var(--primary-gradient)!important;background-color:#1e40af!important;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);color:#fff!important}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af)!important;background:var(--primary-gradient-hover)!important;background-color:#2563eb!important;border:1px solid #fff3;box-shadow:0 6px 20px #1e40af66,inset 0 1px 0 #fff3}.btn-secondary{background-color:#dbeafe99;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){border-color:#cbd5e1;border-color:var(--border-dark)}.btn-outline{background-color:initial;border:2px solid #1e40af!important;color:#1e40af!important}.btn-outline:hover:not(:disabled){background-color:#1e40af!important;background:linear-gradient(135deg,#1e40af,#2563eb)!important;background:var(--primary-gradient)!important;border:1px solid #fff3;box-shadow:0 6px 20px #1e40af66,inset 0 1px 0 #fff3;color:#fff!important;letter-spacing:.03em;transform:translateY(-3px) scale(1.02)}[data-theme=dark] .btn-secondary{background-color:#dbeafe99;background-color:var(--bg-secondary);border:1px solid #fff3;color:#1e293b;color:var(--text-primary)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background-color:#bfdbfe66;background-color:var(--bg-tertiary);border-color:#ffffff4d}[data-theme=dark] .btn-outline{border:2px solid #1e40af;border:2px solid var(--primary-color);color:#1e40af;color:var(--primary-color)}.btn-sm{font-size:.8rem;min-height:36px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.coming-soon{background-color:#ffffffe6;background-color:var(--bg-card);background-image:radial-gradient(circle at center,#4f46e50d 0,#0000 70%);border:2px dashed #e2e8f0;border:2px dashed var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);position:relative}.coming-soon:before{animation:comingSoonPulse 4s ease-in-out infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2394A3B8' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:block;height:80px;margin:0 auto 2rem;margin:0 auto var(--spacing-xl);opacity:.5;transition:all .3s cubic-bezier(.4,0,.2,1);width:80px}[data-theme=dark] .coming-soon:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23CBD5E1' stroke-width='1.5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M12 6v6h4.5m4.5 0a9 9 0 1 1-18 0 9 9 0 0 1 18 0z'/%3E%3C/svg%3E")}@keyframes comingSoonPulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.coming-soon-icon{color:#94a3b8;color:var(--text-tertiary);height:80px;margin:0 auto 2rem;margin:0 auto var(--spacing-xl);width:80px}.coming-soon h2{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-family:var(--font-family-primary);font-size:1.75rem;font-weight:800;letter-spacing:-.025em;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.coming-soon p{color:#64748b;color:var(--text-secondary);font-size:1.125rem;font-weight:500;max-width:400px}.modal-overlay-new{align-items:center;background-color:#00000080;background-color:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;padding:var(--spacing-lg);position:fixed;right:0;top:0;z-index:2000}.modal-content-new{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:#f0f9ffd9;background:var(--bg-glass-strong);border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 8px 32px 0 #00000026;box-shadow:var(--shadow-glass);max-height:90vh;max-width:700px;overflow-y:auto;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.modal-content-new.small{max-width:400px}.modal-header-new{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border-bottom:1px solid #ffffff26;border-radius:1.5rem 1.5rem 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;display:flex;justify-content:space-between;padding:2rem 2rem 1.5rem;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg)}.modal-header-new h2{color:#1e293b;color:var(--text-primary);font-size:1.4rem;font-weight:700}.close-btn-new{align-items:center;background-color:#dbeafe99;background-color:var(--bg-secondary);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.close-btn-new:hover{background-color:#bfdbfe66;background-color:var(--bg-tertiary);color:#1e293b;color:var(--text-primary)}.modal-body-new{padding:2rem;padding:var(--spacing-xl)}[data-theme=dark] .modal-overlay-new{background-color:#000c}[data-theme=dark] .modal-content-new{background:#f0f9ffd9;background:var(--bg-glass-strong);border:1px solid #ffffff26;box-shadow:0 8px 32px 0 #00000026;box-shadow:var(--shadow-glass)}[data-theme=dark] .modal-header-new{background:#ffffff14;border-bottom:1px solid #fff3}[data-theme=dark] .modal-header-new h2{color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .modal-body-new{background:#0000}[data-theme=dark] .modal-body-new .form-section h4,[data-theme=dark] .modal-body-new h3{color:#1e293b!important;color:var(--text-primary)!important}.profile-picture-section-new{align-items:center;display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg);margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.current-picture-new{align-items:center;background-color:#dbeafe99;background-color:var(--bg-secondary);border-radius:1rem;border-radius:var(--radius-xl);display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.current-picture-new img{height:100%;object-fit:cover;width:100%}.picture-placeholder-new{color:#64748b;color:var(--text-secondary)}.picture-placeholder-new i{height:40px;width:40px}.password-form-new,.profile-form-new{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-lg)}.form-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{gap:var(--spacing-sm)}.form-group label{color:#1e40af;font-size:.9rem}.form-group input,.form-group select,.form-group textarea,.form-input{background-color:#f3f4f6;border:1px solid #0000;border-radius:.75rem;border-radius:var(--radius-lg);color:#1e293b;color:var(--text-primary);font-size:.9rem;padding:1rem;padding:var(--spacing-md);transition:all .2s ease,background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1);width:100%}.form-input:focus{background-color:#e5e7eb;border-color:#0000;box-shadow:none;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 0 0 3px #1e40af1a}.emergency-contact-section-new{background-color:#dbeafe99;background-color:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--spacing-lg)}.emergency-contact-section-new h3{color:#1e293b;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.form-actions-new{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);justify-content:flex-end;margin-top:2rem;margin-top:var(--spacing-xl);padding-top:1.5rem;padding-top:var(--spacing-lg)}.loading-container{color:#64748b;color:var(--text-secondary);flex-direction:column;gap:1.5rem;gap:var(--spacing-lg)}.loading-spinner{border:3px solid #e2e8f0;border-top:3px solid #1e40af}.error-message{gap:1.5rem;gap:var(--spacing-lg);min-height:100vh;padding:var(--spacing-xl)}.error-message h2{color:var(--danger-color)}.error-message p{color:var(--text-secondary);max-width:400px}.notification{animation:slideIn .3s ease;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;font-weight:600;z-index:3000}.notification-success{background:var(--secondary-gradient);box-shadow:0 4px 16px #10b98159,inset 0 1px 0 #fff3}.notification-error{background:var(--danger-gradient);box-shadow:0 4px 16px #ef444459,inset 0 1px 0 #fff3}.notification-info{background:var(--info-gradient);box-shadow:0 4px 16px #3b82f659,inset 0 1px 0 #fff3}.mobile-menu-toggle{align-items:center;background:#1e40af;background:var(--primary-color);border:none;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;display:none;height:48px;justify-content:center;left:15px;position:fixed;top:15px;transition:all .3s ease;width:48px;z-index:1100}.mobile-menu-toggle:hover{background:#2563eb;background:var(--primary-light);transform:scale(1.05)}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-menu-toggle:focus{outline:3px solid #2563eb;outline:3px solid var(--primary-light);outline-offset:2px}.mobile-menu-toggle:focus-visible{outline:3px solid #2563eb;outline:3px solid var(--primary-light);outline-offset:2px}.mobile-menu-toggle i{height:24px;width:24px}@media (hover:none) and (pointer:coarse){.nav-item{min-height:48px;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.mobile-menu-toggle{min-height:48px;min-width:48px}.sidebar-toggle{min-height:44px;min-width:44px}}.mobile-overlay{animation:fadeIn .3s ease;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:1024px){.mobile-menu-toggle{display:flex}.mobile-overlay{display:block}.dashboard-sidebar{box-shadow:none;transform:translateX(-100%);width:280px;width:var(--sidebar-mobile-width);z-index:1050}.dashboard-sidebar.mobile-open{box-shadow:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008;box-shadow:var(--shadow-xl);transform:translateX(0)}.dashboard-sidebar.collapsed{transform:translateX(-100%);width:280px;width:var(--sidebar-mobile-width)}.dashboard-sidebar.collapsed.mobile-open{transform:translateX(0)}.dashboard-main{margin-left:0;padding-top:60px;padding-top:var(--mobile-menu-height);width:100%}.dashboard-sidebar.collapsed+.dashboard-main{margin-left:0}.dashboard-layout{overflow-x:hidden;position:relative}.content-area{max-width:100%}.two-column{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.appointments-grid{gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:1fr}.appointment-card-new{padding:1.5rem;padding:var(--spacing-lg)}.appointment-card-header,.appointment-card-new{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.appointment-card-header{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);justify-content:space-between}.doctor-profile{flex:1 1;min-width:0}.status-badge-new{align-self:flex-start;flex-shrink:0}.appointment-details-new{gap:1rem;gap:var(--spacing-md);margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-md)}.appointment-actions-new{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.appointment-actions-new .btn{justify-content:center;width:100%}.appointments-content{padding:1.5rem;padding:var(--spacing-lg)}.appointments-content .content-header{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.appointments-content .content-header .btn{justify-content:center;width:100%}.sidebar-toggle{display:none}}@media (max-width:768px){.mobile-menu-toggle{height:44px;left:12px;top:12px;width:44px}.dashboard-sidebar{width:280px}.content-area{max-width:100%}.content-area,.main-header{padding:1.5rem;padding:var(--spacing-lg)}.main-header{padding-left:70px}.header-left h1{font-size:1.5rem}.user-info{display:none}.action-cards,.appointments-grid,.detail-row,.form-grid,.stats-row{grid-template-columns:1fr}.form-actions-new{align-items:stretch}.appointment-actions-new,.form-actions-new{flex-direction:column}.action-card,.stat-card{padding:1.5rem;padding:var(--spacing-lg)}}@media (max-width:480px){.mobile-menu-toggle{height:42px;left:10px;top:10px;width:42px}.dashboard-sidebar{max-width:320px;width:85vw}.main-header{padding:1rem;padding:var(--spacing-md);padding-left:60px}.header-left h1{font-size:1.25rem}.modal-overlay-new{padding:1rem;padding:var(--spacing-md)}.modal-content-new{margin:0}.modal-body-new,.modal-header-new{padding:1.5rem;padding:var(--spacing-lg)}.stats-row{gap:1rem;gap:var(--spacing-md)}.action-card,.nav-item,.sidebar-header,.stat-card{padding:1rem;padding:var(--spacing-md)}}@media (min-width:1025px){.dashboard-sidebar{transform:translateX(0)}.mobile-menu-toggle{display:none}.mobile-overlay{display:none!important}.dashboard-main{margin-left:280px;margin-left:var(--sidebar-width);padding-top:0}.dashboard-sidebar.collapsed+.dashboard-main{margin-left:80px;margin-left:var(--sidebar-collapsed)}.sidebar-toggle{display:flex}}@media (min-width:1441px){.content-area{max-width:1400px}.stats-row{grid-template-columns:repeat(4,1fr)}}@media (min-width:1921px){.content-area{max-width:1600px}.stat-card{padding:1.5rem;padding:var(--spacing-lg);width:100%}.stat-value{font-size:28px}.section{padding:1.5rem;padding:var(--spacing-lg)}}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background-color:#dbeafe99;background-color:var(--bg-secondary);border:1px solid #fff3;color:#1e293b;color:var(--text-primary)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{border-color:#1e40af;box-shadow:0 0 0 2px #1e40af4d}[data-theme=dark] .form-group label,[data-theme=dark] .stat-value{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .stat-value .value{color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .stat-label,[data-theme=dark] .stat-value .currency,[data-theme=dark] .stat-value .unit{color:#64748b!important;color:var(--text-secondary)!important}[data-theme=dark] .stat-description{color:#94a3b8!important;color:var(--text-tertiary)!important}[data-theme=dark] .user-name{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .main-header{background:#f0f9ffd9;background:var(--bg-glass-strong);border-bottom:1px solid #ffffff1a;box-shadow:0 8px 32px 0 #00000026;box-shadow:var(--shadow-glass)}[data-theme=dark] .header-left h1{color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .header-left p{color:#64748b!important;color:var(--text-secondary)!important}[data-theme=dark] .header-right .user-info .user-name{color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .header-right .user-info .user-role{color:#64748b!important;color:var(--text-secondary)!important}.nav-section.health-tips-section{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);margin-top:auto;padding-top:1rem;padding-top:var(--spacing-md)}.nav-section.health-tips-section .health-tips-widget{border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);margin:0}.dashboard-sidebar .sidebar-nav{display:flex;flex-direction:column;height:100%}.dashboard-sidebar .nav-section:last-child{margin-top:auto}@media (max-height:700px){.nav-section.health-tips-section{display:none}}.dashboard-sidebar.collapsed .nav-section.health-tips-section{display:none}.chat-widget{background:#ffffffe6;background:var(--bg-card);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;box-shadow:var(--shadow-lg);overflow:hidden}.chat-header{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);color:#fff;color:var(--text-inverse);display:flex;justify-content:space-between}.chat-header,.chat-messages{padding:1rem;padding:var(--spacing-md)}.chat-messages{background:#dbeafe99;background:var(--bg-secondary);height:300px;overflow-y:auto}.chat-input-area{background:#f0f9fff2;background:var(--bg-primary);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;gap:.5rem;gap:var(--spacing-sm);padding:1rem;padding:var(--spacing-md)}.chat-input-area input{background:#f0f9fff2;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);flex:1 1;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.chat-input-area button:not(.btn-danger){background:linear-gradient(135deg,#1e40af,#2563eb)!important;background:var(--primary-gradient)!important;background-color:#1e40af!important;border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);color:#fff!important;cursor:pointer;font-weight:600;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1)}.chat-input-area button:not(.btn-danger):hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;background:var(--primary-gradient-hover)!important;background-color:#2563eb!important;box-shadow:0 4px 12px #1e40af4d,inset 0 1px 0 #fff3;transform:translateY(-2px) scale(1.02)}.chat-input-area button.btn-primary{background:linear-gradient(135deg,#1e40af,#2563eb)!important;background:var(--primary-gradient)!important;background-color:#1e40af!important;color:#fff!important}.chat-input-area button.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;background:var(--primary-gradient-hover)!important;background-color:#2563eb!important;box-shadow:0 6px 20px #1e40af66,inset 0 1px 0 #fff3;transform:translateY(-3px) scale(1.02)}.chat-input-area button.btn-danger{background:#ef4444;background:var(--danger-color);color:#fff;color:var(--text-inverse)}.chat-input-area button.btn-danger:hover{background:var(--danger-dark)}.marketplace-dashboard{margin:0 auto;max-width:1200px;padding:1.5rem;padding:var(--spacing-lg)}.marketplace-dashboard,.marketplace-header{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important;font-family:var(--font-family-primary)!important}.marketplace-header{margin-bottom:3rem;margin-bottom:var(--spacing-2xl);padding:var(--spacing-xl) 0;position:relative}.marketplace-header:before{background:linear-gradient(90deg,#1e40af,#2563eb,#1e40af);background:linear-gradient(90deg,var(--primary-color),var(--primary-light),var(--primary-color));border-radius:2px;content:"";height:4px;left:0;position:absolute;top:0;width:100px}.marketplace-header-content{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.marketplace-header-content>div{flex:1 1;min-width:200px}.marketplace-header-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#2563eb);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.marketplace-header-content h2,.marketplace-header-content p{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important;font-family:var(--font-family-primary)!important;text-align:left}.marketplace-header-content p{color:#64748b;color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin:0;max-width:600px}.marketplace-dark-mode-toggle{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #e5e7ebcc;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;padding:.75rem;transition:all .2s ease;width:48px}.marketplace-dark-mode-toggle:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:scale(1.05)}[data-theme=dark] .marketplace-dark-mode-toggle{background:#1a2332e6;border-color:#33415599}[data-theme=dark] .marketplace-dark-mode-toggle:hover{background:#293548e6}@media (max-width:768px){.marketplace-header-content{align-items:stretch;flex-direction:column}.marketplace-header-content>div{text-align:center}.marketplace-header-content h2{font-size:2rem;text-align:center}.marketplace-header-content p{margin:0 auto;text-align:center}.marketplace-dark-mode-toggle{align-self:flex-end}}.marketplace-quick-actions{background:linear-gradient(135deg,#dbeafe99,#bfdbfe66);border:1px solid #dbeafecc;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #1e40af1f,0 2px 8px #1e40af14;box-sizing:border-box;font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important;font-family:var(--font-family-primary)!important;margin-bottom:3rem;margin-bottom:var(--spacing-2xl);overflow:hidden;padding:3rem;padding:var(--spacing-2xl);position:relative;width:100%}@media (max-width:768px){.marketplace-quick-actions{margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-lg)}}@media (max-width:480px){.marketplace-quick-actions{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-md)}}.marketplace-quick-actions:before{background:radial-gradient(circle,#2563eb0d 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}.marketplace-quick-actions h3{color:#1e40af;color:var(--primary-color);display:inline-block;font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important;font-family:var(--font-family-primary)!important;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;margin-bottom:2rem;margin-bottom:var(--spacing-xl);position:relative;text-transform:none}.marketplace-quick-actions h3:after{background:linear-gradient(90deg,#1e40af,#0000);background:linear-gradient(90deg,var(--primary-color),#0000);border-radius:2px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:60px}.quick-action-grid{grid-gap:1rem;grid-gap:var(--spacing-md);box-sizing:border-box;gap:1rem;gap:var(--spacing-md)}@media (min-width:1024px){.quick-action-grid{grid-template-columns:repeat(3,1fr);max-width:100%}}@media (max-width:1023px) and (min-width:769px){.quick-action-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.quick-action-grid{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.quick-action-grid{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr}}.quick-action-card{background:linear-gradient(135deg,#fffffff2,#ffffffd9);border:2px solid #dbeafe80;box-shadow:0 4px 16px #1e40af14,0 2px 8px #1e40af0a;box-sizing:border-box;font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important;font-family:var(--font-family-primary)!important;height:100%;min-height:140px;padding:2rem 1.5rem;padding:var(--spacing-xl) var(--spacing-lg)}@media (max-width:768px){.quick-action-card{min-height:120px;padding:1.5rem 1rem;padding:var(--spacing-lg) var(--spacing-md)}}@media (max-width:480px){.quick-action-card{min-height:110px;padding:1rem;padding:var(--spacing-md)}}.quick-action-card:before{background:linear-gradient(135deg,#2563eb08,#1e40af0d)}.quick-action-card:hover{background:linear-gradient(135deg,#fff,#f0f9fff2);border-color:#2563eb;border-color:var(--primary-light);box-shadow:0 12px 32px #1e40af26,0 4px 16px #1e40af1a}.quick-action-card .action-icon{flex-shrink:0}@media (max-width:768px){.quick-action-card .action-icon{font-size:2rem;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}}@media (max-width:480px){.quick-action-card .action-icon{font-size:1.75rem;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}}.quick-action-card h3{color:#1e40af;color:var(--primary-color);flex-shrink:0;font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important;font-family:var(--font-family-primary)!important}@media (max-width:768px){.quick-action-card h3{font-size:.9375rem;margin-bottom:4px}}@media (max-width:480px){.quick-action-card h3{font-size:.875rem;margin-bottom:4px}}.quick-action-card p{flex-shrink:0;font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important;font-family:var(--font-family-primary)!important}@media (max-width:768px){.quick-action-card p{font-size:.8125rem;line-height:1.3}}@media (max-width:480px){.quick-action-card p{font-size:.75rem;line-height:1.2}}.marketplace-info{margin-top:3rem;margin-top:var(--spacing-2xl);padding:3rem 0;padding:var(--spacing-2xl) 0}.marketplace-info,.marketplace-info h3{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important;font-family:var(--font-family-primary)!important}.marketplace-info h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#1e40af);background:linear-gradient(135deg,var(--text-primary) 0,var(--primary-color) 100%);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:3rem;margin-bottom:var(--spacing-2xl);padding-bottom:1rem;padding-bottom:var(--spacing-md);position:relative;text-align:center}.marketplace-info h3:after{background:linear-gradient(90deg,#0000,#1e40af,#0000);background:linear-gradient(90deg,#0000,var(--primary-color),#0000);border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.marketplace-info-grid{grid-gap:2rem;grid-gap:var(--spacing-xl);display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.marketplace-info-card{background:linear-gradient(135deg,#fffffff2,#f0f9ffe6);border:2px solid #dbeafe99;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 8px 24px #1e40af1a,0 2px 8px #1e40af0d;font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important;font-family:var(--font-family-primary)!important;overflow:hidden;padding:3rem 2rem;padding:var(--spacing-2xl) var(--spacing-xl);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.marketplace-info-card:before{background:radial-gradient(circle,#2563eb14 0,#0000 70%);content:"";height:200%;opacity:0;position:absolute;right:-50%;top:-50%;transition:opacity .3s ease;width:200%}.marketplace-info-card:hover{background:linear-gradient(135deg,#fff,#f0f9fff2);border-color:#2563eb;border-color:var(--primary-light);box-shadow:0 16px 40px #1e40af26,0 4px 16px #1e40af1a;transform:translateY(-8px)}.marketplace-info-card:hover:before{opacity:1}.marketplace-info-card-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);position:relative;transition:transform .3s ease;z-index:1}.marketplace-info-card:hover .marketplace-info-card-icon{transform:scale(1.1) rotate(-5deg)}.marketplace-info-card h4{color:#1e40af;color:var(--primary-color);font-size:1.5rem;font-weight:700;letter-spacing:-.01em;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.marketplace-info-card h4,.marketplace-info-card p{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important;font-family:var(--font-family-primary)!important;position:relative;z-index:1}.marketplace-info-card p{color:#64748b;color:var(--text-secondary);font-size:1rem;font-weight:500;line-height:1.7;margin:0}[data-theme=dark] .marketplace-info-card{background:#ffffffe6!important;background:var(--bg-card)!important;border:2px solid #e2e8f0!important;border:2px solid var(--border-color)!important}[data-theme=dark] .marketplace-info-card:hover{background:#ffffffe6!important;background:var(--bg-card)!important;border-color:#2563eb!important;border-color:var(--primary-light)!important}[data-theme=dark] .marketplace-info-card h4,[data-theme=dark] .marketplace-info-card p{color:#1e293b!important;color:var(--text-primary)!important}.marketplace-stats-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.marketplace-stats-grid,.marketplace-stats-title{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important;font-family:var(--font-family-primary)!important}.marketplace-stats-title{color:#1e40af;color:var(--primary-color);display:inline-block;font-size:1rem;font-weight:700;letter-spacing:-.01em;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-left:1rem;padding-left:var(--spacing-md);position:relative;text-transform:none}.marketplace-stats-title:before{background:linear-gradient(180deg,#1e40af,#2563eb);background:linear-gradient(180deg,var(--primary-color),var(--primary-light));border-radius:2px;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:4px}.marketplace-stat-card{background:linear-gradient(135deg,#fffffff2,#f0f9ffd9);border:2px solid #dbeafe99;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 16px #1e40af14,0 2px 8px #1e40af0a;font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important;font-family:var(--font-family-primary)!important;overflow:hidden;padding:2rem 1.5rem;padding:var(--spacing-xl) var(--spacing-lg);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.marketplace-stat-card:before{background:linear-gradient(90deg,#1e40af,#2563eb);background:linear-gradient(90deg,var(--primary-color),var(--primary-light));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s ease}.marketplace-stat-card:hover{border-color:#2563eb;border-color:var(--primary-light);box-shadow:0 8px 24px #1e40af1f,0 4px 12px #1e40af14;transform:translateY(-4px)}.marketplace-stat-card:hover:before{transform:scaleX(1)}.marketplace-stat-card-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2rem;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);transition:transform .3s ease}.marketplace-stat-card:hover .marketplace-stat-card-icon{transform:scale(1.15) rotate(5deg)}.marketplace-stat-card-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#2563eb);background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-light) 100%);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.marketplace-stat-card-label,.marketplace-stat-card-value{font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif!important;font-family:var(--font-family-primary)!important}.marketplace-stat-card-label{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}[data-theme=dark] .marketplace-stat-card{background:#ffffffe6!important;background:var(--bg-card)!important;border:2px solid #e2e8f0!important;border:2px solid var(--border-color)!important}[data-theme=dark] .marketplace-stat-card:hover{background:#ffffffe6!important;background:var(--bg-card)!important;border-color:#2563eb!important;border-color:var(--primary-light)!important}[data-theme=dark] .marketplace-stat-card-value{-webkit-text-fill-color:#0000!important;background:linear-gradient(135deg,#2563eb,#60a5fa)!important;background:linear-gradient(135deg,var(--primary-light) 0,#60a5fa 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}[data-theme=dark] .marketplace-stat-card-label,[data-theme=dark] .marketplace-stats-title{color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .marketplace-stats-title:before{background:linear-gradient(180deg,#2563eb,#60a5fa)!important;background:linear-gradient(180deg,var(--primary-light),#60a5fa)!important}.section.customer-care-section{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#0000!important;border:none!important;box-shadow:none!important;margin:0 auto;max-width:900px;padding:1.5rem;padding:var(--spacing-lg)}.section.customer-care-section:hover{box-shadow:none!important;transform:none!important}.customer-care-header{margin-bottom:2rem;margin-bottom:var(--spacing-xl);text-align:center}.customer-care-header h2{color:#1e293b;color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.customer-care-header p{color:#64748b;color:var(--text-secondary);font-size:1rem;margin:0}.customer-care-cards-container{margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.customer-care-two-column{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:1fr 1fr;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.customer-care-card{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#ffffffe6!important;background:var(--bg-card)!important;border:1px solid #e2e8f0!important;border:1px solid var(--border-color)!important;border-radius:1rem!important;border-radius:var(--radius-xl)!important;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a!important;box-shadow:var(--shadow-md)!important;display:flex;flex-direction:column;min-height:200px;overflow:visible;padding:2rem!important;padding:var(--spacing-xl)!important;position:relative}.customer-care-card:before{display:none!important}.customer-care-card:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a!important;box-shadow:var(--shadow-lg)!important;transform:translateY(-2px)}.customer-care-card-content{display:flex;flex-direction:column;height:100%;padding:0!important}.customer-care-card .card-body{padding:0!important}.customer-care-card-content h3{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.customer-care-card-subtitle{color:#64748b;color:var(--text-secondary);flex:1 1;font-size:.875rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.customer-care-whatsapp-btn{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb)!important;border:none!important;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff!important;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;margin-top:auto;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all .2s ease;width:100%}.customer-care-whatsapp-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);color:#fff!important;transform:translateY(-2px)}.customer-care-email-field{align-items:center;background:#fff;border:2px solid #1e40af;border:2px solid var(--primary-color);border-radius:.5rem;border-radius:var(--radius-md);box-sizing:border-box;display:flex;justify-content:center;margin-top:auto;min-height:48px;padding:1rem;padding:var(--spacing-md);width:100%}.customer-care-email-link{color:#1e40af;color:var(--primary-color);display:block;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-align:center;text-decoration:none;text-transform:uppercase;transition:color .2s ease;width:100%;word-break:break-all}.customer-care-email-link:hover{color:#1e3a8a;color:var(--primary-dark);text-decoration:none}.customer-care-ai-card{margin-top:1.5rem;margin-top:var(--spacing-lg)}.customer-care-ai-btn{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb)!important;border:none!important;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff!important;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;margin-top:auto;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease;width:100%}.customer-care-ai-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);color:#fff!important;transform:translateY(-2px)}.btn-ai-icon{font-size:1.125rem}.customer-care-live-chat-wrapper{display:flex;justify-content:center;margin-top:1.5rem;margin-top:var(--spacing-lg)}.customer-care-live-chat-btn{background:linear-gradient(135deg,#1e40af,#2563eb)!important;border:none!important;border-radius:.75rem;border-radius:var(--radius-lg);color:#fff!important;cursor:pointer;font-size:.875rem;font-weight:600;letter-spacing:.5px;min-width:200px;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);text-transform:uppercase;transition:all .2s ease}.customer-care-live-chat-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af)!important;box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);color:#fff!important;transform:translateY(-2px)}.customer-care-chat-section{margin-top:2rem;margin-top:var(--spacing-xl)}.customer-care-chat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.customer-care-chat-status{color:#64748b;color:var(--text-secondary);font-size:.75rem}.customer-care-chat-messages{background:#dbeafe99;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);height:260px;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);overflow-y:auto;padding:.5rem;padding:var(--spacing-sm)}.customer-care-chat-message{display:flex;justify-content:flex-end;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.customer-care-chat-message.agent{justify-content:flex-start}.customer-care-chat-bubble{border-radius:.75rem;border-radius:var(--radius-lg);max-width:70%;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}.customer-care-chat-bubble.patient{background:#1e40af;background:var(--primary-color);color:#fff;color:var(--text-inverse)}.customer-care-chat-bubble.agent{background:#bfdbfe66;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary)}.customer-care-chat-input-area{display:flex;gap:.5rem;gap:var(--spacing-sm)}.customer-care-chat-input{flex:1 1}.customer-care-image-upload{background:#dbeafe99;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);margin-top:1rem;margin-top:var(--spacing-md);padding:1rem;padding:var(--spacing-md)}.customer-care-image-upload-controls{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.customer-care-image-preview,.customer-care-image-upload-controls{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.customer-care-image-preview img{border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.375rem;border-radius:var(--radius-sm);height:60px;object-fit:cover;width:60px}.customer-care-image-preview-info{color:#64748b;color:var(--text-secondary);font-size:.75rem}.btn-whatsapp{align-items:center;background-color:#25d366;border-color:#25d366;display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:center}.btn-whatsapp:hover{background-color:#20ba5a;border-color:#20ba5a}.btn-whatsapp-icon{font-size:1.125rem}.chat-image-container img{border-radius:.5rem;border-radius:var(--radius-md);margin-bottom:.25rem;margin-bottom:var(--spacing-xs);max-height:200px;max-width:100%}.chat-image-filename{font-size:.75rem;opacity:.8}.no-messages{color:#64748b;color:var(--text-secondary);margin-top:2rem;margin-top:var(--spacing-xl);text-align:center}@media (max-width:768px){.section.customer-care-section{max-width:100%;padding:1rem!important;padding:var(--spacing-md)!important}.customer-care-header h2{font-size:1.5rem}.customer-care-header p{font-size:.875rem}.customer-care-two-column{gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr}.customer-care-card{min-height:auto;padding:1.5rem!important;padding:var(--spacing-lg)!important}.customer-care-card-content h3{font-size:1.125rem}.customer-care-card-subtitle{font-size:.8125rem;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.customer-care-whatsapp-btn{font-size:.8125rem}.customer-care-email-field,.customer-care-whatsapp-btn{padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.customer-care-email-field{min-height:44px}.customer-care-email-link{font-size:.75rem;text-align:center;word-break:break-all}.customer-care-live-chat-btn{font-size:.8125rem;max-width:300px;min-width:100%;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg)}.customer-care-chat-messages{height:200px}.customer-care-chat-input-area{flex-wrap:wrap}.customer-care-chat-input{margin-bottom:.25rem;margin-bottom:var(--spacing-xs);width:100%}}@media (max-width:480px){.section.customer-care-section{padding:.5rem!important;padding:var(--spacing-sm)!important}.customer-care-header{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.customer-care-header h2{font-size:1.25rem}.customer-care-card{padding:1rem!important;padding:var(--spacing-md)!important}.customer-care-live-chat-btn,.customer-care-whatsapp-btn{font-size:.75rem}.customer-care-email-link{font-size:.6875rem}}.notification-dropdown-controls{display:flex;gap:.5rem;gap:var(--spacing-sm)}.patient-dashboard-new .MuiOutlinedInput-root{background-color:#f3f4f6!important;border:none!important}.patient-dashboard-new .MuiOutlinedInput-root fieldset,.patient-dashboard-new .MuiOutlinedInput-root.Mui-focused fieldset,.patient-dashboard-new .MuiOutlinedInput-root:hover fieldset{border:#0000!important}.patient-dashboard-new .MuiOutlinedInput-root.Mui-focused{background-color:#e5e7eb!important;box-shadow:none!important}.patient-dashboard-new .MuiOutlinedInput-input{color:#1e293b!important}.patient-dashboard-new .MuiInputLabel-root,.patient-dashboard-new .MuiInputLabel-root.Mui-focused{color:#1e40af!important}.patient-dashboard-new .MuiSelect-root{background-color:#f3f4f6!important}.patient-dashboard-new .MuiSelect-root.Mui-focused{background-color:#e5e7eb!important}.patient-dashboard-new .MuiOutlinedInput-root .MuiSelect-root{background-color:#f3f4f6!important}.patient-dashboard-new .MuiOutlinedInput-root.Mui-focused .MuiSelect-root{background-color:#e5e7eb!important}[data-theme=dark] .patient-dashboard-new .MuiOutlinedInput-root{background-color:#374151!important}[data-theme=dark] .patient-dashboard-new .MuiOutlinedInput-root.Mui-focused{background-color:#4b5563!important}[data-theme=dark] .patient-dashboard-new .MuiOutlinedInput-input{color:#f9fafb!important}[data-theme=dark] .patient-dashboard-new .MuiInputLabel-root,[data-theme=dark] .patient-dashboard-new .MuiInputLabel-root.Mui-focused{color:#93c5fd!important}[data-theme=dark] .patient-dashboard-new .MuiSelect-root{background-color:#374151!important}[data-theme=dark] .patient-dashboard-new .MuiSelect-root.Mui-focused{background-color:#4b5563!important}[data-theme=dark] .patient-dashboard-new .MuiOutlinedInput-root .MuiSelect-root{background-color:#374151!important}[data-theme=dark] .patient-dashboard-new .MuiOutlinedInput-root.Mui-focused .MuiSelect-root{background-color:#4b5563!important}.patient-dashboard-new .card-body input,.patient-dashboard-new .card-body input[type=date],.patient-dashboard-new .card-body input[type=email],.patient-dashboard-new .card-body input[type=number],.patient-dashboard-new .card-body input[type=tel],.patient-dashboard-new .card-body input[type=text],.patient-dashboard-new .card-body select,.patient-dashboard-new .card-body textarea{background-color:#f3f4f6!important;border:1px solid #0000!important;color:#1e293b!important}.patient-dashboard-new .card-body input:focus,.patient-dashboard-new .card-body select:focus,.patient-dashboard-new .card-body textarea:focus{background-color:#e5e7eb!important;border-color:#0000!important;box-shadow:none!important;outline:none!important}.patient-dashboard-new .card-body label{color:#1e40af!important;font-weight:600!important}[data-theme=dark] .patient-dashboard-new .card-body input,[data-theme=dark] .patient-dashboard-new .card-body input[type=date],[data-theme=dark] .patient-dashboard-new .card-body input[type=email],[data-theme=dark] .patient-dashboard-new .card-body input[type=number],[data-theme=dark] .patient-dashboard-new .card-body input[type=tel],[data-theme=dark] .patient-dashboard-new .card-body input[type=text],[data-theme=dark] .patient-dashboard-new .card-body select,[data-theme=dark] .patient-dashboard-new .card-body textarea{background-color:#374151!important;border:1px solid #0000!important;color:#f9fafb!important}[data-theme=dark] .patient-dashboard-new .card-body input:focus,[data-theme=dark] .patient-dashboard-new .card-body select:focus,[data-theme=dark] .patient-dashboard-new .card-body textarea:focus{background-color:#4b5563!important;border-color:#0000!important;box-shadow:none!important;outline:none!important}[data-theme=dark] .patient-dashboard-new .card-body label{color:#93c5fd!important;font-weight:600!important}[data-theme=dark] .patient-dashboard-new input[style*="background-color: #F3F4F6"],[data-theme=dark] .patient-dashboard-new input[style*="backgroundColor: #F3F4F6"]{background-color:#374151!important;color:#f9fafb!important}[data-theme=dark] .patient-dashboard-new input[style*="background-color: #F3F4F6"]:focus,[data-theme=dark] .patient-dashboard-new input[style*="backgroundColor: #F3F4F6"]:focus{background-color:#4b5563!important}[data-theme=dark] .patient-dashboard-new label[style*="color: #1E40AF"]{color:#93c5fd!important}:root{--mk-page-bg:#f0f9fff2;--mk-surface-2:#dbeafe4d;--mk-border:#e2e8f0;--mk-skeleton:#e2e8f0;--mk-text:#1e293b;--mk-muted:#64748b;--mk-accent:#1e40af;--mk-primary:#1e40af;--mk-primary-light:#2563eb;--mk-primary-dark:#1e3a8a;--mk-gradient:linear-gradient(135deg,#1e40af,#2563eb)}[data-theme=dark],[data-theme=dark] :root{--mk-page-bg:#0b1426;--mk-surface:#1a2332;--mk-surface-2:#293548;--mk-border:#33415599;--mk-skeleton:#293548;--mk-text:#f1f5f9;--mk-muted:#cbd5e1;--mk-accent:#2563eb;--mk-primary:#1e40af;--mk-primary-light:#2563eb;--mk-primary-dark:#1e3a8a;--mk-gradient:linear-gradient(135deg,#1e40af,#2563eb)}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.action-icon,.gradient-text,.gradient-text-green,.gradient-text-price,[style*="WebkitBackgroundClip: 'text'"],[style*="background-clip: text"]{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;-webkit-backface-visibility:hidden;text-rendering:optimizeLegibility;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:auto}.hover-lift,.marketplace-card,.quick-action-card,[style*=transform],[style*=transition]{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0)}.marketplace-animation{transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform,opacity}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#dbeafe4d;background:var(--mk-surface-2);border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--mk-gradient);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.loading-spinner{border:4px solid #e2e8f0;border-top:4px solid #1e40af;border:4px solid var(--mk-border);border-top-color:var(--mk-primary);margin:0 auto}.hover-lift{box-shadow:0 2px 8px #00000014;transition:all .4s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{box-shadow:0 16px 48px #00000026,0 0 0 1px #0000000d;transform:translateY(-8px)}.gradient-text{background:linear-gradient(135deg,#1e40af,#2563eb);-webkit-background-clip:text;background-clip:text}.gradient-text,.gradient-text-green{-webkit-text-fill-color:#0000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;-webkit-backface-visibility:hidden;text-rendering:optimizeLegibility;transform:translateZ(0);-webkit-transform:translateZ(0)}.gradient-text-green{background:linear-gradient(135deg,#10b981,#059669);-webkit-background-clip:text;background-clip:text}.gradient-text-price{-webkit-text-fill-color:#0000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden;-webkit-backface-visibility:hidden;background:linear-gradient(135deg,#1e40af,#2563eb);-webkit-background-clip:text;background-clip:text;text-rendering:optimizeLegibility;transform:translateZ(0);-webkit-transform:translateZ(0)}.marketplace-card{box-shadow:0 2px 12px #0000000f;transition:all .4s cubic-bezier(.4,0,.2,1);will-change:transform}.marketplace-card:hover{box-shadow:0 20px 48px #0000001f,0 0 0 1px #0000000d;transform:translateY(-6px)}.ripple-button{overflow:hidden;position:relative}.ripple-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.ripple-button:active:before{height:300px;width:300px}.quick-action-card{will-change:transform,box-shadow!important}.quick-action-card,.quick-action-card .action-icon{backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;perspective:1000px!important;-webkit-perspective:1000px!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important}.quick-action-card .action-icon{-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;position:relative!important;text-rendering:optimizeLegibility!important;will-change:auto!important}.quick-action-card .action-icon:before{bottom:0!important;content:""!important;left:0!important;position:absolute!important;right:0!important;top:0!important;transform:translateZ(0)!important;-webkit-transform:translateZ(0)!important}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.marketplace-page-enter{animation:slideInUp .6s ease-out}.marketplace-category-enter{animation:slideInLeft .5s ease-out}.marketplace-search-bar{animation:scaleIn .4s ease-out}.marketplace-button{box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.marketplace-button:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-1px)}.marketplace-button:active{box-shadow:0 2px 8px #0000001a;transform:translateY(0)}.marketplace-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%}.marketplace-button:hover:before{left:100%}.search-bar-focus{border-color:#1e40af80!important;box-shadow:0 0 0 3px #1e40af26!important}.marketplace-error-card{background:#fff;background:var(--mk-surface);border:1px solid #e2e8f0;border:1px solid var(--mk-border);border-radius:1rem;box-shadow:0 4px 15px #1e40af26;margin-bottom:2rem;padding:1.5rem}.marketplace-error-text{color:#64748b;color:var(--mk-muted);font-size:1rem;font-weight:500}.marketplace-skeleton-card{animation:pulse 2s infinite;background:#fff;background:var(--mk-surface);border:1px solid #e2e8f0;border:1px solid var(--mk-border);border-radius:1rem;box-shadow:0 4px 20px #1e40af1a;overflow:hidden}.marketplace-skeleton-image{background:#e2e8f0;background:var(--mk-skeleton);height:200px}.marketplace-skeleton-content{padding:1.5rem}.marketplace-skeleton-line{height:1rem}.marketplace-skeleton-line,.marketplace-skeleton-line-short{background:#e2e8f0;background:var(--mk-skeleton);border-radius:.25rem;margin-bottom:.75rem}.marketplace-skeleton-line-short{height:.75rem}.marketplace-skeleton-line-large{background:#e2e8f0;background:var(--mk-skeleton);border-radius:.25rem;height:1.5rem}.marketplace-empty-state{background:#fff;background:var(--mk-surface);border:1px solid #e2e8f0;border:1px solid var(--mk-border);border-radius:1rem;box-shadow:0 4px 20px #1e40af1a;padding:4rem 2rem;text-align:center}.marketplace-empty-text{color:#64748b;color:var(--mk-muted);font-size:1.2rem;font-weight:500;margin-bottom:1rem}.marketplace-results-info{align-items:center;background:#fff;background:var(--mk-surface);border:1px solid #e2e8f0;border:1px solid var(--mk-border);border-radius:1rem;box-shadow:0 4px 20px #1e40af1a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.marketplace-results-text{color:#64748b;color:var(--mk-muted);font-size:1rem;font-weight:500}.marketplace-results-count{color:#1e40af;color:var(--mk-primary);font-weight:600}.marketplace-page-badge{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--mk-gradient);border-radius:2rem;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.marketplace-pagination-container{background:#fff;background:var(--mk-surface);border:1px solid #e2e8f0;border:1px solid var(--mk-border);border-radius:1rem;box-shadow:0 4px 20px #1e40af1a;display:flex;justify-content:center;padding:2rem}.marketplace-page-wrapper{background:#f0f9fff2;background:var(--mk-page-bg);min-height:100vh}[data-theme=dark] .marketplace-empty-state,[data-theme=dark] .marketplace-error-card,[data-theme=dark] .marketplace-pagination-container,[data-theme=dark] .marketplace-results-info,[data-theme=dark] .marketplace-skeleton-card{background:#fff!important;background:var(--mk-surface)!important;border-color:#e2e8f0!important;border-color:var(--mk-border)!important;color:#1e293b!important;color:var(--mk-text)!important}[data-theme=dark] .marketplace-empty-text,[data-theme=dark] .marketplace-error-text,[data-theme=dark] .marketplace-results-text{color:#64748b!important;color:var(--mk-muted)!important}[data-theme=dark] .marketplace-results-count{color:#1e40af!important;color:var(--mk-primary)!important}[data-theme=dark] .marketplace-skeleton-image,[data-theme=dark] .marketplace-skeleton-line,[data-theme=dark] .marketplace-skeleton-line-large,[data-theme=dark] .marketplace-skeleton-line-short{background:#e2e8f0!important;background:var(--mk-skeleton)!important}[data-theme=dark] .marketplace-page-wrapper{background:#f0f9fff2!important;background:var(--mk-page-bg)!important}[data-theme=dark] .MuiCard-root{background:#fff!important;background:var(--mk-surface)!important;border-color:#e2e8f0!important;border-color:var(--mk-border)!important}[data-theme=dark] .MuiCard-root,[data-theme=dark] .MuiCardContent-root,[data-theme=dark] .MuiTypography-root{color:#1e293b!important;color:var(--mk-text)!important}[data-theme=dark] .MuiSkeleton-root{background-color:#e2e8f0!important;background-color:var(--mk-skeleton)!important}.language-toggle-container{align-items:center;display:flex;justify-content:center}.language-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #60a5fa4d;border-radius:18px;box-shadow:0 2px 8px #2563eb1a;cursor:pointer;display:flex;height:36px;justify-content:space-between;overflow:hidden;padding:0 4px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100px}.language-toggle:hover{border-color:#2563eb80;box-shadow:0 4px 12px #2563eb33;transform:translateY(-1px)}.language-option{align-items:center;color:#64748b;display:flex;flex:1 1;font-size:.875rem;font-weight:700;height:100%;justify-content:center;padding:0 12px;position:relative;text-align:center;transition:color .3s ease;-webkit-user-select:none;user-select:none;z-index:2}.language-option.active{color:#1e3a8a;font-weight:800}.language-slider{background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:16px;box-shadow:0 2px 8px #2563eb4d;height:calc(100% - 4px);left:2px;position:absolute;top:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:calc(50% - 4px);z-index:1}.language-toggle.active .language-slider{transform:translateX(100%)}.dark-mode .language-toggle{background:#1e293bf2;border-color:#60a5fa4d}.dark-mode .language-toggle:hover{border-color:#60a5fa80;box-shadow:0 4px 12px #60a5fa33}.dark-mode .language-option{color:#94a3b8}.dark-mode .language-option.active{color:#93c5fd}.dark-mode .language-slider{background:linear-gradient(135deg,#3b82f6,#60a5fa);box-shadow:0 2px 8px #60a5fa4d}@media (max-width:768px){.language-toggle{height:32px;width:90px}.language-option{font-size:.8rem;padding:0 10px}}@media (max-width:480px){.language-toggle{height:30px;width:85px}.language-option{font-size:.75rem;padding:0 8px}}.availability-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #f3f4f6;border:1px solid var(--border-light);border-radius:1rem;box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-md);margin:0 auto;max-width:1200px;padding:2rem}.availability-container,.availability-container h2{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.availability-container h2{color:#1f2937;color:var(--text-primary);font-size:1.875rem;font-weight:700;margin-bottom:0}.availability-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.refresh-btn{align-items:center;background-color:#3b82f6;background-color:var(--primary-color);border-radius:.5rem;display:flex;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.refresh-btn:hover:not(:disabled){background-color:#2563eb;background-color:var(--primary-hover);transform:translateY(-1px)}.refresh-btn:disabled{opacity:.6}.refresh-btn:before{content:"↻";font-size:1.1rem}[data-theme=dark] .availability-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293bcc;border:1px solid #4755694d;box-shadow:0 8px 32px #0006}[data-theme=dark] .availability-container h2{color:#f1f5f9;text-shadow:0 2px 4px #000c}.error-message{border-radius:.5rem;margin-bottom:1rem}.info-message{background-color:#dbeafe;border-left:4px solid #3b82f6;border-left:4px solid var(--primary-color);border-radius:.5rem;color:#1e40af;margin-bottom:1.5rem;padding:1rem}.info-message p{font-size:.875rem;margin:.25rem 0}.info-message p:first-child{font-weight:600}[data-theme=dark] .info-message{background-color:#3b82f61a;border-left-color:#60a5fa;color:#93c5fd}[data-theme=dark] .error-message{background-color:#ef444433;border:1px solid #ef44444d;color:#fca5a5}.days-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.day-button{background-color:#f3f4f6;background-color:var(--bg-tertiary);border:1px solid #f3f4f6;border:1px solid var(--border-light);border-radius:.5rem;color:#4b5563;color:var(--text-secondary);cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.day-button:hover{background-color:#f9fafb;background-color:var(--bg-secondary);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.day-button.active{background-color:#3b82f6;background-color:var(--primary-color);box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-md);color:#fff}.day-button.non-working{background-color:#f3f4f6;background-color:var(--bg-tertiary);color:#9ca3af;color:var(--text-muted);opacity:.7}.day-schedule{background-color:#fff;background-color:var(--bg-card);border:1px solid #f3f4f6;border:1px solid var(--border-light);border-radius:.75rem;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}[data-theme=dark] .day-schedule{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#1e293b99;border:1px solid #47556933}.day-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.day-info{display:flex;flex-direction:column;gap:.5rem}.slot-count{color:#4b5563;color:var(--text-secondary);font-size:.875rem;font-weight:500}.day-header h3{color:#1f2937;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.working-day-toggle{align-items:center;color:#4b5563;color:var(--text-secondary);cursor:pointer;display:flex;gap:.5rem}.working-day-toggle input[type=checkbox]{accent-color:#3b82f6;accent-color:var(--primary-color);cursor:pointer;height:1.25rem;width:1.25rem}.time-slots{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.time-slot{background-color:#f3f4f6;background-color:var(--bg-tertiary);border:1px solid #f3f4f6;border:1px solid var(--border-light);border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.time-slot:hover{background-color:#f9fafb;background-color:var(--bg-secondary);box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.time-slot.available{background-color:#10b9811a;border-color:#10b9814d}.time-slot.disabled{background-color:#ef44441a;border-color:#ef44444d;opacity:.7}.time-slot .time{color:#1f2937;color:var(--text-primary);font-weight:600;margin-bottom:.5rem}.time-slot .status{color:#4b5563;color:var(--text-secondary);font-size:.875rem}.time-slot.available .status{color:#10b981;color:var(--success-color);font-weight:500}[data-theme=dark] .time-slot{background:#33415566;border-color:#4755694d}[data-theme=dark] .time-slot:hover{background:#33415599;border-color:#47556980}[data-theme=dark] .time-slot.available{background:#10b98126;border-color:#10b98166}[data-theme=dark] .time-slot.disabled{background:#ef444426;border-color:#ef444466}@media (max-width:640px){.availability-container{padding:1rem}.days-nav{gap:.25rem;justify-content:center}.day-button{font-size:.875rem;padding:.5rem 1rem}.day-schedule{padding:1rem}.time-slots{grid-template-columns:1fr}}:root{--primary-color:#3b82f6;--primary-hover:#2563eb;--secondary-color:#6b7280;--secondary-hover:#4b5563;--danger-hover:#dc2626;--success-color:#10b981;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--bg-card:#fff;--text-primary:#1f2937;--text-secondary:#4b5563;--text-tertiary:#6b7280;--text-muted:#9ca3af;--border-color:#e5e7eb;--border-light:#f3f4f6;--border-dark:#d1d5db;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000000d;--shadow-lg:0 10px 15px #0000001a;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--bg-card:#1e293b;--text-muted:#64748b;--border-color:#475569;--border-light:#334155;--border-dark:#1e293b;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0006}.profile-container{background-color:#fff;background-color:var(--bg-primary);border-radius:1rem;box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-md);margin:2rem auto;max-width:2000px;padding:2.5rem 4rem}.profile-container,.profile-header{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.profile-header{align-items:center;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:3rem;padding-bottom:1.5rem}.profile-header h2{color:#1f2937;color:var(--text-primary);font-size:1.875rem;font-weight:600;margin:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.header-actions{align-items:center;display:flex;gap:1rem}.theme-toggle-btn{background-color:#f9fafb;background-color:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#4b5563;font-size:1.25rem;transition:var(--transition)}.theme-toggle-btn:hover{background-color:#f3f4f6;border-color:#d1d5db;border-color:var(--border-dark);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm)}.theme-toggle-btn:active{transform:translateY(0)}.error-message{background-color:#fee2e2;border-radius:.75rem;font-weight:500;padding:1.25rem}.profile-picture-section{display:flex;justify-content:center;margin-bottom:3rem}.profile-picture-container{position:relative;text-align:center}.profile-picture{object-fit:cover}.profile-picture,.profile-picture-placeholder{border:4px solid #e5e7eb;border:4px solid var(--border-color);border-radius:50%;box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);height:150px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:150px}.profile-picture-placeholder{align-items:center;background-color:#f9fafb;background-color:var(--bg-secondary);display:flex;justify-content:center}.profile-picture-placeholder i{color:#9ca3af;color:var(--text-muted);font-size:3rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.profile-picture-upload{margin-top:1rem}.upload-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.upload-btn{background-color:#3b82f6;background-color:var(--primary-color)}.remove-picture-btn,.upload-btn{align-items:center;border:none;border-radius:.75rem;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.remove-picture-btn{background-color:#ef4444;background-color:var(--danger-color)}.remove-picture-btn:hover:not(:disabled){background-color:#dc2626;background-color:var(--danger-hover);box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.remove-picture-btn:active{transform:translateY(0)}.remove-picture-btn:disabled{cursor:not-allowed;opacity:.7}.remove-picture-btn i{height:1.25rem;width:1.25rem}.upload-btn:hover{background-color:#2563eb;background-color:var(--primary-hover);box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.upload-btn:active{transform:translateY(0)}.upload-btn i{height:1.25rem;width:1.25rem}.upload-hint{color:#9ca3af;color:var(--text-muted);font-size:.875rem;margin-top:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.uploading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:1.25rem;width:1.25rem}.profile-form{display:flex;flex-direction:column;gap:2.5rem;margin:0 auto;max-width:1800px;width:100%}.form-section{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:var(--bg-glass-strong);border:1px solid #ffffff40;border-radius:var(--radius-2xl);box-shadow:var(--shadow-glass);overflow:hidden;padding:3rem 4rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.form-section:after{background:linear-gradient(135deg,#0891b24d,#6366f14d,#10b9814d);border-radius:var(--radius-2xl);inset:0;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;opacity:0;padding:1px;transition:opacity .4s ease}.form-section:before{background:linear-gradient(90deg,#0891b2cc,#6366f1cc,#10b981cc);border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;box-shadow:0 0 10px #0891b280,0 0 20px #0891b24d,0 0 30px #0891b21a;content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .4s cubic-bezier(.4,0,.2,1)}.form-section:after{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.form-section:hover:after{left:100%}.form-section:hover{border-color:#ffffff59;box-shadow:var(--shadow-glow);transform:translateY(-3px)}.form-section:hover:before{box-shadow:0 0 15px #0891b2cc,0 0 25px #0891b280,0 0 35px #0891b24d,0 0 45px #0891b21a;opacity:1}.form-section h3{border-bottom:2px solid #0891b24d;color:#1f2937;color:var(--text-primary);font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin:0 0 2rem;padding-bottom:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1}[data-theme=light] .form-section h3{border-bottom-color:#0891b266;color:#1f2937;text-shadow:0 1px 2px #0000001a}[data-theme=light] .form-section h3:before{background:linear-gradient(90deg,var(--medical-color),#3b82f6);background:linear-gradient(90deg,var(--medical-color),var(--primary-color));border-radius:1px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.form-group{margin-bottom:2rem;max-width:100%}.form-group:last-child{margin-bottom:0}.form-group label{color:#4b5563;color:var(--text-secondary);font-size:1.1rem;margin-bottom:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}[data-theme=light] .form-group label{color:#374151;font-weight:600}.form-group input,.form-group select,.form-group textarea{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:var(--bg-glass-strong);border:1px solid #ffffff4d;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);color:#1f2937;color:var(--text-primary);font-size:1.1rem;overflow:hidden;padding:1.25rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-group input:before,.form-group select:before,.form-group textarea:before{background:linear-gradient(135deg,#0891b20d,#6366f10d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.form-group input:focus:before,.form-group select:focus:before,.form-group textarea:focus:before{opacity:1}.form-group textarea{min-height:150px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:var(--bg-glass);border-color:var(--medical-color);box-shadow:0 0 0 3px #0891b233,var(--shadow-glow);transform:translateY(-1px)}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background-color:#f9fafb;background-color:var(--bg-secondary);border-color:#e5e7eb;border-color:var(--border-color);cursor:not-allowed}.form-group small{color:#9ca3af;color:var(--text-muted);display:block;font-size:.875rem;margin-top:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.education-entry{grid-gap:3rem;align-items:flex-end;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid #fff3;border-radius:var(--radius-xl);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);display:grid;gap:3rem;grid-template-columns:2.5fr 3.5fr 1.2fr 120px;margin-bottom:2rem;overflow:hidden;padding:2.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.education-entry:before{background:linear-gradient(90deg,var(--secondary-gradient),var(--accent-gradient));border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}.education-entry:hover{border-color:#ffffff4d;box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.education-entry .form-group{margin-bottom:0}.education-entry .btn-danger{align-items:center;background-color:#ef4444;background-color:var(--danger-color);border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;height:51px;justify-content:center;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:120px}.education-entry .btn-danger:hover{background-color:#dc2626;background-color:var(--danger-hover);transform:translateY(-1px)}.languages-grid{grid-gap:2rem;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:var(--bg-glass);border:1px solid #ffffff26;border-radius:var(--radius-xl);display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.languages-grid:before{background:linear-gradient(90deg,var(--info-gradient),var(--primary-gradient));border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}.languages-grid:hover{border-color:#ffffff40;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.language-checkbox{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:var(--radius-lg);color:#1f2937;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.1rem;gap:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.language-checkbox:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.language-checkbox:hover:before{left:100%}.language-checkbox:hover{background:#ffffff1a;border-color:#fff3;box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.language-checkbox input[type=checkbox]{background-color:#fff;background-color:var(--bg-primary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:.25rem;cursor:pointer;height:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:1.25rem}.language-checkbox input[type=checkbox]:checked{background-color:#3b82f6;background-color:var(--primary-color);border-color:#3b82f6;border-color:var(--primary-color)}.form-actions{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:var(--bg-glass);border:1px solid #ffffff26;border-radius:var(--radius-xl);display:flex;gap:1rem;justify-content:flex-end;margin-top:3rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.form-actions:before{background:linear-gradient(90deg,var(--medical-gradient),var(--success-gradient));border-radius:var(--radius-xl) var(--radius-xl) 0 0;content:"";height:2px;left:0;opacity:.6;position:absolute;right:0;top:0}.btn{border-radius:.75rem;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn:disabled{cursor:not-allowed;opacity:.7}.btn-primary{background-color:#3b82f6}.btn-primary:hover:not(:disabled){background-color:#2563eb;background-color:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background-color:#6b7280}.btn-secondary:hover:not(:disabled){background-color:#4b5563;background-color:var(--secondary-hover);transform:translateY(-1px)}.btn-danger{background-color:#ef4444;background-color:var(--danger-color);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626;background-color:var(--danger-hover);transform:translateY(-1px)}.loading-spinner{border:4px solid #f9fafb;border-top:4px solid #3b82f6;border:4px solid var(--bg-secondary);height:48px;margin:3rem auto;width:48px}[data-theme=dark] .profile-container{background-color:#fff;background-color:var(--bg-primary);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg)}[data-theme=dark] .form-section{background:var(--bg-glass-strong);border-color:#ffffff1a}[data-theme=dark] .form-section:before{background:linear-gradient(90deg,#0891b2cc,#6366f1cc,#10b981cc);opacity:1}[data-theme=dark] .form-section h3{border-bottom-color:#fff3;color:#1f2937!important;color:var(--text-primary)!important;text-shadow:0 1px 3px #0000004d}[data-theme=dark] .form-section h3:before{background:linear-gradient(90deg,var(--medical-color),#3b82f6);background:linear-gradient(90deg,var(--medical-color),var(--primary-color));box-shadow:0 0 10px #0891b280}[data-theme=dark] .education-entry{background:var(--bg-glass-strong);border-color:#ffffff1a}[data-theme=dark] .education-entry:before{background:linear-gradient(90deg,#10b981cc,#f59e0bcc);opacity:1}[data-theme=dark] .languages-grid{background:var(--bg-glass-strong);border-color:#ffffff1a}[data-theme=dark] .languages-grid:before{background:linear-gradient(90deg,#3b82f6cc,#6366f1cc);opacity:1}[data-theme=dark] .language-checkbox{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .language-checkbox:hover{background:#ffffff14;border-color:#fff3}[data-theme=dark] .form-actions{background:var(--bg-glass-strong);border-color:#ffffff1a}[data-theme=dark] .form-actions:before{background:linear-gradient(90deg,#0891b2cc,#10b981cc);opacity:1}[data-theme=dark] .education-entry{border-color:#e5e7eb;border-color:var(--border-color)}[data-theme=dark] .education-entry,[data-theme=dark] .languages-grid{background-color:#f9fafb;background-color:var(--bg-secondary)}[data-theme=dark] .profile-picture,[data-theme=dark] .profile-picture-placeholder{border-color:#e5e7eb;border-color:var(--border-color)}[data-theme=dark] .profile-picture-placeholder{background-color:#f9fafb;background-color:var(--bg-secondary)}[data-theme=dark] .profile-picture-placeholder i,[data-theme=dark] .upload-hint{color:#9ca3af;color:var(--text-muted)}[data-theme=dark] .theme-toggle-btn{background-color:#f9fafb;background-color:var(--bg-secondary);border-color:#e5e7eb;border-color:var(--border-color);color:#4b5563;color:var(--text-secondary)}[data-theme=dark] .theme-toggle-btn:hover{background-color:#f3f4f6;background-color:var(--bg-tertiary);border-color:#d1d5db;border-color:var(--border-dark)}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f633}[data-theme=dark] .language-checkbox input[type=checkbox]{background-color:#fff;background-color:var(--bg-primary);border-color:#e5e7eb;border-color:var(--border-color)}[data-theme=dark] .language-checkbox input[type=checkbox]:checked{background-color:#3b82f6;background-color:var(--primary-color);border-color:#3b82f6;border-color:var(--primary-color)}@media (max-width:1800px){.profile-container{padding:2rem 3rem}.form-section{padding:2.5rem 3rem}.education-entry{gap:2rem;grid-template-columns:2fr 3fr 1.2fr 120px}}@media (max-width:1400px){.form-section,.profile-container{padding:2rem}.education-entry{gap:1.5rem;grid-template-columns:2fr 2fr 1fr 120px}}@media (max-width:1024px){.form-section{padding:1.75rem}.education-entry{gap:1.25rem;grid-template-columns:1fr 1fr 1fr 100px}.form-group input,.form-group select,.form-group textarea{font-size:1rem;padding:1rem 1.25rem}.education-entry .btn-danger{font-size:1rem;width:100px}}@media (max-width:768px){.profile-container{margin:1rem;padding:1.5rem}.form-section{padding:1.5rem}.education-entry{gap:1rem;grid-template-columns:1fr;padding:1.5rem}.education-entry .form-group{margin-bottom:1rem}.education-entry .btn-danger{margin-top:.5rem;width:100%}.languages-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:1rem}.language-checkbox{font-size:1rem;padding:.75rem}.profile-picture,.profile-picture-placeholder{height:120px;width:120px}.upload-actions{flex-direction:column;gap:.5rem}.remove-picture-btn,.upload-btn{justify-content:center;width:100%}}.doctor-profile-container-modern{background:#fff;background:var(--bg-primary);border-radius:var(--radius-2xl);box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);margin:0 auto;max-width:1200px;padding:var(--spacing-xl);width:100%}.doctor-profile-header-modern{align-items:flex-start;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-xl)}.profile-header-content{flex:1 1}.profile-title-modern{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;color:#1f2937;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 var(--spacing-xs) 0}.profile-subtitle-modern{color:#4b5563;color:var(--text-secondary);font-size:.9375rem;margin:0}.btn-profile-edit{align-items:center;border:none;border-radius:var(--radius-lg);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-edit{background:var(--primary-gradient);color:#fff}.btn-edit:hover{box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-cancel{background:#f3f4f6;background:var(--bg-tertiary);border:1px solid #e5e7eb;border:1px solid var(--border-color);color:#1f2937;color:var(--text-primary)}.btn-cancel:hover{background:#f9fafb;background:var(--bg-secondary)}.btn-profile-edit i{height:18px;width:18px}.error-message-modern{background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-lg);color:#dc2626;font-size:.9375rem;margin-bottom:var(--spacing-xl);padding:var(--spacing-md)}.profile-picture-section-modern{display:flex;justify-content:center;margin-bottom:var(--spacing-2xl)}.profile-picture-wrapper-modern{border:4px solid #f3f4f6;border:4px solid var(--border-light);border-radius:50%;box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);height:180px;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:180px}.profile-picture-wrapper-modern:hover{border-color:#3b82f6;border-color:var(--primary-color);transform:scale(1.02)}.profile-picture-modern{height:100%;object-fit:cover;width:100%}.profile-picture-placeholder-modern{align-items:center;background:var(--primary-gradient);color:#fff;display:flex;height:100%;justify-content:center;width:100%}.profile-picture-placeholder-modern i{height:80px;width:80px}.profile-picture-overlay-modern{align-items:center;background:#000000b3;bottom:0;display:flex;gap:var(--spacing-sm);justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.profile-picture-wrapper-modern:hover .profile-picture-overlay-modern{opacity:1}.upload-picture-btn-modern{align-items:center;background:var(--primary-gradient);border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:.875rem;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.upload-picture-btn-modern:hover{box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-md);transform:scale(1.05)}.upload-picture-btn-modern i{height:24px;width:24px}.remove-picture-btn-modern{background:#ef4444e6;border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;padding:var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.remove-picture-btn-modern:hover:not(:disabled){background:#dc2626;transform:scale(1.05)}.remove-picture-btn-modern i{height:20px;width:20px}.uploading-spinner-modern{animation:spin .6s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;width:24px}.doctor-profile-form-modern{width:100%}.profile-form-container-modern{display:flex;flex-direction:column;gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.form-section-modern{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);padding:var(--spacing-xl);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-section-modern:hover{box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-md)}.form-section-title-modern{align-items:center;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--border-light);color:#1f2937;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:var(--spacing-sm);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.form-section-title-modern i{color:#3b82f6;color:var(--primary-color);height:20px;width:20px}.form-section-content-modern{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-card-title{align-items:center;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--border-light);color:#1f2937;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:var(--spacing-sm);margin:0 0 var(--spacing-lg) 0;padding-bottom:var(--spacing-md)}.form-card-title i{color:#3b82f6;color:var(--primary-color);height:20px;width:20px}.form-group-modern{margin-bottom:0}.form-group-modern label{color:#4b5563;color:var(--text-secondary);display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xs)}.form-group-modern input,.form-group-modern select,.form-group-modern textarea{background:#fff;background:var(--bg-primary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:var(--radius-lg);box-sizing:border-box;color:#1f2937;color:var(--text-primary);font-family:inherit;font-size:.9375rem;padding:var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.form-group-modern input:focus,.form-group-modern select:focus,.form-group-modern textarea:focus{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 0 0 4px #1e40af1a;outline:none}.form-group-modern input:disabled,.form-group-modern select:disabled,.form-group-modern textarea:disabled{background:#f9fafb;background:var(--bg-secondary);cursor:not-allowed;opacity:.7}.form-group-modern textarea{min-height:100px;resize:vertical}.char-count-modern{color:#6b7280;color:var(--text-tertiary);display:block;font-size:.75rem;margin-top:var(--spacing-xs);text-align:right}.form-row-modern{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr}.education-entry-modern{background:#f9fafb;background:var(--bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--spacing-md);padding:var(--spacing-lg)}.education-entry-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm)}.education-entry-number{color:#4b5563;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.remove-education-btn-modern{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:var(--radius-md);color:#dc2626;cursor:pointer;display:flex;font-size:.8125rem;font-weight:600;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.remove-education-btn-modern:hover{background:#ef444433;border-color:#ef4444}.remove-education-btn-modern i{height:14px;width:14px}.education-fields-modern{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:1fr 1fr 1fr}.add-education-btn-modern{align-items:center;background:#f9fafb;background:var(--bg-secondary);border:2px dashed #e5e7eb;border:2px dashed var(--border-color);border-radius:var(--radius-lg);color:#1f2937;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;margin-top:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}.add-education-btn-modern:hover{background:#f3f4f6;background:var(--bg-tertiary);border-color:#3b82f6;border-color:var(--primary-color);color:#3b82f6;color:var(--primary-color)}.add-education-btn-modern i{height:18px;width:18px}.no-education-text{color:#6b7280;color:var(--text-tertiary);font-style:italic;padding:var(--spacing-lg);text-align:center}.languages-grid-modern{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.language-chip-modern{align-items:center;background:#f9fafb;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.language-chip-modern input{display:none}.language-chip-modern span{color:#1f2937;color:var(--text-primary)}.language-chip-modern input:checked+span{color:#3b82f6;color:var(--primary-color);font-weight:600}.language-chip-modern:has(input:checked){background:#1e40af1a;border-color:#3b82f6;border-color:var(--primary-color)}.language-chip-modern:hover{border-color:#3b82f6;border-color:var(--primary-color);transform:translateY(-1px)}.language-chip-modern:has(input:disabled){cursor:not-allowed;opacity:.5}.form-actions-modern{border-top:2px solid #f3f4f6;border-top:2px solid var(--border-light);display:flex;gap:var(--spacing-md);justify-content:flex-end;padding-top:var(--spacing-xl)}.btn-cancel-modern,.btn-save-modern{align-items:center;border:none;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-2xl);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.btn-save-modern{background:var(--primary-gradient);box-shadow:0 4px 6px #0000000d;box-shadow:var(--shadow-md);color:#fff}.btn-save-modern:hover:not(:disabled){box-shadow:0 10px 15px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-save-modern:disabled{cursor:not-allowed;opacity:.7}.btn-cancel-modern{background:#f9fafb;background:var(--bg-secondary);border:2px solid #e5e7eb;border:2px solid var(--border-color);color:#1f2937;color:var(--text-primary)}.btn-cancel-modern:hover:not(:disabled){background:#f3f4f6;background:var(--bg-tertiary);border-color:#d1d5db;border-color:var(--border-dark)}.btn-save-modern i{height:18px;width:18px}.saving-spinner{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.doctor-profile-container-modern{padding:var(--spacing-lg)}.doctor-profile-header-modern{flex-direction:column;gap:var(--spacing-md)}.profile-title-modern{font-size:1.5rem}.profile-picture-wrapper-modern{height:150px;width:150px}.profile-form-container-modern{gap:var(--spacing-lg)}.form-section-modern{padding:var(--spacing-lg)}.education-fields-modern,.form-row-modern{grid-template-columns:1fr}.form-actions-modern{flex-direction:column-reverse}.btn-cancel-modern,.btn-save-modern{justify-content:center;width:100%}.languages-grid-modern{gap:var(--spacing-xs)}.language-chip-modern{font-size:.8125rem;padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:480px){.doctor-profile-container-modern{padding:var(--spacing-md)}.profile-picture-wrapper-modern{height:120px;width:120px}.form-card-modern{padding:var(--spacing-md)}}:root{--font-family:"Manrope",sans-serif;--primary-color:#4a90e2;--secondary-color:#f5f5f5;--text-color:#333;--error-color:#e74c3c;--success-color:#2ecc71;--border-color:#ddd;--shadow-color:#0000001a;--background-color:#f5f7fa;--sidebar-width:250px;--sidebar-width-collapsed:70px;--header-height:64px;--transition-speed:0.3s}*{font-family:Manrope,sans-serif;font-family:var(--font-family)}body{background:#f5f7fa;background:var(--background-color);color:#333;color:var(--text-color)}body,html{min-height:100vh}body,html{overflow-y:auto}.dashboard-container{background-color:#f5f7fa;background-color:var(--background-color);display:flex;min-height:100vh}.header{background:#fff;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);height:64px;height:var(--header-height);padding:0 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header .search{flex:1 1;margin:0 2rem}.header .search input{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:6px;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease;width:100%}.header .search input:focus{border-color:#4a90e2;border-color:var(--primary-color);box-shadow:0 0 0 2px #4a90e21a;outline:none}.header .profile{align-items:center;display:flex;gap:1rem}.header .profile img{border-radius:50%;height:36px;object-fit:cover;width:36px}.header .profile span{color:#333;color:var(--text-color);font-weight:500}.btn{font-size:1rem;font-weight:500;padding:.8rem 1.2rem}.btn-primary:hover{background-color:#357abd;transform:translateY(-1px)}.btn-secondary:hover{background-color:#e0e0e0;transform:translateY(-1px)}.widgets-row{margin:1.5rem 0}.widget{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:0 4px 6px var(--shadow-color);transition:transform .3s ease}.widget:hover{transform:translateY(-2px)}.widget h3{color:#4a90e2;color:var(--primary-color);font-size:1.2rem;font-weight:600;margin-bottom:1rem}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;box-shadow:0 4px 6px var(--shadow-color);margin:1.5rem 0}.table-header{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);padding:1rem}.table-header input{font-size:1rem;padding:.8rem;transition:all .3s ease}.table-header input:focus{border-color:#4a90e2;border-color:var(--primary-color);box-shadow:0 0 0 2px #4a90e21a;outline:none}.app-table{margin-top:1rem}.app-table th{color:#333;color:var(--text-color)}.app-table th,.app-table tr:hover{background-color:#f5f5f5;background-color:var(--secondary-color)}.app-table .no-data{color:var(--text-light);padding:2rem}.app-table .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-weight:500;padding:.25rem .75rem}.app-table .btn{align-items:center;display:inline-flex;gap:.5rem;margin-right:.5rem}.status-badge{text-transform:capitalize}.status-scheduled{background-color:#dbeafe;color:#1e40af}.status-completed{background-color:#dcfce7;color:#166534}.status-cancelled{background-color:#fee2e2;color:#991b1b}.status-no-show{background-color:#fef3c7;color:#92400e}.no-appointments{align-items:center;background:var(--white);border-radius:10px;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);display:flex;flex-direction:column;justify-content:center;padding:2rem}.no-appointments i{color:var(--text-light);height:48px;margin-bottom:1rem;width:48px}.no-appointments p{color:var(--text-light);font-size:1rem;margin:0}.no-data{color:var(--text-light);font-style:italic;padding:2rem;text-align:center}.timeline-item .patient-name{color:#333;color:var(--text-color);font-weight:500}.timeline-item .status-badge{align-self:flex-start}.app-table td .status-badge{margin:0 auto}.app-table .btn{font-size:.875rem;padding:.5rem 1rem}.app-table .btn i{height:16px;margin-right:.5rem;width:16px}@media (max-width:768px){.header{padding:0 1rem}.header .search{margin:0 1rem}.widgets-row{grid-template-columns:1fr}.table-container{overflow-x:auto}.app-table{min-width:600px}}.loading-overlay{background-color:#fffc}.loading-spinner{border:5px solid #f3f3f3;border-top:5px solid var(--primary-color)}.error-message{background-color:#fde8e8;border-radius:6px;color:#e74c3c;color:var(--error-color);margin:1rem 0;padding:1rem}.error-message h2{font-size:1.2rem;margin-bottom:.5rem}.error-message p{font-size:.9rem}.error-message button{margin-top:1rem}.sidebar{background-color:#fff;border-right:1px solid #ddd;border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:transform .3s,width .3s;transition:transform var(--transition-speed),width var(--transition-speed);width:250px;width:var(--sidebar-width);z-index:1000}.sidebar:not(.open){width:70px;width:var(--sidebar-width-collapsed)}.sidebar-header{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);display:flex;height:64px;height:var(--header-height);justify-content:space-between;padding:0 1rem}.sidebar-header .logo{height:40px;transition:opacity .3s;transition:opacity var(--transition-speed);width:auto}.sidebar:not(.open) .logo{opacity:0}.toggle-btn{background:none;border:none;color:#333;color:var(--text-color);cursor:pointer;padding:.5rem}.sidebar-nav{flex-grow:1;overflow-y:auto;padding:1rem 0}.sidebar-nav a{align-items:center;color:#333;color:var(--text-color);display:flex;padding:.75rem 1rem;text-decoration:none;transition:background-color .3s;transition:background-color var(--transition-speed);white-space:nowrap}.sidebar-nav a.active,.sidebar-nav a:hover{background-color:#f5f7fa;background-color:var(--background-color);color:#4a90e2;color:var(--primary-color)}.sidebar-nav a svg{flex-shrink:0;height:1.25rem;margin-right:1rem;width:1.25rem}.sidebar:not(.open) .sidebar-nav a span{opacity:0;visibility:hidden}.main-content{flex-grow:1;margin-left:250px;margin-left:var(--sidebar-width);transition:margin-left .3s;transition:margin-left var(--transition-speed)}.main-content:not(.sidebar-open){margin-left:70px;margin-left:var(--sidebar-width-collapsed)}.main-header{align-items:center;background-color:#fff;border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);display:flex;height:64px;height:var(--header-height);justify-content:space-between;padding:0 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.user-welcome{color:#333;color:var(--text-color);font-size:1.25rem;font-weight:500;margin:0}.logout-btn{background-color:#ef4444;border-radius:.375rem;gap:.5rem;padding:.5rem 1rem;transition:background-color .3s;transition:background-color var(--transition-speed)}.logout-btn:hover{background-color:#dc2626}.logout-btn svg{height:1.25rem;width:1.25rem}.content{padding:1.5rem}.sidebar-toggle{background:var(--white);border:none;border-radius:8px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:none;left:1rem;padding:.5rem;position:fixed;top:1rem;z-index:1001}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0!important}.sidebar-toggle{align-items:center;background-color:#fff;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:.375rem;cursor:pointer;display:flex;justify-content:center;left:1rem;padding:.5rem;position:fixed;top:1rem;z-index:1001}.sidebar-toggle svg{height:1.5rem;width:1.5rem}.main-header{padding-left:4rem}}.main{overflow-y:auto;padding:2rem}.main h1{font-weight:600;margin-bottom:1.5rem}.patient{background-color:#f8f9fa;min-height:100vh;padding:2rem}.patient h1{color:#333;color:var(--text-color);font-size:2rem;font-weight:800;margin-bottom:2rem}.widgets-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.widget{background-color:var(--background-secondary);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1.5rem;padding:1.5rem}.widget-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;margin-bottom:1rem}.widget-title i{height:20px;margin-right:.5rem;width:20px}.widget ul{list-style:none;margin:0;padding:0}.widget ul li{align-items:center;border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.5rem 0}.widget ul li:last-child{border-bottom:none}.actions-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.actions-row button{align-items:center;background-color:#4a90e2;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;gap:.5rem;justify-content:center;padding:1rem;transition:all .3s ease}.actions-row button:hover{box-shadow:0 4px 12px #00796b33;transform:translateY(-2px)}.actions-row button i{font-size:1.2rem}.appt-carousel{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.appt-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--shadow-color);display:flex;flex-direction:column;padding:1.5rem;text-align:center}.appt-card img{border-radius:50%;height:60px;margin-bottom:1rem;object-fit:cover;width:60px}.appt-card h4{color:#333;color:var(--text-color);font-weight:600;margin:.5rem 0}.appt-card span{color:#666;display:block;font-size:.9rem;margin:.2rem 0}.appt-card button{background-color:#4a90e2;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem;transition:all .3s ease}.appt-card button:hover{background-color:#00695c}.content-split{grid-gap:1.5rem;gap:1.5rem}.table-container{background-color:var(--background-secondary);border-radius:8px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.table{border-collapse:collapse;width:100%}.table td,.table th{border-bottom:1px solid #0000001a;padding:1rem;text-align:left}.table th{background-color:var(--background-primary);color:var(--text-primary);font-weight:600}.table tr:hover{background-color:#4a90e20d}.table-header{margin-bottom:1rem}.table-header input{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:6px;padding:.5rem;width:200px}.table-header .actions{display:flex;gap:.5rem}.table-header .actions button{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;padding:.5rem;transition:all .3s ease}.table-header .actions button:hover{background-color:#f5f5f5;background-color:var(--secondary-color);color:#4a90e2;color:var(--primary-color)}.app-table{border-collapse:collapse}.app-table td,.app-table th{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);padding:1rem;text-align:left}.app-table th{color:#4a90e2;color:var(--primary-color);font-weight:600}.app-table th,.app-table tr:hover{background-color:#f8f9fa}.app-table td button{border:none;border-radius:4px;cursor:pointer;font-size:.9rem;margin-right:.5rem;padding:.4rem .8rem}.app-table td button.btn-primary{background-color:#4a90e2;background-color:var(--primary-color);color:#fff}.app-table td button.btn-secondary{background-color:#f5f5f5;color:#333;color:var(--text-color)}.details-panel{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:0 2px 8px var(--shadow-color);padding:1.5rem}.details-panel h3{color:#4a90e2;color:var(--primary-color);font-weight:600;margin-bottom:1rem}.details-panel p{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin:.5rem 0;padding:.5rem 0}.details-panel p:last-child{border-bottom:none}.details-panel button{background-color:#4a90e2;background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:1rem;padding:.8rem;transition:all .3s ease;width:100%}.details-panel button:hover{background-color:#00695c}.doctor{background-color:var(--bg-light)}.doctor h1{color:#333;color:var(--text-color);font-size:1.75rem;margin-bottom:1.5rem}.doctor .actions-top{display:flex;gap:1rem;margin-bottom:2rem}.doctor .actions-top button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.doctor .actions-top button i{height:18px;width:18px}.doctor .actions-top .btn-primary{background-color:#4a90e2;background-color:var(--primary-color);color:#fff}.doctor .actions-top .btn-secondary{background-color:#f5f5f5;background-color:var(--secondary-color);color:#333;color:var(--text-color)}.doctor .schedule-section{margin-bottom:2rem}.doctor .schedule-section h2{color:#333;color:var(--text-color);font-size:1.25rem;font-weight:600;margin-bottom:1rem}.doctor .timeline{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.doctor .timeline-item{background:var(--white);border:none;border-left:4px solid #4a90e2;border-left:4px solid var(--primary-color);border-radius:10px;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);display:flex;flex-direction:column;gap:.5rem;padding:1.25rem}.doctor .timeline-item .time{color:#4a90e2;color:var(--primary-color);font-size:1rem;font-weight:600}.doctor .timeline-item .details{display:flex;flex-direction:column;gap:.5rem}.doctor .timeline-item .patient-name{color:#333;color:var(--text-color);font-weight:500}.doctor .timeline-item .mode{color:var(--grey);font-size:.875rem}.doctor .timeline-item .appointment-actions{display:flex;gap:.5rem;margin-top:.5rem}.doctor .timeline-item .appointment-actions button{align-items:center;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.doctor .timeline-item .appointment-actions button i{height:16px;width:16px}.doctor .summary-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.doctor .summary-card{background:var(--white);border-radius:10px;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);color:#333;color:var(--text-color);padding:1.5rem}.doctor .summary-card h3{color:var(--grey);font-size:1rem;font-weight:600;margin-bottom:.75rem}.doctor .summary-card .value{color:#333;color:var(--text-color);font-size:2rem;font-weight:800;margin-bottom:.25rem}.doctor .summary-card .sub{color:var(--grey);font-size:.875rem}.doctor .card-queue{border-left:4px solid #2ecc71;border-left:4px solid var(--success-color)}.doctor .card-prescribe{border-left:4px solid var(--warning-color)}.doctor .card-messages{border-left:4px solid #4a90e2;border-left:4px solid var(--primary-color)}.doctor .content-split{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr}.doctor .table-container{background:var(--white);border-radius:10px;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);padding:1.5rem}.doctor .table-header{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:1rem;padding:1rem}.doctor .table-header h3{color:#333;color:var(--text-color);font-size:1.25rem;margin:0}.doctor .search-actions{align-items:center;display:flex;gap:1rem;justify-content:space-between}.doctor .search-actions input{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:6px;flex:1 1;font-size:.875rem;padding:.75rem}.doctor .search-actions .actions{display:flex;gap:.5rem}.doctor .search-actions .actions button{background:none;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;padding:.75rem;transition:all .3s ease}.doctor .search-actions .actions button:hover{background-color:#4a90e2;background-color:var(--primary-color);border-color:#4a90e2;border-color:var(--primary-color);color:#fff}.doctor .no-appointments{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-color);display:flex;flex-direction:column;justify-content:center;padding:2rem;text-align:center}.doctor .no-appointments i{color:var(--grey);height:48px;margin-bottom:1rem;width:48px}.doctor .no-appointments p{color:var(--grey);font-size:1rem;margin:0}@media (max-width:768px){.doctor .timeline{grid-template-columns:1fr}.doctor .search-actions,.doctor .timeline-item .appointment-actions{flex-direction:column}.doctor .search-actions input{width:100%}}.staff .widgets-row{display:flex;gap:1rem;margin-bottom:2rem}.staff .widget{background:var(--white);border-radius:8px;box-shadow:0 2px 8px var(--shadow);flex:1 1;padding:1rem}.staff .widget h3{color:var(--grey);font-weight:600;margin-bottom:.5rem}.staff .widget p{margin-bottom:1rem}.staff .table-container{background:var(--white);border-radius:8px;box-shadow:0 2px 8px var(--shadow);padding:1rem}.staff .table-header{display:flex;justify-content:space-between;margin-bottom:1rem}.staff .table-header input{border:1px solid var(--grey);border-radius:4px;flex:1 1;padding:.5rem 1rem}.staff .table-header .actions button{background:#0000;border:none;cursor:pointer;margin-left:.5rem}.staff .app-table{border-collapse:collapse;width:100%}.staff .app-table td,.staff .app-table th{border-bottom:1px solid var(--bg-light);font-size:.9rem;padding:.75rem 1rem}.staff .app-table th{background:var(--cream);font-weight:600}.staff .actions-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.admin .widgets-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.admin .widget{background:var(--white);border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.admin .widget h3{color:#4a90e2;color:var(--primary-color);font-size:1.1rem;font-weight:600;margin-bottom:1rem}.admin .widget p{color:#333;color:var(--text-color);margin:.5rem 0}.admin .widget strong{color:#4a90e2;color:var(--primary-color);font-weight:600}.admin .actions-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.admin .actions-row button{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.admin .content-split{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 300px}.admin .table-container{background:var(--white);border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.admin .table-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.admin .table-header input{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:6px;padding:.5rem 1rem;width:200px}.admin .table-header .actions{display:flex;gap:.5rem}.admin .table-header button{background:var(--bg-light);border-radius:6px;color:#333;color:var(--text-color);padding:.5rem;transition:all .3s ease}.admin .table-header button:hover{background:#4a90e2;background:var(--primary-color);color:var(--white)}.admin .side-panel{display:flex;flex-direction:column;gap:1.5rem}.admin .panel-section{background:var(--white);border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:1.5rem}.admin .panel-section h3{color:#4a90e2;color:var(--primary-color);font-size:1.1rem;margin-bottom:1rem}.admin .alert-item{align-items:flex-start;border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;padding:.75rem 0}.admin .alert-item:last-child{border-bottom:none}.admin .alert-item i{color:var(--warning-color);flex-shrink:0}.admin .alert-content p{color:#333;color:var(--text-color);font-weight:500;margin:0}.admin .alert-content small{color:var(--grey);font-size:.85rem}.admin .settings-item{margin:.75rem 0}.admin .settings-item label{align-items:center;color:#333;color:var(--text-color);cursor:pointer;display:flex;gap:.5rem}.admin .settings-item input[type=checkbox]{border:2px solid #ddd;border:2px solid var(--border-color);border-radius:4px;cursor:pointer;height:16px;width:16px}@media (max-width:768px){.sidebar{height:100vh;position:fixed;transition:width .3s ease;width:0;z-index:1000}.sidebar.open{width:240px}.main-content{margin-left:0}.content-split,.widgets-row{flex-direction:column}.details-panel,.table-container{width:100%}.patient .actions-row,.patient .widgets-row{flex-direction:column}.patient .actions-row button{justify-content:center;width:100%}.patient .content-split{flex-direction:column}.patient .details-panel,.patient .table-container{width:100%}.patient .app-table{display:block;overflow-x:auto}.patient .app-table td .actions{flex-direction:column}.admin{padding:1rem}.admin .widgets-row{grid-template-columns:1fr}.admin .actions-row{flex-direction:column}.admin .actions-row button{width:100%}.admin .table-header{flex-direction:column;gap:1rem}.admin .table-header input{width:100%}}@media (max-width:1024px){.content-split{grid-template-columns:1fr}.widgets-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.admin .content-split{grid-template-columns:1fr}.admin .side-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}@media (max-width:768px){.patient{padding:1rem}.actions-row{grid-template-columns:repeat(2,1fr)}.table-container{overflow-x:auto}.app-table{min-width:600px}}.btn{border-radius:6px;padding:.5rem 1rem}.btn-primary{background-color:#4a90e2;background-color:var(--primary-color)}.btn-secondary{background-color:#f5f5f5;background-color:var(--secondary-color);color:#333;color:var(--text-color)}.status-scheduled{color:#2ecc71;color:var(--success-color)}.status-pending{color:var(--warning-color)}.status-cancelled{color:#e74c3c;color:var(--error-color)}.search-actions{margin-top:1rem}.search-actions input{border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;font-size:.875rem;padding:.75rem}.pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:1.5rem;padding:1rem 0}.pagination button{background:var(--white);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;padding:.5rem 1rem;transition:all .3s ease}.pagination button:hover:not(:disabled){background:#4a90e2;background:var(--primary-color);border-color:#4a90e2;border-color:var(--primary-color);color:#fff}.pagination button:disabled{cursor:not-allowed;opacity:.5}.pagination span{color:#333;color:var(--text-color);font-size:.875rem}.app-table th{background:var(--bg-light);position:-webkit-sticky;position:sticky;top:0;z-index:1}.app-table tr:hover td{background-color:#00000005}.status-active,.status-inactive{border-radius:1rem;display:inline-block;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.status-active{background-color:#4caf501a;color:#2ecc71;color:var(--success-color)}.status-inactive{background-color:#f443361a;color:#e74c3c;color:var(--error-color)}.loading-overlay{align-items:center;background:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.loading-spinner{border:3px solid #ddd;border-top-color:#4a90e2;border:3px solid var(--border-color);border-top-color:var(--primary-color);height:40px;width:40px}.error-message{flex-direction:column;justify-content:center;min-height:50vh;padding:2rem}.error-message h2{color:#e74c3c;color:var(--error-color)}.error-message p{color:#333;color:var(--text-color);font-size:1rem;margin-bottom:1.5rem}.error-message button{font-size:1rem}.d-none{display:none}.d-md-none{display:block}.d-md-block{display:none}@media (min-width:768px){.d-md-none{display:none}.d-md-block{display:block}}h1,h2,h3,h4,h5,h6{font-weight:600}.admin-dashboard{margin:0 auto;max-width:1400px}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.header-left h1{color:#2c3e50;font-size:2rem;margin:0}.header-left p{color:#7f8c8d;margin:.5rem 0 0}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001a;box-shadow:0 8px 20px var(--shadow-color);padding:1.5rem;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{color:#333;color:var(--text-color);font-size:1rem;margin-bottom:.5rem}.stat-number{color:#4a90e2;color:var(--primary-color);font-size:2rem;font-weight:600}.users-section{background:#fff;border-radius:12px;box-shadow:0 8px 20px #0000001a;box-shadow:0 8px 20px var(--shadow-color);margin-top:2rem;padding:1.5rem}.section-header{margin-bottom:1.5rem}.section-header h3{color:#4a90e2;color:var(--primary-color);font-size:1.5rem;font-weight:600}.table-container{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table th{background-color:#f5f5f5;background-color:var(--secondary-color);border-bottom:2px solid #ddd;border-bottom:2px solid var(--border-color);color:#333;color:var(--text-color);font-weight:500;padding:1rem;text-align:left}.users-table td{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);padding:1rem}.user-info{gap:1rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background-color:#4a90e2;background-color:var(--primary-color);border-radius:50%;color:#fff;font-weight:600;height:40px;justify-content:center;width:40px}.role-badge{border-radius:20px;font-size:.875rem;font-weight:500;padding:.25rem .75rem}.role-badge.admin{background-color:#e9d5ff;color:#7e22ce}.role-badge.doctor{background-color:#dcfce7;color:#166534}.role-badge.patient{background-color:#fef3c7;color:#92400e}.role-badge.clinicstaff{background-color:#e0f2fe;color:#0369a1}.status-badge{font-size:.875rem;padding:.25rem .75rem}.status-badge.verified{background-color:#dcfce7;color:#166534}.status-badge.unverified{background-color:#fee2e2;color:#991b1b}.action-btn{border-radius:6px;font-weight:500;margin-right:.5rem;padding:.5rem 1rem}.action-btn.edit{background-color:#4a90e2;background-color:var(--primary-color);border:none;color:#fff}.action-btn.edit:hover{background-color:#357abd}.action-btn.delete{background-color:#fee2e2;border:none;color:#991b1b}.action-btn.delete:hover{background-color:#fecaca}@media (max-width:768px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:1rem}.section-header input{width:100%}}.role-badge.nurse{background-color:#dbeafe;color:#1e40af}.auth-container{height:auto;min-height:100vh;overflow-y:visible}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.user-form-modal{padding:0}.user-form-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 1rem}.user-form-modal .modal-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.user-form-modal .close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:24px;justify-content:center;padding:0;transition:all .2s ease;width:24px}.user-form-modal .close-btn:hover{background-color:#f3f4f6;color:#374151}.user-form{padding:1.5rem}.user-form .form-group{margin-bottom:1.25rem}.user-form .form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.user-form .form-group input,.user-form .form-group select{background-color:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.75rem;transition:all .2s ease;width:100%}.user-form .form-group input:focus,.user-form .form-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.user-form .checkbox-group{margin-bottom:1.5rem}.user-form .checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.875rem}.user-form .checkbox-label input[type=checkbox]{margin-bottom:0;margin-right:.5rem;width:auto}.user-form .form-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding-top:1rem}.user-form .btn{border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;min-width:80px;padding:.75rem 1.5rem;transition:all .2s ease}.user-form .btn-primary{background-color:#3b82f6;color:#fff}.user-form .btn-primary:hover{background-color:#2563eb}.user-form .btn-secondary{background-color:#6b7280;color:#fff}.user-form .btn-secondary:hover{background-color:#4b5563}.role-badge.customercare{background-color:#fef3c7;border-radius:9999px;color:#92400e;font-size:.75rem;font-weight:500;padding:.25rem .75rem;text-transform:capitalize}@media (max-width:640px){.modal-content{margin:1rem;max-width:calc(100vw - 2rem)}.user-form{padding:1rem}.user-form .form-actions{flex-direction:column}.user-form .btn{width:100%}}.admin-dashboard .grid{grid-gap:1.5rem;gap:1.5rem}.admin-dashboard .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.admin-dashboard .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.admin-dashboard .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.admin-dashboard .relative{position:relative}.admin-dashboard .flex{display:flex}.admin-dashboard .flex-col{flex-direction:column}.admin-dashboard .bg-clip-border{background-clip:initial}.admin-dashboard .rounded-xl{border-radius:.75rem}.admin-dashboard .bg-white{background-color:#fff}.admin-dashboard .text-gray-700{color:#374151}.admin-dashboard .border{border-width:1px}.admin-dashboard .border-blue-gray-100{border-color:#e2e8f0}.admin-dashboard .shadow-sm{box-shadow:0 1px 2px 0 #0000000d}.admin-dashboard .mt-4{margin-top:1rem}.admin-dashboard .mx-4{margin-left:1rem;margin-right:1rem}.admin-dashboard .overflow-hidden{overflow:hidden}.admin-dashboard .bg-gradient-to-tr{background-image:linear-gradient(to top right,var(--tw-gradient-stops))}.admin-dashboard .text-white{color:#fff}.admin-dashboard .absolute{position:absolute}.admin-dashboard .grid{display:grid}.admin-dashboard .h-12{height:3rem}.admin-dashboard .w-12{width:3rem}.admin-dashboard .place-items-center{place-items:center}.admin-dashboard .p-4{padding:1rem}.admin-dashboard .text-right{text-align:right}.admin-dashboard .block{display:block}.admin-dashboard .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.admin-dashboard .font-sans{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.admin-dashboard .text-sm{font-size:.875rem;line-height:1.25rem}.admin-dashboard .leading-normal{line-height:1.5}.admin-dashboard .font-normal{font-weight:400}.admin-dashboard .text-blue-gray-600{color:#64748b}.admin-dashboard .tracking-normal{letter-spacing:0}.admin-dashboard .text-2xl{font-size:1.5rem;line-height:2rem}.admin-dashboard .font-semibold{font-weight:600}.admin-dashboard .leading-snug{line-height:1.375}.admin-dashboard .text-blue-gray-900{color:#0f172a}.admin-dashboard .border-t{border-top-width:1px}.admin-dashboard .border-blue-gray-50{border-color:#f8fafc}.admin-dashboard .text-base{font-size:1rem;line-height:1.5rem}.admin-dashboard .leading-relaxed{line-height:1.625}.admin-dashboard .w-6{width:1.5rem}.admin-dashboard .h-6{height:1.5rem}.admin-dashboard .from-blue-600{--tw-gradient-from:#2563eb;--tw-gradient-to:#2563eb00;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.admin-dashboard .to-blue-800{--tw-gradient-to:#1e40af}.admin-dashboard .from-green-600{--tw-gradient-from:#16a34a;--tw-gradient-to:#16a34a00;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.admin-dashboard .to-green-800{--tw-gradient-to:#166534}.admin-dashboard .from-purple-600{--tw-gradient-from:#9333ea;--tw-gradient-to:#9333ea00;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.admin-dashboard .to-purple-800{--tw-gradient-to:#6b21a8}.admin-dashboard .from-orange-600{--tw-gradient-from:#ea580c;--tw-gradient-to:#ea580c00;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.admin-dashboard .to-orange-800{--tw-gradient-to:#c2410c}.admin-dashboard .from-teal-600{--tw-gradient-from:#0d9488;--tw-gradient-to:#0d948800;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.admin-dashboard .to-teal-800{--tw-gradient-to:#115e59}.admin-dashboard .from-pink-600{--tw-gradient-from:#db2777;--tw-gradient-to:#db277700;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.admin-dashboard .to-pink-800{--tw-gradient-to:#be185d}.admin-dashboard .text-blue-500{color:#3b82f6}.admin-dashboard .text-green-500{color:#10b981}.admin-dashboard .text-purple-500{color:#8b5cf6}.admin-dashboard .text-orange-500{color:#f97316}.admin-dashboard .text-teal-500{color:#14b8a6}.admin-dashboard .text-pink-500{color:#ec4899}.admin-dashboard .shadow-blue-900\/20{box-shadow:0 4px 6px -1px #1e3a8a33,0 2px 4px -1px #1e3a8a0f}.admin-dashboard .shadow-green-900\/20{box-shadow:0 4px 6px -1px #14532d33,0 2px 4px -1px #14532d0f}.admin-dashboard .shadow-purple-900\/20{box-shadow:0 4px 6px -1px #581c8733,0 2px 4px -1px #581c870f}.admin-dashboard .shadow-orange-900\/20{box-shadow:0 4px 6px -1px #9a341233,0 2px 4px -1px #9a34120f}.admin-dashboard .shadow-teal-900\/20{box-shadow:0 4px 6px -1px #134e4a33,0 2px 4px -1px #134e4a0f}.admin-dashboard .shadow-pink-900\/20{box-shadow:0 4px 6px -1px #83184333,0 2px 4px -1px #8318430f}:root{--primary-color:#1e40af;--primary-light:#2563eb;--primary-dark:#1e3a8a;--primary-gradient:linear-gradient(135deg,#1e40af,#2563eb);--secondary-color:#10b981;--secondary-gradient:linear-gradient(135deg,#10b981,#059669);--accent-color:#f59e0b;--accent-gradient:linear-gradient(135deg,#f59e0b,#d97706);--danger-color:#ef4444;--danger-gradient:linear-gradient(135deg,#ef4444,#dc2626);--warning-color:#f59e0b;--info-color:#3b82f6;--info-gradient:linear-gradient(135deg,#3b82f6,#2563eb);--medical-color:#1e40af;--medical-gradient:linear-gradient(135deg,#1e40af,#2563eb);--bg-primary:#f0f9fff2;--bg-secondary:#dbeafe99;--bg-tertiary:#bfdbfe66;--bg-card:#ffffffe6;--bg-glass:#dbeafe4d;--bg-glass-strong:#f0f9ffd9;--bg-overlay:#00000080;--bg-gradient-primary:#f0f9ffcc;--bg-gradient-card:#ffffffd9;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-inverse:#fff;--border-color:#e2e8f0;--border-light:#f1f5f9;--border-dark:#cbd5e1;--shadow-glass:0 8px 32px 0 #1f26875e;--shadow-colored:0 20px 25px -5px #1e40af26,0 10px 10px -5px #1e40af14;--shadow-glow:0 0 20px #1e40af4d;--shadow-medical:0 20px 25px -5px #1e40af26,0 10px 10px -5px #1e40af14;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--sidebar-width:280px;--sidebar-collapsed:80px}[data-theme=dark]{--bg-primary:#0b1426;--bg-secondary:#1a2332;--bg-tertiary:#293548;--bg-card:#1a2332f2;--bg-glass:#0b142699;--bg-glass-strong:#1a2332d9;--bg-overlay:#000000b3;--bg-gradient-primary:linear-gradient(135deg,#0b1426,#1a2332);--bg-gradient-card:linear-gradient(135deg,#1a2332f2,#0b1426e6);--text-primary:#f1f5f9;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-inverse:#1e293b;--border-color:#33415599;--border-light:#47556966;--border-dark:#64748bcc;--shadow-sm:0 1px 2px 0 #0006;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0000004d;--shadow-xl:0 20px 25px -5px #00000080,0 10px 10px -5px #0000004d;--shadow-glass:0 8px 32px 0 #00000080;--shadow-colored:0 20px 25px -5px #1e40af40,0 10px 10px -5px #1e40af26;--shadow-glow:0 0 20px #1e40af80;--shadow-medical:0 20px 25px -5px #1e40af40,0 10px 10px -5px #1e40af26;--primary-gradient:linear-gradient(135deg,#1e40af,#2563eb);--secondary-gradient:linear-gradient(135deg,#10b981,#059669);--accent-gradient:linear-gradient(135deg,#f59e0b,#d97706);--danger-gradient:linear-gradient(135deg,#ef4444,#dc2626);--info-gradient:linear-gradient(135deg,#3b82f6,#2563eb);--medical-gradient:linear-gradient(135deg,#1e40af,#2563eb)}*,:after,:before{transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1),backdrop-filter .3s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .3s cubic-bezier(.4,0,.2,1)}a,button,h1,h2,h3,h4,h5,h6,input,label,p,select,span,textarea{transition:color .3s cubic-bezier(.4,0,.2,1),background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1)}[data-feather],i,svg{transition:color .3s cubic-bezier(.4,0,.2,1),stroke .3s cubic-bezier(.4,0,.2,1),fill .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#dbeafe99;background-color:var(--bg-secondary);color:#1e293b;color:var(--text-primary);font-family:Nunito,Roboto,Open Sans,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-weight:500;letter-spacing:-.01em;line-height:1.6;text-rendering:optimizeLegibility;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}.doctor-dashboard-new{background:#f0f9ffcc;background:var(--bg-gradient-primary);background-attachment:fixed;min-height:100vh;overflow:hidden;position:relative;transition:all .3s ease}.doctor-dashboard-new:before{animation:medicalBackgroundFlow 25s ease-in-out infinite;background-image:radial-gradient(circle at 30% 20%,#0891b21f 0,#0000 50%),radial-gradient(circle at 70% 80%,#6366f11a 0,#0000 50%),radial-gradient(circle at 40% 60%,#10b98114 0,#0000 50%);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:0}[data-theme=dark] .doctor-dashboard-new:before{background-image:radial-gradient(circle at 30% 20%,#0891b240 0,#0000 50%),radial-gradient(circle at 70% 80%,#6366f133 0,#0000 50%),radial-gradient(circle at 40% 60%,#10b98126 0,#0000 50%)}@keyframes medicalBackgroundFlow{0%,to{opacity:.6;transform:scale(1) rotate(0deg)}33%{opacity:.8;transform:scale(1.1) rotate(120deg)}66%{opacity:1;transform:scale(.9) rotate(240deg)}}.doctor-dashboard-new:after{animation:floatMedical1 18s ease-in-out infinite,floatMedical2 22s ease-in-out 3s infinite,floatMedical3 20s ease-in-out 6s infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%231E40AF' stroke-opacity='.15'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 12 2 2 4-4m6 2a9 9 0 1 1-18 0 9 9 0 0 1 18 0z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%2310B981' stroke-opacity='.12'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.428 15.428a2 2 0 0 0-1.022-.547l-2.387-.477a6 6 0 0 0-3.86.517l-.318.158a6 6 0 0 1-3.86.517L6.05 15.21a2 2 0 0 0-1.806.547M8 4h8l-1 1v5.172a2 2 0 0 0 .586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 0 0 9 10.172V5L8 4z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%231E40AF' stroke-opacity='.1'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2z'/%3E%3C/svg%3E");background-position:15% 25%,80% 35%,35% 75%;background-repeat:no-repeat;background-size:20px 20px,18px 18px,22px 22px;content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1}[data-theme=dark] .doctor-dashboard-new:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%231E40AF' stroke-opacity='.3'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m9 12 2 2 4-4m6 2a9 9 0 1 1-18 0 9 9 0 0 1 18 0z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' stroke='%2310B981' stroke-opacity='.25'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19.428 15.428a2 2 0 0 0-1.022-.547l-2.387-.477a6 6 0 0 0-3.86.517l-.318.158a6 6 0 0 1-3.86.517L6.05 15.21a2 2 0 0 0-1.806.547M8 4h8l-1 1v5.172a2 2 0 0 0 .586 1.414l5 5c1.26 1.26.367 3.414-1.415 3.414H4.828c-1.782 0-2.674-2.154-1.414-3.414l5-5A2 2 0 0 0 9 10.172V5L8 4z'/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' stroke='%231E40AF' stroke-opacity='.2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M9 19V6l12-3v13M9 19c0 1.105-1.343 2-3 2s-3-.895-3-2 1.343-2 3-2 3 .895 3 2z'/%3E%3C/svg%3E")}@keyframes floatMedical1{0%,to{opacity:.12;transform:translateY(0) rotate(0deg)}50%{opacity:.08;transform:translateY(-25px) rotate(180deg)}}@keyframes floatMedical2{0%,to{opacity:.1;transform:translateX(0) translateY(0)}50%{opacity:.15;transform:translateX(15px) translateY(-20px)}}@keyframes floatMedical3{0%,to{opacity:.08;transform:scale(1) rotate(0deg)}50%{opacity:.12;transform:scale(1.1) rotate(1turn)}}.doctor-dashboard-layout:before{animation:stethoscopeFloat 6s ease-in-out infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='120' fill='none'%3E%3Cg stroke='%231E40AF' stroke-opacity='.3' stroke-width='3'%3E%3Cpath d='M15 15q10 10 20 0-10-10-20 0'/%3E%3Cpath d='M25 15v45' stroke-linecap='round'/%3E%3Cpath d='M15 60q10 10 20 0'/%3E%3Cpath d='M25 70v20' stroke-linecap='round'/%3E%3Ccircle cx='25' cy='95' r='8'/%3E%3Ccircle cx='15' cy='15' r='3'/%3E%3Ccircle cx='35' cy='15' r='3'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";filter:drop-shadow(0 0 15px rgba(30,64,175,.3));height:120px;pointer-events:none;position:fixed;right:5%;top:10%;transition:all .3s cubic-bezier(.4,0,.2,1);width:50px;z-index:10}[data-theme=dark] .doctor-dashboard-layout:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='120' fill='none'%3E%3Cg stroke='%231E40AF' stroke-opacity='.6' stroke-width='3'%3E%3Cpath d='M15 15q10 10 20 0-10-10-20 0'/%3E%3Cpath d='M25 15v45' stroke-linecap='round'/%3E%3Cpath d='M15 60q10 10 20 0'/%3E%3Cpath d='M25 70v20' stroke-linecap='round'/%3E%3Ccircle cx='25' cy='95' r='8'/%3E%3Ccircle cx='15' cy='15' r='3'/%3E%3Ccircle cx='35' cy='15' r='3'/%3E%3C/g%3E%3C/svg%3E");filter:drop-shadow(0 0 20px rgba(30,64,175,.5))}@keyframes stethoscopeFloat{0%,to{opacity:.3;transform:translateY(0) rotate(0deg)}50%{opacity:.5;transform:translateY(-15px) rotate(5deg)}}.doctor,.doctor-dashboard-layout{min-height:100vh;position:relative;z-index:10}.doctor{background:#ffffffd9;background:var(--bg-gradient-card);margin:0 auto;max-width:1600px;padding:2rem;padding:var(--spacing-xl)}.doctor,.medical-insights-banner{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.medical-insights-banner{background:linear-gradient(135deg,#1e40af1a,#2563eb1a);border:1px solid #1e40af4d;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 8px 32px #1e40af1a;margin-bottom:2rem;margin-bottom:var(--spacing-xl);overflow:hidden;padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.medical-insights-banner:hover{box-shadow:0 12px 40px #1e40af33;transform:translateY(-2px)}.medical-insights-banner:before{background:linear-gradient(135deg,#1e40af,#2563eb);border-radius:.375rem 0 0 .375rem;border-radius:var(--radius-sm) 0 0 var(--radius-sm);content:"";height:100%;left:0;position:absolute;top:0;width:6px}.medical-insights-header{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.medical-insights-icon{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);border-radius:50%;box-shadow:0 4px 12px #1e40af4d;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.medical-insights-title{color:#1e293b;color:var(--text-primary);font-family:Nunito,Roboto,system-ui,sans-serif;font-size:1.25rem;font-weight:800;letter-spacing:-.01em;margin:0}.medical-insights-content{align-items:center;display:flex;gap:1.5rem;gap:var(--spacing-lg);justify-content:space-between}.medical-insight-text{color:#64748b;color:var(--text-secondary);flex:1 1;font-family:Nunito,Roboto,system-ui,sans-serif;font-size:1rem;font-weight:600;line-height:1.6;margin:0}.header{align-items:center;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid #ffffff4d;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 0 0 1px #ffffff1a;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:2rem 3rem;padding:var(--spacing-xl) var(--spacing-2xl);transition:all .4s cubic-bezier(.4,0,.2,1)}.header:before{background:linear-gradient(90deg,#0000,#fff6,#0000);height:100%;left:-100%;transition:left .6s ease;width:100%}.header:hover:before{left:100%}.header:after{background:linear-gradient(90deg,linear-gradient(135deg,#1e40af 0,#2563eb 100%),linear-gradient(135deg,#1e40af 0,#2563eb 100%),linear-gradient(135deg,#10b981 0,#059669 100%));background:linear-gradient(90deg,var(--medical-gradient),var(--primary-gradient),var(--secondary-gradient));border-radius:1.5rem 1.5rem 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;content:"";height:2px;left:0;opacity:.8;position:absolute;right:0;top:0}.header:hover{border-color:#6366f133;box-shadow:0 25px 50px -12px #6366f140,inset 0 0 0 1px #6366f11a;transform:translateY(-2px)}.search{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid #ffffff4d;border-radius:var(--radius-3xl);box-shadow:0 8px 32px #0000001a,0 4px 16px #0000000d,inset 0 1px 0 #fff3;display:flex;flex:1 1;margin-right:1.5rem;margin-right:var(--spacing-lg);max-width:650px;overflow:hidden;padding:.5rem;padding:var(--spacing-sm);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.search:before{background:linear-gradient(135deg,#0891b20d,#6366f10d);bottom:0;left:0;opacity:0;right:0;top:0;transition:opacity .3s ease}.search:focus-within:before{opacity:1}.search:hover{border-color:#6366f133;box-shadow:0 12px 40px #00000026,0 6px 20px #00000014,inset 0 1px 0 #ffffff4d;transform:translateY(-2px)}.search:before{background:linear-gradient(135deg,#1e40af,#1e40af);background:linear-gradient(135deg,var(--primary-color),var(--medical-color));border-radius:50%;box-shadow:0 2px 8px #6366f14d;content:"";height:24px;left:1.5rem;left:var(--spacing-lg);opacity:.9;position:absolute;top:50%;transform:translateY(-50%);width:24px;z-index:1}.search input{background:#0000;border:none;border-radius:1.5rem;border-radius:var(--radius-2xl);color:#1e293b;color:var(--text-primary);flex:1 1;font-family:Nunito,Roboto,system-ui,sans-serif;font-size:1.05rem;font-weight:500;outline:none;padding:1.5rem 2rem 1.5rem calc(2rem + 32px);padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-lg) calc(var(--spacing-xl) + 32px);transition:all .3s ease}.search input:focus{background:#ffffff1a;outline:none}.search input::placeholder{color:#94a3b8;color:var(--text-tertiary);font-style:italic;font-weight:400;opacity:.7}.profile{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffc,#f8fafc99);border:1px solid #ffffff4d;border-radius:1rem;border-radius:var(--radius-xl);display:flex;flex-shrink:0;gap:1rem;gap:var(--spacing-md);overflow:hidden;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);position:relative;transition:all .3s ease}.profile:before{background:linear-gradient(135deg,#0891b21a,#6366f11a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.profile:hover:before{opacity:1}.profile:hover{background:linear-gradient(135deg,#ffffffe6,#f8fafccc);box-shadow:0 8px 25px -5px #0000001a;transform:translateY(-1px)}.profile img,.profile-avatar{border:3px solid #6366f14d;border-radius:50%;box-shadow:0 8px 25px -5px #6366f133,inset 0 0 0 1px #ffffff1a;height:52px;overflow:hidden;position:relative;transition:all .3s ease;width:52px}.profile img:after,.profile-avatar:after{background:linear-gradient(135deg,#fff3,#0000);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.profile:hover .profile-avatar:after,.profile:hover img:after{opacity:1}.profile img:hover,.profile-avatar:hover{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 12px 35px -8px #6366f14d,inset 0 0 0 1px #6366f133;transform:scale(1.05)}.profile-avatar-placeholder{background:linear-gradient(135deg,#1e40af,#1e40af);background:linear-gradient(135deg,var(--primary-color),var(--medical-color));border:3px solid #fff6;box-shadow:0 8px 25px -5px #6366f133,inset 0 0 0 1px #ffffff1a;height:52px;width:52px}.profile-avatar-placeholder:hover{box-shadow:0 12px 35px -8px #6366f14d,inset 0 0 0 1px #6366f133}.profile-avatar-placeholder i{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));height:22px;width:22px}.profile span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#1e40af);background:linear-gradient(135deg,var(--primary-color),var(--medical-color));-webkit-background-clip:text;background-clip:text;font-size:1.1rem;font-weight:800;letter-spacing:-.01em;text-shadow:0 1px 2px #0000001a}.doctor h1,.profile span{font-family:Nunito,Roboto,system-ui,sans-serif}.doctor h1{font-size:2.5rem;font-weight:900;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}[data-theme=dark] .doctor h1{color:#f1f5f9;text-shadow:0 2px 4px #000c}.actions-top{grid-gap:1.5rem;grid-gap:var(--spacing-lg);gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.btn{border-radius:1rem;border-radius:var(--radius-xl);display:inline-flex;font-family:Nunito,Roboto,system-ui,sans-serif;font-size:1.05rem;font-weight:800;gap:.5rem;gap:var(--spacing-sm);letter-spacing:.02em;min-height:52px;padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl);text-transform:uppercase;transition:all .2s ease,background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--medical-gradient);box-shadow:0 20px 25px -5px #1e40af26,0 10px 10px -5px #1e40af14;box-shadow:var(--shadow-medical)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1e3a8a,#1e40af,#2563eb);box-shadow:0 0 20px #1e40af66;letter-spacing:.03em;transform:translateY(-3px) scale(1.02)}.btn-secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:#f0f9ffd9;background-color:var(--bg-glass-strong)}.btn-secondary:hover:not(:disabled){background-color:#bfdbfe66;background-color:var(--bg-tertiary);border-color:#1e40af;border-color:var(--medical-color);transform:translateY(-2px)}.btn-secondary:has(i[data-feather=log-out]){background:linear-gradient(135deg,#ef4444,#dc2626)!important;border:1px solid #ef44444d!important;box-shadow:0 4px 12px #ef444433;color:#fff!important}.btn-secondary:has(i[data-feather=log-out]):hover{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;box-shadow:0 8px 20px #ef444466!important;color:#fff!important;transform:translateY(-2px)!important}.content-split,.schedule-section,.summary-row{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#f0f9ffd9;background:var(--bg-glass-strong);border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--shadow-glass);margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:2rem;padding:var(--spacing-xl);transition:all .3s cubic-bezier(.4,0,.2,1)}.schedule-section:hover,.summary-row:hover{box-shadow:0 20px 25px -5px #1e40af26,0 10px 10px -5px #1e40af14;box-shadow:var(--shadow-colored);transform:translateY(-2px)}.schedule-section h2{font-family:Nunito,Roboto,system-ui,sans-serif;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);transition:color .3s cubic-bezier(.4,0,.2,1)}.timeline,.timeline-item{gap:1.5rem;gap:var(--spacing-lg)}.timeline-item{grid-gap:1.5rem;grid-gap:var(--spacing-lg);animation:timelineItemFadeIn .6s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#f0f9ffd9;background:var(--bg-glass-strong);border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--shadow-glass);display:grid;grid-template-columns:120px 1fr auto auto;overflow:hidden;padding:2rem;padding:var(--spacing-xl);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}@keyframes timelineItemFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.timeline-item:before{background:linear-gradient(90deg,linear-gradient(135deg,#1e40af 0,#2563eb 100%),linear-gradient(135deg,#1e40af 0,#2563eb 100%));background:linear-gradient(90deg,var(--medical-gradient),var(--primary-gradient));border-radius:1.5rem 1.5rem 0 0;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.timeline-item:hover{background:#dbeafe4d;background:var(--bg-glass);border:1px solid #ffffff4d;box-shadow:0 0 20px #1e40af4d;box-shadow:var(--shadow-glow);transform:translateY(-4px) scale(1.02)}.timeline-item .time{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#0891b21a,#0891b233);border:1px solid #0891b24d;border-radius:.75rem;border-radius:var(--radius-lg);font-weight:800;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);text-align:center;transition:all .3s ease}.timeline-item:hover .time{background:linear-gradient(135deg,#0891b233,#0891b24d);border-color:#0891b280;transform:scale(1.05)}.timeline-item .time{color:#1e40af;color:var(--medical-color);font-family:Nunito,Roboto,system-ui,sans-serif;font-size:1rem;font-weight:700}.timeline-item .details{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff1a;border-radius:.75rem;border-radius:var(--radius-lg);gap:.5rem;gap:var(--spacing-sm);padding:1rem;padding:var(--spacing-md);transition:all .3s ease}.timeline-item:hover .details{background:#ffffff26;border-color:#fff3}.timeline-item .patient-name{font-family:Nunito,Roboto,system-ui,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.timeline-item .mode{background:#6366f11a;border:1px solid #6366f133;border-radius:.5rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;letter-spacing:.05em;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;text-transform:uppercase;transition:all .3s ease}.timeline-item:hover .mode{background:#6366f126;border-color:#6366f14d;transform:scale(1.05)}.payment-badge,.status-badge{border-radius:.75rem;border-radius:var(--radius-lg);font-weight:700;letter-spacing:.05em;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md);transition:all .3s ease}.payment-badge{font-size:.75rem;text-transform:uppercase}.payment-completed{background:linear-gradient(135deg,#10b981,#059669);background:var(--secondary-gradient);box-shadow:0 0 20px #1e40af4d;box-shadow:var(--shadow-glow)}.payment-completed,.payment-pending{color:#fff;color:var(--text-inverse)}.payment-pending{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--accent-gradient)}.payment-failed{background:linear-gradient(135deg,#ef4444,#dc2626);background:var(--danger-gradient);color:#fff;color:var(--text-inverse)}.table-actions{gap:.5rem;gap:var(--spacing-sm);justify-content:flex-end;min-width:0}.table-actions .btn{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);display:inline-flex;flex-shrink:0;font-size:.85rem;font-weight:700;gap:.25rem;gap:var(--spacing-xs);letter-spacing:.02em;min-height:40px;overflow:hidden;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.table-actions .btn i{flex-shrink:0;height:16px;width:16px}.table-actions .btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.table-actions .btn:hover:before{left:100%}.appointment-actions .btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.appointment-actions .btn:hover:before{left:100%}.table-actions .btn-primary{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--medical-gradient);border:none;box-shadow:0 20px 25px -5px #1e40af26,0 10px 10px -5px #1e40af14;box-shadow:var(--shadow-medical);color:#fff}.table-actions .btn-primary:hover{background:linear-gradient(135deg,#1e3a8a,#1e40af,#2563eb);box-shadow:0 8px 20px #1e40af66;transform:translateY(-2px) scale(1.05)}.table-actions .btn-secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#f0f9ffd9;background:var(--bg-glass-strong);border:1px solid #fff3;color:#1e293b;color:var(--text-primary)}.table-actions .btn-secondary:hover{background:#dbeafe4d;background:var(--bg-glass);border-color:#ffffff4d;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px) scale(1.05)}.app-table .status-badge{border-radius:.75rem;border-radius:var(--radius-lg);display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;min-width:80px;overflow:hidden;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md);position:relative;text-align:center;text-transform:uppercase;transition:all .3s ease}.app-table .status-badge:before{background:currentColor;border-radius:inherit;bottom:0;content:"";left:0;opacity:.1;position:absolute;right:0;top:0}.app-table .status-badge:hover{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:scale(1.05)}.status-scheduled{background:linear-gradient(135deg,#3b82f61a,#3b82f633);border:1px solid #3b82f64d;color:#3b82f6;color:var(--info-color)}.status-completed{background:linear-gradient(135deg,#10b9811a,#10b98133);border:1px solid #10b9814d;color:#10b981;color:var(--secondary-color)}.status-cancelled{background:linear-gradient(135deg,#ef44441a,#ef444433);border:1px solid #ef44444d;color:#ef4444;color:var(--danger-color)}.summary-row{grid-gap:1.5rem;grid-gap:var(--spacing-lg);-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none;display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:0}.summary-card{backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);background:linear-gradient(135deg,#fffffff2,#f8fafce6);border:1px solid #ffffff4d;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,inset 0 0 0 1px #ffffff1a;cursor:pointer;overflow:hidden;padding:3rem;padding:var(--spacing-2xl);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.summary-card:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#1e40af,#1e40af,#10b981);background:linear-gradient(90deg,var(--primary-color),var(--medical-color),var(--secondary-color));background-size:200% 100%;content:"";height:6px;left:0;position:absolute;right:0;top:0}.summary-card.card-queue:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#f59e0b,#f59e0b,#f59e0b);background:linear-gradient(90deg,var(--accent-color),var(--warning-color),var(--accent-color));background-size:200% 100%}.summary-card.card-prescribe:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#10b981,#1e40af,#10b981);background:linear-gradient(90deg,var(--secondary-color),var(--medical-color),var(--secondary-color));background-size:200% 100%}.summary-card.card-messages:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#1e40af,#3b82f6,#1e40af);background:linear-gradient(90deg,var(--primary-color),var(--info-color),var(--primary-color));background-size:200% 100%}.summary-card:after{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.summary-card:hover:after{left:100%}.summary-card:hover{border-color:#6366f133;box-shadow:0 25px 50px -12px #6366f140,inset 0 0 0 1px #6366f11a;transform:translateY(-8px) scale(1.03)}.summary-card h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#1e40af);background:linear-gradient(135deg,var(--primary-color),var(--medical-color));-webkit-background-clip:text;background-clip:text;color:#1e293b;color:var(--text-primary);font-size:1.4rem;font-weight:800;letter-spacing:.08em;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);text-align:center;text-shadow:0 2px 4px #0000001a;text-transform:uppercase}.summary-card .value,.summary-card h3{font-family:Nunito,Roboto,system-ui,sans-serif}.summary-card .value{color:#1e40af;color:var(--medical-color);font-size:3.2rem;font-weight:900;line-height:1;margin-bottom:1rem;margin-bottom:var(--spacing-md);text-shadow:0 4px 8px #00000026}.summary-card .sub{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.summary-card .sub,.summary-card p{color:#64748b;color:var(--text-secondary)}.summary-card p{border-bottom:1px solid #6366f11a;font-size:1.05rem;font-weight:500;line-height:1.6;margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:.5rem 0;padding:var(--spacing-sm) 0;transition:all .3s ease}.summary-card p:last-child{border-bottom:none;margin-bottom:0}.summary-card p:hover{color:#1e293b;color:var(--text-primary);padding-left:.5rem;padding-left:var(--spacing-sm);transform:translateX(5px)}.summary-card p strong{color:#1e40af;color:var(--medical-color);font-size:1.2rem;font-weight:800;margin-left:.25rem;margin-left:var(--spacing-xs);text-shadow:0 2px 4px #0000001a}.no-appointments{background:#ffffff4d;border:2px dashed #e2e8f0;border:2px dashed var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);color:#64748b;color:var(--text-secondary);padding:3rem;padding:var(--spacing-2xl);text-align:center}.no-appointments i{color:#94a3b8;color:var(--text-tertiary);height:64px;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);width:64px}.content-split{grid-gap:2rem;grid-gap:var(--spacing-xl);-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;box-shadow:none;display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:2fr 1fr;padding:0}.table-container{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#f0f9ffd9;background:var(--bg-glass-strong);border:1px solid #fff3;border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--shadow-glass);box-sizing:border-box;margin:0 auto;padding:2rem;padding:var(--spacing-xl);width:1400px}.table-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.table-header h3{color:#1e293b;color:var(--text-primary);font-family:Nunito,Roboto,system-ui,sans-serif;font-size:1.5rem;font-weight:800}.search-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);min-width:0}.search-actions input{background-color:#f0f9fff2;background-color:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#1e293b;color:var(--text-primary);flex:1 1;font-size:.9rem;max-width:300px;min-width:200px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.search-actions .actions{display:flex;flex-shrink:0;gap:.25rem;gap:var(--spacing-xs)}.search-actions .actions button{background:#dbeafe99;background:var(--bg-secondary);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#64748b;color:var(--text-secondary);cursor:pointer;height:36px;transition:all .2s ease;width:36px}.search-actions .actions button:hover{background:#1e40af;background:var(--medical-color);color:#fff}.app-table{background:#f0f9ffd9;background:var(--bg-glass-strong);border:1px solid #fff3;border-collapse:initial;border-radius:1rem;border-radius:var(--radius-xl);border-spacing:0;box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--shadow-glass);font-family:Nunito,Roboto,system-ui,sans-serif;overflow:hidden;width:100%}.app-table th{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#0891b21a,#0891b226);border-bottom:2px solid #0891b24d;color:#1e293b;color:var(--text-primary);font-size:.8rem;font-weight:800;letter-spacing:.08em;padding:1.5rem 1rem;padding:var(--spacing-lg) var(--spacing-md);position:relative;text-align:left;text-transform:uppercase}.app-table th:first-child{border-top-left-radius:1rem;border-top-left-radius:var(--radius-xl)}.app-table th:last-child{border-top-right-radius:1rem;border-top-right-radius:var(--radius-xl)}.app-table th:after{background:linear-gradient(90deg,#0000,#0891b280,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.app-table td{border-bottom:1px solid #ffffff1a;color:#64748b;color:var(--text-secondary);font-size:.95rem;font-weight:600;padding:1.5rem 1rem;padding:var(--spacing-lg) var(--spacing-md);position:relative;transition:all .3s ease;vertical-align:middle}.app-table td:first-child{color:#1e293b;color:var(--text-primary);font-weight:700;min-width:100px}.app-table td:nth-child(2){color:#1e40af;color:var(--medical-color);font-weight:600;min-width:120px}.app-table td:nth-child(3){color:#1e293b;color:var(--text-primary);font-weight:700;min-width:140px}.app-table td:nth-child(4){color:#1e40af;color:var(--primary-color);font-weight:600;min-width:100px}.app-table td:nth-child(5){min-width:100px;text-align:center}.app-table td:nth-child(6){min-width:200px;text-align:right}.app-table tr{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.app-table tr:hover{background:#ffffff14;box-shadow:0 4px 12px #0000001a;transform:scale(1.01)}.app-table tr:hover td{color:#1e293b;color:var(--text-primary)}.app-table tr:last-child td{border-bottom:none}.app-table .no-data{color:#94a3b8;color:var(--text-tertiary);font-size:1.1rem;font-style:italic;padding:3rem;padding:var(--spacing-2xl);text-align:center}[data-theme=dark] .medical-insights-banner{background:linear-gradient(135deg,#0891b226,#0e749026);border:1px solid #0891b266;box-shadow:0 8px 32px #0891b233}[data-theme=dark] .medical-insights-title{color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .medical-insight-text{color:#64748b!important;color:var(--text-secondary)!important}[data-theme=dark] .header{background:#f0f9ffd9;background:var(--bg-glass-strong);border:1px solid #ffffff1a;box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--shadow-glass)}[data-theme=dark] .header:after{background:linear-gradient(90deg,#0891b2cc,#6366f1cc,#10b981cc);opacity:1}[data-theme=dark] .search{background:linear-gradient(135deg,#1a2332f2,#0b1426e6);border:1px solid #ffffff1a}[data-theme=dark] .search:before{background:linear-gradient(135deg,#0891b21a,#6366f11a)}[data-theme=dark] .profile{background:linear-gradient(135deg,#1a2332cc,#0b142699);border:1px solid #ffffff1a}[data-theme=dark] .profile:before{background:linear-gradient(135deg,#0891b226,#6366f126)}[data-theme=dark] .theme-toggle-btn{background:linear-gradient(135deg,#1a2332e6,#0b1426cc);border:1px solid #ffffff1a;color:#1e293b;color:var(--text-primary)}[data-theme=dark] .theme-toggle-btn:before{background:linear-gradient(135deg,#0891b226,#6366f126)}[data-theme=dark] .search input{background-color:#dbeafe99;background-color:var(--bg-secondary);border:2px solid #fff3;color:#1e293b;color:var(--text-primary)}[data-theme=dark] .search input:focus{border-color:#1e40af;border-color:var(--medical-color);box-shadow:0 0 0 3px #0891b233}[data-theme=dark] .schedule-section,[data-theme=dark] .summary-card,[data-theme=dark] .table-container{background:#f0f9ffd9;background:var(--bg-glass-strong);border:1px solid #ffffff1a;box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--shadow-glass)}[data-theme=dark] .schedule-section h2{color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .timeline-item{background:#f0f9ffd9;background:var(--bg-glass-strong);border:1px solid #ffffff1a;box-shadow:0 8px 32px 0 #1f26875e;box-shadow:var(--shadow-glass)}[data-theme=dark] .timeline-item:hover{background:#dbeafe4d;background:var(--bg-glass);border:1px solid #fff3;box-shadow:0 0 20px #1e40af4d;box-shadow:var(--shadow-glow)}[data-theme=dark] .timeline-item .time{background:linear-gradient(135deg,#0891b233,#0891b24d);border-color:#0891b280;color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .timeline-item .details{background:#ffffff0d;border:1px solid #ffffff1a}[data-theme=dark] .timeline-item:hover .details{background:#ffffff14;border-color:#ffffff26}[data-theme=dark] .timeline-item .patient-name{color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .timeline-item .mode{background:#6366f133;border-color:#6366f166;color:#64748b!important;color:var(--text-secondary)!important}[data-theme=dark] .timeline-item:hover .mode{background:#6366f140;border-color:#6366f180}[data-theme=dark] .appointment-actions .btn-secondary{background:#f0f9ffd9;background:var(--bg-glass-strong);border:1px solid #ffffff1a;color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .appointment-actions .btn-secondary:hover{background:#dbeafe4d;background:var(--bg-glass);border-color:#fff3}[data-theme=dark] .search-actions input{background-color:#dbeafe99;background-color:var(--bg-secondary);border:2px solid #fff3;color:#1e293b;color:var(--text-primary)}[data-theme=dark] .app-table th{border-bottom:2px solid #fff3}[data-theme=dark] .app-table td{border-bottom:1px solid #ffffff1a}[data-theme=dark] .app-table tr:hover{background:#ffffff14}[data-theme=dark] .summary-card h3{color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .summary-card .value{color:#1e40af!important;color:var(--medical-color)!important}[data-theme=dark] .summary-card .sub,[data-theme=dark] .summary-card p{color:#64748b!important;color:var(--text-secondary)!important}[data-theme=dark] .app-table th,[data-theme=dark] .summary-card p strong,[data-theme=dark] .table-header h3{color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .app-table td{color:#64748b!important;color:var(--text-secondary)!important}[data-theme=dark] .app-table .no-data,[data-theme=dark] .search-actions input::placeholder{color:#94a3b8!important;color:var(--text-tertiary)!important}.theme-toggle-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:1px solid #fff3;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0000001a;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;height:44px;justify-content:center;margin-right:1rem;margin-right:var(--spacing-md);overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:44px}.theme-toggle-btn:before{background:linear-gradient(135deg,#0891b21a,#6366f11a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.theme-toggle-btn:hover:before{opacity:1}.theme-toggle-btn:hover{background-color:#bfdbfe66;background-color:var(--bg-tertiary);color:#1e293b;color:var(--text-primary);transform:translateY(-1px)}.patient-details-section{display:flex;flex-direction:column;gap:2rem;gap:var(--spacing-xl)}.patient-header{align-items:center;background:#dbeafe99;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);display:flex;gap:1.5rem;gap:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-lg)}.patient-avatar{align-items:center;background:linear-gradient(135deg,#1e40af,#1e40af);background:linear-gradient(135deg,var(--medical-color),var(--primary-color));border-radius:50%;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;display:flex;flex-shrink:0;font-size:2rem;height:80px;justify-content:center;overflow:hidden;position:relative;width:80px}.patient-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.patient-info h3{color:#1e293b;color:var(--text-primary);font-family:Nunito,Roboto,system-ui,sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.patient-info p{color:#64748b;color:var(--text-secondary);font-size:.9rem;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.patient-details-grid{grid-gap:2rem;grid-gap:var(--spacing-xl);display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-section{background:#dbeafe99;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);padding:1.5rem;padding:var(--spacing-lg)}.detail-section.full-width{grid-column:1/-1}.detail-section h4{color:#1e40af;color:var(--medical-color);font-family:Nunito,Roboto,system-ui,sans-serif;font-size:1.1rem;font-weight:700;letter-spacing:.05em;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);text-transform:uppercase}.detail-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);display:flex;gap:1rem;gap:var(--spacing-md);margin-bottom:1rem;margin-bottom:var(--spacing-md);padding:.5rem 0;padding:var(--spacing-sm) 0}.detail-item:last-child{border-bottom:none;margin-bottom:0}.detail-item i{color:#1e40af;color:var(--medical-color);flex-shrink:0;height:20px;margin-top:2px;width:20px}.detail-item div{display:flex;flex:1 1;flex-direction:column}.detail-item .label{color:#64748b;color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.05em;margin-bottom:2px;text-transform:uppercase}.detail-item .value{color:#1e293b;color:var(--text-primary);font-size:.95rem;font-weight:500;line-height:1.4}.medical-history{background:#bfdbfe66;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--spacing-lg)}.medical-history p{color:#1e293b;color:var(--text-primary);line-height:1.6;margin:0}.patient-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);justify-content:center;padding-top:1.5rem;padding-top:var(--spacing-lg)}[data-theme=dark] .detail-section,[data-theme=dark] .patient-header{background:#bfdbfe66;background:var(--bg-tertiary);border:1px solid #ffffff1a}[data-theme=dark] .detail-item{border-bottom:1px solid #ffffff1a}[data-theme=dark] .medical-history{background:#dbeafe99;background:var(--bg-secondary);border:1px solid #ffffff1a}[data-theme=dark] .patient-actions{border-top:1px solid #ffffff1a}[data-theme=dark] .patient-info h3{color:#1e293b!important;color:var(--text-primary)!important}[data-theme=dark] .patient-info p{color:#64748b!important;color:var(--text-secondary)!important}[data-theme=dark] .detail-section h4{color:#1e40af!important;color:var(--medical-color)!important}[data-theme=dark] .detail-item .label{color:#64748b!important;color:var(--text-secondary)!important}[data-theme=dark] .detail-item .value,[data-theme=dark] .medical-history p{color:#1e293b!important;color:var(--text-primary)!important}@media (max-width:1024px){.content-split{grid-template-columns:1fr}.actions-top{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.doctor{padding:1.5rem;padding:var(--spacing-lg)}.header{flex-direction:column;gap:1.5rem;gap:var(--spacing-lg)}.profile{justify-content:center}.doctor h1{font-size:2rem;text-align:center}.timeline-item{gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr;padding:1.5rem;padding:var(--spacing-lg);text-align:center}.timeline-item .time{justify-self:center}.timeline-item .details,.timeline-item .mode,.timeline-item .time{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.timeline-item .mode{justify-self:center}.appointment-actions{flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm);justify-content:center}.actions-top{grid-template-columns:1fr}.search-actions{align-items:stretch;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.search-actions input{flex:none;max-width:none;min-width:0;min-width:auto}.search-actions .actions{justify-content:center}}@media (max-width:1400px){.table-container{max-width:1100px;width:100%}}@media (max-width:1200px){.table-container{max-width:1000px;width:100%}}@media (max-width:768px){.table-header{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.table-header h3{text-align:center}.search-actions{justify-content:center}.search-actions input{max-width:250px}.table-actions{gap:.25rem;gap:var(--spacing-xs);justify-content:center}.table-actions .btn{font-size:.8rem;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width:480px){.summary-row{grid-template-columns:1fr}.table-header{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.table-header h3{margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-align:center}.app-table{font-size:.8rem}.app-table td,.app-table th{padding:.5rem;padding:var(--spacing-sm)}.table-actions{flex-wrap:wrap;gap:.25rem;gap:var(--spacing-xs);justify-content:center}.table-actions .btn{font-size:.75rem;min-height:32px;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}}.btn-large{font-size:1.1rem;min-height:48px;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl)}.btn-medium{font-size:1rem;min-height:40px;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg)}.btn-small{font-size:.875rem;min-height:32px;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}.search-btn{background:linear-gradient(135deg,#1e40af,#1e40af);background:linear-gradient(135deg,var(--primary-color),var(--medical-color));border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 12px #6366f14d,0 2px 6px #0000001a;height:48px;margin-left:1rem;margin-left:var(--spacing-md);min-width:48px;overflow:hidden;padding:1rem;padding:var(--spacing-md);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.search-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.search-btn:hover:before{left:100%}.search-btn:hover{background:linear-gradient(135deg,#1e3a8a,var(--medical-dark));background:linear-gradient(135deg,var(--primary-dark),var(--medical-dark));box-shadow:0 8px 20px #6366f166,0 4px 12px #00000026;transform:translateY(-2px) scale(1.05)}.search-btn:active{transform:translateY(0) scale(.98)}.search-btn i{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));height:20px;width:20px}.panel-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#00000080;background:var(--bg-overlay);bottom:0;display:flex;justify-content:center;left:0;padding:1rem;padding:var(--spacing-md);position:fixed;right:0;top:0;z-index:1000}.panel-content{background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;width:100%}.panel-header{align-items:center;background:#ffffffd9;background:var(--bg-gradient-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1.5rem 2rem;padding:var(--spacing-lg) var(--spacing-xl)}.panel-header h2{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin:0}.panel-content>:not(.panel-header){flex:1 1;overflow-y:auto;padding:2rem;padding:var(--spacing-xl)}[data-theme=dark] .panel-content{background:#ffffffe6;background:var(--bg-card);border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .panel-header{background:#ffffffd9;background:var(--bg-gradient-card);border-color:#e2e8f0;border-color:var(--border-color)}@media (max-width:768px){.panel-overlay{padding:.5rem;padding:var(--spacing-sm)}.panel-content{max-height:95vh;max-width:95vw}.panel-header{padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.panel-content>:not(.panel-header){padding:1.5rem;padding:var(--spacing-lg)}}.notification{animation:slideIn .3s ease-out;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;font-weight:500;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);position:fixed;right:20px;top:20px;z-index:9999}.notification-info{background:#3b82f6;background:var(--info-color)}.notification-warning{background:#f59e0b;background:var(--warning-color)}.notification-success{background:#10b981;background:var(--secondary-color)}.notification-error{background:#ef4444;background:var(--danger-color)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.coming-soon{color:#64748b;color:var(--text-secondary);padding:3rem;padding:var(--spacing-2xl);text-align:center}.coming-soon-icon{color:#1e40af;color:var(--primary-color);font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.coming-soon h2{color:#1e293b;color:var(--text-primary);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.coming-soon p{font-size:1.1rem;line-height:1.6;margin:0 auto;max-width:500px}.section-panel{border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin:20px 0}.section-header{background:#f59e0b;background:var(--accent-color)}.section-header h2{color:var(--text-color);font-weight:700}.section-content{padding:24px}.close-btn-red{background:#dc2626;border-radius:8px;font-size:18px;font-weight:700;height:40px;transition:all .2s ease;width:40px}.close-btn-red:hover{background:#b91c1c;box-shadow:0 4px 8px #dc26264d;transform:scale(1.05)}.close-btn-red:active{transform:scale(.95)}.close-btn-red i{font-size:20px;font-weight:700}[data-theme=dark] .section-header{background:#f59e0b;background:var(--accent-color)}.dashboard{background:var(--bg-color);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:24px}.header{background:linear-gradient(135deg,#f59e0b 0,var(--accent-secondary) 100%);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-secondary) 100%);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px #0000001a;margin-bottom:32px;overflow:hidden;padding:28px 32px;position:relative}.header:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%,to{transform:translateX(-100%)}50%{transform:translateX(100%)}}.header-content{z-index:2}.doctor h1{color:#1e293b;color:var(--text-primary);font-size:2.8rem;font-weight:800;letter-spacing:-.02em;margin:0;text-shadow:0 2px 4px #0000001a}.doctor p{color:#64748b;color:var(--text-secondary);font-size:1.2rem;font-weight:500;margin:8px 0 0}.search-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 20px #00000014;min-width:320px;padding:20px 24px;position:relative}.search-panel:before{background:linear-gradient(45deg,#f59e0b,var(--accent-secondary),#f59e0b);background:linear-gradient(45deg,var(--accent-color),var(--accent-secondary),var(--accent-color));border-radius:18px;bottom:-2px;content:"";left:-2px;opacity:.3;position:absolute;right:-2px;top:-2px;z-index:-1}.search-input{background:var(--bg-color);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #0000000d;color:#1e293b;color:var(--text-primary);font-size:1.1rem;font-weight:500;padding:16px 20px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#f59e0b;border-color:var(--accent-color);box-shadow:0 0 0 4px #3b82f61a;outline:none;transform:translateY(-1px)}.search-input::placeholder{color:#64748b;color:var(--text-secondary);font-weight:400}.logout-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;box-shadow:0 4px 12px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:8px;justify-content:center;min-width:120px;overflow:hidden;padding:14px 24px;position:relative;transition:all .3s ease}.logout-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.logout-btn:hover:before{left:100%}.logout-btn:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.logout-btn:active{transform:translateY(0)}.logout-btn i{font-size:1.2rem;font-weight:700}.actions-top{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.btn{align-items:center;border:none;border-radius:16px;box-shadow:0 4px 12px #0000001a;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:12px;justify-content:center;overflow:hidden;padding:18px 24px;position:relative;text-decoration:none;transition:all .3s ease}.btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn:hover:before{left:100%}.btn-primary{background:linear-gradient(135deg,#f59e0b 0,var(--accent-secondary) 100%);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-secondary) 100%)}.btn-primary:hover{box-shadow:0 8px 25px #3b82f666}.btn-secondary{background:linear-gradient(135deg,#ffffffe6,#e2e8f0);background:linear-gradient(135deg,var(--bg-card) 0,var(--border-color) 100%);border:2px solid #e2e8f0;border:2px solid var(--border-color);color:#1e293b;color:var(--text-primary)}.btn-secondary:hover{border-color:#f59e0b;border-color:var(--accent-color);box-shadow:0 8px 25px #00000026}.btn i{font-size:1.3rem;font-weight:700}.btn-large{border-radius:18px;font-size:1.2rem;font-weight:700;padding:22px 32px}.btn-medium{border-radius:16px;font-size:1.1rem;font-weight:600;padding:18px 24px}.btn-small{border-radius:14px;font-size:1rem;font-weight:600;padding:14px 20px}.search-btn{align-items:center;background:linear-gradient(135deg,#f59e0b 0,var(--accent-secondary) 100%);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-secondary) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #3b82f64d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:8px;justify-content:center;min-width:100px;padding:16px 20px;transition:all .3s ease}.search-btn:hover{background:linear-gradient(135deg,var(--accent-secondary) 0,#f59e0b 100%);background:linear-gradient(135deg,var(--accent-secondary) 0,var(--accent-color) 100%);box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.search-btn:active{transform:translateY(0)}.search-btn i{font-size:1.2rem;font-weight:700}.section-panel{background:var(--bg-color);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px #0000001a;margin:24px 0;overflow:hidden;position:relative}.section-panel:before{background:linear-gradient(90deg,#f59e0b,var(--accent-secondary),#f59e0b);background:linear-gradient(90deg,var(--accent-color),var(--accent-secondary),var(--accent-color));content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}.section-header{background:linear-gradient(135deg,#f59e0b 0,var(--accent-secondary) 100%);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-secondary) 100%);border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);padding:24px 28px}.section-header h2{color:#fff;font-size:1.8rem;letter-spacing:-.01em;text-shadow:0 2px 4px #0003}.section-content{background:var(--bg-color);padding:28px}.close-btn-red{align-items:center;background:linear-gradient(135deg,#dc2626,#b91c1c);border:none;border-radius:12px;box-shadow:0 4px 12px #dc26264d;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:800;height:48px;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease;width:48px}.close-btn-red:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.close-btn-red:hover:before{left:100%}.close-btn-red:hover{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 20px #dc262666;transform:scale(1.05) translateY(-2px)}.close-btn-red:active{transform:scale(.98)}.close-btn-red i{font-size:22px;font-weight:800}.schedule-section{background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:28px}.schedule-section h2{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:1.8rem;font-weight:700;gap:12px;margin:0 0 24px}.schedule-section h2:before{background:linear-gradient(135deg,#f59e0b,var(--accent-secondary));background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));border-radius:2px;content:"";height:24px;width:4px}.timeline{display:flex;flex-direction:column;gap:16px}.timeline-item{align-items:center;background:var(--bg-color);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 2px 8px #0000000d;display:flex;gap:20px;padding:20px 24px;transition:all .3s ease}.timeline-item:hover{border-color:#f59e0b;border-color:var(--accent-color);box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.timeline-item .time{color:#f59e0b;color:var(--accent-color);font-size:1.1rem;font-weight:600;min-width:100px}.timeline-item .details{display:flex;flex:1 1;flex-direction:column;gap:4px}.timeline-item .patient-name{color:#1e293b;color:var(--text-primary);font-size:1.2rem;font-weight:600}.timeline-item .mode{background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:8px;color:#64748b;color:var(--text-secondary);font-size:1rem;font-weight:500;padding:6px 12px}.status-badge{border-radius:20px;font-size:.9rem;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.status-confirmed{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.status-pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.status-cancelled{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.appointment-actions{gap:12px}.appointment-actions .btn{border-radius:12px;font-size:.95rem;font-weight:600;padding:10px 16px}.appointments-section{background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 4px 20px #00000014;margin-bottom:32px;padding:28px}.appointments-section h2{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:1.8rem;font-weight:700;gap:12px;margin:0 0 24px}.appointments-section h2:before{background:linear-gradient(135deg,#f59e0b,var(--accent-secondary));background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));border-radius:2px;content:"";height:24px;width:4px}.appointments-table{border-collapse:initial;border-spacing:0;margin-top:20px;width:100%}.appointments-table th{background:linear-gradient(135deg,#f59e0b 0,var(--accent-secondary) 100%);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-secondary) 100%);border:none;color:#fff;font-size:1.1rem;font-weight:700;padding:18px 20px;text-align:left}.appointments-table th:first-child{border-top-left-radius:12px}.appointments-table th:last-child{border-top-right-radius:12px}.appointments-table td{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:500;padding:18px 20px}.appointments-table tr:hover{background:var(--bg-hover)}.appointments-table tr:last-child td{border-bottom:none}[data-theme=dark] .header{background:linear-gradient(135deg,#ffffffe6,#e2e8f0);background:linear-gradient(135deg,var(--bg-card) 0,var(--border-color) 100%);border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .search-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .search-input{background:var(--bg-color);border-color:#e2e8f0;border-color:var(--border-color);color:#1e293b;color:var(--text-primary)}[data-theme=dark] .section-panel{background:#ffffffe6;background:var(--bg-card);border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .section-header{background:linear-gradient(135deg,#ffffffe6,#e2e8f0);background:linear-gradient(135deg,var(--bg-card) 0,var(--border-color) 100%);border-color:#e2e8f0;border-color:var(--border-color)}[data-theme=dark] .section-header h2{color:#1e293b;color:var(--text-primary)}[data-theme=dark] .section-content{background:var(--bg-color)}@media (max-width:768px){.dashboard{padding:16px}.header{margin-bottom:24px;padding:20px 24px}.doctor h1{font-size:2.2rem}.doctor p{font-size:1.1rem}.search-panel{min-width:280px;padding:16px 20px}.search-input{font-size:1rem;padding:14px 18px}.logout-btn{font-size:1rem;min-width:100px;padding:12px 20px}.actions-top{gap:20px;grid-template-columns:1fr}.btn{font-size:1rem;padding:16px 20px}.btn-large{font-size:1.1rem;padding:18px 24px}.section-header{padding:20px 24px}.section-header h2{font-size:1.6rem}.section-content{padding:24px}.close-btn-red{font-size:18px;height:44px;width:44px}.close-btn-red i{font-size:20px}}.section-panel{animation:fadeInUp .4s ease-out}.btn,.header,.search-panel{animation:fadeInUp .3s ease-out}.appointments-table tr:hover,.btn:hover,.search-panel:hover,.timeline-item:hover{transform:translateY(-2px);transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:focus,.close-btn-red:focus,.logout-btn:focus,.search-input:focus{box-shadow:0 0 0 4px #3b82f633;outline:none}.loading{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:1.2rem;font-weight:500;justify-content:center;padding:60px}.loading:after{animation:spin 1s linear infinite;border:2px solid #e2e8f0;border-top:2px solid #f59e0b;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--accent-color);content:"";height:20px;margin-left:12px;width:20px}.profile-avatar-container{align-items:center;display:flex;justify-content:center;position:relative}.profile-avatar{border:3px solid #f59e0b;border:3px solid var(--accent-color);border-radius:50%;box-shadow:0 4px 12px #00000026;height:48px;object-fit:cover;transition:all .3s ease;width:48px}.profile-avatar:hover{box-shadow:0 6px 20px #0003;transform:scale(1.05)}.profile-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#f59e0b 0,var(--accent-secondary) 100%);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-secondary) 100%);border:3px solid #f59e0b;border:3px solid var(--accent-color);border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;font-size:1.5rem;height:48px;justify-content:center;transition:all .3s ease;width:48px}.profile-avatar-placeholder:hover{box-shadow:0 6px 20px #0003;transform:scale(1.05)}.profile-avatar-placeholder i{font-size:1.5rem;font-weight:700}.retry-profile-btn{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:50%;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;display:flex;font-size:12px;font-weight:700;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .3s ease;width:24px;z-index:10}.retry-profile-btn:hover{background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 4px 12px #ef444466;transform:scale(1.1)}.retry-profile-btn:active{transform:scale(.95)}.retry-profile-btn i{font-size:12px;font-weight:700}[data-theme=dark] .profile-avatar,[data-theme=dark] .profile-avatar-placeholder{border-color:#f59e0b;border-color:var(--accent-color)}[data-theme=dark] .profile-avatar-placeholder{background:linear-gradient(135deg,#f59e0b 0,var(--accent-secondary) 100%);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-secondary) 100%)}[data-theme=dark] .retry-profile-btn{background:linear-gradient(135deg,#ef4444,#dc2626)}[data-theme=dark] .retry-profile-btn:hover{background:linear-gradient(135deg,#f87171,#ef4444)}[data-theme=dark] .btn{box-shadow:0 4px 12px #0006}[data-theme=dark] .btn-primary{background:linear-gradient(135deg,#f59e0b 0,var(--accent-secondary) 100%);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-secondary) 100%);color:#fff;text-shadow:0 1px 2px #0000004d}[data-theme=dark] .btn-primary:hover{box-shadow:0 8px 25px #f59e0b66;transform:translateY(-2px)}[data-theme=dark] .btn-secondary{background:linear-gradient(135deg,#ffffffe6,#e2e8f0);background:linear-gradient(135deg,var(--bg-card) 0,var(--border-color) 100%);border:2px solid #e2e8f0;border:2px solid var(--border-color);color:#fff;text-shadow:0 1px 2px #00000080}[data-theme=dark] .btn-secondary:hover{background:linear-gradient(135deg,#f59e0b 0,var(--accent-secondary) 100%);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-secondary) 100%);border-color:#f59e0b;border-color:var(--accent-color);box-shadow:0 8px 25px #0006;color:#fff;transform:translateY(-2px)}[data-theme=dark] .btn i{color:inherit}[data-theme=dark] .btn:focus{outline:2px solid #f59e0b;outline:2px solid var(--accent-color);outline-offset:2px}[data-theme=dark] .btn:active{transform:translateY(0)}[data-theme=dark] .btn-large{font-weight:800;text-shadow:0 2px 4px #00000080}[data-theme=dark] .btn-medium{font-weight:700;text-shadow:0 1px 3px #0006}[data-theme=dark] .btn-small{font-weight:600;text-shadow:0 1px 2px #0000004d}.actions-top .btn{font-weight:600;letter-spacing:.01em;position:relative;z-index:1}.actions-top .btn:after{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:inherit;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.actions-top .btn:hover:after{opacity:1}.actions-top .btn-secondary{color:#1e293b;color:var(--text-primary);font-weight:600}.actions-top .btn-primary{color:#fff;font-weight:700}[data-theme=dark] .actions-top .btn-secondary{background:linear-gradient(135deg,#ffffffe6,#e2e8f0);background:linear-gradient(135deg,var(--bg-card) 0,var(--border-color) 100%);border:2px solid #e2e8f0;border:2px solid var(--border-color);color:#fff;text-shadow:0 1px 2px #0009}[data-theme=dark] .actions-top .btn-secondary:hover{border-color:#f59e0b;border-color:var(--accent-color);text-shadow:0 1px 3px #000000b3}[data-theme=dark] .actions-top .btn-primary,[data-theme=dark] .actions-top .btn-secondary:hover{background:linear-gradient(135deg,#f59e0b 0,var(--accent-secondary) 100%);background:linear-gradient(135deg,var(--accent-color) 0,var(--accent-secondary) 100%);color:#fff}[data-theme=dark] .actions-top .btn-primary{text-shadow:0 1px 3px #0009}[data-theme=dark] .actions-top .btn-primary:hover{background:linear-gradient(135deg,var(--accent-secondary) 0,#f59e0b 100%);background:linear-gradient(135deg,var(--accent-secondary) 0,var(--accent-color) 100%);text-shadow:0 2px 4px #000c}.appointment-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.appointment-actions .btn{justify-content:center;min-width:120px;white-space:nowrap}.table-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.table-actions .btn{justify-content:center;min-width:120px;white-space:nowrap}.appointment-actions .btn-small,.table-actions .btn-small{border-radius:12px;font-size:.9rem;font-weight:600;padding:12px 16px}@media (max-width:768px){.appointment-actions,.table-actions{flex-direction:column;gap:6px;width:100%}.appointment-actions .btn,.table-actions .btn{min-width:auto;width:100%}}.doctor-overview-content-modern{animation:fadeInUp .4s ease-out;box-sizing:border-box;display:flex;flex-direction:column;gap:2rem;gap:var(--spacing-xl);max-width:100%;padding:2rem;padding:var(--spacing-xl);width:100%}.greeting-section-modern{margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:0;position:relative}.greeting-title-modern{color:#1e40af;color:var(--primary-color);font-size:2.25rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0;text-shadow:0 2px 8px #1e40af26}.greeting-subtitle-modern{color:#64748b;color:var(--text-secondary);font-size:1.0625rem;font-weight:500;letter-spacing:-.01em;line-height:1.6;margin:0}.overview-stats-grid{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.stat-card-overview{background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s ease}.stat-card-overview:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card-overview-icon{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;color:var(--text-inverse);display:flex;height:40px;justify-content:center;left:.5rem;left:var(--spacing-sm);position:absolute;top:.5rem;top:var(--spacing-sm);width:40px}.stat-card-overview-icon i{height:20px;width:20px}.stat-card-overview-icon.primary{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient)}.stat-card-overview-icon.success{background:linear-gradient(135deg,#10b981,#059669);background:var(--secondary-gradient)}.stat-card-overview-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:var(--accent-gradient)}.stat-card-overview-icon.info{background:linear-gradient(135deg,#3b82f6,#2563eb);background:var(--info-gradient)}.stat-card-overview-content{padding:1rem;padding:var(--spacing-md);padding-top:calc(1.5rem + 40px);padding-top:calc(var(--spacing-md) + var(--spacing-sm) + 40px);text-align:right}.stat-card-overview-label{color:#64748b;color:var(--text-secondary);font-size:.75rem;font-weight:500}.stat-card-overview-label,.stat-card-overview-value{display:block;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.stat-card-overview-value{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.2}.stat-card-overview-footer{background:#dbeafe99;background:var(--bg-secondary);border-top:1px solid #f1f5f9;border-top:1px solid var(--border-light);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.stat-card-overview-footer-text{color:#64748b;color:var(--text-secondary);font-size:.75rem;margin:0}.quick-actions-section-modern{margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.section-title-modern{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin:0 0 1.5rem;margin:0 0 var(--spacing-lg) 0}.quick-action-grid{grid-gap:.5rem;grid-gap:var(--spacing-sm);display:grid;gap:.5rem;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));justify-content:start;max-width:100%;width:100%}@media (min-width:768px){.quick-action-grid{grid-template-columns:repeat(auto-fit,minmax(160px,200px));justify-content:start}}.quick-action-card{align-items:center;background:#ffffffe6;background:var(--bg-card);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;flex-direction:column;justify-content:center;max-width:200px;min-height:120px;overflow:hidden;padding:1.5rem 1rem;padding:var(--spacing-lg) var(--spacing-md);position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.quick-action-card:before{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.quick-action-card:hover{background:#dbeafe99;background:var(--bg-secondary);border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-6px) scale(1.02)}.quick-action-card:hover:before{opacity:1}.quick-action-card .action-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.5rem;margin-bottom:1rem;margin-bottom:var(--spacing-md);position:relative;transition:transform .3s ease;z-index:1}.quick-action-card:hover .action-icon{transform:scale(1.1) rotate(5deg)}.quick-action-card h3{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:700;letter-spacing:-.01em;margin-bottom:.25rem;margin-bottom:var(--spacing-xs);position:relative;z-index:1}.quick-action-card p{color:#64748b;color:var(--text-secondary);font-size:.85rem;font-weight:500;line-height:1.4;margin:0;position:relative;z-index:1}.schedule-section-modern{margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.schedule-header-modern{align-items:center;border-bottom:2px solid #f1f5f9;border-bottom:2px solid var(--border-light);display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);padding-bottom:1rem;padding-bottom:var(--spacing-md)}.schedule-title-modern{color:#1e293b;color:var(--text-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0}.schedule-count-modern{background:#dbeafe99;background:var(--bg-secondary);border-radius:.75rem;border-radius:var(--radius-lg);color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:600;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}.schedule-cards-container{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.schedule-card-modern{grid-gap:1.5rem;grid-gap:var(--spacing-lg);align-items:center;background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:auto 1fr auto;padding:1.5rem;padding:var(--spacing-lg);transition:all .3s ease}.schedule-card-modern:hover{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.schedule-card-time{align-items:center;color:#1e40af;color:var(--primary-color);display:flex;font-size:1rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);min-width:100px}.schedule-card-time i{height:18px;width:18px}.schedule-card-content{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.schedule-card-patient{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.schedule-card-patient h4{color:#1e293b;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.status-badge-modern{border-radius:.75rem;border-radius:var(--radius-lg);font-size:.75rem;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md)}.status-badge-modern.status-confirmed,.status-badge-modern.status-scheduled{background:#10b9811a;color:#059669}.status-badge-modern.status-completed{background:#3b82f61a;color:#2563eb}.schedule-card-type{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.25rem;gap:var(--spacing-xs)}.schedule-card-type i{height:16px;width:16px}.schedule-card-actions{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.btn-action-modern{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;gap:var(--spacing-xs);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease;white-space:nowrap}.btn-action-modern i{height:16px;width:16px}.btn-primary-modern{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);color:#fff}.btn-primary-modern:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #1e40af4d;transform:translateY(-1px)}.btn-secondary-modern{background:#dbeafe99;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);color:#1e293b;color:var(--text-primary)}.btn-secondary-modern:hover{background:#bfdbfe66;background:var(--bg-tertiary);border-color:#1e40af;border-color:var(--primary-color);color:#1e40af;color:var(--primary-color)}.btn-success-modern{background:linear-gradient(135deg,#10b981,#059669);background:var(--secondary-gradient);color:#fff}.btn-success-modern:hover{background:linear-gradient(135deg,#059669,#10b981);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.no-appointments-modern{border:2px dashed #e2e8f0;border:2px dashed var(--border-color);text-align:center}.no-appointments-modern i{color:#94a3b8;color:var(--text-tertiary);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.no-appointments-modern p{margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0}.no-appointments-modern span{color:#64748b;color:var(--text-secondary);font-size:.875rem}.stats-section-secondary{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.stat-card-secondary{align-items:center;background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;gap:1rem;gap:var(--spacing-md);padding:1.5rem;padding:var(--spacing-lg);transition:all .3s ease}.stat-card-secondary:hover{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-card-secondary-icon{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.stat-card-secondary-icon i,.stat-card-secondary-icon svg{stroke:#fff;fill:none;color:#fff;display:block;height:28px;width:28px}.stat-card-secondary-content{flex:1 1}.stat-card-secondary-content h4{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:500;margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0}.stat-card-secondary-content .stat-value{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}@media (max-width:768px){.doctor-overview-content-modern{gap:1.5rem;gap:var(--spacing-lg);padding:1rem;padding:var(--spacing-md)}.greeting-title-modern{font-size:1.75rem}.greeting-subtitle-modern{font-size:.9375rem}.overview-stats-grid{gap:1rem;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.quick-action-grid{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:repeat(2,1fr);justify-content:start}.quick-action-card{max-width:100%}.schedule-card-modern{gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr}.schedule-card-actions{justify-content:flex-start;width:100%}.stats-section-secondary{grid-template-columns:1fr}.schedule-header-modern{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}}@media (max-width:480px){.overview-stats-grid,.quick-action-grid{grid-template-columns:1fr}.quick-action-grid{gap:.5rem;gap:var(--spacing-sm);max-width:100%}.quick-action-card{max-width:100%}.schedule-card-modern{padding:1rem;padding:var(--spacing-md)}.schedule-card-actions{flex-direction:column}.btn-action-modern{justify-content:center;width:100%}}.search-container-modern{flex:1 1;margin-right:1.5rem;margin-right:var(--spacing-lg);max-width:650px;position:relative;z-index:1000}.search-modern{align-items:center;background:#ffffffe6;background:var(--bg-card);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.search-modern:focus-within{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 0 0 4px #1e40af1a,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:0 0 0 4px #1e40af1a,var(--shadow-lg);transform:translateY(-1px)}.search-icon-modern{stroke-width:2;color:#64748b;color:var(--text-secondary);flex-shrink:0;height:20px;margin-right:.5rem;margin-right:var(--spacing-sm);width:20px}.search-input-modern{background:#0000;border:none;color:#1e293b;color:var(--text-primary);flex:1 1;font-family:Nunito,Roboto,system-ui,sans-serif;font-size:.9375rem;font-weight:500;outline:none;padding:.5rem 0;padding:var(--spacing-sm) 0}.search-input-modern::placeholder{color:#94a3b8;color:var(--text-tertiary);font-weight:400}.search-clear-btn{align-items:center;background:#dbeafe99;background:var(--bg-secondary);border:none;border-radius:50%;color:#64748b;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-left:.25rem;margin-left:var(--spacing-xs);transition:all .2s ease;width:24px}.search-clear-btn:hover{background:#bfdbfe66;background:var(--bg-tertiary);color:#1e293b;color:var(--text-primary);transform:scale(1.1)}.search-clear-btn i{height:14px;width:14px}.search-loading-spinner{animation:spin .6s linear infinite;border:2px solid #e2e8f0;border-top-color:#1e40af;border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);flex-shrink:0;height:16px;margin-left:.25rem;margin-left:var(--spacing-xs);width:16px}.search-results-dropdown{animation:slideDown .2s ease-out;background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 40px #00000026,0 4px 16px #0000001a;left:0;margin-top:.25rem;margin-top:var(--spacing-xs);max-height:500px;overflow-y:auto;position:absolute;right:0;top:calc(100% + .25rem);top:calc(100% + var(--spacing-xs));z-index:1001}.search-results-header{background:#dbeafe99;background:var(--bg-secondary);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);border-radius:1rem 1rem 0 0;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg)}.search-results-count{color:#64748b;color:var(--text-secondary);font-size:.8125rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.search-results-list{max-height:450px;overflow-y:auto;padding:.25rem;padding:var(--spacing-xs)}.search-result-item{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:1rem;gap:var(--spacing-md);margin-bottom:.25rem;margin-bottom:var(--spacing-xs);padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.search-result-item:hover{background:#dbeafe99;background:var(--bg-secondary);transform:translateX(4px)}.search-result-item:active{transform:translateX(2px)}.search-result-avatar{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);border-radius:50%;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;overflow:hidden;position:relative;width:48px}.search-result-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.search-result-avatar-placeholder{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.search-result-avatar i{height:24px;width:24px}.search-result-content{flex:1 1;min-width:0}.search-result-name{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-details,.search-result-name{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.search-result-details{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md)}.search-result-detail{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.8125rem;gap:.25rem;gap:var(--spacing-xs)}.search-result-detail i{height:14px;width:14px}.search-result-appointment{align-items:center;color:#94a3b8;color:var(--text-tertiary);display:flex;font-size:.75rem;gap:.25rem;gap:var(--spacing-xs);margin-top:.25rem;margin-top:var(--spacing-xs)}.search-result-appointment i{height:12px;width:12px}.search-result-arrow{color:#94a3b8;color:var(--text-tertiary);flex-shrink:0;transition:all .2s ease}.search-result-item:hover .search-result-arrow{color:#1e40af;color:var(--primary-color);transform:translateX(4px)}.search-result-arrow i{height:18px;width:18px}.search-no-results{color:#64748b;color:var(--text-secondary);padding:3rem;padding:var(--spacing-2xl);text-align:center}.search-no-results i{color:#94a3b8;color:var(--text-tertiary);height:48px;margin-bottom:1rem;margin-bottom:var(--spacing-md);opacity:.5;width:48px}.search-no-results p{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0}.search-no-results span{color:#64748b;color:var(--text-secondary);font-size:.875rem}.search-results-list::-webkit-scrollbar{width:6px}.search-results-list::-webkit-scrollbar-track{background:#dbeafe99;background:var(--bg-secondary);border-radius:.375rem;border-radius:var(--radius-sm)}.search-results-list::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border-color);border-radius:.375rem;border-radius:var(--radius-sm)}.search-results-list::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--text-tertiary)}@media (max-width:768px){.search-container-modern{margin-bottom:1rem;margin-bottom:var(--spacing-md);margin-right:0;max-width:100%}.search-results-dropdown{max-height:400px}.search-result-item{padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.search-result-avatar{height:40px;width:40px}.search-result-avatar i{height:20px;width:20px}.search-result-name{font-size:.9375rem}.search-result-details{flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}}@media (max-width:480px){.search-modern{padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.search-input-modern{font-size:.875rem}.search-results-dropdown{max-height:350px}.search-result-item{gap:.5rem;gap:var(--spacing-sm);padding:.5rem;padding:var(--spacing-sm)}}.doctor-dashboard-modern{background:#f0f9fff2;background:var(--bg-primary);min-height:100vh;width:100%}.doctor-navbar-modern{align-items:center;background:#ffffffe6;background:var(--bg-card);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:2rem;gap:var(--spacing-xl);justify-content:space-between;padding:1.5rem 3rem;padding:var(--spacing-lg) var(--spacing-2xl);position:-webkit-sticky;position:sticky;top:0;z-index:100}.navbar-left-modern{flex-shrink:0}.logo-section-modern{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.logo-icon-modern{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;display:flex;height:48px;justify-content:center;width:48px}.logo-icon-modern i{height:24px;width:24px}.logo-title-modern{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;margin:0}.logo-subtitle-modern{color:#94a3b8;color:var(--text-tertiary);font-size:.75rem;letter-spacing:.5px;margin:0;text-transform:uppercase}.navbar-center-modern{flex:1 1;margin:0 2rem;margin:0 var(--spacing-xl);max-width:600px}.navbar-right-modern{align-items:center;display:flex;flex-shrink:0;gap:1rem;gap:var(--spacing-md)}.theme-toggle-btn-modern{align-items:center;background:#dbeafe99;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:var(--transition);width:44px}.theme-toggle-btn-modern:hover{background:#bfdbfe66;background:var(--bg-tertiary);border-color:#1e40af;border-color:var(--primary-color);transform:translateY(-2px)}.theme-toggle-btn-modern i{height:20px;width:20px}.profile-section-modern{align-items:center;background:#dbeafe99;background:var(--bg-secondary);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;gap:1rem;gap:var(--spacing-md);padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md);transition:var(--transition)}.profile-section-modern:hover{background:#bfdbfe66;background:var(--bg-tertiary)}.profile-avatar-modern{border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:50%;height:40px;object-fit:cover;width:40px}.profile-avatar-placeholder-modern{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;width:40px}.profile-avatar-placeholder-modern i{height:20px;width:20px}.profile-info-modern{display:flex;flex-direction:column;gap:2px}.profile-name-modern{color:#1e293b;color:var(--text-primary);font-size:.9375rem;font-weight:600;line-height:1.2}.profile-role-modern{color:#94a3b8;color:var(--text-tertiary);font-size:.75rem;letter-spacing:.5px;text-transform:uppercase}.logout-btn-modern{align-items:center;background:#dbeafe99;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:var(--transition);width:44px}.logout-btn-modern:hover{background:#ef44441a;border-color:#ef4444;color:#ef4444}.logout-btn-modern i{height:20px;width:20px}.doctor-dashboard-content-modern{margin:0 auto;max-width:1400px;padding:3rem;padding:var(--spacing-2xl)}.quick-actions-bar-modern{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm);justify-content:flex-start;margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.quick-action-btn-modern{align-items:center;background:#ffffffe6;background:var(--bg-card);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;flex:1 1;font-size:.9375rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;min-width:140px;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition)}.quick-action-btn-modern:hover{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.quick-action-btn-modern.primary{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);border-color:#0000;color:#fff}.quick-action-btn-modern.primary:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.quick-action-btn-modern i{height:18px;width:18px}.medical-insights-banner-modern{background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:3rem;margin-bottom:var(--spacing-2xl);padding:2rem;padding:var(--spacing-xl)}.insights-content-modern{align-items:center;display:flex;gap:1.5rem;gap:var(--spacing-lg)}.insights-icon-modern{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.insights-icon-modern i{height:32px;width:32px}.insights-text-modern{color:#1e293b;color:var(--text-primary);flex:1 1}.insights-text-modern h3{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0}.insights-text-modern p{color:#64748b;color:var(--text-secondary);font-size:1rem;margin:0}.insights-text-modern strong{color:#1e40af;color:var(--primary-color);font-size:1.125rem;font-weight:700}@media (max-width:1024px){.doctor-navbar-modern{flex-wrap:wrap;padding:1rem;padding:var(--spacing-md)}.navbar-center-modern{margin:1rem 0 0;margin:var(--spacing-md) 0 0 0;max-width:100%;order:3;width:100%}.doctor-dashboard-content-modern{padding:1.5rem;padding:var(--spacing-lg)}}@media (max-width:768px){.doctor-navbar-modern{gap:1rem;gap:var(--spacing-md);padding:1rem;padding:var(--spacing-md)}.logo-section-modern{gap:.5rem;gap:var(--spacing-sm)}.logo-icon-modern{height:40px;width:40px}.logo-icon-modern i{height:20px;width:20px}.logo-title-modern{font-size:1.25rem}.logo-subtitle-modern{font-size:.6875rem}.profile-info-modern{display:none}.profile-avatar-modern,.profile-avatar-placeholder-modern{height:36px;width:36px}.quick-actions-bar-modern{flex-direction:column}.quick-action-btn-modern{min-width:auto;width:100%}.insights-content-modern{flex-direction:column;text-align:center}.insights-icon-modern{height:56px;width:56px}.doctor-dashboard-content-modern{padding:1rem;padding:var(--spacing-md)}}@media (max-width:480px){.doctor-navbar-modern{padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.navbar-right-modern{gap:.5rem;gap:var(--spacing-sm)}.logout-btn-modern,.theme-toggle-btn-modern{height:40px;width:40px}.quick-actions-bar-modern{gap:.5rem;gap:var(--spacing-sm)}.quick-action-btn-modern{font-size:.875rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.insights-text-modern h3{font-size:1.25rem}.insights-text-modern p{font-size:.875rem}}.earnings-panel-modern{width:100%}.earnings-content-modern{padding:2rem;padding:var(--spacing-xl)}.earnings-filter-modern{align-items:flex-end;background:#dbeafe99;background:var(--bg-secondary);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);margin-bottom:3rem;margin-bottom:var(--spacing-2xl);padding:1.5rem;padding:var(--spacing-lg)}.filter-group-modern{display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--spacing-xs);min-width:150px}.filter-group-modern label{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:600}.filter-group-modern input{background:#f0f9fff2;background:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#1e293b;color:var(--text-primary);font-size:.9375rem;padding:1rem;padding:var(--spacing-md);transition:var(--transition)}.filter-group-modern input:focus{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 0 0 4px #1e40af1a;outline:none}.btn-filter-modern,.btn-reset-modern{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);transition:var(--transition);white-space:nowrap}.btn-filter-modern{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.btn-filter-modern:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn-reset-modern{background:#bfdbfe66;background:var(--bg-tertiary);border:2px solid #e2e8f0;border:2px solid var(--border-color);color:#1e293b;color:var(--text-primary)}.btn-reset-modern:hover:not(:disabled){background:#dbeafe99;background:var(--bg-secondary);border-color:#cbd5e1;border-color:var(--border-dark)}.btn-filter-modern:disabled,.btn-reset-modern:disabled{cursor:not-allowed;opacity:.6}.btn-filter-modern i,.btn-reset-modern i{height:18px;width:18px}.earnings-loading-modern{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md);justify-content:center;padding:3rem;padding:var(--spacing-2xl)}.earnings-loading-modern p{color:#64748b;color:var(--text-secondary);font-size:.9375rem}.earnings-error-modern{align-items:center;background:#ef44441a;border:1px solid #ef44444d;border-radius:.75rem;border-radius:var(--radius-lg);color:#dc2626;display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md);justify-content:center;padding:3rem;padding:var(--spacing-2xl)}.earnings-error-modern i{height:48px;width:48px}.earnings-error-modern button{background:#dc2626;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition)}.earnings-error-modern button:hover{background:#b91c1c}.earnings-stats-grid-modern{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.earnings-stat-card-modern{align-items:center;background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:1.5rem;gap:var(--spacing-lg);padding:2rem;padding:var(--spacing-xl);transition:var(--transition)}.earnings-stat-card-modern:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.earnings-stat-card-modern.primary{border-left:4px solid #1e40af;border-left:4px solid var(--primary-color)}.earnings-stat-card-modern.success{border-left:4px solid #10b981;border-left:4px solid var(--secondary-color)}.earnings-stat-card-modern.info{border-left:4px solid #3b82f6;border-left:4px solid var(--info-color)}.earnings-stat-card-modern.warning{border-left:4px solid #f59e0b;border-left:4px solid var(--warning-color)}.earnings-stat-card-modern.secondary{border-left:4px solid #64748b;border-left:4px solid var(--text-secondary)}.earnings-stat-card-modern.accent{border-left:4px solid #f59e0b;border-left:4px solid var(--accent-color)}.stat-card-icon-modern{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.earnings-stat-card-modern.primary .stat-card-icon-modern{background:#1e40af1a;color:#1e40af;color:var(--primary-color)}.earnings-stat-card-modern.success .stat-card-icon-modern{background:#10b9811a;color:#10b981;color:var(--secondary-color)}.earnings-stat-card-modern.info .stat-card-icon-modern{background:#3b82f61a;color:#3b82f6;color:var(--info-color)}.earnings-stat-card-modern.warning .stat-card-icon-modern{background:#f59e0b1a;color:#f59e0b;color:var(--warning-color)}.earnings-stat-card-modern.secondary .stat-card-icon-modern{background:#bfdbfe66;background:var(--bg-tertiary);color:#64748b;color:var(--text-secondary)}.earnings-stat-card-modern.accent .stat-card-icon-modern{background:#f59e0b1a;color:#f59e0b;color:var(--accent-color)}.stat-card-icon-modern i{height:28px;width:28px}.stat-card-content-modern{flex:1 1}.stat-card-content-modern h3{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:600;letter-spacing:.5px;margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0;text-transform:uppercase}.stat-value-modern{color:#1e293b;color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0}.earnings-table-container-modern{background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);padding:2rem;padding:var(--spacing-xl)}.table-title-modern{align-items:center;border-bottom:2px solid #f1f5f9;border-bottom:2px solid var(--border-light);color:#1e293b;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);margin:0 0 1.5rem;margin:0 0 var(--spacing-lg) 0;padding-bottom:1rem;padding-bottom:var(--spacing-md)}.table-title-modern i{color:#1e40af;color:var(--primary-color);height:20px;width:20px}.table-wrapper-modern{overflow-x:auto}.earnings-table-modern{border-collapse:collapse;font-size:.9375rem;width:100%}.earnings-table-modern thead{background:#dbeafe99;background:var(--bg-secondary)}.earnings-table-modern th{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border-color);color:#1e293b;color:var(--text-primary);font-weight:600;padding:1rem;padding:var(--spacing-md);text-align:left;white-space:nowrap}.earnings-table-modern tbody tr{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);transition:var(--transition)}.earnings-table-modern tbody tr:hover{background:#dbeafe99;background:var(--bg-secondary)}.earnings-table-modern td{color:#1e293b;color:var(--text-primary);padding:1rem;padding:var(--spacing-md)}.date-time-cell-modern{display:flex;flex-direction:column;gap:2px}.date-modern{color:#1e293b;color:var(--text-primary);font-weight:600}.time-modern{color:#94a3b8;color:var(--text-tertiary);font-size:.8125rem}.patient-cell-modern{display:flex;flex-direction:column;gap:2px}.patient-name-modern{color:#1e293b;color:var(--text-primary);font-weight:600}.patient-contact-modern{color:#94a3b8;color:var(--text-tertiary);font-size:.8125rem}.appointment-type-badge-modern{display:inline-block}.appointment-type-badge-modern.in-person{background:#3b82f61a;color:#3b82f6;color:var(--info-color)}.appointment-type-badge-modern.tele-consult{background:#10b9811a;color:#10b981;color:var(--secondary-color)}.amount-cell-modern{color:#1e293b;color:var(--text-primary);font-size:1rem}.payment-method-badge-modern{background:#bfdbfe66;background:var(--bg-tertiary);border-radius:.5rem;border-radius:var(--radius-md);color:#1e293b;color:var(--text-primary);display:inline-block;font-size:.8125rem;font-weight:600;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:capitalize}.transaction-id-modern{color:#94a3b8;color:var(--text-tertiary);font-family:Courier New,monospace;font-size:.8125rem}.status-badge-modern.status-pending{background:#f59e0b1a;color:#f59e0b;color:var(--warning-color)}.status-badge-modern.status-failed{background:#ef44441a;color:#dc2626}.no-records-modern{align-items:center;color:#94a3b8;color:var(--text-tertiary);display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md);justify-content:center;padding:3rem;padding:var(--spacing-2xl)}.no-records-modern i{height:64px;opacity:.5;width:64px}.no-records-modern p{font-size:1rem;margin:0}@media (max-width:768px){.earnings-filter-modern{flex-direction:column}.filter-group-modern{width:100%}.btn-filter-modern,.btn-reset-modern{justify-content:center;width:100%}.earnings-stats-grid-modern{grid-template-columns:1fr}.table-wrapper-modern{overflow-x:scroll}.earnings-table-modern{min-width:800px}.earnings-table-modern td,.earnings-table-modern th{font-size:.875rem;padding:.5rem;padding:var(--spacing-sm)}}.all-appointments-section-modern{margin-top:3rem;margin-top:var(--spacing-2xl);width:100%}.appointments-header-modern{align-items:flex-start;background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-lg)}.header-content-modern{flex:1 1}.appointments-title-modern{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;gap:var(--spacing-sm);margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0}.appointments-title-modern i{-webkit-text-fill-color:#1e40af;-webkit-text-fill-color:var(--primary-color);color:#1e40af;color:var(--primary-color);height:24px;width:24px}.appointments-subtitle-modern{color:#64748b;color:var(--text-secondary);font-size:.9375rem;margin:0}.header-actions-modern{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.appointments-search-modern{background:#f0f9fff2;background:var(--bg-primary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#1e293b;color:var(--text-primary);font-size:.9375rem;min-width:250px;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:var(--transition)}.appointments-search-modern:focus{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 0 0 4px #1e40af1a;outline:none}.btn-header-action-modern{align-items:center;background:#dbeafe99;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;height:44px;justify-content:center;transition:var(--transition);width:44px}.btn-header-action-modern:hover{background:#bfdbfe66;background:var(--bg-tertiary);border-color:#1e40af;border-color:var(--primary-color);transform:translateY(-2px)}.btn-header-action-modern i{height:20px;width:20px}.appointments-grid-modern{grid-gap:1.5rem;grid-gap:var(--spacing-lg);display:grid;gap:1.5rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.appointment-card-modern{background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;gap:1.5rem;gap:var(--spacing-lg);padding:2rem;padding:var(--spacing-xl);transition:var(--transition)}.appointment-card-modern:hover{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.appointment-date-modern{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;display:flex;flex-direction:column;justify-content:center;min-width:80px;padding:1rem;padding:var(--spacing-md);text-align:center}.date-day-modern{font-size:2.5rem;font-weight:700;line-height:1}.date-month-modern{font-size:.875rem;font-weight:600;letter-spacing:1px;margin-top:.25rem;margin-top:var(--spacing-xs);text-transform:uppercase}.appointment-content-modern{display:flex;flex:1 1;flex-direction:column;gap:1rem;gap:var(--spacing-md)}.appointment-time-modern{align-items:center;color:#1e293b;color:var(--text-primary);display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm)}.appointment-time-modern i{color:#1e40af;color:var(--primary-color);height:18px;width:18px}.appointment-patient-modern h3{color:#1e293b;color:var(--text-primary);font-size:1.125rem;font-weight:700;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.appointment-meta-modern{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.appointment-type-badge-modern{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);display:inline-flex;font-size:.8125rem;font-weight:600;gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:capitalize}.appointment-type-badge-modern.inperson{background:#3b82f61a;color:#3b82f6;color:var(--info-color)}.appointment-type-badge-modern.teleconsult{background:#10b9811a;color:#10b981;color:var(--secondary-color)}.appointment-type-badge-modern i{height:14px;width:14px}.status-badge-modern{border-radius:.5rem;border-radius:var(--radius-md);display:inline-block;font-size:.8125rem;font-weight:600;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:capitalize}.status-badge-modern.status-scheduled{background:#3b82f61a;color:#3b82f6;color:var(--info-color)}.status-badge-modern.status-completed{background:#10b9811a;color:#10b981;color:var(--secondary-color)}.status-badge-modern.status-cancelled{background:#ef44441a;color:#dc2626}.status-badge-modern.status-noshow{background:#f59e0b1a;color:#f59e0b;color:var(--warning-color)}.appointment-payment-modern{align-items:center;background:#dbeafe99;background:var(--bg-secondary);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-md)}.payment-info-modern{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.payment-label-modern{color:#64748b;color:var(--text-secondary);font-size:.875rem;font-weight:600}.payment-amount-modern{color:#1e293b;color:var(--text-primary);font-size:1rem;font-weight:700}.payment-status-badge-modern{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);display:inline-flex;font-size:.8125rem;font-weight:600;gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:capitalize}.payment-status-badge-modern.payment-completed{background:#10b9811a;color:#10b981;color:var(--secondary-color)}.payment-status-badge-modern.payment-pending{background:#f59e0b1a;color:#f59e0b;color:var(--warning-color)}.payment-status-badge-modern.payment-failed{background:#ef44441a;color:#dc2626}.payment-status-badge-modern i{height:14px;width:14px}.appointment-actions-modern{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.btn-action-card-modern{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.25rem;gap:var(--spacing-xs);justify-content:center;min-width:100px;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:var(--transition)}.btn-video-modern{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff}.btn-video-modern:hover:not(:disabled){box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-video-modern:disabled{cursor:not-allowed;opacity:.6}.btn-details-modern{background:#bfdbfe66;background:var(--bg-tertiary);border:2px solid #e2e8f0;border:2px solid var(--border-color);color:#1e293b;color:var(--text-primary)}.btn-details-modern:hover{background:#dbeafe99;background:var(--bg-secondary);border-color:#1e40af;border-color:var(--primary-color)}.btn-prescription-modern{background:#10b9811a;border:2px solid #10b9814d;color:#10b981;color:var(--secondary-color)}.btn-prescription-modern:hover{background:#10b98133;border-color:#10b981;border-color:var(--secondary-color)}.btn-action-card-modern i{height:16px;width:16px}.no-appointments-modern{align-items:center;background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);color:#94a3b8;color:var(--text-tertiary);display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md);justify-content:center;padding:3rem;padding:var(--spacing-2xl)}.no-appointments-modern i{height:64px;opacity:.5;width:64px}.no-appointments-modern p{color:#1e293b;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.no-appointments-modern span{font-size:.9375rem}@media (max-width:768px){.appointments-header-modern{flex-direction:column}.header-actions-modern{width:100%}.appointments-search-modern{flex:1 1;min-width:auto}.appointments-grid-modern{grid-template-columns:1fr}.appointment-card-modern{flex-direction:column}.appointment-date-modern{flex-direction:row;gap:1rem;gap:var(--spacing-md);justify-content:center;width:100%}.date-day-modern{font-size:2rem}.appointment-actions-modern{flex-direction:column}.btn-action-card-modern{width:100%}}.todays-schedule-section-modern{background:#ffffffe6;background:var(--bg-card);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-top:3rem;margin-top:var(--spacing-2xl);padding:2rem;padding:var(--spacing-xl);width:100%}.schedule-header-redesigned{align-items:flex-start;border-bottom:2px solid #f1f5f9;border-bottom:2px solid var(--border-light);display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-lg);justify-content:space-between;margin-bottom:3rem;margin-bottom:var(--spacing-2xl);padding-bottom:2rem;padding-bottom:var(--spacing-xl)}.schedule-header-left{align-items:center;display:flex;flex:1 1;gap:1.5rem;gap:var(--spacing-lg)}.schedule-icon-wrapper{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.schedule-icon-wrapper i{height:32px;width:32px}.schedule-title-redesigned{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:700;margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0}.schedule-date-redesigned{color:#64748b;color:var(--text-secondary);font-size:.9375rem;font-weight:500;margin:0}.schedule-header-right{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md)}.schedule-count-badge{align-items:center;background:#dbeafe99;background:var(--bg-secondary);border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#1e293b;color:var(--text-primary);display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl)}.schedule-count-badge i{color:#1e40af;color:var(--primary-color);height:20px;width:20px}.schedule-timeline-modern{display:flex;flex-direction:column;gap:2rem;gap:var(--spacing-xl);position:relative}.schedule-item-modern{display:flex;gap:1.5rem;gap:var(--spacing-lg);position:relative}.schedule-timeline-marker{align-items:center;display:flex;flex-direction:column;flex-shrink:0;position:relative}.timeline-dot{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);border:3px solid #ffffffe6;border:3px solid var(--bg-card);border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);height:16px;position:relative;width:16px;z-index:2}.timeline-line{background:#e2e8f0;background:var(--border-color);flex:1 1;margin-top:.5rem;margin-top:var(--spacing-sm);min-height:60px;width:2px}.schedule-item-content{background:#dbeafe99;background:var(--bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);flex:1 1;padding:2rem;padding:var(--spacing-xl);transition:var(--transition)}.schedule-item-content:hover{border-color:#1e40af;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateX(4px)}.schedule-item-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-md);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.schedule-time-display{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);border-radius:.75rem;border-radius:var(--radius-lg);color:#fff;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md)}.schedule-time-display i{height:18px;width:18px}.time-text{font-weight:700}.schedule-item-badges{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.appointment-type-badge-redesigned{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);display:inline-flex;font-size:.8125rem;font-weight:600;gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:capitalize}.appointment-type-badge-redesigned.inperson{background:#3b82f61a;color:#3b82f6;color:var(--info-color)}.appointment-type-badge-redesigned.teleconsult{background:#10b9811a;color:#10b981;color:var(--secondary-color)}.appointment-type-badge-redesigned i{height:14px;width:14px}.status-badge-redesigned{border-radius:.5rem;border-radius:var(--radius-md);display:inline-block;font-size:.8125rem;font-weight:600;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:capitalize}.status-badge-redesigned.status-scheduled{background:#3b82f61a;color:#3b82f6;color:var(--info-color)}.status-badge-redesigned.status-completed{background:#10b9811a;color:#10b981;color:var(--secondary-color)}.status-badge-redesigned.status-cancelled{background:#ef44441a;color:#dc2626}.payment-badge-redesigned{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);display:inline-flex;font-size:.8125rem;font-weight:600;gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:capitalize}.payment-badge-redesigned.payment-completed{background:#10b9811a;color:#10b981;color:var(--secondary-color)}.payment-badge-redesigned.payment-pending{background:#f59e0b1a;color:#f59e0b;color:var(--warning-color)}.payment-badge-redesigned.payment-failed{background:#ef44441a;color:#dc2626}.payment-badge-redesigned i{height:14px;width:14px}.schedule-patient-info{margin-bottom:1.5rem;margin-bottom:var(--spacing-lg)}.schedule-patient-header{align-items:center;display:flex;gap:1rem;gap:var(--spacing-md);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.schedule-patient-avatar{border:2px solid #e2e8f0;border:2px solid var(--border-color);border-radius:50%;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);flex-shrink:0;height:48px;object-fit:cover;width:48px}.patient-name-redesigned{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.consultation-fee-display{align-items:center;color:#64748b;color:var(--text-secondary);display:flex;font-size:.9375rem;font-weight:600;gap:.25rem;gap:var(--spacing-xs)}.consultation-fee-display i{color:#1e40af;color:var(--primary-color);height:16px;width:16px}.schedule-item-actions-redesigned{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.btn-schedule-action{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.25rem;gap:var(--spacing-xs);justify-content:center;min-width:120px;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition)}.btn-video-redesigned{background:linear-gradient(135deg,#1e40af,#2563eb);background:var(--primary-gradient);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff}.btn-video-redesigned:hover:not(:disabled){box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-video-redesigned:disabled{cursor:not-allowed;opacity:.6}.btn-details-redesigned{background:#bfdbfe66;background:var(--bg-tertiary);border:2px solid #e2e8f0;border:2px solid var(--border-color);color:#1e293b;color:var(--text-primary)}.btn-details-redesigned:hover{background:#dbeafe99;background:var(--bg-secondary);border-color:#1e40af;border-color:var(--primary-color)}.btn-prescription-redesigned{background:#10b9811a;border:2px solid #10b9814d;color:#10b981;color:var(--secondary-color)}.btn-prescription-redesigned:hover{background:#10b98133;border-color:#10b981;border-color:var(--secondary-color)}.btn-schedule-action i{height:16px;width:16px}.no-schedule-today-modern{background:#dbeafe99;background:var(--bg-secondary);border:2px dashed #e2e8f0;border:2px dashed var(--border-color);border-radius:1rem;border-radius:var(--radius-xl);flex-direction:column;padding:3rem;padding:var(--spacing-2xl);text-align:center}.no-schedule-icon,.no-schedule-today-modern{align-items:center;display:flex;justify-content:center}.no-schedule-icon{background:#10b9811a;border-radius:50%;height:80px;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);width:80px}.no-schedule-icon i{color:#10b981;color:var(--secondary-color);height:48px;width:48px}.no-schedule-today-modern h3{color:#1e293b;color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.no-schedule-today-modern p{color:#64748b;color:var(--text-secondary);font-size:1.125rem;font-weight:600;margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0}.no-schedule-today-modern span{color:#94a3b8;color:var(--text-tertiary);font-size:.9375rem}@media (max-width:768px){.schedule-header-redesigned{flex-direction:column}.schedule-header-left{width:100%}.schedule-icon-wrapper{height:56px;width:56px}.schedule-icon-wrapper i{height:28px;width:28px}.schedule-title-redesigned{font-size:1.5rem}.schedule-item-modern{flex-direction:column}.schedule-timeline-marker{flex-direction:row;margin-bottom:1rem;margin-bottom:var(--spacing-md);width:100%}.timeline-dot{margin-right:1rem;margin-right:var(--spacing-md)}.timeline-line{height:2px;margin-top:0;min-height:2px;width:100%}.schedule-item-header{flex-direction:column}.schedule-time-display{justify-content:center;width:100%}.schedule-item-actions-redesigned{flex-direction:column}.btn-schedule-action{width:100%}}:root{--admin-bg-primary:#fff;--admin-bg-secondary:#f9fafb;--admin-bg-card:#fff;--admin-text-primary:#111827;--admin-text-secondary:#6b7280;--admin-border-color:#e5e7eb;--admin-primary:#1e40af;--admin-primary-light:#2563eb;--admin-primary-dark:#1e3a8a;--admin-primary-hover:#1e3a8a;--admin-success:#10b981;--admin-warning:#f59e0b;--admin-error:#ef4444;--admin-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--admin-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}[data-theme=dark]{--admin-bg-primary:#1f2937;--admin-bg-secondary:#111827;--admin-bg-card:#374151;--admin-text-primary:#f9fafb;--admin-text-secondary:#d1d5db;--admin-border-color:#4b5563;--admin-primary:#3b82f6;--admin-primary-light:#60a5fa;--admin-primary-dark:#2563eb;--admin-primary-hover:#2563eb;--admin-success:#34d399;--admin-warning:#fbbf24;--admin-error:#f87171;--admin-shadow:0 1px 3px 0 #0000004d,0 1px 2px 0 #0003;--admin-shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.admin-dashboard{background:#f9fafb;background:var(--admin-bg-secondary);box-sizing:border-box;min-height:100vh;overflow-x:hidden;overflow-y:visible;padding:2rem;position:relative;transition:background-color .3s ease,color .3s ease;width:100%}.admin-dashboard-container{box-sizing:border-box;margin:0 auto;max-width:1400px;width:100%}.admin-dashboard-header{align-items:center;background:#fff;background:var(--admin-bg-card);border:1px solid #e5e7eb;border:1px solid var(--admin-border-color);border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.admin-dashboard-header h2{color:#111827;color:var(--admin-text-primary);font-size:1.875rem;font-weight:700;margin:0}.admin-header-actions{align-items:center;display:flex;gap:1rem}.admin-dark-mode-toggle{align-items:center;background:#fff;background:var(--admin-bg-card);border:1px solid #e5e7eb;border:1px solid var(--admin-border-color);border-radius:9999px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);color:#111827;color:var(--admin-text-primary);cursor:pointer;display:flex;height:48px;justify-content:center;padding:.75rem;transition:all .2s ease;width:48px}.admin-dark-mode-toggle:hover{background:#1e40af;background:var(--admin-primary);color:#fff;transform:scale(1.05)}.admin-tabs{background:#fff;background:var(--admin-bg-card);border:1px solid #e5e7eb;border:1px solid var(--admin-border-color);border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);margin-bottom:2rem;padding:.5rem}.admin-tabs-list{display:flex;flex-wrap:wrap;gap:.5rem}.admin-tab-button{background:#0000;border:none;border-radius:8px;color:#6b7280;color:var(--admin-text-secondary);cursor:pointer;font-size:.9375rem;font-weight:500;padding:.75rem 1.5rem;position:relative;transition:all .2s ease}.admin-tab-button:hover{background:#f9fafb;background:var(--admin-bg-secondary);color:#111827;color:var(--admin-text-primary)}.admin-tab-button.active{background:#3b82f61a;color:#1e40af;color:var(--admin-primary);font-weight:600}.admin-tab-button.active:after{background:#1e40af;background:var(--admin-primary);border-radius:2px 2px 0 0;bottom:0;content:"";height:2px;left:0;position:absolute;right:0}.admin-card{background:#fff;background:var(--admin-bg-card);border:1px solid #e5e7eb;border:1px solid var(--admin-border-color);border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);margin-bottom:1.5rem;padding:1.5rem;transition:all .3s ease}.admin-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg)}.admin-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.admin-card-title{color:#111827;color:var(--admin-text-primary);font-size:1.25rem;font-weight:600;margin:0}.admin-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:2rem;overflow:visible;padding-top:.5rem;position:relative}@media (min-width:1200px){.admin-stats-grid{grid-template-columns:repeat(6,1fr)}}@media (min-width:768px) and (max-width:1199px){.admin-stats-grid{grid-template-columns:repeat(3,1fr)}}.admin-stat-card{background:#fff;background:var(--admin-bg-card);border:1px solid #e5e7eb;border:1px solid var(--admin-border-color);border-radius:16px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);flex:1 1;min-width:0;overflow:visible;padding:1.75rem 1.25rem 1.25rem;position:relative;transition:all .3s ease}.admin-stat-card:hover{border-color:#1e40af;border-color:var(--admin-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);transform:translateY(-2px)}.admin-stat-card-icon{align-items:center;border:3px solid #fff;border:3px solid var(--admin-bg-card);border-radius:14px;box-shadow:0 4px 12px #00000026;display:flex;height:56px;justify-content:center;opacity:1;position:absolute;right:1rem;top:-12px;width:56px;z-index:1000}.admin-stat-card-icon svg{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));height:28px;width:28px}[data-theme=dark] .admin-stat-card-icon{border-color:#fff;border-color:var(--admin-bg-card);box-shadow:0 4px 12px #0006}.admin-stat-card-label{color:#6b7280;color:var(--admin-text-secondary);font-size:.8125rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;margin-top:0;padding-right:3.5rem;text-transform:uppercase}.admin-stat-card-value{color:#111827;color:var(--admin-text-primary);font-size:1.75rem;font-weight:700;line-height:1.2;margin:.25rem 0;padding-right:3.5rem}.admin-stat-card-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--admin-border-color);color:#6b7280;color:var(--admin-text-secondary);font-size:.75rem;line-height:1.4;margin-top:.75rem;padding-top:.75rem}.admin-table-container{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);overflow:hidden}.admin-table th{border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--admin-border-color)}.admin-table td{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--admin-border-color)}.admin-table tbody tr:last-child td{border-bottom:none}.admin-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.admin-btn-primary{background:#1e40af;background:var(--admin-primary);color:#fff}.admin-btn-primary:hover{background:#1e3a8a;background:var(--admin-primary-hover);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);transform:translateY(-1px)}.admin-btn-secondary{background:#f9fafb;background:var(--admin-bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--admin-border-color);color:#111827;color:var(--admin-text-primary)}.admin-btn-secondary:hover{background:#fff;background:var(--admin-bg-card)}.admin-btn-danger{background:#ef4444;background:var(--admin-error);color:#fff}.admin-btn-danger:hover{background:#dc2626}.admin-form-group{margin-bottom:1.5rem}.admin-form-label{display:block;font-weight:500;margin-bottom:.5rem}.admin-form-input,.admin-form-label{color:#111827;color:var(--admin-text-primary);font-size:.875rem}.admin-form-input{background:#fff;background:var(--admin-bg-card);border:1px solid #e5e7eb;border:1px solid var(--admin-border-color);border-radius:8px;padding:.75rem;transition:all .2s ease;width:100%}.admin-form-input:focus{border-color:#1e40af;border-color:var(--admin-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.admin-form-select{background:#fff;background:var(--admin-bg-card);border:1px solid #e5e7eb;border:1px solid var(--admin-border-color);border-radius:8px;color:#111827;color:var(--admin-text-primary);cursor:pointer;font-size:.875rem;padding:.75rem;width:100%}.admin-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.admin-badge-success{background:#10b9811a;color:#10b981;color:var(--admin-success)}.admin-badge-warning{background:#f59e0b1a;color:#f59e0b;color:var(--admin-warning)}.admin-badge-error{background:#ef44441a;color:#ef4444;color:var(--admin-error)}.admin-badge-info{background:#3b82f61a;color:#1e40af;color:var(--admin-primary)}.admin-chart-container{background:#fff;background:var(--admin-bg-card);border:1px solid #e5e7eb;border:1px solid var(--admin-border-color);border-radius:12px;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);margin-bottom:1.5rem;padding:1.5rem}.admin-chart-title{color:#111827;color:var(--admin-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 1.5rem}.admin-chart-wrapper{height:300px;min-width:0;position:relative;width:100%}.admin-charts-grid{grid-gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.admin-analytics-summary-grid,.admin-charts-grid{box-sizing:border-box;display:grid;gap:1.5rem;width:100%}.admin-analytics-summary-grid{grid-gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.admin-error-message{background:#ef44441a;border:1px solid #ef4444;border:1px solid var(--admin-error);border-radius:8px;color:#ef4444;color:var(--admin-error);margin-bottom:1.5rem;padding:1rem}.admin-loading{align-items:center;color:#6b7280;color:var(--admin-text-secondary);display:flex;justify-content:center;padding:3rem}.admin-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-top:4px solid #1e40af;border:4px solid var(--admin-border-color);border-radius:50%;border-top-color:var(--admin-primary);height:40px;width:40px}.admin-users-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.admin-search-wrapper{flex:1 1;min-width:250px;position:relative}.admin-search-icon{color:#6b7280;color:var(--admin-text-secondary);height:1.25rem;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1.25rem}.admin-search-input{background:#fff;background:var(--admin-bg-card);border:1px solid #e5e7eb;border:1px solid var(--admin-border-color);border-radius:8px;color:#111827;color:var(--admin-text-primary);font-size:.875rem;padding:.75rem 1rem .75rem 3rem;transition:all .2s ease;width:100%}.admin-search-input:focus{border-color:#1e40af;border-color:var(--admin-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.admin-search-clear{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;color:var(--admin-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%);transition:all .2s ease}.admin-search-clear:hover{background:#f9fafb;background:var(--admin-bg-secondary);color:#111827;color:var(--admin-text-primary)}.admin-filters-group{display:flex;flex-wrap:wrap;gap:.75rem}.admin-filter-select{background:#fff;background:var(--admin-bg-card);border:1px solid #e5e7eb;border:1px solid var(--admin-border-color);border-radius:8px;color:#111827;color:var(--admin-text-primary);cursor:pointer;font-size:.875rem;min-width:140px;padding:.75rem 1rem;transition:all .2s ease}.admin-filter-select:focus{border-color:#1e40af;border-color:var(--admin-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.admin-users-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.admin-user-card{background:#fff;background:var(--admin-bg-card);border:1px solid #e5e7eb;border:1px solid var(--admin-border-color);border-radius:12px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.admin-user-card:before{background:linear-gradient(90deg,#1e40af,#2563eb);background:linear-gradient(90deg,var(--admin-primary),var(--admin-primary-light));content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.admin-user-card:hover{border-color:#1e40af;border-color:var(--admin-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);transform:translateY(-4px)}.admin-user-card:hover:before{opacity:1}.admin-user-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.admin-user-avatar-large{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);border:3px solid #fff;border:3px solid var(--admin-bg-card);border-radius:50%;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:64px;justify-content:center;overflow:hidden;width:64px}[data-theme=dark] .admin-user-avatar-large{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.admin-user-avatar-large img{height:100%;object-fit:cover;width:100%}.admin-user-status-indicator{position:relative}.admin-user-status-dot{border:2px solid #fff;border:2px solid var(--admin-bg-card);border-radius:50%;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);height:12px;width:12px}.admin-user-status-indicator[data-status=verified] .admin-user-status-dot{background:#10b981;background:var(--admin-success)}.admin-user-status-indicator[data-status=unverified] .admin-user-status-dot{background:#f59e0b;background:var(--admin-warning)}.admin-user-card-body{margin-bottom:1rem}.admin-user-name{color:#111827;color:var(--admin-text-primary);font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.admin-user-email{color:#6b7280;color:var(--admin-text-secondary);font-size:.875rem;margin:0 0 1rem;word-break:break-word}.admin-user-meta{display:flex;flex-wrap:wrap;gap:.5rem}.admin-role-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;padding:.375rem .75rem;text-transform:capitalize}.admin-role-admin{background:#ef44441a;color:#ef4444;color:var(--admin-error)}.admin-role-doctor{background:#10b9811a;color:#10b981;color:var(--admin-success)}.admin-role-nurse{background:#8b5cf61a;color:#8b5cf6}.admin-role-patient{background:#1e40af1a;color:#1e40af}[data-theme=dark] .admin-role-patient{background:#3b82f633;color:#60a5fa}.admin-role-clinicstaff{background:#06b6d41a;color:#06b6d4}.admin-role-customercare{background:#ec48991a;color:#ec4899}.admin-status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.375rem .75rem}.admin-status-verified{background:#10b9811a;color:#10b981;color:var(--admin-success)}.admin-status-unverified{background:#f59e0b1a;color:#f59e0b;color:var(--admin-warning)}.admin-user-card-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--admin-border-color);display:flex;gap:.75rem;padding-top:1rem}.admin-btn-sm{align-items:center;display:flex;font-size:.8125rem;gap:.375rem;justify-content:center;padding:.5rem 1rem}.admin-spinner-small{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.admin-view-toggle{background:#f9fafb;background:var(--admin-bg-secondary);border:1px solid #e5e7eb;border:1px solid var(--admin-border-color);border-radius:8px;display:flex;gap:.25rem;padding:.25rem}.admin-view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;color:var(--admin-text-secondary);cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.admin-view-toggle-btn:hover{background:#fff;background:var(--admin-bg-card);color:#111827;color:var(--admin-text-primary)}.admin-view-toggle-btn.active{background:#1e40af;background:var(--admin-primary);color:#fff}.admin-view-toggle-btn.active:hover{background:#1e3a8a;background:var(--admin-primary-hover)}.admin-table-container{background:#fff;background:var(--admin-bg-card);border:1px solid #e5e7eb;border:1px solid var(--admin-border-color);border-radius:12px;overflow-x:auto}.admin-table{border-collapse:collapse;font-size:.875rem;width:100%}.admin-table thead{background:#f9fafb;background:var(--admin-bg-secondary);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--admin-border-color)}.admin-table th{color:#111827;color:var(--admin-text-primary);font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.admin-table tbody tr{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--admin-border-color);transition:background-color .2s ease}.admin-table tbody tr:hover{background:#f9fafb;background:var(--admin-bg-secondary)}.admin-table tbody tr:last-child{border-bottom:none}.admin-table td{color:#111827;color:var(--admin-text-primary);padding:1rem;vertical-align:middle}.admin-table td .admin-role-badge,.admin-table td .admin-status-badge{align-items:center;display:inline-flex;gap:.25rem}.admin-user-list-item{align-items:center;display:flex;gap:.75rem}.admin-user-avatar-small{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);border:2px solid #fff;border:2px solid var(--admin-bg-card);border-radius:50%;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow);color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:40px;justify-content:center;overflow:hidden;width:40px}.admin-user-avatar-small img{height:100%;object-fit:cover;width:100%}[data-theme=dark] .admin-user-avatar-small{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.admin-user-name-inline{color:#111827;color:var(--admin-text-primary);font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.admin-user-email-inline{color:#6b7280;color:var(--admin-text-secondary);font-size:.875rem;word-break:break-word}.admin-user-status-indicator-inline{align-items:center;color:#6b7280;color:var(--admin-text-secondary);display:flex;font-size:.75rem;gap:.375rem}.admin-user-status-dot-small{border:1px solid #fff;border:1px solid var(--admin-bg-card);border-radius:50%;height:8px;width:8px}.admin-user-status-indicator-inline[data-status=verified] .admin-user-status-dot-small{background:#10b981;background:var(--admin-success)}.admin-user-status-indicator-inline[data-status=unverified] .admin-user-status-dot-small{background:#f59e0b;background:var(--admin-warning)}.admin-empty-state{padding:4rem 2rem;text-align:center}.admin-empty-icon,.admin-empty-state{color:#6b7280;color:var(--admin-text-secondary)}.admin-empty-icon{height:64px;margin:0 auto 1rem;opacity:.5;width:64px}.admin-empty-state h4{color:#111827;color:var(--admin-text-primary);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.admin-empty-state p{font-size:.875rem;margin:0}@media (max-width:768px){.admin-dashboard{padding:1rem}.admin-dashboard-header{align-items:flex-start;flex-direction:column;gap:1rem}.admin-stats-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.admin-stat-card{padding:1.5rem 1rem 1rem}.admin-stat-card-icon{height:48px;right:.75rem;top:-10px;width:48px}.admin-stat-card-icon svg{height:24px;width:24px}.admin-stat-card-value{font-size:1.5rem;padding-right:2.5rem}.admin-stat-card-label{font-size:.75rem;padding-right:2.5rem}.admin-stat-card-footer{font-size:.6875rem;margin-top:.5rem;padding-top:.5rem}.admin-charts-grid{gap:1rem;grid-template-columns:1fr}.admin-chart-container{padding:1rem}.admin-chart-wrapper{height:250px}.admin-chart-title{font-size:1rem;margin-bottom:1rem}.admin-analytics-summary-grid{gap:1rem;grid-template-columns:1fr}.admin-tabs-list{flex-direction:column}.admin-table{font-size:.875rem}.admin-users-filters{flex-direction:column}.admin-search-wrapper{min-width:100%}.admin-filters-group{width:100%}.admin-filter-select{flex:1 1;min-width:0}.admin-users-grid{grid-template-columns:1fr}.admin-user-card-actions{flex-direction:column}.admin-btn-sm{width:100%}.admin-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{min-width:800px}.admin-table td,.admin-table th{font-size:.8125rem;padding:.75rem .5rem}.admin-user-list-item{align-items:flex-start;flex-direction:column;gap:.5rem}.admin-view-toggle{flex-direction:column}}.admin-analytics-content{box-sizing:border-box;overflow-x:hidden;overflow-y:visible;position:relative;width:100%}.admin-marketplace{width:100%}.marketplace-header h3{color:#111827;color:var(--admin-text-primary);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.marketplace-header p{color:#6b7280;color:var(--admin-text-secondary);font-size:.875rem;margin:0}.marketplace-overview .stat-card{background:#fff;background:var(--admin-bg-card);border:1px solid #e5e7eb;border:1px solid var(--admin-border-color);color:#111827;color:var(--admin-text-primary);transition:all .3s ease}.marketplace-overview .stat-card:hover{border-color:#1e40af;border-color:var(--admin-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);transform:translateY(-2px)}[data-theme=dark] .marketplace-overview .stat-card{background:#fff;background:var(--admin-bg-card);border-color:#e5e7eb;border-color:var(--admin-border-color)}[data-theme=dark] .marketplace-overview .stat-card h4,[data-theme=dark] .marketplace-overview .stat-card p{color:#111827;color:var(--admin-text-primary)}.admin-marketplace .admin-btn-primary{background:#1e40af;background:var(--admin-primary);color:#fff}.admin-marketplace .admin-btn-primary:hover{background:#1e3a8a;background:var(--admin-primary-hover)}[data-theme=dark] .request-item{background:#fff!important;background:var(--admin-bg-card)!important;border-color:#e5e7eb!important;border-color:var(--admin-border-color)!important}[data-theme=dark] .request-item[style*="background: #fffbeb"]{background:#1e40af1a!important;border-color:#f59e0b!important;border-color:var(--admin-warning)!important}[data-theme=dark] .request-item[style*="background: #f0fdf4"]{background:#10b9811a!important;border-color:#10b981!important;border-color:var(--admin-success)!important}[data-theme=dark] .request-item[style*="background: #fef2f2"]{background:#ef44441a!important;border-color:#ef4444!important;border-color:var(--admin-error)!important}[data-theme=dark] .request-item h4,[data-theme=dark] .request-item p{color:#111827!important;color:var(--admin-text-primary)!important}[data-theme=dark] .request-item div[style*="background: #eff6ff"],[data-theme=dark] .request-item div[style*="background: #f3f4f6"],[data-theme=dark] .request-item div[style*="background: #f9fafb"],[data-theme=dark] .request-item div[style*="background: #fef3c7"]{background:#f9fafb!important;background:var(--admin-bg-secondary)!important;border-color:#e5e7eb!important;border-color:var(--admin-border-color)!important}[data-theme=dark] .request-item div[style*="background: #eff6ff"] p,[data-theme=dark] .request-item div[style*="background: #f3f4f6"] p,[data-theme=dark] .request-item div[style*="background: #f9fafb"] p,[data-theme=dark] .request-item div[style*="background: #fef3c7"] p{color:#111827!important;color:var(--admin-text-primary)!important}[data-theme=dark] div[style*="background: rgba(30, 64, 175, 0.05)"]{background:#3b82f61a!important;border-color:#3b82f64d!important}[data-theme=dark] div[style*="background: rgba(30, 64, 175, 0.05)"] p{color:#111827!important;color:var(--admin-text-primary)!important}[data-theme=dark] div[style*="color: var(--admin-primary)"]{color:#1e40af!important;color:var(--admin-primary)!important}:root{--color-primary:#2d2d2d;--color-secondary:#8b7355;--color-tertiary:#6b5d52;--color-accent:#3a3a3a;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717;--color-beige:#f4f1ed;--color-brown-light:#c8b8a8;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:400ms cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;width:100%}.auth-background{align-items:center;animation:fadeIn .6s ease-out;background:linear-gradient(135deg,#f5f5f5,#f4f1ed 50%,#fff);background:linear-gradient(135deg,var(--color-gray-100) 0,var(--color-beige) 50%,var(--color-white) 100%);background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:1rem;position:relative;width:100%}.auth-background:before{background-image:linear-gradient(#8d735505 1px,#0000 0),linear-gradient(90deg,#8d735505 1px,#0000 0);background-size:50px 50px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.container{max-width:1280px;width:100%}.container,.mx-auto{margin-left:auto;margin-right:auto}.px-4{padding-left:1rem;padding-right:1rem}.h-full{align-items:center;height:100%;min-height:100vh}.flex,.h-full{display:flex}.content-center{align-content:center}.items-center{align-items:center}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-auto{flex:1 1 auto}.w-full{width:100%}.w-1\/2{width:50%}.lg\:w-4\/12{max-width:480px;width:100%}.lg\:w-5\/12{max-width:520px;width:100%}.lg\:w-6\/12{max-width:540px;width:100%}@media (min-width:1024px){.lg\:w-4\/12{max-width:480px;width:33.333333%}.lg\:w-5\/12{max-width:520px;width:41.666667%}.lg\:w-6\/12{max-width:540px;width:50%}.lg\:w-7\/12{width:58.333333%}.lg\:w-8\/12{width:66.666667%}.lg\:w-9\/12{width:75%}.lg\:w-10\/12{width:83.333333%}.lg\:w-11\/12{width:91.666667%}.lg\:w-12\/12{width:100%}}.relative{position:relative}.break-words{word-wrap:break-word}.min-w-0{min-width:0}.auth-background .relative.flex.flex-col.min-w-0.break-words{animation:slideUp .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--color-white);border-radius:1.25rem;box-shadow:0 0 0 1px #0000000d,0 10px 30px -5px #0000001a,0 20px 40px -10px #00000014;overflow:hidden;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base),box-shadow var(--transition-base)}.auth-background .relative.flex.flex-col.min-w-0.break-words:hover{box-shadow:0 0 0 1px #0000000d,0 15px 40px -5px #00000026,0 25px 50px -10px #0000001f;transform:translateY(-2px)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mb-6{margin-bottom:1.5rem}.mb-4{margin-bottom:1rem}.mb-3{margin-bottom:.75rem}.mb-2{margin-bottom:.5rem}.mb-1{margin-bottom:.25rem}.mt-6{margin-top:1.5rem}.mt-4{margin-top:1rem}.mr-2{margin-right:.5rem}.mr-1{margin-right:.25rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.px-6{padding-left:1rem;padding-right:1rem}.py-6{padding-bottom:1rem;padding-top:1rem}.py-4{padding-bottom:.75rem;padding-top:.75rem}.px-4{padding-left:.75rem;padding-right:.75rem}.lg\:px-10{padding-left:1.5rem;padding-right:1.5rem}.lg\:px-8{padding-left:1.25rem;padding-right:1.25rem}.py-10{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:1.25rem;padding-top:1.25rem}.pt-0{padding-top:0}.px-3{padding-left:.75rem;padding-right:.75rem}.py-3{padding-bottom:.5rem;padding-top:.5rem}.py-2{padding-bottom:.375rem;padding-top:.375rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.shadow{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.auth-background form .relative{margin-bottom:1.25rem}.auth-background form label{color:#404040;color:var(--color-gray-700);display:block;font-size:.8125rem;font-weight:600;letter-spacing:.025em;margin-bottom:.625rem;text-transform:uppercase;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.auth-background form input,.auth-background form select{background-color:#fff;background-color:var(--color-white);border:2px solid #e5e5e5;border:2px solid var(--color-gray-200);border-radius:.75rem;color:#171717;color:var(--color-gray-900);font-family:inherit;font-size:.9375rem;padding:.875rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.auth-background form input:hover,.auth-background form select:hover{border-color:#d4d4d4;border-color:var(--color-gray-300)}.auth-background form input:focus,.auth-background form select:focus{border-color:#8b7355;border-color:var(--color-secondary);box-shadow:0 0 0 4px #8b73551a;outline:none;transform:translateY(-1px)}.auth-background form input::placeholder{color:#a3a3a3;color:var(--color-gray-400);font-size:.9rem}.auth-background form button[type=submit]{background:linear-gradient(135deg,#2d2d2d,#262626);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-gray-800) 100%);border:none;border-radius:.75rem;box-shadow:0 4px 12px #2d2d2d33,0 2px 6px #2d2d2d26;color:#fff;color:var(--color-white);cursor:pointer;font-family:Poppins,Inter,sans-serif;font-size:.9375rem;font-weight:600;letter-spacing:.025em;overflow:hidden;padding:1rem 1.5rem;position:relative;text-transform:uppercase;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:100%}.auth-background form button[type=submit]:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s cubic-bezier(.4,0,.2,1);transition:left var(--transition-slow);width:100%}.auth-background form button[type=submit]:hover:not(:disabled){background:linear-gradient(135deg,#262626,#2d2d2d);background:linear-gradient(135deg,var(--color-gray-800) 0,var(--color-primary) 100%);box-shadow:0 8px 20px #2d2d2d40,0 4px 10px #2d2d2d33;transform:translateY(-2px)}.auth-background form button[type=submit]:hover:not(:disabled):before{left:100%}.auth-background form button[type=submit]:active:not(:disabled){box-shadow:0 2px 8px #2d2d2d33,0 1px 4px #2d2d2d26;transform:translateY(0)}.auth-background form button[type=submit]:focus{box-shadow:0 4px 12px #2d2d2d33,0 0 0 4px #8b735533;outline:none}.auth-background form button[type=submit]:disabled{background:#a3a3a3;background:var(--color-gray-400);cursor:not-allowed;opacity:.6;transform:none}.rounded-lg{border-radius:1.25rem}.rounded{border-radius:.75rem}.rounded-t{border-top-left-radius:1.25rem;border-top-right-radius:1.25rem}.border-0{border-width:0}.border-b-1{border-bottom-width:1px}.border-blueGray-300{border-color:#d4d4d4;border-color:var(--color-gray-300)}.bg-blueGray-200{background:linear-gradient(180deg,#f4f1ed,#fff);background:linear-gradient(to bottom,var(--color-beige),var(--color-white));position:relative}.bg-blueGray-200:before{background:linear-gradient(90deg,#8b7355,#2d2d2d 50%,#8b7355);background:linear-gradient(90deg,var(--color-secondary) 0,var(--color-primary) 50%,var(--color-secondary) 100%);border-radius:1.25rem 1.25rem 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.bg-white{background-color:#fff;background-color:var(--color-white)}.bg-blueGray-800{background-color:#2d2d2d;background-color:var(--color-primary)}.bg-blueGray-50{background-color:#fafafa;background-color:var(--color-gray-50)}.bg-blueGray-600{background-color:#525252;background-color:var(--color-gray-600)}.text-blueGray-500{color:#737373;color:var(--color-gray-500)}.text-blueGray-700{color:#404040;color:var(--color-gray-700)}.text-blueGray-600{color:#525252;color:var(--color-gray-600)}.text-blueGray-400{color:#a3a3a3;color:var(--color-gray-400)}.text-blueGray-300{color:#d4d4d4;color:var(--color-gray-300)}.text-blueGray-200{color:#c8b8a8;color:var(--color-brown-light)}.text-white{color:#fff;color:var(--color-white)}.form-checkbox{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fff;background-color:var(--color-white);border:2px solid #d4d4d4;border:2px solid var(--color-gray-300);border-radius:.375rem;cursor:pointer;display:inline-block;height:1.25rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:1.25rem}.form-checkbox:checked,.form-checkbox:hover{border-color:#8b7355;border-color:var(--color-secondary)}.form-checkbox:checked{background:linear-gradient(135deg,#8b7355,#6b5d52);background:linear-gradient(135deg,var(--color-secondary),var(--color-tertiary))}.form-checkbox:checked:after{animation:checkmark .3s ease-out;color:#fff;color:var(--color-white);content:"✓";font-size:.75rem;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes checkmark{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}.form-checkbox:focus{box-shadow:0 0 0 4px #8b735526;outline:none}.btn-wrapper button{background-color:#fff;background-color:var(--color-white);border:2px solid #e5e5e5;border:2px solid var(--color-gray-200);border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#404040;color:var(--color-gray-700);font-size:.8125rem;font-weight:600;padding:.625rem 1rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.btn-wrapper button:hover{background-color:#fafafa;background-color:var(--color-gray-50);border-color:#d4d4d4;border-color:var(--color-gray-300);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn-wrapper button:active{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(0)}.auth-background hr{background:linear-gradient(90deg,#0000,#d4d4d4,#0000);background:linear-gradient(to right,#0000,var(--color-gray-300),#0000);border:none;height:1px;margin:1.5rem 0}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.auth-background h6{color:#404040;color:var(--color-gray-700);font-family:Poppins,Inter,sans-serif;font-weight:600;letter-spacing:.025em}.auth-background small{font-size:.875rem;font-weight:500;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.auth-background a{color:inherit;position:relative;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);transition:all var(--transition-fast)}.auth-background a:hover{color:#8b7355;color:var(--color-secondary)}.auth-background a:after{background:linear-gradient(90deg,#8b7355,#6b5d52);background:linear-gradient(90deg,var(--color-secondary),var(--color-tertiary));bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .25s cubic-bezier(.4,0,.2,1);transition:width var(--transition-base);width:0}.auth-background a:hover:after{width:100%}.btn-wrapper{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}button{border:none;cursor:pointer;font-family:inherit}button,button:focus{outline:none}button:disabled{cursor:not-allowed;opacity:.6}input[type=email],input[type=number],input[type=password],input[type=tel],input[type=text],select{font-family:inherit;font-weight:500;outline:none;width:100%}input[type=email]::placeholder,input[type=number]::placeholder,input[type=password]::placeholder,input[type=tel]::placeholder,input[type=text]::placeholder{color:#a3a3a3;color:var(--color-gray-400);font-weight:400}input[type=checkbox]{border-radius:.375rem;height:1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base);width:1.25rem}.auth-background label.inline-flex{cursor:pointer;-webkit-user-select:none;user-select:none}.auth-background label.inline-flex span{color:#525252;color:var(--color-gray-600);font-weight:500;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}.auth-background label.inline-flex:hover span{color:#404040;color:var(--color-gray-700)}img{display:inline-block}.ease-linear{transition-timing-function:linear}.transition-all{transition-property:all}.duration-150{transition-duration:.15s}.active\:bg-blueGray-50:active{background-color:#fafafa;background-color:var(--color-gray-50)}.active\:bg-blueGray-600:active{background-color:#525252;background-color:var(--color-gray-600)}.inline-flex{align-items:center;display:inline-flex}.animate-spin{animation:spin 1s linear infinite}.-ml-1{margin-left:-.25rem}.mr-3{margin-right:.75rem}.h-5{height:1.25rem}.w-5{width:1.25rem}.cursor-pointer{cursor:pointer}.block{display:block}.auth-form input[type=text]:focus{border-color:#8b7355!important;border-color:var(--color-secondary)!important;box-shadow:0 0 0 4px #8b73551a!important;transform:translateY(-1px)}.auth-form input[type=text][maxlength="6"]{font-weight:600;letter-spacing:.5em;text-align:center;transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.auth-form input[type=text][maxlength="6"]:hover{border-color:#d4d4d4;border-color:var(--color-gray-300);transform:translateY(-1px)}@media (max-width:1023px){.lg\:px-10{padding-left:1.25rem;padding-right:1.25rem}.lg\:w-4\/12,.lg\:w-6\/12{max-width:480px;width:100%}.container{padding-left:1.5rem;padding-right:1.5rem}.auth-background{padding:2rem 1rem}.auth-background .relative.flex.flex-col.min-w-0.break-words{border-radius:1rem}}@media (max-width:640px){.auth-background{height:100vh;min-height:100vh;padding:.75rem .5rem}.lg\:w-4\/12,.lg\:w-6\/12{max-width:100%;padding-left:.5rem;padding-right:.5rem;width:100%}.px-4{padding-left:.75rem;padding-right:.75rem}.lg\:px-10{padding-left:1rem;padding-right:1rem}.auth-background .relative.flex.flex-col.min-w-0.break-words{border-radius:.875rem;box-shadow:0 0 0 1px #0000000d,0 4px 12px #00000014}.auth-background form input,.auth-background form select{font-size:.875rem;padding:.75rem .875rem}.auth-background form button[type=submit]{font-size:.875rem;padding:.875rem 1.25rem}.auth-background form label{font-size:.75rem;margin-bottom:.5rem}.btn-wrapper{flex-direction:column;gap:.5rem}.btn-wrapper button{justify-content:center;width:100%}.w-1\/2{margin-bottom:.5rem;text-align:center;width:100%}.flex.flex-wrap.mt-6{flex-direction:column;gap:.75rem}}@media (max-width:375px){.auth-background{padding:.75rem .25rem}.px-4{padding-left:.5rem;padding-right:.5rem}.auth-background form input,.auth-background form select{font-size:.8125rem;padding:.625rem .75rem}.auth-background form button[type=submit]{font-size:.8125rem;padding:.75rem 1rem}}.message{animation:slideInRight .4s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-left:4px solid;border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);font-size:.9375rem;font-weight:500;max-width:420px;min-width:280px;padding:1rem 1.25rem}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.message.error{background:linear-gradient(135deg,#262626f2,#3a3a3af2);border-left-color:#525252;border-left-color:var(--color-gray-600)}.message.error,.message.success{color:#fff;color:var(--color-white)}.message.success{background:linear-gradient(135deg,#6b5d52f2,#8b7355f2);border-left-color:#8b7355;border-left-color:var(--color-secondary)}.message:hover{box-shadow:0 25px 35px -5px #00000026,0 15px 15px -10px #0000001a;transform:translateX(-4px)}.auth-background .rounded-t.mb-0{background:linear-gradient(180deg,#f4f1ed,#fff);background:linear-gradient(to bottom,var(--color-beige),var(--color-white));padding:1.5rem 1.5rem 1.25rem;position:relative}.auth-background .text-center.mb-4{background:#fafafa;background:var(--color-gray-50);border-radius:.5rem;padding:.75rem;transition:background .25s cubic-bezier(.4,0,.2,1);transition:background var(--transition-base)}.auth-background .text-center.mb-4:hover{background:#f4f1ed;background:var(--color-beige)}.auth-background .flex.flex-wrap.mt-6{border-top:2px solid #8b73551a;padding-top:1rem}.customer-care-dashboard{background-color:#f8fafc;min-height:100vh;padding:24px}.dashboard-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;color:#fff;margin-bottom:32px;padding:32px;text-align:center}.dashboard-header h1{font-size:2.5rem;font-weight:700;margin:0 0 8px}.dashboard-header p{font-size:1.1rem;margin:0;opacity:.9}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}.dashboard-grid .edit-request-section{grid-column:1/-1}.chat-section{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.section-header{align-items:center;background:#f1f5f9;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.section-header h2{font-size:1.5rem;font-weight:600;margin:0}.queue-count{background:#3b82f6}.active-patient,.queue-count{border-radius:20px;color:#fff;font-size:.875rem;font-weight:500;padding:4px 12px}.active-patient{background:#10b981}.queue-container{padding:24px}.empty-state{color:#64748b;padding:48px 24px}.empty-state p{font-size:1.1rem;margin:0}.queue-list{display:flex;flex-direction:column;gap:12px}.queue-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;justify-content:space-between;padding:16px;transition:all .2s ease}.queue-item:hover{background:#f1f5f9;border-color:#cbd5e1}.patient-info{flex:1 1}.patient-id{color:#1e293b;font-weight:600;margin-bottom:4px}.request-time{color:#64748b;font-size:.875rem}.take-chat-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.take-chat-btn:hover{background:#2563eb;transform:translateY(-1px)}.chat-container{padding:24px}.messages-container{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;height:400px;margin-bottom:16px;overflow-y:auto;padding:16px}.messages-list{gap:12px}.message,.messages-list{display:flex;flex-direction:column}.message{max-width:70%}.message.agent{align-self:flex-end}.message.patient{align-self:flex-start}.message-content{word-wrap:break-word;border-radius:18px;font-size:.95rem;line-height:1.4;padding:12px 16px}.message.agent .message-content{background:#3b82f6;border-bottom-right-radius:6px;color:#fff}.message.patient .message-content{background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:6px;color:#1e293b}.message-time{color:#64748b;font-size:.75rem;margin-top:4px;text-align:center}.message-input{align-items:center;display:flex;gap:12px}.message-input input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:.95rem;padding:12px 16px;transition:border-color .2s ease}.message-input input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.message-input button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .2s ease}.message-input button:hover:not(:disabled){background:#2563eb}.message-input button:disabled{background:#9ca3af;cursor:not-allowed}.end-chat-btn{background:#ef4444!important;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:500;padding:12px 20px;transition:all .2s ease}.end-chat-btn:hover:not(:disabled){background:#dc2626!important}.end-chat-btn:disabled{background:#9ca3af!important;cursor:not-allowed}.edit-request-section{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.edit-request-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.95rem;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.message.success{background:#d1fae5;border:1px solid #a7f3d0;border-radius:8px;color:#065f46}.message.error,.message.success{margin-bottom:20px;padding:12px 16px}.message.error{background:#fee2e2;border:1px solid #fca5a5;border-radius:8px;color:#991b1b}.submit-btn{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 28px;transition:all .2s ease;width:100%}.submit-btn:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none}@media (max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.dashboard-header{padding:24px}.dashboard-header h1{font-size:2rem}}@media (max-width:768px){.customer-care-dashboard{padding:16px}.dashboard-header{margin-bottom:24px;padding:20px}.dashboard-header h1{font-size:1.75rem}.section-header{align-items:flex-start;flex-direction:column;gap:12px;padding:16px 20px}.chat-container,.edit-request-form,.queue-container{padding:20px}.messages-container{height:300px}.queue-item{align-items:stretch;flex-direction:column;gap:12px}.take-chat-btn{width:100%}}@media (max-width:480px){.customer-care-dashboard{padding:12px}.dashboard-header{margin-bottom:20px;padding:16px}.dashboard-header h1{font-size:1.5rem}.section-header h2{font-size:1.25rem}.chat-container,.edit-request-form,.queue-container{padding:16px}.messages-container{height:250px}.message{max-width:85%}}.my-requests-section{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;margin-top:24px;overflow:hidden}.requests-container{padding:24px}.refresh-btn{background:#6b7280;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:#4b5563}.refresh-btn:disabled{background:#9ca3af;cursor:not-allowed}.requests-list{display:flex;flex-direction:column;gap:16px}.request-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:20px;transition:all .2s ease}.request-item:hover{background:#f1f5f9;border-color:#cbd5e1}.request-item.pending{border-left:4px solid #f59e0b}.request-item.approved{border-left:4px solid #10b981}.request-item.rejected{border-left:4px solid #ef4444}.request-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.request-type{color:#1e293b;font-size:1.1rem;font-weight:600;text-transform:capitalize}.request-status{border-radius:20px;font-size:.875rem;font-weight:500;padding:4px 12px}.request-status.pending{background:#fef3c7;color:#92400e}.request-status.approved{background:#d1fae5;color:#065f46}.request-status.rejected{background:#fee2e2;color:#991b1b}.request-details{display:flex;flex-direction:column;gap:12px}.detail-row{align-items:flex-start;gap:12px}.detail-row .label{color:#374151;font-size:.9rem;font-weight:600;min-width:120px}.detail-row .value{color:#1f2937;flex:1 1;font-size:.9rem;line-height:1.4}@media (max-width:768px){.request-header{align-items:flex-start;flex-direction:column;gap:8px}.detail-row{flex-direction:column;gap:4px}.detail-row .label{min-width:auto}}.image-upload-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;padding:12px}.image-upload-controls{align-items:center;display:flex;gap:8px;margin-bottom:8px}.image-upload-btn{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s}.image-upload-btn:hover{background:#e5e7eb;border-color:#9ca3af}.send-image-btn{background:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s}.send-image-btn:hover{background:#1d4ed8}.remove-image-btn{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:6px 12px;transition:background .2s}.remove-image-btn:hover{background:#4b5563}.image-preview{align-items:center;display:flex;gap:8px}.preview-image{border:2px solid #e5e7eb;border-radius:6px;height:60px;object-fit:cover;width:60px}.image-info{color:#6b7280;font-size:12px}.image-name{font-weight:600;margin-bottom:2px}.image-size{opacity:.8}.nurse-dashboard-modern{--primary-color:#1e40af;--primary-light:#2563eb;--primary-dark:#1e3a8a;--primary-gradient:linear-gradient(135deg,#1e40af,#2563eb);--primary-gradient-hover:linear-gradient(135deg,#2563eb,#3b82f6);--bg-primary:#f8fafc;--bg-secondary:#f1f5f9;--bg-card:#fff;--bg-glass:#fffc;--input-bg:#fff;--toggle-bg:#1e40af1a;--toggle-bg-hover:#1e40af26;--header-gradient:linear-gradient(135deg,#1e40af0d,#3b82f614);--text-primary:#0f172a;--text-secondary:#475569;--text-tertiary:#94a3b8;--text-inverse:#fff;--border-color:#e2e8f0;--border-light:#f1f5f9;--border-dark:#cbd5e1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-colored:0 20px 25px -5px #1e40af33,0 10px 10px -5px #1e40af1a;background:var(--bg-primary);font-family:Inter,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;min-height:100vh;transition:background-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1)}.nurse-dashboard-modern.dark-mode{--bg-primary:#0b1120;--bg-secondary:#1a2332;--bg-card:#1e293b;--bg-glass:#1e293bcc;--input-bg:#1e293b;--toggle-bg:#3b82f633;--toggle-bg-hover:#3b82f64d;--header-gradient:linear-gradient(135deg,#1e40af26,#3b82f61a);--text-primary:#f8fafc;--text-secondary:#cbd5e1;--text-tertiary:#94a3b8;--text-inverse:#0f172a;--border-color:#47556980;--border-light:#64748b4d;--border-dark:#94a3b899;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #00000080,0 2px 4px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #0009,0 10px 10px -5px #0006;--shadow-colored:0 20px 25px -5px #1e40af4d,0 10px 10px -5px #1e40af33}.stat-card-modern{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);animation-fill-mode:both}.stat-card-modern:first-child{animation-delay:.1s}.stat-card-modern:nth-child(2){animation-delay:.2s}.stat-card-modern:nth-child(3){animation-delay:.3s}.stat-card-modern:nth-child(4){animation-delay:.4s}.earnings-card-modern{animation:fadeInUp .6s cubic-bezier(.4,0,.2,1);animation-fill-mode:both}.earnings-card-modern:first-child{animation-delay:.5s}.earnings-card-modern:nth-child(2){animation-delay:.6s}@media (prefers-reduced-motion:reduce){.earnings-card-modern,.stat-card-modern{animation:none}}.nurse-dashboard-modern .MuiTypography-root{color:inherit}.nurse-dashboard-modern .MuiTypography-h4,.nurse-dashboard-modern .MuiTypography-h5,.nurse-dashboard-modern .MuiTypography-h6{font-weight:700}.nurse-dashboard-modern .MuiFormControl-root,.nurse-dashboard-modern .MuiTextField-root{margin-bottom:0}.nurse-dashboard-modern .MuiOutlinedInput-root{background:#0000!important;border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1)}.nurse-dashboard-modern.light-mode .MuiOutlinedInput-root{background:#fff!important}.nurse-dashboard-modern.dark-mode .MuiOutlinedInput-root{background:#1e293b80!important}.nurse-dashboard-modern .MuiOutlinedInput-root:hover{box-shadow:0 0 0 3px #1e40af0d}.nurse-dashboard-modern .MuiOutlinedInput-root.Mui-focused{background:#0000!important;box-shadow:0 0 0 3px #1e40af1a}.nurse-dashboard-modern.light-mode .MuiOutlinedInput-root.Mui-focused{background:#fff!important}.nurse-dashboard-modern.dark-mode .MuiOutlinedInput-root.Mui-focused{background:#1e293bb3!important}.nurse-dashboard-modern .MuiOutlinedInput-notchedOutline{border-color:var(--border-color)!important;border-width:1.5px;transition:all .25s cubic-bezier(.4,0,.2,1)}.nurse-dashboard-modern .MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#1e40af!important;border-width:1.5px}.nurse-dashboard-modern .MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#1e40af!important;border-width:2px}.nurse-dashboard-modern .MuiOutlinedInput-input{background:#0000!important;color:var(--text-primary)!important}.nurse-dashboard-modern .MuiSelect-select{background:#0000!important;border-radius:12px}.nurse-dashboard-modern .MuiInputLabel-root{color:var(--text-secondary)!important}.nurse-dashboard-modern .MuiInputLabel-root.Mui-focused{color:#1e40af!important}.nurse-dashboard-modern .MuiButton-root{border-radius:10px;font-weight:600;text-transform:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nurse-dashboard-modern .MuiButton-contained{box-shadow:var(--shadow-md)}.nurse-dashboard-modern .MuiButton-contained:hover{box-shadow:var(--shadow-lg)}.nurse-dashboard-modern .MuiButton-outlined,.nurse-dashboard-modern .MuiButton-outlined:hover{border-width:1.5px}.nurse-dashboard-modern .MuiCard-root{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px}.nurse-dashboard-modern .MuiPaper-root{background-clip:padding-box}.nurse-dashboard-modern .MuiChip-root{border-radius:8px;font-weight:600;letter-spacing:.3px}.nurse-dashboard-modern .MuiChip-filled{border:1px solid #0000}.nurse-dashboard-modern .MuiCircularProgress-root{color:var(--primary-color)}.nurse-dashboard-modern .MuiAlert-root{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px}.nurse-dashboard-modern::-webkit-scrollbar{height:10px;width:10px}.nurse-dashboard-modern::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:5px}.nurse-dashboard-modern::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:5px;-webkit-transition:background .3s ease;transition:background .3s ease}.nurse-dashboard-modern::-webkit-scrollbar-thumb:hover{background:var(--primary-light)}.nurse-dashboard-modern{scrollbar-color:var(--primary-color) var(--bg-secondary);scrollbar-width:thin}@media (max-width:1024px){.nurse-dashboard-modern .stat-card-modern{min-height:160px}}@media (max-width:768px){.nurse-dashboard-modern .stat-card-modern{min-height:150px}.nurse-dashboard-modern .MuiTypography-h3{font-size:2rem!important}.nurse-dashboard-modern .MuiTypography-h4{font-size:1.75rem!important}.nurse-dashboard-modern .MuiTypography-h5{font-size:1.5rem!important}.nurse-dashboard-modern .MuiTypography-h6{font-size:1.25rem!important}}@media (max-width:480px){.nurse-dashboard-modern .stat-card-modern{min-height:140px}.nurse-dashboard-modern .MuiTypography-h3{font-size:1.75rem!important}.nurse-dashboard-modern .MuiTypography-h4{font-size:1.5rem!important}.nurse-dashboard-modern .MuiButton-root{font-size:.875rem}}.nurse-dashboard-modern :focus-visible{border-radius:8px;outline:3px solid var(--primary-color);outline-offset:3px}.nurse-dashboard-modern .MuiButton-root:focus-visible,.nurse-dashboard-modern .MuiIconButton-root:focus-visible{outline:3px solid var(--primary-color);outline-offset:2px}.nurse-dashboard-modern *{transition-timing-function:cubic-bezier(.4,0,.2,1)}@keyframes cardHover{0%{box-shadow:var(--shadow-md);transform:translateY(0)}to{box-shadow:var(--shadow-xl);transform:translateY(-6px)}}.nurse-dashboard-modern .MuiGrid-container{margin-left:0;margin-top:0;width:100%}.nurse-dashboard-modern .MuiGrid-item{padding-left:0;padding-top:0}.nurse-dashboard-modern .MuiGrid-item>.MuiCard-root,.nurse-dashboard-modern .MuiGrid-item>.MuiPaper-root{display:flex;flex-direction:column;height:100%}.nurse-dashboard-modern .MuiGrid-item>.MuiCard-root>.MuiCardContent-root{display:flex;flex:1 1;flex-direction:column}@media print{.nurse-dashboard-modern{background:#fff}.nurse-dashboard-modern .MuiButton-root,.nurse-dashboard-modern .MuiIconButton-root{display:none}.nurse-dashboard-modern .MuiCard-root{break-inside:avoid;page-break-inside:avoid}}@media (prefers-reduced-motion:reduce){.nurse-dashboard-modern *,.nurse-dashboard-modern :after,.nurse-dashboard-modern :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.nurse-dashboard-modern{--border-color:currentColor}.nurse-dashboard-modern .MuiCard-root,.nurse-dashboard-modern .MuiPaper-root{border:2px solid}}.nurse-dashboard-modern .MuiChip-colorSuccess{background-color:#10b98126!important;border:1px solid #10b981!important;color:#10b981!important}.nurse-dashboard-modern .MuiChip-colorError{background-color:#ef444426!important;border:1px solid #ef4444!important;color:#ef4444!important}.nurse-dashboard-modern .MuiChip-colorWarning{background-color:#f59e0b26!important;border:1px solid #f59e0b!important;color:#f59e0b!important}.nurse-dashboard-modern .MuiChip-colorInfo{background-color:#3b82f626!important;border:1px solid #3b82f6!important;color:#3b82f6!important}.nurse-dashboard-modern .MuiButton-containedSuccess{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important}.nurse-dashboard-modern .MuiButton-containedSuccess:hover{background:linear-gradient(135deg,#059669,#047857)!important}.nurse-dashboard-modern .text-gradient{-webkit-text-fill-color:#0000;background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text}.nurse-dashboard-modern .glass-effect{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--bg-glass);border:1px solid var(--border-color)}.nurse-dashboard-modern{--primary-pop:#1e40af;--primary-pop-light:#3b82f6;--primary-pop-lighter:#60a5fa;--success-pop:#10b981;--success-pop-light:#34d399;--warning-pop:#f59e0b;--warning-pop-light:#fbbf24;--danger-pop:#ef4444;--danger-pop-light:#f87171;--premium-pop:#8b5cf6;--premium-pop-light:#a78bfa;--text-pop-primary:#0f172a;--text-pop-secondary:#475569;--text-pop-tertiary:#94a3b8;--gradient-primary:linear-gradient(135deg,#1e40af,#3b82f6 50%,#60a5fa);--gradient-success:linear-gradient(135deg,#10b981,#34d399);--gradient-premium:linear-gradient(135deg,#8b5cf6,#a78bfa)}.nurse-dashboard-modern.dark-mode{--text-pop-primary:#f8fafc;--text-pop-secondary:#e2e8f0;--text-pop-tertiary:#cbd5e1}.nurse-dashboard-modern .MuiTypography-h1,.nurse-dashboard-modern h1{color:var(--text-pop-primary)!important;font-weight:800!important;letter-spacing:-.02em!important;line-height:1.1!important}.nurse-dashboard-modern .MuiTypography-h2,.nurse-dashboard-modern h2{color:var(--text-pop-primary)!important;font-weight:700!important;letter-spacing:-.01em!important;line-height:1.2!important}.nurse-dashboard-modern .MuiTypography-h3,.nurse-dashboard-modern h3{color:var(--text-pop-primary)!important;font-weight:700!important;letter-spacing:0!important;line-height:1.3!important}.nurse-dashboard-modern .MuiTypography-h4,.nurse-dashboard-modern h4{color:var(--text-pop-primary)!important;font-weight:600!important;letter-spacing:0!important;line-height:1.4!important}.nurse-dashboard-modern .MuiTypography-h5,.nurse-dashboard-modern h5{color:var(--text-pop-primary)!important;font-weight:600!important;letter-spacing:.005em!important;line-height:1.5!important}.nurse-dashboard-modern .MuiTypography-h6,.nurse-dashboard-modern h6{color:var(--text-pop-primary)!important;font-weight:600!important;letter-spacing:.01em!important;line-height:1.6!important}.nurse-dashboard-modern .MuiTypography-body1{color:var(--text-pop-secondary)!important;font-size:1rem!important;line-height:1.6!important}.nurse-dashboard-modern .MuiTypography-body2{color:var(--text-pop-secondary)!important;font-size:.875rem!important;line-height:1.5!important}.nurse-dashboard-modern .MuiTypography-caption{color:var(--text-pop-tertiary)!important;font-size:.75rem!important;letter-spacing:.02em!important;line-height:1.4!important}.stat-card-modern{overflow:visible!important;position:relative}.stat-card-modern:before{background:linear-gradient(135deg,#0000 0,var(--primary-pop-lighter) 100%);border-radius:14px;content:"";inset:-2px;opacity:0;position:absolute;transition:opacity .3s ease;z-index:-1}.stat-card-modern:hover:before{opacity:.15}.stat-card-modern .MuiTypography-h3{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 2px 4px rgba(30,64,175,.1));font-size:2.75rem!important;font-weight:800!important}.stat-card-modern .MuiTypography-body2{font-size:.7rem!important;font-weight:700!important;letter-spacing:.05em!important;text-transform:uppercase}.earnings-card-modern{background:var(--gradient-success)!important;overflow:visible!important;position:relative}.earnings-card-modern:after{background:radial-gradient(circle at top right,#fff3 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.earnings-card-modern .MuiTypography-h4{font-size:2.25rem!important;font-weight:900!important;letter-spacing:-.01em!important;text-shadow:0 2px 8px #00000026}.nurse-dashboard-modern .MuiButtonBase-root{font-weight:600!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.nurse-dashboard-modern .MuiButtonBase-root:active{transform:scale(.98)}.nurse-dashboard-modern .MuiChip-root{border-width:1.5px!important;box-shadow:0 2px 4px #00000014;font-weight:700!important;letter-spacing:.025em!important;transition:all .2s ease}.nurse-dashboard-modern .MuiChip-root:hover{box-shadow:0 4px 8px #0000001f;transform:translateY(-1px)}.status-pending{background:linear-gradient(135deg,#f59e0b,#fbbf24)!important}.status-accepted,.status-pending{border:none!important;color:#fff!important}.status-accepted{background:linear-gradient(135deg,#3b82f6,#60a5fa)!important}.status-completed{background:linear-gradient(135deg,#10b981,#34d399)!important}.status-cancelled,.status-completed{border:none!important;color:#fff!important}.status-cancelled{background:linear-gradient(135deg,#6b7280,#9ca3af)!important}.urgency-critical{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#dc2626,#ef4444)!important}.urgency-critical,.urgency-high{border:none!important;color:#fff!important}.urgency-high{background:linear-gradient(135deg,#f59e0b,#fbbf24)!important}.urgency-medium{background:linear-gradient(135deg,#3b82f6,#60a5fa)!important}.urgency-low,.urgency-medium{border:none!important;color:#fff!important}.urgency-low{background:linear-gradient(135deg,#10b981,#34d399)!important}.request-card-modern{border-left-width:4px!important;transition:all .3s cubic-bezier(.4,0,.2,1)}.request-card-modern:hover{box-shadow:0 12px 24px #00000026!important;transform:translateY(-4px) scale(1.01)}.nurse-dashboard-modern .MuiButton-contained{box-shadow:0 4px 12px #1e40af40!important;font-weight:700!important;letter-spacing:.025em!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.nurse-dashboard-modern .MuiButton-contained:hover{box-shadow:0 8px 20px #1e40af59!important;transform:translateY(-2px)}.nurse-dashboard-modern .MuiButton-contained:active{transform:translateY(0)}.nurse-dashboard-modern .MuiSvgIcon-root{filter:drop-shadow(0 1px 2px rgba(0,0,0,.05));transition:all .2s ease}.nurse-dashboard-modern .MuiIconButton-root:hover .MuiSvgIcon-root{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transform:scale(1.1)}.nurse-header-modern{border-bottom:2px solid var(--border-color)!important;box-shadow:0 4px 12px #00000014!important}.nurse-header-modern .nurse-name{-webkit-text-fill-color:#0000;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;font-size:1.75rem!important;font-weight:800!important}.nurse-header-modern .nurse-role{color:var(--text-pop-secondary)!important;font-size:.8rem!important;font-weight:600!important;letter-spacing:.05em!important;text-transform:uppercase}.star-rating .MuiSvgIcon-root{filter:drop-shadow(0 2px 4px rgba(251,191,36,.4));transition:all .2s ease}.star-rating .MuiSvgIcon-root:hover{transform:scale(1.15)}.nurse-dashboard-modern.dark-mode .stat-card-modern .MuiTypography-h3{filter:drop-shadow(0 2px 8px rgba(59,130,246,.3))}.nurse-dashboard-modern.dark-mode .MuiButton-contained{box-shadow:0 4px 12px #3b82f659!important}.nurse-dashboard-modern.dark-mode .MuiButton-contained:hover{box-shadow:0 8px 20px #3b82f673!important}@media (max-width:768px){.stat-card-modern .MuiTypography-h3{font-size:2.25rem!important}.earnings-card-modern .MuiTypography-h4{font-size:1.75rem!important}.nurse-header-modern .nurse-name{font-size:1.4rem!important}}@media (prefers-contrast:high){.nurse-dashboard-modern{--primary-pop:#0d1b5f;--success-pop:#047857;--warning-pop:#d97706;--danger-pop:#dc2626}}.nurse-dashboard-modern{scroll-behavior:smooth}.nurse-dashboard-modern ::selection{background:var(--primary-pop-lighter);color:#fff}.services-landing{background:linear-gradient(135deg,#f0f9ff,#e0f2fe 50%,#f0f9ff);min-height:100vh;overflow-x:hidden;position:relative;transition:background .3s ease}.services-landing.dark-mode{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a)}.services-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border-bottom:1px solid #1e40af1a;padding:1.5rem 0;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.dark-mode .services-header{background:#0f172acc;border-bottom-color:#3b82f633}.header-container{max-width:1200px;padding:0 1.5rem}.header-text{flex:1 1}.header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e3a8a,#2563eb 50%,#3b82f6);-webkit-background-clip:text;background-clip:text;margin:0}.dark-mode .header-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6 50%,#2563eb);-webkit-background-clip:text;background-clip:text}.header-subtitle{margin:.5rem 0 0}.services-main{padding:3rem 0}.services-container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.services-grid{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));width:100%}@media (min-width:1024px){.services-grid{gap:1.5rem;grid-template-columns:repeat(5,1fr)}}@media (min-width:768px) and (max-width:1023px){.services-grid{gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.service-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:2px solid #1e40af1a;border-radius:1.25rem;box-shadow:0 4px 16px #1e40af14;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;min-height:220px;overflow:hidden;padding:1.75rem;position:relative;text-align:left;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.service-card:before{background:linear-gradient(90deg,#1e3a8a,#2563eb 50%,#3b82f6);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.service-card:hover:before{transform:scaleX(1)}.service-card:hover{border-color:#1e40af4d;box-shadow:0 12px 32px #1e40af33;transform:translateY(-8px)}.service-card:active{transform:translateY(-4px)}.service-card:focus{outline:3px solid #1e40af80;outline-offset:2px}.service-card:focus:not(:focus-visible){outline:none}.dark-mode .service-card{background:#1e293bf2;border-color:#3b82f633;box-shadow:0 4px 16px #0000004d}.dark-mode .service-card:hover{border-color:#3b82f666;box-shadow:0 12px 32px #3b82f633}.service-card-primary{background:linear-gradient(135deg,#fffffffa,#f0f9fffa);border-color:#1e40af4d;box-shadow:0 6px 24px #1e40af26}.dark-mode .service-card-primary{background:linear-gradient(135deg,#1e293bfa,#0f172afa);border-color:#3b82f666;box-shadow:0 6px 24px #3b82f633}.service-card-primary:before{background:linear-gradient(90deg,#1e3a8a,#2563eb 50%,#3b82f6);height:5px}.service-card-primary:hover{box-shadow:0 16px 40px #1e40af40}.dark-mode .service-card-primary:hover{box-shadow:0 16px 40px #3b82f64d}.service-card-content{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:1.25rem;text-align:center}.service-icon{align-items:center;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-radius:1.25rem;box-shadow:0 4px 12px #1e40af26;display:flex;flex-shrink:0;font-size:3rem;height:80px;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:80px}.service-card:hover .service-icon{box-shadow:0 6px 20px #1e40af40;transform:scale(1.1) rotate(5deg)}.dark-mode .service-icon{background:linear-gradient(135deg,#3b82f633,#2563eb33);box-shadow:0 4px 12px #3b82f633}.service-icon-primary{background:linear-gradient(135deg,#1e40af,#2563eb);box-shadow:0 6px 16px #1e40af4d}.dark-mode .service-icon-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 6px 16px #3b82f64d}.service-text{flex:1 1;min-width:0;width:100%}.service-title{color:#1e293b;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0 0 .5rem}.dark-mode .service-title{color:#f1f5f9}.service-subtitle{color:#64748b;font-size:.875rem;line-height:1.5;margin:0}.dark-mode .service-subtitle{color:#94a3b8}.service-arrow{display:none}.service-badge{background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:.5rem;box-shadow:0 2px 8px #1e40af4d;color:#fff;font-size:.75rem;font-weight:700;letter-spacing:.05em;padding:.375rem .75rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem;z-index:1}.dark-mode .service-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f64d}@media (max-width:768px){.dark-mode-toggle{right:1rem;top:1rem}.toggle-icon{height:20px;width:20px}.services-header{padding:1rem 0}.header-container{padding:0 1rem}.header-content{align-items:flex-start;flex-direction:column;gap:1rem}.top-right-buttons{gap:.5rem;right:1rem;top:1rem}.dark-mode-toggle{height:44px;width:44px}.back-button-top{font-size:.875rem;padding:.5rem 1rem}.header-title{font-size:1.5rem}.header-subtitle{font-size:.875rem}.services-main{padding:2rem 0}.services-container{padding:0 1rem}.services-grid{gap:1rem;grid-template-columns:1fr;overflow-x:auto;padding:.5rem 0;scrollbar-color:#1e40af4d #0000;scrollbar-width:thin}.services-grid::-webkit-scrollbar{height:8px}.services-grid::-webkit-scrollbar-track{background:#0000}.services-grid::-webkit-scrollbar-thumb{background:#1e40af4d;border-radius:4px}.services-grid::-webkit-scrollbar-thumb:hover{background:#1e40af80}.dark-mode .services-grid::-webkit-scrollbar-thumb{background:#3b82f64d}.dark-mode .services-grid::-webkit-scrollbar-thumb:hover{background:#3b82f680}.service-card{min-height:200px;min-width:240px;padding:1.5rem;width:100%}.service-icon{font-size:2.5rem;height:64px;width:64px}.service-title{font-size:1.125rem}.service-subtitle{font-size:.8125rem}}@media (max-width:480px){.top-right-buttons{gap:.5rem;right:.75rem;top:.75rem}.dark-mode-toggle{height:40px;width:40px}.toggle-icon{height:20px;width:20px}.back-button-top{font-size:.8125rem;padding:.5rem .875rem}.back-button-top span{display:none}.header-title{font-size:1.25rem}.services-grid{grid-template-columns:1fr}.service-card{min-height:180px;min-width:200px;padding:1.25rem;width:100%}.service-icon{font-size:2rem;height:56px;width:56px}.service-badge{font-size:.6875rem;padding:.25rem .5rem;right:.75rem;top:.75rem}}.service-card{animation:fadeInUp .5s ease-out forwards}.service-card:first-child{animation-delay:.1s}.service-card:nth-child(2){animation-delay:.2s}.service-card:nth-child(3){animation-delay:.3s}.service-card:nth-child(4){animation-delay:.4s}.service-card:nth-child(5){animation-delay:.5s}.dark-mode .service-card:focus{outline-color:#3b82f680}.dark-mode-toggle:focus{outline:3px solid #1e40af80;outline-offset:2px}.dark-mode .dark-mode-toggle:focus{outline-color:#3b82f680}.back-button-top:focus{outline:3px solid #ffffff80;outline-offset:2px}.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}}.emergency-dashboard{--primary-color:#1e40af;--primary-light:#2563eb;--primary-dark:#1e3a8a;--primary-gradient:linear-gradient(135deg,#1e40af,#2563eb);--primary-gradient-hover:linear-gradient(135deg,#2563eb,#1e40af);--secondary-color:#10b981;--secondary-gradient:#10b981;--secondary-gradient-hover:#059669;--accent-color:#f59e0b;--danger-color:#ef4444;--danger-gradient:#ef4444;--danger-gradient-hover:#dc2626;--warning-color:#f59e0b;--info-color:#3b82f6;--bg-primary:#f0f9fff2;--bg-secondary:#dbeafe99;--bg-tertiary:#bfdbfe66;--bg-card:#ffffffe6;--bg-glass:#dbeafe4d;--bg-glass-strong:#f0f9ffd9;--bg-overlay:#00000080;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-inverse:#fff;--border-color:#e2e8f0;--border-light:#f1f5f9;--border-dark:#cbd5e1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008;--shadow-glass:0 8px 32px 0 #00000026;--shadow-colored:0 20px 25px -5px #1e40af26,0 10px 10px -5px #1e40af14;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--font-family-primary:"Inter","Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#f0f9fff2,#ffffffe6 50%,#dbeafe99);font-family:var(--font-family-primary);height:auto;min-height:100vh;overflow-x:hidden;overflow-y:auto;padding-bottom:2rem;position:relative;width:100%}.emergency-dashboard,.emergency-dashboard *{font-family:var(--font-family-primary)!important}.emergency-dashboard .dashboard-container{height:auto;margin:0 auto;max-width:1400px;min-height:auto;overflow:visible;padding:1rem;width:100%}@media (min-width:768px){.emergency-dashboard .dashboard-container{padding:2rem 1rem}}@media (min-width:1024px){.emergency-dashboard .dashboard-container{padding:2rem}}.emergency-dashboard .dashboard-card{background:#fff;border:1px solid #1e40af1a;border-radius:1rem;box-shadow:0 4px 20px #00000014;margin-bottom:1.5rem;padding:2rem}.emergency-dashboard .relative.flex.flex-col.min-w-0.break-words.bg-white{background:#fff;border:1px solid #1e40af1a;border-radius:1rem;box-shadow:0 4px 20px #00000014;margin-bottom:1rem;padding:1.5rem}@media (min-width:768px){.emergency-dashboard .dashboard-card{padding:2.5rem}.emergency-dashboard .relative.flex.flex-col.min-w-0.break-words.bg-white{padding:2rem}}.emergency-dashboard .dashboard-title{color:#1e293b;font-family:var(--font-family-primary);font-size:2rem;font-weight:800;margin:0}@media (min-width:768px){.emergency-dashboard .dashboard-title{font-size:2.5rem}}.emergency-dashboard .status-badge{border-radius:9999px;font-family:var(--font-family-primary);font-size:.75rem;font-weight:600;padding:.25rem .75rem}.emergency-dashboard .status-badge.pending{background-color:#fef3c7;color:#92400e}.emergency-dashboard .status-badge.accepted,.emergency-dashboard .status-badge.almost_there,.emergency-dashboard .status-badge.looking_for_patient,.emergency-dashboard .status-badge.on_the_way,.emergency-dashboard .status-badge.started_journey{background-color:#dbeafe;color:#1e40af}.emergency-dashboard .status-badge.dropping_off,.emergency-dashboard .status-badge.received_patient{background-color:#dbeafe;color:#1e3a8a}.emergency-dashboard .status-badge.completed{background-color:#dcfce7;color:#166534}.emergency-dashboard .status-badge.cancelled{background-color:#fee2e2;color:#991b1b}.emergency-dashboard .progress-bar-container{margin:1rem 0;position:relative}@media (min-width:768px){.emergency-dashboard .progress-bar-container{margin:1.5rem 0}}.emergency-dashboard .progress-bar{background:var(--primary-gradient);border-radius:9999px;height:4px;transition:width .3s ease}@media (min-width:768px){.emergency-dashboard .progress-bar{height:6px}}.emergency-dashboard .progress-steps{grid-gap:.25rem;display:grid;gap:.25rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.5rem}@media (min-width:640px){.emergency-dashboard .progress-steps{gap:.5rem;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:.75rem}}@media (min-width:1024px){.emergency-dashboard .progress-steps{grid-template-columns:repeat(9,minmax(0,1fr))}}.emergency-dashboard .progress-step{align-items:center;display:flex;gap:.5rem;opacity:.5}.emergency-dashboard .progress-step.completed{opacity:1}.emergency-dashboard .step-dot{background:var(--primary-color);border-radius:9999px;height:10px;width:10px}.emergency-dashboard .step-label{color:var(--text-primary);font-family:var(--font-family-primary);font-size:.75rem}.emergency-dashboard .request-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:1rem}.emergency-dashboard .request-header{align-items:center;display:flex;justify-content:space-between}.emergency-dashboard .request-info{grid-gap:.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:grid;gap:.75rem;grid-template-columns:auto 1fr;padding:.75rem}.emergency-dashboard .request-info-icon{color:var(--primary-color);height:20px;width:20px}.emergency-dashboard .request-info-label{color:var(--text-secondary);font-family:var(--font-family-primary);font-size:.75rem}.emergency-dashboard .request-info-value{color:var(--text-primary);font-family:var(--font-family-primary);font-size:.875rem}.emergency-dashboard .form-container{background:#fff;border:1px solid #1e40af1a;border-radius:1rem;box-shadow:0 4px 20px #00000014;padding:2rem}@media (min-width:768px){.emergency-dashboard .form-container{padding:2.5rem}}.emergency-dashboard .form-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr}@media (min-width:768px){.emergency-dashboard .form-row{gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}}.emergency-dashboard .form-col{grid-gap:.75rem;display:grid;gap:.75rem}@media (min-width:768px){.emergency-dashboard .form-col{gap:1rem}}.emergency-dashboard .form-label{color:#1e293b;font-family:var(--font-family-primary);font-weight:700;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}@media (min-width:768px){.emergency-dashboard .form-label{font-size:.875rem}}.emergency-dashboard .form-input,.emergency-dashboard .form-select,.emergency-dashboard .form-textarea{background:#fff;border:2px solid #e2e8f0;border-radius:.75rem;color:#1e293b;font-family:var(--font-family-primary);font-size:.9375rem;font-weight:500;outline:none;padding:.875rem 1rem;transition:all .2s ease}.emergency-dashboard .form-input::placeholder,.emergency-dashboard .form-textarea::placeholder{color:#94a3b8}@media (min-width:768px){.emergency-dashboard .form-input,.emergency-dashboard .form-select,.emergency-dashboard .form-textarea{font-size:1rem;padding:1rem 1.25rem}}.emergency-dashboard .form-input:focus,.emergency-dashboard .form-select:focus,.emergency-dashboard .form-textarea:focus{background:#fff;border-color:#1e40af;box-shadow:0 0 0 4px #1e40af1a}.emergency-dashboard .btn{border-radius:var(--radius-md);font-family:var(--font-family-primary);font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem .875rem;transition:all .2s ease}@media (min-width:768px){.emergency-dashboard .btn{font-size:1rem;padding:.75rem 1rem}}.emergency-dashboard .btn-primary{background:var(--primary-gradient);box-shadow:var(--shadow-md);color:var(--text-inverse)}.emergency-dashboard .btn-primary:hover{background:var(--primary-gradient-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.emergency-dashboard .btn-danger{background:var(--danger-color);box-shadow:var(--shadow-md);color:var(--text-inverse)}.emergency-dashboard .btn-danger:hover{background:var(--danger-gradient-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.emergency-dashboard .btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.emergency-dashboard .online-status{align-items:center;border-radius:9999px;cursor:pointer;display:inline-flex;font-family:var(--font-family-primary);font-size:.875rem;font-weight:500;padding:.375rem .75rem;transition:all .15s ease-in-out}.emergency-dashboard .online-status.online{background-color:#ecfdf5;color:#047857}.emergency-dashboard .online-status.offline{background-color:#fef2f2;color:#b91c1c}.emergency-dashboard .status-indicator{border-radius:9999px;display:inline-block;height:.5rem;margin-right:.5rem;width:.5rem}.emergency-dashboard .status-indicator.online{background-color:#10b981}.emergency-dashboard .status-indicator.offline{background-color:#ef4444}.emergency-dashboard .bg-lightBlue-500{background:var(--primary-gradient)!important}.emergency-dashboard .bg-lightBlue-50{background:var(--bg-secondary)!important}.emergency-dashboard .border-lightBlue-200{border-color:var(--border-color)!important}.emergency-dashboard .text-lightBlue-500,.emergency-dashboard .text-lightBlue-600,.emergency-dashboard .text-lightBlue-700,.emergency-dashboard .text-lightBlue-800{color:var(--primary-color)!important}.emergency-dashboard .from-lightBlue-500,.emergency-dashboard .to-lightBlue-600{background:var(--primary-gradient)!important}.emergency-dashboard .text-blueGray-600,.emergency-dashboard .text-blueGray-700{color:var(--text-primary)!important}.emergency-dashboard .text-blueGray-400,.emergency-dashboard .text-blueGray-500{color:var(--text-secondary)!important}.emergency-dashboard .bg-blueGray-100{background:var(--bg-primary)!important}.emergency-dashboard .bg-blueGray-200,.emergency-dashboard .bg-blueGray-50{background:var(--bg-secondary)!important}@media (max-width:768px){.emergency-dashboard .form-row{grid-template-columns:1fr}.emergency-dashboard .progress-steps{gap:.25rem;grid-template-columns:repeat(3,minmax(0,1fr))}.emergency-dashboard h1,.emergency-dashboard h2,.emergency-dashboard h3{font-size:1rem}.emergency-dashboard .text-2xl{font-size:1.25rem}.emergency-dashboard .text-xl{font-size:1.125rem}.emergency-dashboard .shadow-lg{box-shadow:var(--shadow-md)}}@media (max-width:640px){.emergency-dashboard{padding-bottom:3rem}.emergency-dashboard .px-6{padding-left:1rem;padding-right:1rem}.emergency-dashboard .py-4{padding-bottom:.875rem;padding-top:.875rem}.emergency-dashboard .gap-4{gap:.5rem}.emergency-dashboard .space-y-6>*+*{margin-top:1rem}}@media (max-width:768px){.emergency-dashboard .btn,.emergency-dashboard a,.emergency-dashboard button{min-height:44px;min-width:44px}}.action-buttons .btn{flex:1 1;white-space:nowrap}.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.status-badge.pending,.status-badge.status-badge-pending{background-color:#fef3c7;color:#92400e}.status-badge.accepted{background-color:#dbeafe;color:#1e40af}.status-badge.almost_there,.status-badge.looking_for_patient,.status-badge.on_the_way,.status-badge.started_journey{background-color:#e0e7ff;color:#4338ca}.status-badge.dropping_off,.status-badge.received_patient{background-color:#c7d2fe;color:#4f46e5}.status-badge.completed{background-color:#d1fae5;color:#065f46}.status-badge.cancelled{background-color:#fee2e2;color:#b91c1c}.progress-bar-container{background-color:#e5e7eb;height:.25rem;margin:2rem 0;position:relative}.progress-bar{background-color:var(--primary);height:100%;left:0;position:absolute;top:0;transition:width .5s ease-in-out}.progress-steps{display:flex;justify-content:space-between;margin-top:.5rem;padding:0 .25rem;position:relative}.progress-step{align-items:center;display:flex;flex:1 1;flex-direction:column;position:relative}.step-dot{background-color:#e5e7eb;border-radius:50%;height:.75rem;transition:background-color .3s ease-in-out;width:.75rem;z-index:2}.progress-step.completed .step-dot{background-color:var(--primary)}.step-label{color:#6b7280;font-size:.7rem;margin-top:.5rem;max-width:100%;overflow:hidden;padding:0 .25rem;text-align:center;text-overflow:ellipsis;transition:color .3s ease-in-out;white-space:nowrap}.progress-step.completed .step-label{color:#1f2937;font-weight:500}@media (max-width:1024px){.emergency-dashboard .dashboard-card{padding:1rem}.emergency-dashboard .progress-steps{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:768px){.emergency-dashboard .dashboard-card{padding:.75rem}.emergency-dashboard .form-row{grid-template-columns:1fr}.emergency-dashboard .action-buttons{display:flex;flex-direction:column;gap:.5rem}.emergency-dashboard .progress-steps{display:flex;flex-wrap:wrap;gap:.5rem .75rem}.emergency-dashboard .progress-step{flex-basis:calc(50% - 8px);flex-grow:0;flex-shrink:1}.emergency-dashboard{-webkit-overflow-scrolling:touch;height:auto;margin:0!important;max-height:none;min-height:auto;overflow-y:auto;padding:0!important}.emergency-dashboard .dashboard-container{height:auto;max-height:none;overflow:visible;padding:1rem .75rem}}@media (max-width:480px){.emergency-dashboard .dashboard-title{font-size:1rem}.emergency-dashboard .request-info{padding:.5rem}.emergency-dashboard .form-container{padding:.75rem}.emergency-dashboard .btn{padding:.5rem .75rem}.emergency-dashboard{-webkit-overflow-scrolling:touch;height:auto;margin:0!important;max-height:none;min-height:auto;overflow-y:auto;padding:0!important}.emergency-dashboard .dashboard-container{height:auto;max-height:none;max-width:100%;padding:.75rem .5rem}}.emergency-dashboard .form-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem}.emergency-dashboard .form-input,.emergency-dashboard .form-select,.emergency-dashboard .form-textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:.375rem;color:#1f2937;font-size:.875rem;padding:.625rem .75rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;width:100%}.emergency-dashboard .form-input:focus,.emergency-dashboard .form-select:focus,.emergency-dashboard .form-textarea:focus{border-color:var(--primary-light);box-shadow:0 0 0 2px #3b82f640;outline:none}.emergency-dashboard .btn{align-items:center;border:none;border-radius:.375rem;cursor:pointer;display:inline-flex;font-weight:500;justify-content:center;padding:.625rem 1rem;text-align:center;transition:all .15s ease-in-out}.emergency-dashboard .btn-primary{background-color:var(--primary);color:#fff}.emergency-dashboard .btn-primary:hover{background-color:var(--primary-dark)}.emergency-dashboard .btn-danger{background-color:var(--danger);color:#fff}.emergency-dashboard .btn-danger:hover{background-color:#b91c1c}.emergency-map{border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.emergency-map-container{height:100%;position:relative;width:100%}.custom-marker{background:none!important;border:none!important}.patient-marker{animation:patientMarkerPulse 2s ease-in-out infinite}.patient-marker:before{animation:patientMarkerRipple 2s ease-out infinite;background:#10b9814d;border-radius:50%;content:"";height:100%;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}@keyframes patientMarkerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes patientMarkerRipple{0%{opacity:.6;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}.custom-location-marker{background:none!important;border:none!important}.location-marker-popup{min-width:200px}.location-marker-popup,.route-popup{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.route-popup{max-width:300px;min-width:250px}.route-alternative-popup{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-width:200px}.leaflet-popup-content-wrapper{border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.leaflet-popup-tip{background:#fff;box-shadow:0 2px 4px #0000001a}.driver-tracking-map .control-panel{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f}.driver-tracking-map .status-indicator{border-radius:50%;display:inline-block;height:8px;margin-right:.5rem;width:8px}.driver-tracking-map .status-indicator.online{animation:pulse-green 2s infinite;background-color:#10b981}.driver-tracking-map .status-indicator.offline{background-color:#ef4444}.patient-tracking-map .eta-display{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:.5rem;color:#fff;padding:1rem;text-align:center}.map-loading{align-items:center;background-color:#f9fafb;border-radius:.5rem;display:flex;height:200px;justify-content:center}.map-loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.map-error{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;display:flex;flex-direction:column;height:200px;justify-content:center}.map-error-icon{height:48px;margin-bottom:1rem;width:48px}.offline-indicator{background:#f59e0b;border-radius:.25rem;box-shadow:0 2px 4px #0000001a;color:#fff;font-size:.75rem;font-weight:500;padding:.25rem .5rem;position:absolute;right:10px;top:10px;z-index:1000}.location-permission-banner{background:#dbeafe;border:1px solid #bfdbfe;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.location-permission-banner.denied{background:#fee2e2;border-color:#fecaca;color:#dc2626}.location-permission-banner.granted{background:#d1fae5;border-color:#a7f3d0;color:#065f46}.animated-route{stroke-dasharray:10,5;animation:route-draw 2s ease-in-out}.map-navigation-controls{bottom:20px;display:flex;flex-direction:column;gap:.5rem;position:absolute;right:20px;z-index:1000}.map-control-button{background:#fff;border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 2px 4px #0000001a;cursor:pointer;padding:.5rem;transition:all .2s ease}.map-control-button:hover{background:#f9fafb;box-shadow:0 4px 6px #0000001a}.map-control-button:active{transform:translateY(1px)}.map-control-button.active{background:#3b82f6;border-color:#2563eb;color:#fff}.compact-location-button{align-items:center;border-radius:.375rem;display:flex;font-size:.875rem;gap:.25rem;padding:.5rem .75rem;transition:all .15s ease}.compact-location-button:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.compact-location-button:active{transform:translateY(0)}.compact-location-button.sharing{background:#10b981;border-color:#059669}.compact-location-button.sharing:hover{background:#059669}.compact-location-button.not-sharing{background:#3b82f6;border-color:#2563eb}.compact-location-button.not-sharing:hover{background:#2563eb}.compact-location-button.recenter{background:#6b7280;border-color:#4b5563}.compact-location-button.recenter:hover{background:#4b5563}.compact-location-button.navigation{background:#10b981;border-color:#059669}.compact-location-button.navigation:hover{background:#059669}.recenter-button-icon{transition:transform .3s ease}.recenter-button:hover .recenter-button-icon{transform:rotate(45deg)}.compact-icon{flex-shrink:0;height:.75rem;width:.75rem}.distance-info{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:.75rem}.distance-info-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.distance-info-item{text-align:center}.distance-info-value{color:#1f2937;font-size:1.25rem;font-weight:600}.distance-info-label{color:#6b7280;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}@media (max-width:768px){.emergency-map{border-radius:0}.map-navigation-controls{bottom:10px;right:10px}.distance-info-grid{gap:.5rem;grid-template-columns:1fr}.location-marker-popup,.route-popup{max-width:250px;min-width:180px}}@keyframes pulse-green{0%,to{opacity:1}50%{opacity:.5}}@keyframes route-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.emergency-map button:focus,.map-control-button:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast:high){.distance-info,.emergency-map,.map-control-button{border:2px solid #000}}@media (prefers-reduced-motion:reduce){.animated-route,.map-loading-spinner,.status-indicator.online{animation:none}.map-control-button{transition:none}}.driver-dashboard-new{--primary-color:#1e40af;--primary-light:#2563eb;--primary-dark:#1e3a8a;--primary-gradient:linear-gradient(135deg,#1e40af,#2563eb);--primary-gradient-hover:linear-gradient(135deg,#2563eb,#1e40af);--bg-primary:#f0f9fff2;--bg-secondary:#dbeafe99;--bg-tertiary:#bfdbfe66;--bg-card:#ffffffe6;--bg-glass:#dbeafe4d;--bg-glass-strong:#f0f9ffd9;--text-primary:#1e293b;--text-secondary:#64748b;--text-tertiary:#94a3b8;--text-inverse:#fff;--border-color:#e2e8f0;--border-light:#f1f5f9;--border-dark:#cbd5e1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #00000014,0 10px 10px -5px #00000008;--shadow-colored:0 20px 25px -5px #1e40af26,0 10px 10px -5px #1e40af14;--font-family-primary:"Inter","Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--sidebar-width:280px;--sidebar-collapsed:80px}[data-theme=dark] .driver-dashboard-new{--bg-primary:#0f172afa;--bg-secondary:#1e293bf2;--bg-tertiary:#334155e6;--bg-card:#1e293bf2;--bg-glass:#1e293bb3;--bg-glass-strong:#0f172af2;--bg-gradient-primary:linear-gradient(135deg,#0f172afa,#1e293bf2 50%,#0f172afa);--text-primary:#e0f2fe;--text-secondary:#bfdbfe;--text-tertiary:#94a3b8;--text-inverse:#fff;--border-color:#3b82f64d;--border-light:#3b82f633;--border-dark:#3b82f666;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0000004d;--shadow-lg:0 10px 15px -3px #00000080,0 4px 6px -2px #0006;--shadow-xl:0 20px 25px -5px #0009,0 10px 10px -5px #0006;--shadow-colored:0 20px 25px -5px #1e40af66,0 10px 10px -5px #1e40af4d}[data-theme=dark] .patient-dashboard-new{--bg-gradient-primary:linear-gradient(135deg,#0f172afa,#1e293bf2 50%,#0f172afa)}.driver-dashboard-new{font-family:var(--font-family-primary);min-height:100vh;transition:background-color .3s ease,color .3s ease}.driver-dashboard-new,[data-theme=dark] .driver-dashboard-new{background:var(--bg-primary);color:var(--text-primary)}[data-theme=dark] .content-area,[data-theme=dark] .dashboard-main{background:var(--bg-primary)!important;color:var(--text-primary)!important}[data-theme=dark] .content-area *,[data-theme=dark] .dashboard-main *{color:var(--text-primary)}[data-theme=dark] .driver-dashboard-new,[data-theme=dark] .driver-dashboard-new.patient-dashboard-new,[data-theme=dark] .patient-dashboard-new{background:var(--bg-primary)!important;background-attachment:fixed!important;background-image:linear-gradient(135deg,#0f172afa,#1e293bf2 50%,#0f172afa)!important}[data-theme=dark] .dashboard-layout{background:#0000}[data-theme=dark] body.driver-dashboard-new,[data-theme=dark] html:has(.driver-dashboard-new){background:var(--bg-primary)!important}[data-theme=dark] .driver-dashboard-new .content-area,[data-theme=dark] .driver-dashboard-new .dashboard-main,[data-theme=dark] .patient-dashboard-new .content-area,[data-theme=dark] .patient-dashboard-new .dashboard-main{background:var(--bg-primary)!important;color:var(--text-primary)!important}.driver-dashboard-layout{display:flex;min-height:100vh}.status-chip{border-radius:9999px;font-size:.75rem;font-weight:600;padding:4px 12px;text-transform:uppercase}.status-chip.pending{background-color:#fef3c7;color:#92400e}.status-chip.accepted,.status-chip.almost_there,.status-chip.looking_for_patient,.status-chip.on_the_way,.status-chip.started_journey{background-color:#dbeafe;color:#1e40af}.status-chip.dropping_off,.status-chip.received_patient{background-color:#dbeafe;color:#1e3a8a}.status-chip.completed{background-color:#dcfce7;color:#166534}.status-chip.cancelled{background-color:#fee2e2;color:#991b1b}.driver-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);margin-bottom:1.5rem;padding:1.5rem}.progress-bar-container{background-color:var(--border-light);border-radius:9999px;height:8px;margin:1rem 0;overflow:hidden;width:100%}.progress-bar-fill{background:var(--primary-gradient);border-radius:9999px;height:100%;transition:width .5s ease-in-out}.info-row{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.info-row-icon{color:var(--text-secondary);flex-shrink:0;height:20px;width:20px}.info-row-content{flex:1 1}.info-row-label{color:var(--text-secondary);font-size:.75rem;font-weight:600;margin-bottom:.25rem;text-transform:uppercase}.info-row-value{color:var(--text-primary)}.driver-btn,.info-row-value{font-size:.875rem;font-weight:600}.driver-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;gap:.5rem;padding:.625rem 1.25rem;text-transform:uppercase;transition:all .2s ease}.driver-btn-primary{background:var(--primary-gradient);box-shadow:var(--shadow-md);color:var(--text-inverse)}.driver-btn-primary:hover{background:var(--primary-gradient-hover);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.driver-btn-success{background:#10b981;color:#fff}.driver-btn-success:hover{background:#059669}.driver-btn-danger{background:#ef4444;color:#fff}.driver-btn-danger:hover{background:#dc2626}.driver-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.online-status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-transform:uppercase}.online-status-badge.online{background-color:#ecfdf5;color:#047857}.online-status-badge.offline{background-color:#fef2f2;color:#b91c1c}.online-status-indicator{border-radius:50%;height:8px;width:8px}.online-status-indicator.online{background-color:#10b981}.online-status-indicator.offline{background-color:#ef4444}@media (max-width:768px){.driver-dashboard-layout{flex-direction:column}.driver-card{padding:1rem}.driver-btn{font-size:.75rem;padding:.5rem 1rem}}.nurse-marketplace-page{background:linear-gradient(135deg,#f0f9fffa,#fffffff2 50%,#dbeafeb3);color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;padding-bottom:4rem;position:relative;transition:background .3s ease}.nurse-marketplace-page.dark-mode{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);color:#f1f5f9}.dark-mode .back-button-top{background:linear-gradient(135deg,#1e40af,#3b82f6);box-shadow:0 4px 12px #3b82f64d}.dark-mode .back-button-top:hover{background:linear-gradient(135deg,#2563eb,#60a5fa);box-shadow:0 6px 20px #3b82f666}.marketplace-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #1e40af1a;box-shadow:0 2px 10px #1e40af0d;margin-bottom:2rem;padding:2rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dark-mode .marketplace-header{background:#1e293bf2;border-bottom-color:#3b82f633;box-shadow:0 2px 10px #0000004d}.header-container{margin:0 auto;max-width:1400px;padding:0 2rem}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.header-title-section{flex:1 1;min-width:250px}.header-title{color:#1e293b;font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:.5rem}.dark-mode .header-title{color:#f1f5f9}.header-subtitle{color:#64748b;font-size:1rem;font-weight:500}.dark-mode .header-subtitle{color:#94a3b8}.tabs-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.tab-button{background:#fffc;border:2px solid #1e40af33;border-radius:.75rem;color:#475569;cursor:pointer;font-size:.9375rem;font-weight:600;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.tab-button:hover:before{left:100%}.tab-button:hover{background:#fff;border-color:#1e40af66;box-shadow:0 4px 12px #1e40af26;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#1e3a8a,#2563eb);border-color:#1e3a8a;box-shadow:0 4px 12px #1e40af4d;color:#fff}.dark-mode .tab-button{background:#1e293bcc;border-color:#3b82f633;color:#94a3b8}.dark-mode .tab-button:hover{background:#1e293b;border-color:#3b82f666}.dark-mode .tab-button.active{background:linear-gradient(135deg,#1e40af,#3b82f6);border-color:#3b82f6;box-shadow:0 4px 12px #3b82f64d;color:#fff}.content-container{margin:0 auto;max-width:1400px;padding:0 2rem}.filters-section{background:#fffffff2;box-shadow:0 4px 20px #1e40af1a}.dark-mode .filters-section{background:#1e293bf2;box-shadow:0 4px 20px #0000004d}.filters-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.filter-input,.filter-select{background:#ffffffe6;border:2px solid #1e40af33;border-radius:.75rem;color:#1e293b;font-size:.9375rem;font-weight:500;padding:.75rem 1rem;transition:all .3s ease;width:100%}.filter-input:focus,.filter-select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.dark-mode .filter-input,.dark-mode .filter-select{background:#0f172a99;border-color:#3b82f64d;color:#f1f5f9}.dark-mode .filter-input:focus,.dark-mode .filter-select:focus{background:#0f172acc;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.refresh-button{background:linear-gradient(135deg,#1e3a8a,#2563eb);border:none;border-radius:.75rem;box-shadow:0 4px 12px #1e40af40;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.refresh-button:hover{box-shadow:0 6px 20px #1e40af59;transform:translateY(-2px)}.dark-mode .refresh-button,.refresh-button:hover{background:linear-gradient(135deg,#1e40af,#3b82f6)}.dark-mode .refresh-button{box-shadow:0 4px 12px #3b82f64d}.dark-mode .refresh-button:hover{background:linear-gradient(135deg,#2563eb,#60a5fa);box-shadow:0 6px 20px #3b82f666}.results-count{color:#475569;font-size:1.125rem;margin-bottom:1.5rem}.dark-mode .results-count{color:#94a3b8}.nurses-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:2rem}.nurse-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #1e40af26;border-radius:1.25rem;box-shadow:0 4px 20px #1e40af1a;display:flex;flex-direction:column;height:100%;min-height:420px;overflow:hidden;padding:1.75rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.nurse-card:before{background:linear-gradient(90deg,#0000,#2563eb4d,#0000);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.nurse-card:hover:before{opacity:1}.nurse-card:hover{border-color:#2563eb66;box-shadow:0 12px 40px #1e40af33;transform:translateY(-8px) scale(1.02)}.dark-mode .nurse-card{background:#1e293bf2;border-color:#3b82f633;box-shadow:0 4px 20px #0000004d;color:#f1f5f9}.dark-mode .nurse-card:hover{border-color:#3b82f666;box-shadow:0 12px 40px #3b82f633}.nurse-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.25rem}.nurse-avatar{align-items:center;background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:50%;box-shadow:0 4px 12px #1e40af4d;color:#fff;display:flex;flex-shrink:0;font-size:1.5rem;font-weight:700;height:64px;justify-content:center;width:64px}.dark-mode .nurse-avatar{background:linear-gradient(135deg,#1e40af,#3b82f6);box-shadow:0 4px 12px #3b82f64d}.nurse-info{flex:1 1;margin-left:1rem;min-width:0}.nurse-name{color:#1e293b;font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:.5rem}.dark-mode .nurse-name{color:#f1f5f9}.nurse-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.nurse-badge{border-radius:.5rem;font-size:.75rem;font-weight:600;padding:.375rem .75rem;white-space:nowrap}.badge-specialization{background:#1e40af1a;color:#1e3a8a}.dark-mode .badge-specialization{background:#3b82f633;color:#93c5fd}.badge-online{background:#10b9811a;color:#059669}.dark-mode .badge-online{background:#10b98133;color:#34d399}.rating-section{border-bottom:1px solid #1e40af1a;margin-bottom:1.25rem;padding-bottom:1.25rem}.dark-mode .rating-section{border-bottom-color:#3b82f633}.rating-stars{align-items:center;display:flex;gap:.5rem;margin-bottom:.75rem}.star-icon{color:#fbbf24;height:18px;width:18px}.star-icon.empty{color:#cbd5e1}.dark-mode .star-icon.empty{color:#475569}.rating-text{color:#64748b;font-size:.875rem;font-weight:500}.dark-mode .rating-text{color:#94a3b8}.nurse-stats{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;margin-top:.75rem}.stat-item{align-items:center;color:#475569;display:flex;font-size:.875rem;gap:.5rem}.dark-mode .stat-item{color:#94a3b8}.stat-icon{color:#64748b;height:16px;width:16px}.dark-mode .stat-icon{color:#94a3b8}.shift-section{margin-bottom:1.25rem}.shift-label{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.dark-mode .shift-label{color:#94a3b8}.shift-badge{background:#9333ea1a;border-radius:.5rem;color:#7c3aed;display:inline-block;font-size:.875rem;font-weight:600;padding:.5rem 1rem;text-transform:capitalize}.dark-mode .shift-badge{background:#9333ea33;color:#a78bfa}.nurse-action-button{border:none;border-radius:.75rem;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.5px;margin-top:auto;padding:.875rem 1.5rem;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.nurse-action-button.active{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 12px #dc26264d;color:#fff}.nurse-action-button.active:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);box-shadow:0 6px 20px #dc262666;transform:translateY(-2px)}.nurse-action-button.disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.dark-mode .nurse-action-button.disabled{background:#1e293b99;color:#64748b}.no-results{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #1e40af1a;border-radius:1.25rem;box-shadow:0 4px 20px #1e40af1a;padding:4rem 2rem;text-align:center}.dark-mode .no-results{background:#1e293bf2;border-color:#3b82f633}.no-results-icon{color:#94a3b8;height:80px;margin:0 auto 1.5rem;width:80px}.dark-mode .no-results-icon{color:#475569}.no-results-title{color:#475569;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.dark-mode .no-results-title{color:#94a3b8}.no-results-text{color:#94a3b8;font-size:1rem}.dark-mode .no-results-text{color:#64748b}.request-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #1e40af1a;border-radius:1rem;box-shadow:0 4px 20px #1e40af1a;margin-bottom:1rem;padding:1.5rem;transition:all .3s ease}.request-card:hover{box-shadow:0 8px 30px #1e40af26;transform:translateY(-4px)}.dark-mode .request-card{background:#1e293bf2;border-color:#3b82f633;box-shadow:0 4px 20px #0000004d}.request-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.request-nurse-name{color:#1e293b;font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.dark-mode .request-nurse-name{color:#f1f5f9}.request-details{color:#64748b;font-size:.875rem}.dark-mode .request-details{color:#94a3b8}.request-status{border-radius:.5rem;font-size:.75rem;font-weight:700;padding:.5rem 1rem;text-transform:capitalize}.status-pending{background:#eab3081a;color:#d97706}.dark-mode .status-pending{background:#eab30833;color:#fbbf24}.status-accepted{background:#3b82f61a;color:#2563eb}.dark-mode .status-accepted{background:#3b82f633;color:#60a5fa}.status-in_progress{background:#8b5cf61a;color:#7c3aed}.dark-mode .status-in_progress{background:#8b5cf633;color:#a78bfa}.status-completed{background:#10b9811a;color:#059669}.dark-mode .status-completed{background:#10b98133;color:#34d399}.request-date{color:#94a3b8;font-size:.875rem;margin-top:.5rem}.dark-mode .request-date{color:#64748b}.booking-dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1000}.booking-dialog{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #1e40af1a;border-radius:1.5rem;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:100%}.dark-mode .booking-dialog{background:#1e293bfa;border-color:#3b82f633}.dialog-header{align-items:center;border-bottom:1px solid #1e40af1a;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.dark-mode .dialog-header{border-bottom-color:#3b82f633}.dialog-nurse-avatar{align-items:center;background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;font-weight:700;height:56px;justify-content:center;width:56px}.dark-mode .dialog-nurse-avatar{background:linear-gradient(135deg,#1e40af,#3b82f6)}.dialog-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.dark-mode .dialog-title{color:#f1f5f9}.dialog-subtitle{color:#64748b;font-size:.875rem}.dark-mode .dialog-subtitle{color:#94a3b8}.dialog-form{display:flex;flex-direction:column;gap:1.25rem}.form-label{color:#475569;font-size:.875rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dark-mode .form-label{color:#94a3b8}.form-input,.form-select,.form-textarea{background:#ffffffe6;border:2px solid #1e40af33;border-radius:.75rem;color:#1e293b;font-family:inherit;font-size:.9375rem;font-weight:500;padding:.875rem 1rem;transition:all .3s ease;width:100%}.form-textarea{min-height:100px;resize:vertical}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;outline:none}.dark-mode .form-input,.dark-mode .form-select,.dark-mode .form-textarea{background:#0f172a99;border-color:#3b82f64d;color:#f1f5f9}.dark-mode .form-input:focus,.dark-mode .form-select:focus,.dark-mode .form-textarea:focus{background:#0f172acc;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.urgency-indicator{align-items:center;background:#1e40af0d;border-radius:.75rem;color:#475569;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem}.dark-mode .urgency-indicator{background:#3b82f61a;color:#94a3b8}.urgency-dot{border-radius:50%;height:12px;width:12px}.urgency-dot.low{background:#10b981}.urgency-dot.medium{background:#f59e0b}.urgency-dot.high{background:#f97316}.urgency-dot.critical{background:#ef4444}.dialog-actions{border-top:1px solid #1e40af1a;display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.dark-mode .dialog-actions{border-top-color:#3b82f633}.dialog-button{border:none;border-radius:.75rem;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.dialog-button-cancel{background:#f1f5f9cc;border:2px solid #1e40af33;color:#475569}.dialog-button-cancel:hover{background:#f1f5f9;transform:translateY(-2px)}.dark-mode .dialog-button-cancel{background:#0f172a99;border-color:#3b82f64d;color:#94a3b8}.dark-mode .dialog-button-cancel:hover{background:#0f172acc}.dialog-button-submit{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 4px 12px #dc26264d;color:#fff}.dialog-button-submit:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#dc2626);box-shadow:0 6px 20px #dc262666;transform:translateY(-2px)}.dialog-button-submit:disabled{background:#e5e7eb;box-shadow:none;color:#9ca3af;cursor:not-allowed}.dark-mode .dialog-button-submit:disabled{background:#1e293b99;color:#64748b}.alert{align-items:center;border-radius:.75rem;display:flex;font-weight:500;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.alert-error{background:#fef2f2e6;border:1px solid #dc262633;color:#dc2626}.dark-mode .alert-error{background:#7f1d1d33;border-color:#dc26264d;color:#fca5a5}.alert-success{background:#f0fdf4e6;border:1px solid #10b98133;color:#059669}.dark-mode .alert-success{background:#05966933;border-color:#10b9814d;color:#34d399}.alert-close{background:none;border:none;border-radius:.25rem;color:inherit;cursor:pointer;font-weight:700;padding:.25rem .5rem;transition:background .2s ease}.alert-close:hover{background:#0000001a}.dark-mode .alert-close:hover{background:#ffffff1a}.loading-container{background:linear-gradient(135deg,#f0f9fffa,#fffffff2 50%,#dbeafeb3)}.dark-mode .loading-container{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a)}.loading-spinner{border:4px solid #1e40af33;border-top-color:#1e3a8a;height:64px;width:64px}.dark-mode .loading-spinner{border-color:#3b82f6 #3b82f633 #3b82f633}.loading-text{color:#475569;font-size:1.125rem;font-weight:600;margin-top:1.5rem}.dark-mode .loading-text{color:#94a3b8}@media (max-width:768px){.top-right-buttons{gap:.5rem;right:1rem;top:1rem}.back-button-top,.dark-mode-toggle{font-size:.875rem;height:40px;padding:.5rem;width:40px}.back-button-top span{display:none}.content-container,.header-container{padding:0 1rem}.header-title{font-size:1.5rem}.header-subtitle{font-size:.875rem}.tabs-container{gap:.375rem}.tab-button{font-size:.875rem;padding:.625rem 1rem}.filters-grid,.nurses-grid{grid-template-columns:1fr}.nurses-grid{gap:1rem}.nurse-card{min-height:380px;padding:1.5rem}.form-grid{grid-template-columns:1fr}.booking-dialog{margin:1rem;padding:1.5rem}}@media (max-width:480px){.header-title{font-size:1.25rem}.nurse-card{min-height:360px;padding:1.25rem}.nurse-avatar{font-size:1.25rem;height:56px;width:56px}.nurse-name{font-size:1.125rem}}.oxygen-cylinder-page{background:linear-gradient(135deg,#f0f9fffa,#fffffff2 50%,#dbeafeb3);color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;transition:background .3s ease}.oxygen-cylinder-page.dark-mode{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);color:#f1f5f9}.oxygen-cylinder-page:before{animation:float 25s ease-in-out infinite;background:radial-gradient(circle at 30% 30%,#2563eb1f 0,#0000 50%),radial-gradient(circle at 70% 70%,#3b82f614 0,#0000 50%);filter:blur(40px);height:700px;right:-8%;top:-30%;width:700px}.oxygen-cylinder-page:after,.oxygen-cylinder-page:before{border-radius:50%;content:"";pointer-events:none;position:fixed;z-index:0}.oxygen-cylinder-page:after{animation:float 20s ease-in-out infinite reverse;background:radial-gradient(circle at 40% 40%,#10b9811a 0,#0000 50%),radial-gradient(circle at 80% 20%,#2563eb0f 0,#0000 50%);bottom:-25%;filter:blur(50px);height:600px;left:-5%;width:600px}.oxygen-content:before{animation:pulse 4s ease-in-out infinite;background:linear-gradient(135deg,#2563eb0d,#0000),url("data:image/svg+xml;charset=utf-8,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='100' cy='100' r='80' fill='none' stroke='rgba(37,99,235,0.1)' stroke-width='2'/%3E%3Cpath d='M100 40v120m-60-60h120' stroke='rgba(37,99,235,0.1)' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;height:200px;opacity:.3;right:5%;top:10%;width:200px}.oxygen-content:after,.oxygen-content:before{content:"";pointer-events:none;position:absolute;z-index:0}.oxygen-content:after{animation:pulse 5s ease-in-out infinite reverse;background:linear-gradient(45deg,#10b9810d,#0000),url("data:image/svg+xml;charset=utf-8,%3Csvg width='150' height='150' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m75 30 15 30h30l-20 25 10 35-35-20-35 20 10-35-20-25h30Z' fill='none' stroke='rgba(16,185,129,0.1)' stroke-width='2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;bottom:15%;height:150px;left:3%;opacity:.25;width:150px}.oxygen-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f0f9fffa);border-bottom:1px solid #e2e8f0cc;box-shadow:0 4px 20px #1e40af14;padding:2rem 0;position:-webkit-sticky;position:sticky;position:relative;top:0;z-index:100}.oxygen-header:before{background:linear-gradient(90deg,#1e40af,#2563eb 50%,#3b82f6);content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.container{z-index:1}.header-layout{position:relative;z-index:2}.back-button{background:linear-gradient(135deg,#2563eb,#3b82f6 50%,#60a5fa)!important;border-radius:.625rem;box-shadow:0 4px 12px #2563eb4d;font-size:.875rem;overflow:hidden;padding:.625rem 1rem;position:relative}.back-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.back-button:hover:before{left:100%}.back-button:hover{background:linear-gradient(135deg,#1e40af,#2563eb 50%,#3b82f6)!important;box-shadow:0 6px 20px #2563eb66}.back-button:active{box-shadow:0 2px 8px #1e40af40}.back-button span{font-size:1.125rem;transition:transform .3s ease}.back-button:hover span{transform:translateX(-3px)}.header-content{position:relative}.header-icon-wrapper{margin-bottom:.75rem}.oxygen-content{padding:4rem 0;position:relative;z-index:1}.subscription-duration{line-height:1.3;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}@media (max-width:1200px){.plans-grid{gap:1.5rem}}@media (max-width:1024px){.plans-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.subscriptions-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.subscription-card{min-height:65px;padding:.5rem}.subscription-header{gap:.375rem;margin-bottom:.375rem}.subscription-icon{font-size:.6875rem;height:20px;width:20px}.subscription-info h3{font-size:.5625rem}.subscription-duration{font-size:.5rem}.subscription-details{gap:.25rem;padding-top:.375rem}.detail-row{font-size:.5rem;gap:.25rem}}@media (max-width:768px){.plans-grid{gap:1.5rem;grid-template-columns:1fr}.subscriptions-grid{gap:.5rem;grid-template-columns:1fr}.subscription-card{min-height:60px;padding:.5rem}.subscription-header{gap:.375rem;margin-bottom:.375rem}.subscription-icon{font-size:.6875rem;height:20px;width:20px}.subscription-info h3{font-size:.5625rem}.subscription-duration{font-size:.5rem}.subscription-details{gap:.5rem;padding-top:.75rem}.detail-row{font-size:.6875rem;gap:.5rem;min-height:1.25rem}.header-layout{align-items:flex-start;flex-direction:column;gap:1.5rem}.header-content{text-align:center;width:100%}.back-button{align-self:flex-end}.header-content h1{font-size:2rem}.header-icon{font-size:2.5rem}}.plan-card.selected:before{background:linear-gradient(90deg,#1e40af,#2563eb,#3b82f6)}.plan-pricing{margin-bottom:1.5rem}.price-row{align-items:center;margin-bottom:.5rem}.price-row:last-child{margin-bottom:0}.price-label{color:#374151;font-weight:600}.price{color:#111827;font-size:1.125rem;font-weight:800;position:relative}.original-price{color:#9ca3af;font-weight:500;margin-left:.5rem}.discount-badge{background:#6b7280;border-radius:.5rem;font-size:.875rem;margin-top:.5rem;padding:.25rem .75rem;text-align:center}.plan-features{list-style:none;margin:0 0 1.5rem;padding:0}.plan-features li{color:#374151;gap:.75rem}.feature-icon{color:#6b7280;margin-top:.125rem}.select-plan-btn{background:#374151;margin-top:auto;padding:.75rem 1rem}.select-plan-btn:hover{background:#1f2937}.plan-card.selected .select-plan-btn{background:#111827}.plan-card.selected .select-plan-btn:hover{background:#000}.delivery-section{margin-bottom:4rem}.delivery-options{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.delivery-card:hover{border-color:#2563eb66;box-shadow:0 8px 24px #1e40af1f}.delivery-content h3{color:#111827}.delivery-content p{color:#374151;font-weight:500;margin:0}.delivery-price{color:#374151;font-size:.875rem;font-weight:700;margin-top:.25rem}.delivery-radio input[type=radio]{accent-color:#374151}.order-summary{margin-bottom:4rem}.summary-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:1rem;box-shadow:0 8px 32px #1e40af1a;margin-bottom:1.5rem;padding:2rem}.summary-row{border-bottom:1px solid #f1f5f9}.summary-row.total{border-top:2px solid #e5e7eb;color:#111827;font-weight:800}.proceed-payment-btn{background:linear-gradient(135deg,#1e40af,#2563eb);font-weight:700;overflow:hidden;padding:1.125rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.proceed-payment-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.proceed-payment-btn:hover:not(:disabled):before{left:100%}.proceed-payment-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e3a8a);box-shadow:0 8px 24px #1e40af66;transform:translateY(-2px)}.proceed-payment-btn:disabled{background:#9ca3af}.history-section{margin-bottom:4rem}.toggle-history-btn{background:#f9fafb;border:1px solid #d1d5db;color:#374151}.toggle-history-btn:hover{background:#f3f4f6;border-color:#9ca3af}.history-cards{grid-gap:1rem;display:grid;gap:1rem;margin-top:1.5rem}.history-card{background:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.history-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.history-id{color:#1e293b;font-weight:600}.history-status{align-items:center;border-radius:1rem;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.25rem .75rem}.status-icon{font-size:1rem}.history-details{grid-gap:.5rem;display:grid;gap:.5rem}.history-row{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.history-row span:first-child{color:#64748b;font-weight:500}.history-row span:last-child{color:#1e293b;font-weight:600}.no-history{color:#fffc;padding:3rem;text-align:center}@media (max-width:1440px){.container{max-width:1140px}}@media (max-width:1200px){.container{max-width:960px;padding:0 1.5rem}.plans-grid{gap:1.5rem}}@media (max-width:1024px){.container{padding:0 1.5rem}.oxygen-content{padding:3rem 0}.section-header h2{font-size:2rem}}@media (max-width:768px){.container{padding:0 1rem}.oxygen-header{padding:1.5rem 0}.header-content h1{font-size:1.875rem}.header-content p{font-size:1rem}.header-icon{font-size:2.5rem;margin-bottom:.5rem}.back-button{font-size:.875rem;padding:.625rem 1rem}.oxygen-content{padding:2.5rem 0}.section-header{margin-bottom:2.5rem}.section-header h2{font-size:1.75rem}.section-header p{font-size:1rem}.plans-grid{gap:1.5rem;grid-template-columns:1fr}.plan-card{min-height:480px;padding:2rem 1.5rem 1.5rem}.delivery-options{grid-template-columns:1fr}.address-form{padding:1.5rem}.form-row{gap:1rem;grid-template-columns:1fr}.history-header{align-items:flex-start;flex-direction:column;gap:.5rem}}@media (max-width:480px){.container{padding:0 .75rem}.oxygen-header{padding:1.25rem 0}.header-content h1{font-size:1.5rem}.header-icon{font-size:2rem}.header-icon-glow{height:140%;width:140%}.back-button{font-size:.8125rem;padding:.5rem .875rem}.back-button span{font-size:1rem}.section-header h2{font-size:1.5rem}.plan-card{min-height:450px;padding:1.75rem 1.25rem 1.25rem}.address-form{padding:1.25rem}.oxygen-content:after,.oxygen-content:before{display:none}}.delivery-card,.history-card,.plan-card,.summary-card{animation:fadeInUp .5s ease-out}.plan-card.blue .plan-icon{color:#2563eb;filter:drop-shadow(0 4px 8px rgba(37,99,235,.2))}.plan-card.green .plan-icon{color:#10b981;filter:drop-shadow(0 4px 8px rgba(16,185,129,.2))}.plan-card.purple .plan-icon{color:#8b5cf6;filter:drop-shadow(0 4px 8px rgba(139,92,246,.2))}@media (max-width:375px){.header-content h1{font-size:1.375rem}.header-content p{font-size:.9375rem}.section-header h2{font-size:1.375rem}.section-header p{font-size:.9375rem}.plan-card{min-height:420px;padding:1.5rem 1rem 1rem}.delivery-card{padding:1.25rem}.summary-card{padding:1.5rem}}@media (min-width:1920px){.container{max-width:1400px}.plans-grid{gap:2.5rem}.plan-card{padding:2.5rem}}@media (min-width:769px) and (max-width:1024px){.plans-grid{grid-template-columns:repeat(2,1fr)}.plans-grid .plan-card:last-child{grid-column:1/-1;margin:0 auto;max-width:500px}}.oxygen-cylinder-page{scroll-behavior:smooth}.back-button:focus-visible,.delivery-card:focus-visible,.plan-card:focus-visible,.proceed-payment-btn:focus-visible{outline:3px solid #2563eb;outline-offset:2px}@media print{.back-button,.oxygen-content:after,.oxygen-content:before,.oxygen-cylinder-page:after,.oxygen-cylinder-page:before,.oxygen-header,.proceed-payment-btn{display:none}}.dark-mode .oxygen-cylinder-page:before{background:radial-gradient(circle at 30% 30%,#3b82f626 0,#0000 50%),radial-gradient(circle at 70% 70%,#2563eb1a 0,#0000 50%)}.dark-mode .oxygen-cylinder-page:after{background:radial-gradient(circle at 40% 40%,#3b82f61f 0,#0000 50%),radial-gradient(circle at 80% 20%,#2563eb14 0,#0000 50%)}.dark-mode .oxygen-header{background:linear-gradient(135deg,#0f172af2,#1e293bfa);border-bottom-color:#3b82f633}.dark-mode .back-button{background:linear-gradient(135deg,#1e3a8a,#2563eb);box-shadow:0 4px 12px #3b82f640}.dark-mode .back-button:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 6px 20px #3b82f659}.dark-mode .discount-badge{color:#fff}.dark-mode .plan-features{color:#e2e8f0}.dark-mode .plan-features li{color:#cbd5e1}.dark-mode .select-plan-btn{color:#fff}.dark-mode .plan-card.selected .select-plan-btn{background:#3b82f6}.dark-mode .plan-card.selected .select-plan-btn:hover{background:#2563eb}.dark-mode .delivery-card h3{color:#f1f5f9}.dark-mode .delivery-card p{color:#94a3b8}.dark-mode .address-form label{color:#e2e8f0}.dark-mode .address-form input,.dark-mode .address-form textarea{background:#0f172a80;border-color:#3b82f633;color:#f1f5f9}.dark-mode .address-form input:focus,.dark-mode .address-form textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.dark-mode .address-form input::placeholder,.dark-mode .address-form textarea::placeholder{color:#64748b}.dark-mode .summary-card{background:#1e293bf2;border-color:#3b82f633}.dark-mode .subscription-card:hover{box-shadow:0 8px 16px #60a5fa40}.dark-mode .subscription-icon{box-shadow:0 2px 8px #60a5fa4d}.dark-mode .history-card{background:#1e293bf2;border-color:#3b82f633}.dark-mode .history-id{color:#f1f5f9}.dark-mode .history-row{border-bottom-color:#3b82f61a;color:#e2e8f0}@media (max-width:768px){.top-right-buttons{gap:.5rem;right:1rem;top:1rem}.dark-mode-toggle{height:44px;width:44px}.toggle-icon{height:20px;width:20px}.back-button-top{font-size:.875rem;padding:.5rem 1rem}}@media (max-width:480px){.top-right-buttons{gap:.5rem;right:.75rem;top:.75rem}.dark-mode-toggle{height:40px;width:40px}.toggle-icon{height:18px;width:18px}.back-button-top{font-size:.8125rem;padding:.5rem .875rem}.back-button-top span{display:none}}.container,.payment-header{position:relative}.payment-header{padding-top:1rem}.back-button{background:linear-gradient(90deg,#1e40af,#2563eb 50%,#3b82f6)!important;border:none!important;box-shadow:0 2px 8px #1e40af33;color:#fff!important;display:inline-flex!important;flex-shrink:0;font-size:.9375rem;font-weight:600;padding:.75rem 1.5rem;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-button:hover{background:linear-gradient(90deg,#1e3a8a,#1e40af 50%,#2563eb)!important;box-shadow:0 4px 12px #1e40af4d;transform:translateY(-2px)}.back-button:active{box-shadow:0 2px 6px #1e40af33;transform:translateY(0)}.back-button span{font-size:1rem;line-height:1}.payment-content{align-items:start}.order-summary-section h2{color:#fff;font-weight:600;margin-bottom:1rem}.summary-card{box-shadow:0 4px 6px -1px #0000001a}.summary-row span:first-child{color:#64748b}.summary-row span:last-child{color:#1e293b}.payment-form-section{background:#fff;box-shadow:0 10px 25px -5px #0000001a}.payment-form-section h2{color:#1e293b;font-weight:600}.payment-form-section h3{color:#374151;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.method-options{grid-gap:1rem;display:grid;margin-bottom:2rem}.method-option{border:2px solid #e5e7eb;display:block}.method-option:hover{border-color:#d1d5db}.method-option.selected{background:#f0f9ff;border-color:#3b82f6}.method-option input[type=radio]{display:none}.method-icon{flex-shrink:0;font-size:2rem}.method-info{gap:.25rem}.method-name{color:#1e293b}.method-desc{color:#64748b}.form-grid{margin-bottom:1.5rem}.form-group{gap:.5rem}.form-group input,.form-group textarea{border:1px solid #d1d5db}.form-group input:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.bank-transfer,.card-details,.mobile-banking{margin-bottom:2rem}.bank-details{background:#f8fafc;border-radius:.5rem;margin-bottom:1rem;padding:1.5rem}.bank-info h4{color:#1e293b;margin-bottom:1rem}.bank-info p{color:#475569;margin:.5rem 0}.bank-info p strong{color:#1e293b}.security-notice{align-items:flex-start;background:#f0f9ff;border:1px solid #bae6fd}.security-icon{flex-shrink:0}.security-content h4{color:#1e40af}.security-content p{color:#1e40af;line-height:1.5}.pay-now-btn{background:#10b981;border-radius:.5rem}.pay-now-btn:hover:not(:disabled){background:#059669}.pay-now-btn:disabled{background:#94a3b8}.error-message{background:#fff;box-shadow:0 10px 25px -5px #0000001a}.error-message h2{color:#ef4444;font-size:1.5rem;font-weight:600}.error-message p{color:#64748b}.error-message button{background:#3b82f6;font-weight:600}.error-message button:hover{background:#2563eb}@media (max-width:768px){.container{padding:0 1rem}.payment-header{padding-top:.5rem}.back-button{justify-content:center;margin-bottom:1rem;position:relative;width:100%}.payment-header h1{font-size:2rem}.payment-content{gap:2rem}.form-grid,.payment-content{grid-template-columns:1fr}.method-content{gap:.5rem}.method-content,.security-notice{flex-direction:column;text-align:center}}.payment-form-section,.summary-card{animation:fadeInUp .5s ease-out}.pay-now-btn:disabled{position:relative}.pay-now-btn:disabled:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.success-page{background:linear-gradient(135deg,#10b981,#059669)}.loading-state{color:#fff;padding:4rem 0;text-align:center}.loading-spinner{border:4px solid #ffffff4d;border-top-color:#fff;height:50px;margin:0 auto 1rem;width:50px}.success-header{color:#fff}.success-icon{animation:bounce 1s ease-in-out}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.success-header p{opacity:.9}.order-details{grid-gap:2rem;display:grid;gap:2rem;margin-bottom:3rem}.details-card,.status-card{background:#fff;border-radius:1rem;box-shadow:0 10px 25px -5px #0000001a;padding:2rem}.details-card h2,.status-card h2{border-bottom:2px solid #f1f5f9;color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem}.detail-row{border-bottom:1px solid #f1f5f9}.detail-row .label{color:#64748b}.detail-row .value{color:#1e293b}.detail-row .value.amount{color:#10b981;font-size:1.125rem}.status-info{align-items:center;background:#f0f9ff;border-left:4px solid #3b82f6;border-radius:.75rem;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.status-icon{flex-shrink:0;font-size:2rem}.status-content h3{color:#1e40af;font-weight:600;margin-bottom:.25rem}.status-content p{color:#1e40af;font-size:.875rem;margin:0}.progress-steps{grid-gap:1rem;display:grid;gap:1rem}.step{align-items:center;border-radius:.5rem;display:flex;gap:1rem;opacity:.6;padding:1rem;transition:all .3s ease}.step.active{background:#f0f9ff;border:1px solid #3b82f6;opacity:1}.step-icon{background:#f1f5f9;height:40px;width:40px}.step.active .step-icon{background:#3b82f6;color:#fff}.step-content h4{color:#1e293b;font-weight:600;margin-bottom:.25rem}.step-content p{color:#64748b;font-size:.875rem;margin:0}.info-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:3rem}.info-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;padding:1.5rem}.info-card h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.info-card p{color:#64748b;line-height:1.6;margin-bottom:1rem}.contact-info{display:flex;flex-direction:column;gap:.5rem}.contact-item{align-items:center;display:flex;justify-content:space-between}.contact-label{color:#64748b;font-weight:500}.contact-value{color:#1e293b;font-weight:600}.info-card ul{list-style:none;margin:0;padding:0}.info-card li{color:#64748b;line-height:1.6;margin-bottom:.5rem;padding-left:1.5rem;position:relative}.info-card li:before{color:#10b981;content:"•";font-weight:700;left:0;position:absolute}.action-buttons{margin-bottom:3rem}.btn-primary,.btn-secondary{align-items:center;display:inline-flex;justify-content:center;padding:1rem 2rem;text-decoration:none}.btn-primary{background:#fff;color:#10b981}.btn-primary:hover{background:#f8fafc;transform:translateY(-2px)}.btn-secondary{background:#fff3;border:1px solid #ffffff4d}.btn-secondary:hover{background:#ffffff4d;transform:translateY(-2px)}.emergency-contact{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:1rem;color:#fff;padding:2rem;text-align:center}.emergency-contact h3{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.emergency-contact p{margin-bottom:1rem;opacity:.9}.emergency-number{animation:pulse 2s infinite;color:#fef2f2;font-size:3rem;font-weight:700;text-shadow:2px 2px 4px #0000004d}@media (max-width:768px){.container{padding:0 1rem}.success-header h1{font-size:2rem}.order-details{gap:1.5rem}.details-card,.status-card{padding:1.5rem}.info-section{gap:1.5rem;grid-template-columns:1fr}.action-buttons{align-items:center;flex-direction:column}.btn-primary,.btn-secondary{max-width:300px;width:100%}.status-info,.step{flex-direction:column;text-align:center}.emergency-number{font-size:2.5rem}}.details-card,.info-card,.status-card{animation:fadeInUp .5s ease-out}.details-card{animation-delay:.1s}.status-card{animation-delay:.2s}.info-card:first-child{animation-delay:.3s}.info-card:last-child{animation-delay:.4s}.wheelchair-page{background:linear-gradient(135deg,#f0f9fffa,#fffffff2 50%,#dbeafeb3);color:#1e293b;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden;position:relative;transition:background .3s ease}.wheelchair-page.dark-mode{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#0f172a);color:#f1f5f9}.top-right-buttons{align-items:center;display:flex;gap:.75rem;position:fixed;right:1.5rem;top:1.5rem;z-index:1000}.dark-mode-toggle{border:2px solid #1e40af33;box-shadow:0 4px 12px #1e40af26;color:#1e3a8a;height:48px;transition:all .3s cubic-bezier(.4,0,.2,1);width:48px}.dark-mode-toggle:hover{background:#fff;box-shadow:0 6px 20px #1e40af4d;transform:scale(1.1) rotate(15deg)}.dark-mode .dark-mode-toggle{border-color:#3b82f64d;color:#60a5fa}.dark-mode .dark-mode-toggle:hover{background:#1e293b;box-shadow:0 6px 20px #3b82f64d}.toggle-icon{height:24px;width:24px}.back-button-top{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#1e3a8a,#2563eb);border:none;border-radius:.75rem;box-shadow:0 4px 12px #1e40af40;color:#fff;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-button-top:hover{background:linear-gradient(135deg,#1e40af,#3b82f6);box-shadow:0 6px 20px #1e40af59;transform:translateY(-2px)}.back-button-top:active{transform:translateY(0)}.back-button-top svg{transition:transform .3s ease}.back-button-top:hover svg{transform:translateX(-3px)}.dark-mode .back-button-top{background:linear-gradient(135deg,#1e3a8a,#2563eb);box-shadow:0 4px 12px #3b82f640}.dark-mode .back-button-top:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 6px 20px #3b82f659}.container{max-width:1200px}.wheelchair-header{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border-bottom:1px solid #1e40af1a;box-shadow:0 4px 20px #1e40af14;padding:2rem 0;position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:100}.dark-mode .wheelchair-header{background:#0f172acc;border-bottom-color:#3b82f633}.header-layout{align-items:center;display:flex;gap:2rem;justify-content:space-between}.header-content{flex:1 1;text-align:left}.header-icon-wrapper{margin-bottom:.5rem}.header-icon,.header-icon-wrapper{display:inline-block;position:relative}.header-icon{animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 4px 12px rgba(30,64,175,.25));font-size:3.5rem;z-index:2}.header-icon-glow{animation:glow 3s ease-in-out infinite;background:radial-gradient(circle,#2563eb33 0,#0000 70%);border-radius:50%;height:120%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120%;z-index:1}@keyframes glow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(1.1)}}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#2563eb 50%,#3b82f6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:.5rem}.dark-mode .header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#3b82f6 50%,#2563eb);-webkit-background-clip:text;background-clip:text}.header-content p{color:#64748b;font-size:1.125rem;font-weight:500;line-height:1.5;margin:0}.dark-mode .header-content p{color:#94a3b8}.wheelchair-content{padding:4rem 0;position:relative;z-index:1}.section-header{margin-bottom:3.5rem;position:relative;text-align:center}.section-header:after{background:linear-gradient(90deg,#0000,#2563eb,#0000);border-radius:2px;bottom:-1rem;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.dark-mode .section-header:after{background:linear-gradient(90deg,#0000,#3b82f6,#0000)}.section-header h2{color:#1e293b;font-size:2.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:.75rem}.dark-mode .section-header h2{color:#f1f5f9}.section-header p{color:#64748b;font-size:1.125rem;font-weight:500;line-height:1.6;margin:0}.dark-mode .section-header p{color:#94a3b8}.plans-grid{grid-gap:2rem;align-items:stretch;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:4rem;max-width:100%;position:relative;z-index:1}.plan-card,.plans-grid>.plan-card{display:flex;flex-direction:column;height:100%}.plan-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #1e40af26;border-radius:1.25rem;box-shadow:0 4px 20px #1e40af1a;cursor:pointer;min-height:550px;overflow:visible;padding:2.5rem 2rem 2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.plan-card:before{background:linear-gradient(90deg,#0000,#2563eb4d,#0000);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.plan-card:hover:before{opacity:1}.plan-card:hover{border-color:#2563eb66;box-shadow:0 12px 40px #1e40af26;transform:translateY(-8px) scale(1.02)}.plan-card.selected{background:#fff;border-color:#1e3a8a;box-shadow:0 0 0 4px #1e40af26,0 12px 40px #1e40af40}.plan-card.selected:before{background:linear-gradient(90deg,#1e3a8a,#2563eb,#3b82f6);opacity:1}.plan-card.popular{border-color:#1e40af66;box-shadow:0 0 0 3px #1e40af1a,0 8px 30px #1e40af33}.dark-mode .plan-card{background:#1e293bf2;border-color:#3b82f633;box-shadow:0 4px 20px #0000004d;color:#f1f5f9}.dark-mode .plan-card:hover{border-color:#3b82f666;box-shadow:0 12px 40px #3b82f633}.dark-mode .plan-card.selected{background:#1e293b;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626,0 12px 40px #3b82f640}.dark-mode .plan-card.selected:before{background:linear-gradient(90deg,#1e40af,#2563eb,#3b82f6)}.dark-mode .plan-card.popular{border-color:#3b82f666;box-shadow:0 0 0 3px #3b82f61a,0 8px 30px #3b82f626}.popular-badge{background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:2rem;box-shadow:0 4px 12px #1e40af4d;color:#fff;font-size:.75rem;font-weight:700;left:50%;letter-spacing:.5px;line-height:1.2;min-width:140px;padding:.375rem 1.5rem;position:absolute;text-align:center;text-transform:uppercase;top:-.5rem;transform:translateX(-50%);white-space:nowrap;z-index:10}.dark-mode .popular-badge{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d}.plan-icon{font-size:3rem;margin-bottom:1rem;text-align:center}.plan-card h3{color:#111827;font-size:1.5rem;font-weight:800;margin-bottom:.5rem;text-align:center}.dark-mode .plan-card h3{color:#f1f5f9}.plan-duration{color:#374151;font-weight:600;margin-bottom:1.5rem;text-align:center}.dark-mode .plan-duration{color:#94a3b8}.plan-pricing{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.75rem;margin-bottom:1rem;padding:1rem;position:relative}.dark-mode .plan-pricing{background:#0f172a80;border-color:#3b82f633}.plan-pricing.urgent{background:#eee;border-color:#d3d3d3}.dark-mode .plan-pricing.urgent{background:#0f172a99;border-color:#3b82f640}.price-label{color:#6b6b6b;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.price{color:#2c2c2c;font-size:1.5rem;font-weight:700}.dark-mode .price{color:#f1f5f9}.original-price{color:#6b6b6b;font-size:.875rem;margin-top:.25rem;text-decoration:line-through}.dark-mode .original-price{color:#64748b}.discount-badge{background:linear-gradient(135deg,#1e3a8a,#2563eb);border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;position:absolute;right:-8px;top:-8px}.dark-mode .discount-badge{background:linear-gradient(135deg,#3b82f6,#2563eb)}.plan-features{flex:1 1;margin-bottom:1.5rem}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{align-items:flex-start;color:#2c2c2c;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;line-height:1.4;margin-bottom:.5rem}.dark-mode .plan-features li{color:#e2e8f0}.feature-icon{color:#1e3a8a;flex-shrink:0;font-weight:700}.dark-mode .feature-icon{color:#60a5fa}.select-plan-btn{background:linear-gradient(135deg,#1e3a8a,#2563eb);border:none;border-radius:.5rem;box-shadow:0 4px 12px #1e40af40;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.select-plan-btn:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 6px 16px #1e40af59;transform:translateY(-2px)}.select-plan-btn.selected{background:#3b82f6}.select-plan-btn.selected:hover{background:#2563eb}.dark-mode .select-plan-btn{background:linear-gradient(135deg,#1e3a8a,#2563eb);box-shadow:0 4px 12px #3b82f640}.dark-mode .select-plan-btn:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 6px 16px #3b82f659}.dark-mode .select-plan-btn.selected{background:#3b82f6}.dark-mode .select-plan-btn.selected:hover{background:#2563eb}.delivery-options{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:3rem}.delivery-card{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #1e40af26;border-radius:1.25rem;box-shadow:0 4px 16px #1e40af1a;cursor:pointer;display:flex;gap:1.25rem;height:100%;min-height:140px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.delivery-card:hover{background:#fff;border-color:#1e40af4d;box-shadow:0 8px 24px #1e40af26;transform:translateY(-4px)}.delivery-card.selected{background:linear-gradient(135deg,#f0f9ffe6,#fffffff2);border-color:#1e3a8a;box-shadow:0 0 0 3px #1e40af26,0 8px 24px #1e40af33}.dark-mode .delivery-card{background:#1e293bf2;border-color:#3b82f633;box-shadow:0 4px 12px #0000004d}.dark-mode .delivery-card:hover{border-color:#3b82f666;box-shadow:0 8px 24px #3b82f633}.dark-mode .delivery-card.selected{background:#1e293b;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626,0 8px 24px #3b82f640}.delivery-icon{flex-shrink:0;font-size:2rem}.delivery-content{flex:1 1}.delivery-content h3{color:#2c2c2c;font-size:1.125rem;font-weight:700;margin-bottom:.25rem}.dark-mode .delivery-content h3{color:#f1f5f9}.delivery-content p{color:#6b6b6b;font-size:.875rem;margin-bottom:.5rem}.dark-mode .delivery-content p{color:#94a3b8}.delivery-price{color:#1e3a8a;font-size:1rem;font-weight:600}.dark-mode .delivery-price{color:#60a5fa}.delivery-radio input[type=radio]{accent-color:#1e3a8a;cursor:pointer;height:1.25rem;width:1.25rem}.dark-mode .delivery-radio input[type=radio]{accent-color:#3b82f6}.address-section{margin-bottom:4rem}.address-form{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e2e8f0cc;border-radius:1rem;box-shadow:0 8px 32px #1e40af1a;padding:2.5rem}.dark-mode .address-form{background:#1e293bf2;border-color:#3b82f633}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.form-row:last-child{margin-bottom:0}.form-group label{color:#374151;font-weight:600}.dark-mode .form-group label{color:#e2e8f0}.form-group input,.form-group textarea{border:2px solid #e5e7eb;color:#111827;font-family:inherit;transition:all .2s ease}.dark-mode .form-group input,.dark-mode .form-group textarea{background:#0f172a80;border-color:#3b82f633;color:#f1f5f9}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.dark-mode .form-group input:focus,.dark-mode .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.dark-mode .form-group input::placeholder,.dark-mode .form-group textarea::placeholder{color:#64748b}.form-group textarea{min-height:80px;resize:vertical}.current-subscriptions-section{margin-bottom:4rem;position:relative;z-index:1}.subscriptions-grid{grid-gap:.5rem;align-items:stretch;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.subscription-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#dbeafe99,#bfdbfe66);border:1px solid #60a5fa4d;border-radius:.5rem;box-shadow:0 2px 8px #3b82f626;cursor:pointer;display:flex;flex-direction:column;height:100%;min-height:70px;overflow:hidden;padding:.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.subscription-card:before{background:linear-gradient(90deg,#60a5fa,#3b82f6);box-shadow:0 1px 4px #60a5fa66;content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.subscription-card:hover{background:linear-gradient(135deg,#dbeafecc,#bfdbfe99);border-color:#60a5fa80;box-shadow:0 4px 8px #60a5fa40;transform:translateY(-2px)}.subscription-card:hover:before{opacity:1}.subscription-header{gap:.375rem;margin-bottom:.375rem;width:100%}.subscription-header,.subscription-icon{align-items:center;display:flex;flex-shrink:0}.subscription-icon{background:linear-gradient(135deg,#60a5fa,#3b82f6);border:1px solid #ffffff4d;border-radius:.375rem;box-shadow:0 1px 4px #60a5fa4d,inset 0 1px 0 #fff3;color:#fff;font-size:.75rem;height:24px;justify-content:center;transition:all .3s ease;width:24px}.subscription-info{display:flex;flex:1 1;flex-direction:column;gap:.125rem;min-width:0;overflow:hidden;width:100%}.subscription-info h3{color:#1e40af;font-size:.625rem;font-weight:700;line-height:1.2;margin:0;overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;width:100%}.subscription-duration{color:#3b82f6;font-size:.5rem;font-weight:600;margin:0}.subscription-details{border-top:1px solid #93c5fd4d;display:flex;flex-direction:column;flex-shrink:0;gap:.25rem;margin-top:auto;padding-top:.375rem;width:100%}.detail-row{font-size:.5625rem;gap:.25rem;line-height:1.3;min-height:.875rem}.detail-row span:first-child{color:#3b82f6;flex-shrink:0;font-weight:600;white-space:nowrap}.detail-row span:last-child{color:#1e40af;flex:1 1;font-weight:700;min-width:0;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.detail-row .amount{color:#1e40af;font-size:.625rem;font-weight:700}.detail-row .order-id{color:#60a5fa;font-size:.5625rem;font-weight:600}.dark-mode .subscription-card{background:linear-gradient(135deg,#1e3a8a4d,#2563eb33);border-color:#60a5fa4d;box-shadow:0 2px 8px #60a5fa26}.dark-mode .subscription-card:hover{background:linear-gradient(135deg,#1e3a8a66,#2563eb4d);border-color:#60a5fa80;box-shadow:0 4px 8px #60a5fa40}.dark-mode .subscription-card:before{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.dark-mode .subscription-icon{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 1px 4px #60a5fa4d}.dark-mode .subscription-info h3{color:#93c5fd}.dark-mode .subscription-duration{color:#60a5fa}.dark-mode .subscription-details{border-top-color:#60a5fa4d}.dark-mode .detail-row span:first-child{color:#60a5fa}.dark-mode .detail-row .amount,.dark-mode .detail-row span:last-child{color:#93c5fd}.dark-mode .detail-row .order-id{color:#60a5fa}.order-summary-section{margin-bottom:4rem}.order-summary-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #1e40af26;border-radius:1.25rem;box-shadow:0 4px 20px #1e40af1a;margin-bottom:2rem;padding:2rem}.dark-mode .order-summary-card{background:#1e293bf2;border-color:#3b82f633;box-shadow:0 4px 20px #0000004d}.summary-row{border-bottom:1px solid #e2e8f0cc;color:#1e293b}.dark-mode .summary-row{border-bottom-color:#3b82f61a;color:#e2e8f0}.summary-row.total{border-top:2px solid #1e40af33;color:#1e293b}.dark-mode .summary-row.total{border-top-color:#3b82f633;color:#f1f5f9}.proceed-payment-btn{background:linear-gradient(135deg,#1e3a8a,#2563eb);border:none;border-radius:.75rem;box-shadow:0 4px 16px #1e40af4d;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.proceed-payment-btn:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 6px 24px #1e40af66;transform:translateY(-2px)}.proceed-payment-btn:disabled{background:#6b6b6b;cursor:not-allowed;transform:none}.dark-mode .proceed-payment-btn{background:linear-gradient(135deg,#1e3a8a,#2563eb);box-shadow:0 4px 16px #3b82f64d}.dark-mode .proceed-payment-btn:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 6px 24px #3b82f666}.toggle-history-btn{background:#1e40af1a;border:2px solid #1e40af4d;border-radius:.5rem;color:#1e3a8a;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.toggle-history-btn:hover{background:#1e40af33;border-color:#1e40af80}.dark-mode .toggle-history-btn{background:#1e293bcc;border-color:#3b82f64d;color:#60a5fa}.dark-mode .toggle-history-btn:hover{background:#1e293b;border-color:#3b82f680}.history-content{margin-top:2rem}.no-orders{color:#6b6b6b;padding:3rem;text-align:center}.dark-mode .no-orders{color:#94a3b8}.orders-list{display:flex;flex-direction:column;gap:1rem}.order-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:2px solid #1e40af26;box-shadow:0 4px 16px #1e40af1a;padding:1.5rem}.order-item:hover{box-shadow:0 8px 24px #1e40af26;transform:translateY(-2px)}.dark-mode .order-item{background:#1e293bf2;border-color:#3b82f633;box-shadow:0 4px 16px #0000004d}.dark-mode .order-item:hover{box-shadow:0 8px 24px #3b82f633}.order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.order-id{color:#2c2c2c;font-weight:600}.dark-mode .order-id{color:#f1f5f9}.order-status{border-radius:1rem;font-weight:500;padding:.25rem .75rem}.order-status.pending{background:#f5f5f5;color:#6b6b6b}.dark-mode .order-status.pending{background:#37415180;color:#9ca3af}.order-status.confirmed{background:#dbeafecc;color:#1e40af}.dark-mode .order-status.confirmed{background:#1e3a8a4d;color:#60a5fa}.order-status.delivered{background:#dcfce7cc;color:#16a34a}.dark-mode .order-status.delivered{background:#14532d4d;color:#4ade80}.order-details{align-items:center;display:flex;justify-content:space-between}.order-info{display:flex;flex-direction:column;gap:.25rem}.order-info span{color:#6b6b6b;font-size:.875rem}.dark-mode .order-info span{color:#94a3b8}.order-date{color:#6b6b6b;font-size:.875rem}@media (max-width:1024px){.plans-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.top-right-buttons{gap:.5rem;right:1rem;top:1rem}.dark-mode-toggle{height:44px;width:44px}.toggle-icon{height:20px;width:20px}.back-button-top{font-size:.875rem;padding:.5rem 1rem}.container{padding:0 1rem}.plans-grid{gap:1.5rem}.delivery-options,.plans-grid{grid-template-columns:1fr}.header-layout{flex-direction:column}.header-content,.header-layout{text-align:center}.plan-card{min-height:500px;padding:2rem 1.5rem 1.5rem}.address-form{padding:1.5rem}.form-row{gap:1rem;grid-template-columns:1fr}.subscriptions-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.subscription-card{min-height:65px;padding:.5rem}.subscription-header{gap:.375rem;margin-bottom:.375rem}.subscription-icon{font-size:.6875rem;height:20px;width:20px}.subscription-info h3{font-size:.5625rem}.subscription-duration{font-size:.5rem}.subscription-details{gap:.25rem;padding-top:.375rem}.detail-row{font-size:.5rem;gap:.25rem}}@media (max-width:480px){.top-right-buttons{gap:.5rem;right:.75rem;top:.75rem}.dark-mode-toggle{height:40px;width:40px}.toggle-icon{height:18px;width:18px}.back-button-top{font-size:.8125rem;padding:.5rem .875rem}.back-button-top span{display:none}.header-content h1{font-size:1.75rem}.section-header h2{font-size:1.5rem}.plan-card{min-height:450px;padding:1.75rem 1.25rem 1.25rem}.address-form{padding:1.25rem}.subscriptions-grid{gap:.5rem;grid-template-columns:1fr}.subscription-card{min-height:60px;padding:.5rem}.subscription-header{gap:.375rem;margin-bottom:.375rem}.subscription-icon{font-size:.6875rem;height:20px;width:20px}.subscription-info h3{font-size:.5625rem}.subscription-duration{font-size:.5rem}}.back-button-top:focus-visible,.dark-mode-toggle:focus-visible,.delivery-card:focus-visible,.plan-card:focus-visible,.proceed-payment-btn:focus-visible{outline:3px solid #2563eb;outline-offset:2px}.dark-mode .back-button-top:focus-visible,.dark-mode .dark-mode-toggle:focus-visible,.dark-mode .delivery-card:focus-visible,.dark-mode .plan-card:focus-visible,.dark-mode .proceed-payment-btn:focus-visible{outline-color:#3b82f6}.payment-page{background:#f5f5f5;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:2rem 0}.container{max-width:1000px}.payment-header{margin-bottom:3rem;text-align:center}.back-button{background:#2c2c2c;border:1px solid #2c2c2c;border-radius:.5rem;display:inline-flex;font-weight:500;gap:.5rem;margin-bottom:2rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.back-button:hover{background:#1a1a1a;color:#fff}.payment-header h1{color:#2c2c2c;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.payment-header p{color:#6b6b6b;font-size:1.125rem;margin:0}.payment-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 2fr}.order-summary-section{background:#fafafa;border:1px solid #d3d3d3;border-radius:1rem;height:-webkit-fit-content;height:fit-content;padding:2rem}.order-summary-section h2{color:#2c2c2c;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.summary-card{background:#fff;border:1px solid #e5e5e5;border-radius:.75rem;padding:1.5rem}.summary-row{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:.75rem 0}.summary-row:last-child{border-bottom:none}.summary-row.total{border-top:2px solid #d3d3d3;color:#2c2c2c;font-size:1.125rem;font-weight:700;margin-top:.5rem;padding-top:1rem}.summary-row span:first-child{color:#6b6b6b;font-weight:500}.summary-row span:last-child{color:#2c2c2c;font-weight:600}.payment-form-section{background:#fafafa;border:1px solid #d3d3d3;border-radius:1rem;padding:2rem}.payment-form-section h2{color:#2c2c2c;font-size:1.5rem;font-weight:700;margin-bottom:2rem}.payment-methods{margin-bottom:2rem}.payment-methods h3{color:#2c2c2c;font-size:1.25rem;font-weight:600;margin-bottom:1rem}.method-options{display:flex;flex-direction:column;gap:1rem}.method-option{align-items:center;background:#fff;border:2px solid #d3d3d3;border-radius:.75rem;cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .2s ease}.method-option:hover{border-color:#8b4513}.method-option.selected{background:#f5f5f5;border-color:#8b4513}.method-option input[type=radio]{accent-color:#8b4513;height:1.25rem;width:1.25rem}.method-content{align-items:center;display:flex;flex:1 1;gap:1rem}.method-icon{font-size:1.5rem}.method-info{display:flex;flex-direction:column}.method-name{color:#2c2c2c;font-size:1rem;font-weight:600}.method-desc{color:#6b6b6b;font-size:.875rem}.bank-transfer,.card-details,.mobile-banking{background:#fff;border:1px solid #e5e5e5;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.bank-transfer h3,.card-details h3,.mobile-banking h3{color:#2c2c2c;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:1/-1}.form-group label{color:#2c2c2c;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{border:1px solid #d3d3d3;border-radius:.5rem;font-size:1rem;padding:.75rem;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{border-color:#8b4513;box-shadow:0 0 0 3px #8b45131a;outline:none}.payment-instructions{margin-bottom:1.5rem}.instruction-card{background:#f5f5f5;border:1px solid #e5e5e5;border-radius:.5rem;padding:1rem}.instruction-card h4{color:#2c2c2c;font-weight:600;margin-bottom:.5rem}.instruction-card ol{margin:0;padding-left:1.5rem}.instruction-card li{color:#6b6b6b;margin-bottom:.25rem}.bank-details{display:flex;flex-direction:column;gap:1.5rem}.bank-info{background:#f5f5f5;border:1px solid #e5e5e5;border-radius:.5rem;padding:1rem}.bank-info h4{color:#2c2c2c;font-weight:600;margin-bottom:.5rem}.bank-info p{color:#6b6b6b;font-size:.875rem;margin:.25rem 0}.billing-address{background:#fff;border:1px solid #e5e5e5;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem}.billing-address h3{color:#2c2c2c;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.security-notice{align-items:center;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:.5rem;display:flex;gap:1rem;margin-bottom:2rem;padding:1rem}.security-icon{font-size:1.5rem}.security-content h4{color:#2c2c2c;font-weight:600;margin-bottom:.25rem}.security-content p{color:#6b6b6b;font-size:.875rem;margin:0}.pay-now-btn{background:#2c2c2c;border:none;border-radius:.75rem;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2rem;transition:all .2s ease;width:100%}.pay-now-btn:hover{background:#1a1a1a}.pay-now-btn:disabled{background:#6b6b6b;cursor:not-allowed}@media (max-width:768px){.payment-content{gap:2rem}.form-grid,.payment-content{grid-template-columns:1fr}.container{padding:0 1rem}.payment-header h1{font-size:2rem}}.success-page{background:#f5f5f5;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;padding:2rem 0}.container{margin:0 auto;max-width:800px;padding:0 2rem}.success-header{margin-bottom:3rem;text-align:center}.success-icon{font-size:4rem;margin-bottom:1rem}.success-header h1{color:#2c2c2c;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.success-header p{color:#6b6b6b;font-size:1.125rem;margin:0}.order-details-section{margin-bottom:3rem}.order-details-section h2{color:#2c2c2c;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.order-details-card{background:#fafafa;border:1px solid #d3d3d3;border-radius:1rem;padding:2rem}.detail-row{align-items:center;border-bottom:1px solid #e5e5e5;display:flex;justify-content:space-between;padding:.75rem 0}.detail-row:last-child{border-bottom:none}.detail-row.total{border-top:2px solid #d3d3d3;color:#2c2c2c;font-size:1.125rem;font-weight:700;margin-top:.5rem;padding-top:1rem}.detail-row .label{color:#6b6b6b;font-weight:500}.detail-row .value{color:#2c2c2c;font-weight:600}.tracking-section{margin-bottom:3rem}.tracking-section h2{color:#2c2c2c;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.tracking-steps{display:flex;flex-direction:column;gap:1.5rem}.tracking-step{align-items:flex-start;background:#fafafa;border:1px solid #d3d3d3;border-radius:1rem;display:flex;gap:1rem;padding:1.5rem;position:relative}.tracking-step.completed{background:#f0f9ff;border-color:#0369a1}.tracking-step.pending{background:#f5f5f5;border-color:#d3d3d3}.step-icon{align-items:center;background:#fff;border:2px solid #d3d3d3;border-radius:50%;display:flex;flex-shrink:0;font-size:1.5rem;height:2.5rem;justify-content:center;width:2.5rem}.tracking-step.completed .step-icon{background:#0369a1;border-color:#0369a1;color:#fff}.step-content{flex:1 1}.step-content h3{color:#2c2c2c;font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.step-content p{color:#6b6b6b;margin-bottom:.5rem}.step-time{color:#8b4513;font-size:.875rem;font-weight:500}.contact-section{margin-bottom:3rem}.contact-section h2{color:#2c2c2c;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.contact-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.contact-card{background:#fafafa;border:1px solid #d3d3d3;border-radius:1rem;padding:1.5rem;text-align:center;transition:all .2s ease}.contact-card:hover{border-color:#8b4513;box-shadow:0 4px 12px #8b451326}.contact-icon{font-size:2rem;margin-bottom:1rem}.contact-content h3{color:#2c2c2c;font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.contact-content p{color:#6b6b6b;font-weight:500;margin-bottom:.5rem}.contact-content span{color:#8b4513;font-size:.875rem;font-weight:500}.action-buttons{display:flex;gap:1rem;justify-content:center}.btn-primary,.btn-secondary{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.btn-primary{background:#2c2c2c}.btn-primary:hover{background:#1a1a1a}.btn-secondary{background:#6b6b6b}.btn-secondary:hover{background:#5a5a5a}.error-message{background:#fafafa;border:1px solid #d3d3d3;padding:3rem;text-align:center}.error-message h2{color:#2c2c2c;margin-bottom:1rem}.error-message p{color:#6b6b6b;margin-bottom:2rem}.error-message button{background:#2c2c2c;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.error-message button:hover{background:#1a1a1a}@media (max-width:768px){.contact-cards{grid-template-columns:1fr}.action-buttons{flex-direction:column}.container{padding:0 1rem}.success-header h1{font-size:2rem}.tracking-step{padding:1rem}}.dashboard-buttons-container{align-items:center;background:#0000;display:flex;flex-direction:row;gap:.75rem;pointer-events:none;position:fixed!important;right:15px!important;top:15px!important;z-index:1001!important}.dashboard-buttons-container>*{pointer-events:auto}@media (max-width:768px){.dashboard-buttons-container{align-items:flex-end!important;flex-direction:column!important;gap:.5rem!important;position:fixed!important;right:15px!important;top:15px!important}.cart-btn,.dashboard-btn{font-size:.85rem!important;max-width:130px;min-width:100px;overflow:hidden;padding:.65rem 1rem!important;text-overflow:ellipsis;white-space:nowrap;width:auto}}@media (max-width:640px){.dashboard-buttons-container{gap:.45rem!important;right:12px!important;top:12px!important}.cart-btn,.dashboard-btn{font-size:.8rem!important;max-width:120px;min-width:95px;padding:.6rem .9rem!important}}@media (max-width:480px){.dashboard-buttons-container{gap:.4rem!important;right:10px!important;top:10px!important}.cart-btn,.dashboard-btn{font-size:.75rem!important;max-width:110px;min-width:90px;padding:.55rem .85rem!important}}@media (max-width:360px){.dashboard-buttons-container{gap:.35rem!important;right:8px!important;top:8px!important}.cart-btn,.dashboard-btn{font-size:.7rem!important;max-width:100px;min-width:85px;padding:.5rem .75rem!important}}.checkout-page{min-height:100vh;transition:background-color .3s ease,color .3s ease}.checkout-page.light-mode{background:#fff;color:#1a1a1a}.checkout-page.dark-mode{background:linear-gradient(135deg,#0f1419,#1a1f2e);color:#e5e7eb}.dark-mode-toggle-checkout{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:fixed!important;right:420px;top:20px;transition:all .3s ease;width:50px;z-index:1000}.dark-mode-toggle-checkout:hover{box-shadow:0 6px 20px #00000026;transform:scale(1.1)}.dark-mode-toggle-checkout .toggle-icon{color:#1e3a8a;height:24px;width:24px}.dark-mode .dark-mode-toggle-checkout{background:#1e293bf2}.dark-mode .dark-mode-toggle-checkout .toggle-icon{color:#fbbf24}@media (max-width:1024px){.dark-mode-toggle-checkout{font-size:1.3rem;height:46px;right:320px;width:46px}}@media (max-width:768px){.dark-mode-toggle-checkout{font-size:1.2rem;height:42px;position:fixed!important;right:15px;top:100px;width:42px;z-index:999}}@media (max-width:640px){.dark-mode-toggle-checkout{font-size:1.1rem;height:40px;position:fixed!important;right:15px;top:105px;width:40px;z-index:999}}@media (max-width:480px){.dark-mode-toggle-checkout{font-size:1rem;height:38px;position:fixed!important;right:15px;top:110px;width:38px;z-index:999}}.checkout-header{animation:slideDown .6s ease-out,headerGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#1e3a8a,#1e40af 50%,#2563eb);border-bottom:1px solid #ffffff1a;box-shadow:0 10px 30px #1e40af4d;box-sizing:border-box;margin-bottom:2rem;overflow:hidden;padding-bottom:2rem;padding-right:380px;padding-top:2.5rem;position:relative;width:100%}.checkout-header:before{background:radial-gradient(circle at 20% 50%,#3b82f633,#0000 50%),radial-gradient(circle at 80% 50%,#2563eb33,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.checkout-header.dark-mode{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155)}.checkout-header-content{margin:0 auto;max-width:1400px;padding:2.5rem 2rem;position:relative;z-index:1}@media (max-width:768px){.checkout-header-content{padding:2rem 1rem}}.checkout-header h1{word-wrap:break-word;align-items:center;color:#fff;display:flex;font-size:3rem;font-weight:900;gap:1.25rem;letter-spacing:-.03em;margin-bottom:.75rem;overflow-wrap:break-word;text-shadow:0 4px 15px #0000004d}.checkout-header h1 span{animation:float 3s ease-in-out infinite,iconBounce 4s ease-in-out infinite;display:inline-block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));font-size:3.5rem;transition:all .3s ease}.checkout-header:hover h1 span{animation:float 2s ease-in-out infinite,iconBounce 2s ease-in-out infinite;transform:scale(1.1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes headerGlow{0%,to{box-shadow:0 10px 30px #1e40af4d}50%{box-shadow:0 10px 40px #1e40af80,0 0 20px #3b82f64d}}@keyframes cardSlideIn{0%{opacity:0;transform:translateX(-30px) scale(.95)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes cardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes cardPulse{0%,to{box-shadow:0 35px 90px #3b82f64d,0 18px 45px #0000001f,0 6px 18px #0000001a,inset 0 1px 0 #ffffffb3,0 0 30px #3b82f633}50%{box-shadow:0 40px 100px #3b82f666,0 20px 50px #00000026,0 8px 20px #0000001f,inset 0 1px 0 #fffc,0 0 40px #3b82f64d}}@keyframes iconBounce{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-3px) rotate(-5deg)}75%{transform:translateY(-3px) rotate(5deg)}}.checkout-header p{color:#fffffff2;font-size:1.25rem;font-weight:500;letter-spacing:.01em}.checkout-container{box-sizing:border-box;margin:0 auto;max-width:1600px;padding:0 2rem 3rem;width:100%}@media (max-width:768px){.checkout-container{padding:0 1rem 2rem}}.checkout-card{animation:cardSlideIn .8s ease-out,cardFloat 4s ease-in-out infinite;animation-delay:.2s;animation-fill-mode:both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#eff6ffd9);border:2.5px solid #60a5fa59;border-radius:1.5rem;box-shadow:0 20px 60px #3b82f626,0 8px 25px #00000014,0 2px 10px #0000000d,inset 0 1px 0 #fff9;margin-bottom:2rem;min-height:auto;overflow:hidden;padding:2.5rem;position:relative;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.checkout-card:before{background:linear-gradient(90deg,#60a5fa,#3b82f6 30%,#2563eb 60%,#1d4ed8);border-radius:1.5rem 1.5rem 0 0;box-shadow:0 2px 8px #3b82f64d;content:"";height:5px;left:0;opacity:.9;position:absolute;right:0;top:0}.checkout-card:after{background:radial-gradient(circle,#3b82f614 0,#0000 70%);content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;transition:opacity .5s ease;width:200%}.checkout-card:hover{animation:cardPulse 1.5s ease-in-out infinite;border-color:#3b82f6bf;box-shadow:0 35px 90px #3b82f64d,0 18px 45px #0000001f,0 6px 18px #0000001a,inset 0 1px 0 #ffffffb3,0 0 30px #3b82f633;transform:translateY(-8px) scale(1.02) rotate(.5deg)}.checkout-card:hover:after{opacity:1}.checkout-card:hover:before{height:5px;opacity:1}.dark-mode .checkout-card{background:linear-gradient(135deg,#1e293bf2,#1e3a8a66);border-color:#60a5fa66;box-shadow:0 6px 20px #3b82f640,0 2px 8px #0000004d}.dark-mode .checkout-card:before{background:linear-gradient(90deg,#3b82f6,#2563eb 50%,#1d4ed8)}.dark-mode .checkout-card:hover{border-color:#60a5fa99;box-shadow:0 12px 35px #60a5fa66,0 4px 12px #0006}.checkout-card-header{align-items:center;border-bottom:3px solid #60a5fa59;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.25rem;position:relative}.checkout-card-header:after{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:0 0 3px 3px;bottom:-3px;content:"";height:3px;left:0;position:absolute;width:60px}.checkout-card-title{align-items:center;color:#1e3a8a;display:flex;font-size:1.75rem;font-weight:800;gap:1rem;letter-spacing:-.02em}.dark-mode .checkout-card-title{color:#93c5fd}.checkout-card-icon{animation:iconBounce 3s ease-in-out infinite;color:#2563eb;filter:drop-shadow(0 2px 4px rgba(37,99,235,.3));font-size:2rem;transition:all .3s ease}.checkout-card:hover .checkout-card-icon{animation:iconBounce 1s ease-in-out infinite;transform:scale(1.1)}.dark-mode .checkout-card-icon{color:#60a5fa}.checkout-form-field{margin-bottom:1.5rem}.checkout-form-field label{color:#1e3a8a;display:block;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.dark-mode .checkout-form-field label{color:#93c5fd}.checkout-form-field input,.checkout-form-field textarea{background:#fffffff2;border:2.5px solid #60a5fa4d;border-radius:.875rem;box-shadow:0 2px 8px #3b82f614;box-sizing:border-box;color:#1e293b;font-size:1.05rem;padding:1rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.checkout-form-field input:focus,.checkout-form-field textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626,0 4px 12px #3b82f633;outline:none;transform:translateY(-1px)}.dark-mode .checkout-form-field input,.dark-mode .checkout-form-field textarea{background:#1e293b99;border-color:#60a5fa4d;color:#e2e8f0}.dark-mode .checkout-form-field input:focus,.dark-mode .checkout-form-field textarea:focus{background:#1e293bcc;border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.checkout-form-field textarea{min-height:100px;resize:vertical}.checkout-switch{align-items:center;display:flex;gap:.75rem}.checkout-switch-label{color:#1e3a8a;font-size:.95rem;font-weight:600}.dark-mode .checkout-switch-label{color:#93c5fd}.checkout-toggle-switch{display:inline-block;height:28px;position:relative;width:56px}.checkout-toggle-switch input{height:0;opacity:0;width:0}.checkout-toggle-slider{background-color:#cbd5e1;border-radius:28px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.checkout-toggle-slider:before{background-color:#fff;border-radius:50%;bottom:4px;box-shadow:0 2px 4px #0003;content:"";height:20px;left:4px;position:absolute;transition:.3s;width:20px}.checkout-toggle-switch input:checked+.checkout-toggle-slider{background:linear-gradient(135deg,#3b82f6,#2563eb)}.checkout-toggle-switch input:checked+.checkout-toggle-slider:before{transform:translateX(28px)}.checkout-toggle-switch input:disabled+.checkout-toggle-slider{background-color:#e2e8f0;cursor:not-allowed;opacity:.6}.dark-mode .checkout-toggle-slider{background-color:#4a5568}.dark-mode .checkout-toggle-switch input:checked+.checkout-toggle-slider{background:linear-gradient(135deg,#60a5fa,#3b82f6)}.dark-mode .checkout-toggle-switch input:disabled+.checkout-toggle-slider{background-color:#374151}.checkout-btn{align-items:center;border:none;border-radius:.875rem;box-shadow:0 8px 20px #1e40af4d,0 3px 10px #0000001a;cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:700;gap:.75rem;justify-content:center;letter-spacing:.01em;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .4s cubic-bezier(.34,1.56,.64,1)}.checkout-btn:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.checkout-btn:hover:before{height:300px;width:300px}.checkout-btn-primary{background:linear-gradient(135deg,#1e3a8a,#2563eb);color:#fff}.checkout-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);box-shadow:0 12px 30px #1e40af73,0 5px 15px #00000026;transform:translateY(-3px) scale(1.02)}.checkout-btn-primary:active{transform:translateY(-1px) scale(.98)}.checkout-btn-secondary{background:linear-gradient(135deg,#475569,#64748b);color:#fff}.checkout-btn-secondary:hover{box-shadow:0 6px 20px #47556966;transform:translateY(-2px)}.checkout-btn-outline{background:#0000;border:2px solid #3b82f6;color:#3b82f6}.checkout-btn-outline:hover{background:#3b82f61a;transform:translateY(-2px)}.dark-mode .checkout-btn-outline{border-color:#60a5fa;color:#60a5fa}.dark-mode .checkout-btn-outline:hover{background:#60a5fa33}.order-summary-card{animation:cardSlideIn .8s ease-out,cardFloat 4s ease-in-out infinite;animation-delay:.4s;animation-fill-mode:both;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#eff6ffe6);border:3px solid #60a5fa66;border-radius:1.75rem;box-shadow:0 25px 70px #3b82f633,0 10px 30px #0000001a,0 3px 12px #0000000f,inset 0 1px 0 #fff9;overflow:hidden;padding:2.75rem;position:-webkit-sticky;position:sticky;top:24px;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.order-summary-card:before{background:linear-gradient(90deg,#60a5fa,#3b82f6 30%,#2563eb 60%,#1d4ed8);border-radius:1.75rem 1.75rem 0 0;box-shadow:0 3px 10px #3b82f666;content:"";height:6px;left:0;opacity:1;position:absolute;right:0;top:0}.order-summary-card:after{background:radial-gradient(circle,#3b82f61f 0,#0000 60%);content:"";height:150%;pointer-events:none;position:absolute;right:-30%;top:-30%;width:150%}.dark-mode .order-summary-card{background:linear-gradient(135deg,#1e293bfa,#1e3a8a80);border-color:#60a5fa73;box-shadow:0 25px 70px #60a5fa40,0 10px 30px #0000004d,0 3px 12px #0003}.dark-mode .order-summary-card:hover{box-shadow:0 35px 90px #60a5fa4d,0 15px 40px #0006,0 5px 15px #0000004d}.order-summary-items{margin-bottom:1.5rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.order-summary-items::-webkit-scrollbar{width:6px}.order-summary-items::-webkit-scrollbar-track{background:#dbeafe4d;border-radius:10px}.order-summary-items::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:10px}.order-summary-items::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.order-item{background:linear-gradient(135deg,#fffffff2,#eff6ffcc);border:2px solid #60a5fa4d;border-radius:1rem;box-shadow:0 4px 12px #3b82f626,0 2px 6px #0000000d;gap:1.25rem;margin-bottom:1rem;padding:1.25rem}.order-item:hover{border-color:#60a5fa80;box-shadow:0 6px 18px #3b82f633,0 3px 8px #00000014;transform:translateX(4px)}.dark-mode .order-item{background:linear-gradient(135deg,#1e293bb3,#1e3a8a66);border-color:#60a5fa59}.dark-mode .order-item:hover{border-color:#60a5fa8c;box-shadow:0 6px 18px #60a5fa40,0 3px 8px #0003}.order-item-image{border:3px solid #60a5fa66;border-radius:1rem;box-shadow:0 4px 12px #3b82f633;height:80px;width:80px}.order-item:hover .order-item-image{border-color:#60a5fa99;box-shadow:0 6px 16px #3b82f64d;transform:scale(1.05)}.order-item-name{font-size:1.05rem;font-weight:700;line-height:1.4;margin-bottom:.5rem}.order-item-meta{font-size:.85rem}.order-item-price{font-size:1.15rem;font-weight:800;white-space:nowrap}.dark-mode .order-item-price{color:#93c5fd}.price-breakdown{border-top:2px solid #60a5fa4d;margin-top:1.5rem;padding-top:1.5rem}.price-row{display:flex;font-size:.95rem;justify-content:space-between;margin-bottom:.75rem}.price-label{color:#64748b}.dark-mode .price-label{color:#94a3b8}.price-value{color:#1e3a8a;font-weight:600}.dark-mode .price-value{color:#93c5fd}.price-total{align-items:center;background:linear-gradient(135deg,#dbeafe80,#bfdbfe4d);border-radius:1rem;border-top:3px solid #60a5fa66;box-shadow:inset 0 2px 8px #3b82f61a;color:#1e3a8a;display:flex;font-size:1.5rem;font-weight:900;justify-content:space-between;letter-spacing:-.02em;margin-top:1.5rem;padding:1.5rem}.dark-mode .price-total{color:#93c5fd}.coupon-section{border-top:2px solid #60a5fa4d;margin-top:1.5rem;padding-top:1.5rem}.coupon-input-group{display:flex;gap:.75rem;margin-top:.75rem}.coupon-input{background:#ffffffe6;border:2px solid #60a5fa4d;border-radius:.75rem;color:#1e293b;flex:1 1;font-size:.95rem;padding:.75rem 1rem}.dark-mode .coupon-input{background:#1e293b99;border-color:#60a5fa4d;color:#e2e8f0}.coupon-chip{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:.75rem;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;margin-top:.75rem;padding:.5rem 1rem}.loyalty-info{background:linear-gradient(135deg,#dbeafe99,#bfdbfe66);border:1px solid #60a5fa4d;border-radius:.75rem;margin-top:1rem;padding:1rem}.dark-mode .loyalty-info{background:linear-gradient(135deg,#1e3a8a4d,#1e40af33);border-color:#60a5fa4d}.loyalty-info-text{color:#1e40af;font-size:.9rem;font-weight:600}.dark-mode .loyalty-info-text{color:#93c5fd}.loading-container{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh}.dark-mode .loading-container{background:linear-gradient(135deg,#0f1419,#1a1f2e)}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;height:8rem;width:8rem}.dark-mode .loading-spinner{border-color:#60a5fa #4a5568 #4a5568}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-cart{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;text-align:center}.dark-mode .empty-cart{background:linear-gradient(135deg,#0f1419,#1a1f2e)}.empty-cart-text{color:#6b7280;font-size:1.125rem;margin-bottom:1rem}.dark-mode .empty-cart-text{color:#9ca3af}.checkout-layout{grid-gap:2rem;align-items:start;animation:fadeInUp .8s ease-out;display:grid;gap:2rem;grid-template-columns:1.4fr 1.2fr;margin:0 auto;max-width:1600px}.checkout-left,.checkout-right{display:flex;flex-direction:column}.checkout-form-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.checkout-form-field-full{grid-column:1/-1}@media (max-width:1400px){.checkout-layout{gap:2rem;grid-template-columns:1.3fr 1.1fr;max-width:1500px}}@media (max-width:1200px){.checkout-header{padding-right:340px}.checkout-layout{gap:1.75rem;grid-template-columns:1.25fr 1.1fr;max-width:1400px}.checkout-card{padding:2rem}.order-summary-card{padding:2.25rem}}@media (max-width:1024px){.checkout-header{padding-right:280px}.checkout-layout{gap:1.5rem;grid-template-columns:1fr}.checkout-card{min-height:280px;padding:1.5rem}.order-summary-card{position:relative;top:0}.checkout-form-grid{gap:1rem;grid-template-columns:1fr}}@media (max-width:768px){.checkout-header{margin-bottom:1.5rem;padding:140px 0 1.5rem}.checkout-header-content{padding:0 1rem}.checkout-header h1{font-size:1.75rem!important;margin-right:0!important;max-width:calc(100% - 20px);padding-right:0!important;word-break:break-word}.checkout-header h1 span{font-size:2rem}.checkout-header p{font-size:.95rem;max-width:calc(100% - 20px);padding-right:0!important}.checkout-container{padding:0 1rem 1.5rem}.checkout-layout{gap:1.25rem;grid-template-columns:1fr}.checkout-card{margin-bottom:1.25rem;min-height:auto;padding:1.25rem}.checkout-card-title{font-size:1.25rem}.checkout-form-grid{gap:1rem;grid-template-columns:1fr}.checkout-form-field{margin-bottom:0}}@media (max-width:480px){.checkout-header{margin-bottom:1.25rem;margin-top:0;padding-bottom:1.25rem;padding-left:0!important;padding-right:0!important;padding-top:140px!important}.checkout-header-content{max-width:100%;padding:0 .75rem!important}.checkout-header h1{font-size:1.5rem!important;line-height:1.3;margin-right:0!important;max-width:calc(100% - 15px);padding-right:0!important}.checkout-header h1 span{font-size:1.75rem}.checkout-header p{font-size:.875rem;max-width:calc(100% - 15px);padding-right:0!important}.checkout-container{padding:0 .75rem 1.25rem}.checkout-card{border-radius:1rem;padding:1rem}.checkout-card-title{font-size:1.1rem}.checkout-card-icon{font-size:1.5rem}.checkout-form-field input,.checkout-form-field textarea{font-size:.95rem;padding:.75rem .875rem}.checkout-btn{font-size:.95rem;padding:.75rem 1.5rem}.order-item{padding:.875rem}.order-item-image{height:50px;width:50px}}@media (max-width:360px){.checkout-header{padding-right:160px}.checkout-header h1{font-size:1.35rem}.checkout-card{padding:.875rem}.checkout-card-title{font-size:1rem}}.orders-page{min-height:100vh;transition:background-color .3s ease,color .3s ease}.orders-page.light-mode{background:#fff;color:#1a1a1a}.orders-page.dark-mode{background:linear-gradient(135deg,#0f1419,#1a1f2e);color:#e5e7eb}.orders-header{background:linear-gradient(135deg,#1e3a8a,#1e40af 50%,#2563eb);border-bottom:1px solid #ffffff1a;box-shadow:0 10px 30px #1e40af4d;box-sizing:border-box;margin-bottom:2rem;overflow:hidden;padding-right:380px;position:relative;width:100%}.orders-header:before{background:radial-gradient(circle at 20% 50%,#3b82f633,#0000 50%),radial-gradient(circle at 80% 50%,#2563eb33,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.orders-header.dark-mode{background:linear-gradient(135deg,#0f172a,#1e293b 50%,#334155)}.orders-header-content{box-sizing:border-box;margin:0 auto;max-width:1280px;padding:2rem 1rem;position:relative;width:100%;z-index:1}.orders-header h1{word-wrap:break-word;align-items:center;color:#fff;display:flex;font-size:2.5rem;font-weight:800;gap:1rem;margin-bottom:.5rem;overflow-wrap:break-word;text-shadow:0 2px 10px #0003}.orders-header p{color:#ffffffe6;font-size:1.1rem;font-weight:400}.dark-mode-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:50%;box-shadow:0 4px 15px #0000001a;cursor:pointer;display:flex;font-size:1.5rem;height:50px;justify-content:center;position:fixed;right:420px;top:20px;transition:all .3s ease;width:50px;z-index:1002}.dark-mode-toggle:hover{box-shadow:0 6px 20px #00000026;transform:scale(1.1)}.dark-mode .dark-mode-toggle{background:#1e293bf2;color:#fbbf24}@media (max-width:1200px){.orders-header{padding-right:340px}.dark-mode-toggle{right:380px}}@media (max-width:1024px){.orders-header{padding-right:280px}.dark-mode-toggle{font-size:1.3rem;height:46px;right:320px;width:46px}}@media (max-width:768px){.orders-header{padding-right:140px}.dark-mode-toggle{font-size:1.2rem;height:42px;position:fixed;right:20px;top:120px;width:42px;z-index:1001}}@media (max-width:640px){.orders-header{padding-right:140px}.dark-mode-toggle{font-size:1.1rem;height:40px;right:20px;top:115px;width:40px}}@media (max-width:480px){.orders-header{padding-right:130px}.dark-mode-toggle{font-size:1rem;height:38px;position:fixed;right:15px;top:110px;width:38px;z-index:1001}}@media (max-width:360px){.orders-header{padding-right:120px}.dark-mode-toggle{font-size:.95rem;height:36px;position:fixed;right:12px;top:105px;width:36px;z-index:1001}}.orders-container{box-sizing:border-box;margin:0 auto;max-width:1280px;padding:0 1rem 2rem;width:100%}.filters-section{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #1e40af1a;border-radius:1rem;box-shadow:0 4px 15px #0000000d;margin-bottom:2rem;padding:1.5rem}.dark-mode .filters-section{background:#1e293bcc;border-color:#3b82f633}.filters-section h3{align-items:center;color:#1e3a8a;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin-bottom:1rem}.dark-mode .filters-section h3{color:#60a5fa}.filter-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.filter-btn{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:none;border-radius:.75rem;color:#475569;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s ease}.filter-btn:hover{box-shadow:0 4px 12px #1e40af33;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#1e3a8a,#2563eb);box-shadow:0 4px 15px #1e40af4d;color:#fff}.dark-mode .filter-btn{background:#33415599;color:#cbd5e1}.dark-mode .filter-btn.active{background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff}.orders-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);margin-bottom:2rem}@media (max-width:768px){.orders-grid{gap:1rem;grid-template-columns:1fr}}.order-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#dbeafeb3);border:2px solid #60a5fa66;border-radius:1.25rem;box-shadow:0 6px 20px #3b82f633,0 2px 8px #00000014,inset 0 1px 0 #ffffff80;display:flex;flex-direction:column;max-height:500px;min-height:400px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.order-card:before{background:linear-gradient(90deg,#60a5fa,#3b82f6 50%,#2563eb);content:"";height:4px;left:0;opacity:.8;position:absolute;right:0;top:0}@media (hover:hover) and (pointer:fine){.order-card:hover{background:linear-gradient(135deg,#fff,#dbeafee6);border-color:#3b82f699;box-shadow:0 12px 35px #3b82f659,0 4px 12px #0000001f,inset 0 1px 0 #fff9;transform:translateY(-6px) scale(1.02)}.order-card:hover:before{background:linear-gradient(90deg,#3b82f6,#2563eb 50%,#1d4ed8);height:5px;opacity:1}.order-item:hover{border-color:#60a5fa66;box-shadow:0 4px 10px #3b82f626,inset 0 1px 0 #fff9;transform:translateX(4px)}.order-item:hover .order-item-image{border-color:#60a5fa80;box-shadow:0 4px 12px #3b82f64d,0 2px 4px #00000026;transform:scale(1.05)}}.dark-mode .order-card{background:linear-gradient(135deg,#1e293bf2,#1e3a8a66);border-color:#60a5fa66;box-shadow:0 6px 20px #3b82f640,0 2px 8px #0000004d}.dark-mode .order-card:before{background:linear-gradient(90deg,#3b82f6,#2563eb 50%,#1d4ed8)}.dark-mode .order-card:hover{background:linear-gradient(135deg,#1e293b,#1e3a8a80);border-color:#60a5fa99;box-shadow:0 12px 35px #60a5fa66,0 4px 12px #0006}.order-header{background:linear-gradient(135deg,#fff9,#eff6ffcc);border-bottom:2px solid #60a5fa4d;padding:1.5rem;position:relative}.order-header:after{background:linear-gradient(90deg,#0000,#60a5fa80 50%,#0000);bottom:0;content:"";height:1px;left:0;position:absolute;right:0}.dark-mode .order-header{background:linear-gradient(135deg,#1e3a8a4d,#1e40af33);border-bottom-color:#60a5fa4d}.order-header-top{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem}.order-id{align-items:center;color:#1e3a8a;display:flex;font-size:1.15rem;font-weight:800;gap:.5rem;letter-spacing:-.02em;text-shadow:0 1px 2px #1e40af1a}.dark-mode .order-id{color:#93c5fd;text-shadow:0 1px 2px #93c5fd33}.order-date{color:#64748b;font-size:.85rem;font-weight:500}.dark-mode .order-date{color:#94a3b8}.order-header-bottom{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between}.order-status{align-items:center;border:1px solid #ffffff4d;border-radius:.875rem;box-shadow:0 3px 10px #00000026,inset 0 1px 0 #fff3;display:inline-flex;font-size:.875rem;font-weight:700;gap:.5rem;letter-spacing:.02em;padding:.625rem 1.25rem;text-transform:capitalize}.order-total{color:#1e3a8a;font-size:1.6rem;font-weight:900;letter-spacing:-.02em;text-shadow:0 2px 4px #1e40af26}.dark-mode .order-total{color:#93c5fd;text-shadow:0 2px 4px #93c5fd40}.order-items-section{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.25rem}.order-items-section h4{align-items:center;color:#1e3a8a;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin-bottom:.5rem}.dark-mode .order-items-section h4{color:#60a5fa}.order-item{align-items:center;background:linear-gradient(135deg,#ffffffe6,#eff6ffb3);border:1.5px solid #60a5fa40;border-radius:.875rem;box-shadow:0 2px 6px #3b82f61a,inset 0 1px 0 #ffffff80;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.dark-mode .order-item{background:linear-gradient(135deg,#1e293b99,#1e3a8a4d);border-color:#60a5fa4d;box-shadow:0 2px 6px #3b82f626}.dark-mode .order-item:hover{border-color:#60a5fa80;box-shadow:0 4px 10px #60a5fa33}.order-item-image{border:2.5px solid #60a5fa4d;border-radius:.875rem;box-shadow:0 3px 10px #3b82f633,0 1px 3px #0000001a;flex-shrink:0;height:65px;object-fit:cover;transition:all .3s ease;width:65px}.order-item-details{flex:1 1;min-width:0}.order-item-name{color:#1e293b;font-size:.95rem;font-weight:600;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark-mode .order-item-name{color:#e2e8f0}.order-item-meta{align-items:center;color:#64748b;display:flex;flex-wrap:wrap;font-size:.8rem;gap:.75rem}.dark-mode .order-item-meta{color:#94a3b8}.order-item-category{background:linear-gradient(135deg,#1e3a8a,#2563eb);border:1px solid #fff3;border-radius:.625rem;box-shadow:0 2px 6px #1e40af4d,inset 0 1px 0 #fff3;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:.375rem .75rem;text-transform:capitalize}.order-item-price{color:#1e3a8a;font-size:1rem;font-weight:700;text-align:right}.dark-mode .order-item-price{color:#60a5fa}.more-items{background:linear-gradient(135deg,#dbeafe99,#bfdbfe66);border:1px solid #60a5fa4d;border-radius:.75rem;color:#1e40af;font-size:.85rem;font-weight:600;padding:.75rem;text-align:center}.dark-mode .more-items{background:linear-gradient(135deg,#1e3a8a4d,#1e40af33);border-color:#60a5fa4d;color:#93c5fd}.order-actions{background:linear-gradient(135deg,#eff6ffe6,#dbeafeb3);border-top:1px solid #60a5fa33;display:flex;flex-wrap:wrap;gap:.75rem;padding:1.25rem}.dark-mode .order-actions{background:linear-gradient(135deg,#1e3a8a4d,#1e40af33);border-top-color:#60a5fa4d}.action-btn{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;min-width:120px;padding:.625rem 1.25rem;transition:all .3s ease}.action-btn-primary{background:linear-gradient(135deg,#1e3a8a,#2563eb);box-shadow:0 2px 8px #1e40af4d;color:#fff}.action-btn-primary:hover{box-shadow:0 4px 12px #1e40af66;transform:translateY(-2px)}.action-btn-secondary{background:linear-gradient(135deg,#475569,#64748b);box-shadow:0 2px 8px #4755694d;color:#fff}.action-btn-secondary:hover{box-shadow:0 4px 12px #47556966;transform:translateY(-2px)}.action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.loading-skeleton{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #1e40af1a;border-radius:1rem;box-shadow:0 4px 15px #0000000d;padding:1.5rem}.dark-mode .loading-skeleton{background:#33415580;border-color:#3b82f633}.empty-state{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #1e40af1a;border-radius:1rem;box-shadow:0 4px 15px #0000000d;padding:4rem 2rem;text-align:center}.dark-mode .empty-state{background:#1e293bcc;border-color:#3b82f633}.empty-state-icon{font-size:4rem;margin-bottom:1rem}.empty-state h3{color:#1e3a8a;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.dark-mode .empty-state h3{color:#60a5fa}.empty-state p{color:#64748b;margin-bottom:2rem}.dark-mode .empty-state p{color:#94a3b8}.empty-state-btn{align-items:center;background:linear-gradient(135deg,#1e3a8a,#2563eb);border:none;border-radius:.75rem;box-shadow:0 4px 15px #1e40af4d;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .3s ease}.empty-state-btn:hover{box-shadow:0 6px 20px #1e40af66;transform:translateY(-2px)}.error-message{align-items:center;background:linear-gradient(135deg,#fecaca,#fca5a5);border:2px solid #f87171;border-radius:1rem;box-shadow:0 4px 15px #f8717133;color:#dc2626;display:flex;font-weight:600;gap:.75rem;margin-bottom:2rem;padding:1.5rem}.dark-mode .error-message{background:#7f1d1d4d;border-color:#f87171;color:#fca5a5}.pagination{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:1px solid #1e40af1a;border-radius:1rem;box-shadow:0 4px 15px #0000000d;margin-top:2rem;padding:1.5rem}.dark-mode .pagination{background:#1e293bcc;border-color:#3b82f633}.pagination-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.pagination-info{align-items:center;color:#64748b;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.dark-mode .pagination-info{color:#94a3b8}.pagination-info strong{color:#1e3a8a;font-weight:700}.dark-mode .pagination-info strong{color:#60a5fa}.pagination-buttons{display:flex;gap:.75rem}.pagination-btn{align-items:center;border:none;border-radius:.75rem;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .3s ease}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn:not(:disabled):hover{transform:translateY(-2px)}.pagination-btn-next,.pagination-btn-prev{background:linear-gradient(135deg,#93c5fd,#60a5fa);box-shadow:0 2px 8px #60a5fa4d;color:#1e40af;font-weight:700;overflow:hidden;position:relative}.pagination-btn-next:before,.pagination-btn-prev:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.pagination-btn-next:hover:before,.pagination-btn-prev:hover:before{height:300px;width:300px}.pagination-btn-next:not(:disabled):hover,.pagination-btn-prev:not(:disabled):hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);box-shadow:0 4px 15px #60a5fa80;color:#fff;transform:translateY(-2px)}.pagination-btn-next:not(:disabled):active,.pagination-btn-prev:not(:disabled):active{box-shadow:0 2px 8px #60a5fa66;transform:translateY(0)}.pagination-btn-next:disabled,.pagination-btn-prev:disabled{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#93c5fd;opacity:.6}.dark-mode .pagination-btn-next,.dark-mode .pagination-btn-prev{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 8px #3b82f666;color:#fff}.dark-mode .pagination-btn-next:not(:disabled):hover,.dark-mode .pagination-btn-prev:not(:disabled):hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 15px #3b82f699}.dark-mode .pagination-btn-next:disabled,.dark-mode .pagination-btn-prev:disabled{background:linear-gradient(135deg,#1e3a8a4d,#1e40af33);color:#64748b}@media (max-width:1200px){.orders-container{padding:0 1.5rem 2rem}.orders-grid{gap:1.25rem}}@media (max-width:1024px){.orders-grid{gap:1rem;grid-template-columns:1fr}.orders-header h1{font-size:2rem}.orders-header-content{padding:1.75rem 1rem}.dark-mode-toggle{height:46px;right:280px;width:46px}.filters-section{padding:1.25rem}.order-card{min-height:auto}}@media (max-width:768px){.orders-container{padding:0 1rem 1.5rem;width:100%}.orders-header{margin-bottom:1.5rem;padding-right:240px}.orders-header-content{padding:1.5rem 1rem;width:100%}.orders-header h1{flex-wrap:wrap;font-size:1.75rem;gap:.5rem;line-height:1.3}.orders-header h1 span{flex-shrink:0}.orders-header p{word-wrap:break-word;font-size:.95rem;line-height:1.5}.dark-mode-toggle{font-size:1.2rem;height:42px;position:fixed;right:200px;top:15px;width:42px;z-index:1001}.filters-section{margin-bottom:1.5rem;padding:1rem}.filters-section h3{font-size:1.1rem;margin-bottom:.75rem}.filter-buttons{gap:.5rem}.filter-btn{flex:1 1 auto;font-size:.85rem;min-width:calc(50% - .25rem);padding:.5rem 1rem}.orders-grid{gap:1rem}.order-card{border-radius:1rem;max-height:none;min-height:auto}.order-header{padding:1.25rem}.order-header-top{align-items:flex-start;flex-direction:column;gap:.5rem;margin-bottom:1rem}.order-id{flex-wrap:wrap;font-size:1.05rem}.order-date{font-size:.8rem}.order-header-bottom{align-items:flex-start;flex-direction:column;gap:.75rem;width:100%}.order-status{font-size:.8rem;justify-content:center;padding:.5rem 1rem;width:100%}.order-total{font-size:1.4rem;text-align:left;width:100%}.order-items-section{gap:.75rem;padding:1rem}.order-items-section h4{font-size:.95rem;margin-bottom:.75rem}.order-item{flex-wrap:wrap;gap:.75rem;padding:.875rem}.order-item-image{height:55px;width:55px}.order-item-details{flex:1 1 auto;min-width:0}.order-item-name{font-size:.9rem;overflow:visible;text-overflow:clip;white-space:normal}.order-item-meta{flex-wrap:wrap;font-size:.75rem;gap:.5rem}.order-item-category{font-size:.75rem;padding:.3rem .6rem}.order-item-price{font-size:.95rem;margin-top:.5rem;text-align:left;width:100%}.order-actions{flex-direction:column;gap:.625rem;padding:1rem}.action-btn{font-size:.875rem;justify-content:center;min-width:auto;padding:.75rem 1rem;width:100%}.pagination{margin-top:1.5rem;padding:1.25rem 1rem}.pagination-content{align-items:stretch;flex-direction:column;gap:1rem}.pagination-info{font-size:.85rem;justify-content:center;text-align:center;width:100%}.pagination-buttons{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr;width:100%}.pagination-btn{flex:1 1;font-size:.875rem;justify-content:center;padding:.75rem 1rem}}@media (max-width:480px){.orders-container{padding:0 .75rem 1.25rem;width:100%}.orders-header{margin-bottom:1.25rem;padding-right:180px}.orders-header-content{padding:1.25rem .75rem;width:100%}.orders-header h1{font-size:1.5rem;line-height:1.2}.orders-header p{font-size:.875rem;line-height:1.4}.dark-mode-toggle{font-size:1.1rem;height:40px;position:fixed;right:180px;top:12px;width:40px;z-index:1001}.filters-section{border-radius:.875rem;padding:.875rem}.filters-section h3{font-size:1rem}.filter-btn{font-size:.8rem;min-width:calc(50% - .25rem);padding:.5rem .875rem}.orders-grid{gap:.875rem}.order-card{border-radius:.875rem}.order-header{padding:1rem}.order-id{font-size:1rem}.order-total{font-size:1.3rem}.order-items-section{padding:.875rem}.order-item{align-items:flex-start;flex-direction:column;padding:.75rem}.order-item-image{align-self:center;height:50px;width:50px}.order-item-details{width:100%}.order-item-price{margin-top:.25rem;text-align:right}.order-actions{padding:.875rem}.action-btn{font-size:.8rem;padding:.7rem .875rem}.pagination{padding:1rem .75rem}.pagination-info{font-size:.8rem}.pagination-btn{font-size:.8rem;padding:.7rem .875rem}}@media (max-width:360px){.orders-header{padding-right:120px}.orders-header h1{font-size:1.35rem}.dark-mode-toggle{font-size:.95rem;height:36px;right:12px;top:105px;width:36px}.filter-btn{font-size:.75rem;padding:.45rem .75rem}.order-id{font-size:.95rem}.order-total{font-size:1.2rem}}.lab-tests-page{background:#f5f5f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s ease}.lab-tests-header{background:linear-gradient(135deg,#1e40af,#2563eb 50%,#3b82f6);box-shadow:0 8px 32px #00000026;color:#fff;overflow:hidden;position:relative}.lab-tests-title{color:#fff;font-size:3.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem;text-shadow:0 4px 20px #0003}.lab-tests-subtitle{color:#fffffff2;font-size:1.25rem;font-weight:300;line-height:1.6;margin:0 auto 2rem;max-width:600px;opacity:.95}.header-action-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.header-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:2rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.header-action-btn:hover{background:#ffffff4d;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.header-search-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:2rem;margin:0 auto;max-width:600px;padding:2rem}.search-section-content{margin-bottom:1rem}.search-section-title{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:1rem;opacity:.9}.filters-sidebar{background:#fafafa;border:1px solid #d3d3d3;border-radius:1.5rem;box-shadow:0 8px 32px #0000001f;padding:2rem;position:-webkit-sticky;position:sticky;top:2rem}.filters-header{align-items:center;border-bottom:2px solid #e5e5e5;display:flex;margin-bottom:2rem;padding-bottom:1rem}.filters-icon{background:linear-gradient(135deg,#1e40af,#2563eb 50%,#3b82f6);border-radius:.75rem;margin-right:1rem;padding:.75rem}.filters-icon span{color:#fff;font-size:1.5rem}.filters-title{color:#2c2c2c;font-size:1.4rem;font-weight:700;margin:0}.filters-content{margin-top:2rem}.sort-title{align-items:center;color:#2c2c2c;display:flex;font-size:1.2rem;font-weight:600;margin-bottom:1.5rem}.sort-title span{margin-right:.5rem}.sort-select{background-color:#fafafa;border:2px solid #d3d3d3;border-radius:.5rem;color:#2c2c2c;font-size:.95rem;outline:none;padding:.75rem;transition:border-color .2s ease;width:100%}.sort-select:focus{border-color:#1e40af}.clear-search-btn{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;font-size:.95rem;font-weight:500;margin-top:1.5rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.clear-search-btn:hover{background:linear-gradient(135deg,#1e40af,#2563eb 50%,#3b82f6);border-color:#1e40af;color:#fff}.loading-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.skeleton-card{animation:pulse 2s infinite;background:#fff;border-radius:1rem;box-shadow:0 4px 20px #0000001a;overflow:hidden}.skeleton-image{background:#e5e7eb;height:200px}.skeleton-content{padding:1.5rem}.skeleton-line{height:1rem}.skeleton-line,.skeleton-line-short{background:#e5e5e5;border-radius:.25rem;margin-bottom:.75rem}.skeleton-line-short{height:.75rem;width:60%}.skeleton-line-large{background:#e5e5e5;border-radius:.25rem;height:1.5rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.empty-text{color:#6b6b6b;font-size:1.2rem;font-weight:500;margin-bottom:1rem}.btn-clear-search{background:linear-gradient(135deg,#1e40af,#2563eb 50%,#3b82f6);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-top:1rem;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.btn-clear-search:hover{box-shadow:0 4px 12px #1e40af66;transform:scale(1.05)}.results-info-card{align-items:center;background:#fafafa;border:1px solid #d3d3d3;border-radius:1rem;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.results-text{color:#6b6b6b;font-size:1rem;font-weight:500}.results-count{color:#2c2c2c;font-weight:600}.results-page-badge{background:linear-gradient(135deg,#1e40af,#2563eb 50%,#3b82f6);border-radius:2rem;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.products-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:3rem}.pagination-container{background:#fafafa;border:1px solid #d3d3d3;border-radius:1rem;box-shadow:0 4px 20px #0000001a;display:flex;justify-content:center;padding:2rem}[data-theme=dark] .lab-tests-page{background:#0b1426}[data-theme=dark] .lab-tests-header{background:linear-gradient(135deg,#1e3a8a,#1e40af 50%,#2563eb)}[data-theme=dark] .filters-sidebar{background:#1a2332f2;border-color:#33415599}[data-theme=dark] .filters-header{border-bottom-color:#33415599}[data-theme=dark] .filters-title,[data-theme=dark] .sort-title{color:#f1f5f9}[data-theme=dark] .sort-select{background-color:#293548cc;border-color:#33415599;color:#f1f5f9}[data-theme=dark] .sort-select:focus{border-color:#3b82f6}[data-theme=dark] .clear-search-btn{background:linear-gradient(135deg,#293548cc,#1a2332cc);border-color:#33415599;color:#cbd5e1}[data-theme=dark] .clear-search-btn:hover{background:linear-gradient(135deg,#2563eb,#3b82f6);border-color:#3b82f6;color:#fff}[data-theme=dark] .skeleton-card{background:#1a2332f2}[data-theme=dark] .skeleton-image,[data-theme=dark] .skeleton-line,[data-theme=dark] .skeleton-line-large,[data-theme=dark] .skeleton-line-short{background:#293548cc}[data-theme=dark] .empty-text{color:#cbd5e1}[data-theme=dark] .results-info-card{background:#1a2332f2;border-color:#33415599}[data-theme=dark] .results-text{color:#cbd5e1}[data-theme=dark] .results-count{color:#f1f5f9}[data-theme=dark] .results-page-badge{background:linear-gradient(135deg,#2563eb,#3b82f6)}[data-theme=dark] .pagination-container{background:#1a2332f2;border-color:#33415599}@media (max-width:768px){.lab-tests-title{font-size:2.5rem}.lab-tests-subtitle{font-size:1rem}.header-action-buttons{align-items:center;flex-direction:column}.header-action-btn{max-width:300px;width:100%}.header-search-section{padding:1.5rem}.filters-sidebar{position:relative;top:0}.results-info-card{align-items:flex-start;flex-direction:column;gap:1rem}.products-grid{grid-template-columns:1fr}.dark-mode-toggle-btn{padding:.5rem;right:.5rem;top:.5rem}}.my-reports-page{background:#f5f5f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background-color .3s ease}.dark-mode-toggle-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe6;border:1px solid #e5e7ebcc;border-radius:9999px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;cursor:pointer;display:flex;justify-content:center;padding:.75rem;position:fixed;right:1rem;top:1rem;transition:all .2s ease;z-index:50}.dark-mode-toggle-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:scale(1.05)}.reports-header{background:linear-gradient(135deg,#1e40af,#2563eb 50%,#3b82f6);box-shadow:0 8px 32px #00000026;color:#fff;overflow:hidden;position:relative}.header-pattern{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='60' height='60' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='30' cy='30' r='4' fill='%23fff' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;left:0;opacity:.3;position:absolute;right:0;top:0}.reports-title{color:#fff;font-size:3rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1rem;text-shadow:0 4px 20px #0003}.reports-subtitle{fontWeight:300;color:#fffffff2;font-size:1.25rem;line-height:1.6;margin:0 auto;max-width:600px;opacity:.95}.back-button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;height:3rem;justify-content:center;left:2rem;position:absolute;top:2rem;transition:all .3s ease;width:3rem}.back-button:hover{background:#ffffff4d;transform:scale(1.1)}.error-card{background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #f87171;border-radius:1rem;box-shadow:0 4px 15px #f8717133;margin-bottom:2rem;padding:1.5rem}.error-text{color:#dc2626;font-size:1rem;font-weight:500}.loading-card{background:#fafafa;border:1px solid #d3d3d3;border-radius:1rem;box-shadow:0 4px 20px #0000001a;padding:3rem;text-align:center}.loading-icon{font-size:3rem;margin-bottom:1rem}.loading-text{color:#6b6b6b;font-size:1.2rem}.empty-state-card{background:#fafafa;border:1px solid #d3d3d3;border-radius:1rem;box-shadow:0 4px 20px #0000001a;padding:4rem 2rem;text-align:center}.empty-icon{font-size:4rem;margin-bottom:1.5rem}.empty-title{color:#2c2c2c;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.empty-description{color:#6b6b6b;font-size:1.1rem;margin-bottom:2rem}.empty-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-primary{background:linear-gradient(135deg,#1e40af,#2563eb 50%,#3b82f6);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.btn-primary:hover{box-shadow:0 4px 12px #1e40af66;transform:scale(1.05)}.btn-secondary{background:linear-gradient(135deg,#1e40af,#2563eb);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.btn-secondary:hover{box-shadow:0 4px 12px #1e40af66;transform:scale(1.05)}.reports-container{background:#fafafa;border:1px solid #d3d3d3;border-radius:1rem;box-shadow:0 4px 20px #0000001a;padding:2rem}.reports-header-section{align-items:center;border-bottom:2px solid #e5e5e5;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.reports-section-title{color:#2c2c2c;font-size:1.8rem;font-weight:700}.reports-count-badge{background:linear-gradient(135deg,#1e40af,#2563eb 50%,#3b82f6);border-radius:2rem;color:#fff;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.reports-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.report-card{background:#fafafa;border:2px solid #d3d3d3;border-radius:1rem;padding:1.5rem;transition:all .3s ease}.report-card:hover{border-color:#1e40af;box-shadow:0 4px 20px #1e40af33;transform:translateY(-2px)}.report-card-content{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:1fr auto}.report-info{flex:1 1}.report-test-name{color:#2c2c2c;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.report-details-grid{grid-gap:1rem;display:grid;font-size:.95rem;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.report-detail{display:flex;flex-wrap:wrap}.report-detail-label{color:#6b6b6b;font-weight:500}.report-detail-value{color:#2c2c2c}.report-detail-value-price{color:#374151;font-weight:600}.report-actions{text-align:right}.report-buttons{display:flex;flex-direction:column;gap:.5rem}.btn-view-report{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb 50%,#3b82f6);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.btn-view-report:hover{box-shadow:0 4px 12px #1e40af66;transform:scale(1.05)}.btn-download-report{align-items:center;background:linear-gradient(135deg,#1e40af,#2563eb);border:none;border-radius:.5rem;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:transform .2s ease,box-shadow .2s ease}.btn-download-report:hover{box-shadow:0 4px 12px #1e40af66;transform:scale(1.05)}.report-pending{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;text-align:center}.pending-icon{margin-bottom:.25rem}[data-theme=dark] .my-reports-page{background:#0b1426}[data-theme=dark] .dark-mode-toggle-btn{background:#1a2332e6;border-color:#33415599}[data-theme=dark] .dark-mode-toggle-btn:hover{background:#293548e6}[data-theme=dark] .reports-header{background:linear-gradient(135deg,#1e3a8a,#1e40af 50%,#2563eb)}[data-theme=dark] .loading-card{background:#1a2332f2;border-color:#33415599}[data-theme=dark] .loading-text{color:#cbd5e1}[data-theme=dark] .empty-state-card{background:#1a2332f2;border-color:#33415599}[data-theme=dark] .empty-title{color:#f1f5f9}[data-theme=dark] .empty-description{color:#cbd5e1}[data-theme=dark] .reports-container{background:#1a2332f2;border-color:#33415599}[data-theme=dark] .reports-header-section{border-bottom-color:#33415599}[data-theme=dark] .reports-section-title{color:#f1f5f9}[data-theme=dark] .reports-count-badge{background:linear-gradient(135deg,#2563eb,#3b82f6)}[data-theme=dark] .report-card{background:#1a2332f2;border-color:#33415599}[data-theme=dark] .report-card:hover{border-color:#3b82f6;box-shadow:0 4px 20px #3b82f64d}[data-theme=dark] .report-test-name{color:#f1f5f9}[data-theme=dark] .report-detail-label{color:#94a3b8}[data-theme=dark] .report-detail-value{color:#cbd5e1}[data-theme=dark] .report-detail-value-price{color:#f1f5f9}[data-theme=dark] .report-pending{background:#293548cc;border-color:#33415599;color:#94a3b8}[data-theme=dark] .error-card{background:linear-gradient(135deg,#7f1d1d4d,#991b1b33);border-color:#dc2626}[data-theme=dark] .error-text{color:#fca5a5}@media (max-width:768px){.reports-title{font-size:2rem}.reports-subtitle{font-size:1rem}.back-button{font-size:1.25rem;height:2.5rem;left:1rem;top:1rem;width:2.5rem}.report-card-content{gap:1.5rem;grid-template-columns:1fr}.report-actions{text-align:center}.report-buttons{flex-direction:row;justify-content:center}.reports-header-section{align-items:flex-start;flex-direction:column;gap:1rem}.dark-mode-toggle-btn{padding:.5rem;right:.5rem;top:.5rem}}:root{--mk-page-bg:#f8fafc;--mk-surface:#fff;--mk-section-bg:#f9fafb;--mk-input-bg:#f3f6fb;--mk-text:#333;--mk-text-secondary:#6b7280;--mk-primary:#3b82f6;--mk-primary-dark:#2563eb;--mk-border:#e5e7eb;--mk-border-hover:#d1d5db;--mk-disabled:#9ca3af;--mk-med-bg:#f8fafc;--mk-success:#22c55e;--mk-success-dark:#16a34a;--mk-error:#ef4444;--mk-error-dark:#b91c1c}[data-theme=dark]{--mk-page-bg:#1a1a1a;--mk-surface:#2d2d2d;--mk-section-bg:#3a3a3a;--mk-input-bg:#404040;--mk-text:#fff;--mk-text-secondary:#a0a0a0;--mk-primary:#60a5fa;--mk-primary-dark:#3b82f6;--mk-border:#404040;--mk-border-hover:#505050;--mk-disabled:#6b7280;--mk-med-bg:#3a3a3a;--mk-success:#34d399;--mk-success-dark:#10b981;--mk-error:#f87171;--mk-error-dark:#ef4444}.prescription-form-container{background:#fff;background:var(--mk-surface);border:1px solid #e5e7eb;border:1px solid var(--mk-border);border-radius:18px;box-shadow:0 4px 24px #00000014;margin:40px auto;max-width:800px;padding:36px 40px 32px}.prescription-form-title{color:#3b82f6;color:var(--mk-primary);font-size:2rem;font-weight:600;margin-bottom:28px;text-align:center}.prescription-form-section{background:#f9fafb;background:var(--mk-section-bg);border:1px solid #e5e7eb;border:1px solid var(--mk-border);border-radius:12px;box-shadow:0 2px 8px #3b82f60f;margin-bottom:28px;padding:24px 24px 18px}.prescription-form-section-title{color:#2563eb;color:var(--mk-primary-dark);font-size:1.15rem;font-weight:600;margin-bottom:10px}.prescription-form-label{color:#333;color:var(--mk-text);display:block;font-weight:500;margin-bottom:6px}.prescription-form-input,.prescription-form-textarea{background:#f3f6fb;background:var(--mk-input-bg);border:1px solid #e5e7eb;border:1px solid var(--mk-border);border-radius:8px;color:#333;color:var(--mk-text);font-size:1rem;margin-bottom:14px;padding:12px 14px;transition:border .2s;width:100%}.prescription-form-input:focus,.prescription-form-textarea:focus{border:1.5px solid #3b82f6;border:1.5px solid var(--mk-primary);outline:none}.prescription-form-meds-row{display:flex;gap:12px;margin-bottom:10px}.prescription-form-meds-row input{flex:1 1;min-width:0}.prescription-form-remove-btn{align-self:center;background:#ef4444;background:var(--mk-error);border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:36px;margin-left:6px;transition:background .2s;width:36px}.prescription-form-remove-btn:hover{background:#b91c1c;background:var(--mk-error-dark)}.prescription-form-add-btn{background:#22c55e;background:var(--mk-success);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;margin-bottom:8px;margin-top:8px;padding:10px 20px;transition:background .2s}.prescription-form-add-btn:hover{background:#16a34a;background:var(--mk-success-dark)}.prescription-form-submit-btn{background:#3b82f6;background:var(--mk-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin-left:auto;margin-right:auto;margin-top:18px;padding:12px 32px;transition:background .2s}.prescription-form-submit-btn:hover{background:#2563eb;background:var(--mk-primary-dark)}.prescription-form-error{color:#ef4444;color:var(--mk-error);font-weight:500;margin-bottom:12px;text-align:center}.prescription-card{background:#fff;background:var(--mk-surface);border:1px solid #e5e7eb;border:1px solid var(--mk-border);border-radius:12px;box-shadow:0 2px 8px #0000000f;color:#333;color:var(--mk-text);overflow:hidden;transition:all .3s ease}.prescription-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.prescription-card-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--mk-border);padding:1.5rem}.prescription-card-content{padding:1.5rem}.prescription-card-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--mk-border);display:flex;gap:.5rem;padding:1rem 1.5rem}.prescription-view-container{background:#fff;background:var(--mk-surface);border:1px solid #e5e7eb;border:1px solid var(--mk-border);border-radius:18px;box-shadow:0 4px 24px #00000014;color:#333;color:var(--mk-text);padding:2rem}.prescription-view-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--mk-border);margin-bottom:2rem;padding-bottom:1rem;text-align:center}.prescription-view-section{background:#f9fafb;background:var(--mk-section-bg);border:1px solid #e5e7eb;border:1px solid var(--mk-border);border-radius:12px;box-shadow:0 2px 8px #3b82f60f;margin-bottom:1.5rem;padding:1.5rem}.prescription-view-section-title{align-items:center;color:#2563eb;color:var(--mk-primary-dark);display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.prescription-medication-item{background:#f8fafc;background:var(--mk-med-bg);border:1px solid #e5e7eb;border:1px solid var(--mk-border);border-radius:8px;margin-bottom:1rem;padding:1rem}.btn-prescription{align-items:center;background:#3b82f6;background:var(--mk-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease}.btn-prescription:hover{background:#2563eb;background:var(--mk-primary-dark);transform:translateY(-1px)}.btn-prescription-outline{align-items:center;background:#0000;border:1px solid #3b82f6;border:1px solid var(--mk-primary);border-radius:8px;color:#3b82f6;color:var(--mk-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease}.btn-prescription-outline:hover{background:#3b82f6;background:var(--mk-primary);color:#fff}.btn-prescription-success{align-items:center;background:#22c55e;background:var(--mk-success);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.25rem;padding:.5rem 1rem;transition:all .2s ease}.btn-prescription-success:hover{background:#16a34a;background:var(--mk-success-dark);transform:translateY(-1px)}@media (max-width:768px){.prescription-form-container{margin:20px auto;padding:24px 20px 20px}.prescription-form-meds-row{flex-direction:column;gap:8px}.prescription-card-actions{flex-direction:column}.btn-prescription,.btn-prescription-outline,.btn-prescription-success{justify-content:center;width:100%}}.prescription-loading{align-items:center;color:#6b7280;color:var(--mk-text-secondary);display:flex;justify-content:center;min-height:200px}.prescription-error{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;color:#ef4444;color:var(--mk-error);margin-bottom:1rem;padding:1rem}.prescription-empty{background:#f9fafb;background:var(--mk-section-bg);border:1px solid #e5e7eb;border:1px solid var(--mk-border);border-radius:12px;color:#6b7280;color:var(--mk-text-secondary);padding:3rem 1rem;text-align:center}.prescription-pagination{display:flex;justify-content:center;margin-top:2rem}.prescription-pagination .MuiPaginationItem-root{color:#333;color:var(--mk-text)}.prescription-pagination .Mui-selected{background-color:#3b82f6;background-color:var(--mk-primary);color:#fff}
/*# sourceMappingURL=main.7139c2ec.css.map*/