/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:host,:root{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-400:oklch(85.2% .199 91.936);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-700:oklch(55.4% .135 66.442);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-teal-50:oklch(98.4% .014 180.72);--color-teal-500:oklch(70.4% .14 182.503);--color-teal-600:oklch(60% .118 184.704);--color-teal-800:oklch(43.7% .078 188.216);--color-cyan-50:oklch(98.4% .019 200.873);--color-cyan-200:oklch(91.7% .08 205.041);--color-cyan-500:oklch(71.5% .143 215.221);--color-cyan-600:oklch(60.9% .126 221.723);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-50:oklch(96.2% .018 272.314);--color-indigo-100:oklch(93% .034 272.788);--color-indigo-200:oklch(87% .065 274.039);--color-indigo-300:oklch(78.5% .115 274.713);--color-indigo-500:oklch(58.5% .233 277.117);--color-indigo-600:oklch(51.1% .262 276.966);--color-indigo-700:oklch(45.7% .24 277.023);--color-indigo-900:oklch(35.9% .144 278.697);--color-purple-600:oklch(55.8% .288 302.321);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--tracking-tight:-.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-bounce:bounce 1s infinite;--blur-sm:8px;--blur-2xl:40px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.inset-0{inset:calc(var(--spacing)*0)}.-top-1{top:calc(var(--spacing)*-1)}.-top-2{top:calc(var(--spacing)*-2)}.top-0{top:calc(var(--spacing)*0)}.top-\[10\%\]{top:10%}.-right-1{right:calc(var(--spacing)*-1)}.-right-2{right:calc(var(--spacing)*-2)}.-right-\[5\%\]{right:-5%}.right-0{right:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.bottom-4{bottom:calc(var(--spacing)*4)}.bottom-\[20\%\]{bottom:20%}.-left-\[10\%\]{left:-10%}.left-0{left:calc(var(--spacing)*0)}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.z-\[80\]{z-index:80}.z-\[90\]{z-index:90}.z-\[2000\]{z-index:2000}.order-1{order:1}.order-2{order:2}.col-span-full{grid-column:1/-1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.-mx-4{margin-inline:calc(var(--spacing)*-4)}.-mx-5{margin-inline:calc(var(--spacing)*-5)}.-mx-8{margin-inline:calc(var(--spacing)*-8)}.mx-auto{margin-inline:auto}.my-3{margin-block:calc(var(--spacing)*3)}.me-2{margin-inline-end:calc(var(--spacing)*2)}.-mt-8{margin-top:calc(var(--spacing)*-8)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-10{margin-top:calc(var(--spacing)*10)}.mt-20{margin-top:calc(var(--spacing)*20)}.mr-2{margin-right:calc(var(--spacing)*2)}.mr-3{margin-right:calc(var(--spacing)*3)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.mb-6{margin-bottom:calc(var(--spacing)*6)}.mb-8{margin-bottom:calc(var(--spacing)*8)}.mb-10{margin-bottom:calc(var(--spacing)*10)}.mb-\[-10px\]{margin-bottom:-10px}.ml-1{margin-left:calc(var(--spacing)*1)}.ml-2{margin-left:calc(var(--spacing)*2)}.ml-6{margin-left:calc(var(--spacing)*6)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-1{height:calc(var(--spacing)*1)}.h-2{height:calc(var(--spacing)*2)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-12{height:calc(var(--spacing)*12)}.h-14{height:calc(var(--spacing)*14)}.h-16{height:calc(var(--spacing)*16)}.h-20{height:calc(var(--spacing)*20)}.h-24{height:calc(var(--spacing)*24)}.h-64{height:calc(var(--spacing)*64)}.h-\[200px\]{height:200px}.h-\[300px\]{height:300px}.max-h-60{max-height:calc(var(--spacing)*60)}.max-h-\[85vh\]{max-height:85vh}.max-h-\[90vh\]{max-height:90vh}.min-h-\[32px\]{min-height:32px}.min-h-\[400px\]{min-height:400px}.min-h-screen{min-height:100vh}.w-1\/3{width:33.3333%}.w-2{width:calc(var(--spacing)*2)}.w-2xl{width:var(--container-2xl)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-14{width:calc(var(--spacing)*14)}.w-16{width:calc(var(--spacing)*16)}.w-20{width:calc(var(--spacing)*20)}.w-32{width:calc(var(--spacing)*32)}.w-48{width:calc(var(--spacing)*48)}.w-64{width:calc(var(--spacing)*64)}.w-80{width:calc(var(--spacing)*80)}.w-\[90\%\]{width:90%}.w-\[200px\]{width:200px}.w-\[300px\]{width:300px}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-\[125px\]{max-width:125px}.max-w-\[150px\]{max-width:150px}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.min-w-\[600px\]{min-width:600px}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.border-collapse{border-collapse:collapse}.scale-95{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%}.scale-100,.scale-95{scale:var(--tw-scale-x)var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%}.scale-105{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-\[float_20s_infinite_ease-in-out\]{animation:float 20s ease-in-out infinite}.animate-\[float_20s_infinite_ease-in-out_10s\]{animation:float 20s ease-in-out 10s infinite}.animate-bounce{animation:var(--animate-bounce)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-y{resize:vertical}.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-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-5{gap:calc(var(--spacing)*5)}.gap-6{gap:calc(var(--spacing)*6)}.gap-8{gap:calc(var(--spacing)*8)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*1)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*1)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*3)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*4)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*2)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-3>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*3)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*3)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-4>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*4)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*4)*calc(1 - var(--tw-space-x-reverse)))}:where(.space-x-10>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing)*10)*var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing)*10)*calc(1 - var(--tw-space-x-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap}.overflow-hidden,.truncate{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e+38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-l-2{border-left-style:var(--tw-border-style);border-left-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-double{--tw-border-style:double;border-style:double}.border-\[\#e2e8f0\]{border-color:#e2e8f0}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-600{border-color:var(--color-amber-600)}.border-blue-100{border-color:var(--color-blue-100)}.border-blue-100\/50{border-color:#dbeafe80}@supports (color:color-mix(in lab,red,red)){.border-blue-100\/50{border-color:color-mix(in oklab,var(--color-blue-100)50%,transparent)}}.border-blue-200{border-color:var(--color-blue-200)}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-cyan-200{border-color:var(--color-cyan-200)}.border-emerald-200{border-color:var(--color-emerald-200)}.border-emerald-600{border-color:var(--color-emerald-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-gray-600{border-color:var(--color-gray-600)}.border-gray-800{border-color:var(--color-gray-800)}.border-gray-900{border-color:var(--color-gray-900)}.border-green-200{border-color:var(--color-green-200)}.border-green-300{border-color:var(--color-green-300)}.border-green-500{border-color:var(--color-green-500)}.border-green-600{border-color:var(--color-green-600)}.border-indigo-200{border-color:var(--color-indigo-200)}.border-indigo-300{border-color:var(--color-indigo-300)}.border-indigo-600{border-color:var(--color-indigo-600)}.border-red-200{border-color:var(--color-red-200)}.border-red-500{border-color:var(--color-red-500)}.border-rose-600{border-color:var(--color-rose-600)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-300\/10{border-color:#cad5e21a}@supports (color:color-mix(in lab,red,red)){.border-slate-300\/10{border-color:color-mix(in oklab,var(--color-slate-300)10%,transparent)}}.border-slate-300\/20{border-color:#cad5e233}@supports (color:color-mix(in lab,red,red)){.border-slate-300\/20{border-color:color-mix(in oklab,var(--color-slate-300)20%,transparent)}}.border-teal-600{border-color:var(--color-teal-600)}.border-transparent{border-color:#0000}.border-yellow-200{border-color:var(--color-yellow-200)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-600{background-color:var(--color-amber-600)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab,red,red)){.bg-black\/60{background-color:color-mix(in oklab,var(--color-black)60%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-50\/20{background-color:#eff6ff33}@supports (color:color-mix(in lab,red,red)){.bg-blue-50\/20{background-color:color-mix(in oklab,var(--color-blue-50)20%,transparent)}}.bg-blue-50\/50{background-color:#eff6ff80}@supports (color:color-mix(in lab,red,red)){.bg-blue-50\/50{background-color:color-mix(in oklab,var(--color-blue-50)50%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-900{background-color:var(--color-blue-900)}.bg-cyan-50{background-color:var(--color-cyan-50)}.bg-emerald-50{background-color:var(--color-emerald-50)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-gray-600{background-color:var(--color-gray-600)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-indigo-50{background-color:var(--color-indigo-50)}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-indigo-200{background-color:var(--color-indigo-200)}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-rose-800{background-color:var(--color-rose-800)}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-50\/50{background-color:#f8fafc80}@supports (color:color-mix(in lab,red,red)){.bg-slate-50\/50{background-color:color-mix(in oklab,var(--color-slate-50)50%,transparent)}}.bg-teal-50{background-color:var(--color-teal-50)}.bg-white{background-color:var(--color-white)}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white)80%,transparent)}}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white)90%,transparent)}}.bg-white\/95{background-color:#fffffff2}@supports (color:color-mix(in lab,red,red)){.bg-white\/95{background-color:color-mix(in oklab,var(--color-white)95%,transparent)}}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab}.bg-gradient-to-br,.bg-gradient-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab}.from-\[\#f8f9ff\]{--tw-gradient-from:#f8f9ff;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-amber-500{--tw-gradient-from:var(--color-amber-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-400{--tw-gradient-from:var(--color-blue-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500{--tw-gradient-from:var(--color-blue-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-blue-500\/10{--tw-gradient-from:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.from-blue-500\/10{--tw-gradient-from:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.from-blue-500\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-cyan-500{--tw-gradient-from:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-emerald-500{--tw-gradient-from:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-green-400{--tw-gradient-from:var(--color-green-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-green-500{--tw-gradient-from:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-red-500{--tw-gradient-from:var(--color-red-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-slate-700{--tw-gradient-from:var(--color-slate-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-teal-600{--tw-gradient-from:var(--color-teal-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-yellow-400{--tw-gradient-from:var(--color-yellow-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\[\#e8f0ff\]{--tw-gradient-via:#e8f0ff;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-cyan-500{--tw-gradient-via:var(--color-cyan-500);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-yellow-500{--tw-gradient-via:var(--color-yellow-500);--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#f0f4ff\]{--tw-gradient-to:#f0f4ff;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-amber-600{--tw-gradient-to:var(--color-amber-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-600{--tw-gradient-to:var(--color-blue-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-blue-800{--tw-gradient-to:var(--color-blue-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-cyan-500{--tw-gradient-to:var(--color-cyan-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-emerald-600{--tw-gradient-to:var(--color-emerald-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-gray-500{--tw-gradient-to:var(--color-gray-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-green-500{--tw-gradient-to:var(--color-green-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-green-600{--tw-gradient-to:var(--color-green-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-orange-500{--tw-gradient-to:var(--color-orange-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-purple-600\/10{--tw-gradient-to:#9810fa1a}@supports (color:color-mix(in lab,red,red)){.to-purple-600\/10{--tw-gradient-to:color-mix(in oklab,var(--color-purple-600)10%,transparent)}}.to-purple-600\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-red-700{--tw-gradient-to:var(--color-red-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-slate-900{--tw-gradient-to:var(--color-slate-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-teal-500{--tw-gradient-to:var(--color-teal-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-teal-800{--tw-gradient-to:var(--color-teal-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-8{padding:calc(var(--spacing)*8)}.p-10{padding:calc(var(--spacing)*10)}.p-12{padding:calc(var(--spacing)*12)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.px-6{padding-inline:calc(var(--spacing)*6)}.px-8{padding-inline:calc(var(--spacing)*8)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-6{padding-block:calc(var(--spacing)*6)}.py-10{padding-block:calc(var(--spacing)*10)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pr-8{padding-right:calc(var(--spacing)*8)}.pb-1{padding-bottom:calc(var(--spacing)*1)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-3{padding-bottom:calc(var(--spacing)*3)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.pb-8{padding-bottom:calc(var(--spacing)*8)}.pl-3{padding-left:calc(var(--spacing)*3)}.pl-8{padding-left:calc(var(--spacing)*8)}.pl-12{padding-left:calc(var(--spacing)*12)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.text-\[\#0f172a\]{color:#0f172a}.text-\[\#1e293b\]{color:#1e293b}.text-\[\#64748b\]{color:#64748b}.text-\[\#475569\]{color:#475569}.text-amber-600{color:var(--color-amber-600)}.text-amber-900{color:var(--color-amber-900)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-blue-900{color:var(--color-blue-900)}.text-cyan-500{color:var(--color-cyan-500)}.text-cyan-600{color:var(--color-cyan-600)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-800{color:var(--color-emerald-800)}.text-emerald-900{color:var(--color-emerald-900)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-indigo-700{color:var(--color-indigo-700)}.text-indigo-900{color:var(--color-indigo-900)}.text-orange-600{color:var(--color-orange-600)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-rose-600{color:var(--color-rose-600)}.text-rose-800{color:var(--color-rose-800)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-teal-600{color:var(--color-teal-600)}.text-white{color:var(--color-white)}.text-yellow-700{color:var(--color-yellow-700)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-gray-400::placeholder{color:var(--color-gray-400)}.accent-blue-600{accent-color:var(--color-blue-600)}.opacity-0{opacity:0}.opacity-75{opacity:.75}.opacity-90{opacity:.9}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow,.shadow-2xl{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.shadow-lg,.shadow-md{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}.shadow-blue-500\/50{--tw-shadow-color:#3080ff80}@supports (color:color-mix(in lab,red,red)){.shadow-blue-500\/50{--tw-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-blue-500)50%,transparent)var(--tw-shadow-alpha),transparent)}}.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-2xl{--tw-backdrop-blur:blur(var(--blur-2xl))}.backdrop-blur-2xl,.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(var(--blur-sm))}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:text-blue-600:is(:where(.group):hover *){color:var(--color-blue-600)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.focus-within\:ring-2:focus-within{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-within\:ring-blue-500:focus-within{--tw-ring-color:var(--color-blue-500)}@media (hover:hover){.hover\:-translate-y-0\.5:hover{--tw-translate-y:calc(var(--spacing)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:border-blue-300:hover{border-color:var(--color-blue-300)}.hover\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\:border-emerald-500:hover{border-color:var(--color-emerald-500)}.hover\:border-gray-900:hover{border-color:var(--color-gray-900)}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-50\/30:hover{background-color:#eff6ff4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-blue-50\/30:hover{background-color:color-mix(in oklab,var(--color-blue-50)30%,transparent)}}.hover\:bg-blue-50\/40:hover{background-color:#eff6ff66}@supports (color:color-mix(in lab,red,red)){.hover\:bg-blue-50\/40:hover{background-color:color-mix(in oklab,var(--color-blue-50)40%,transparent)}}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-200:hover{background-color:var(--color-blue-200)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-emerald-50:hover{background-color:var(--color-emerald-50)}.hover\:bg-emerald-100:hover{background-color:var(--color-emerald-100)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-700:hover{background-color:var(--color-gray-700)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-indigo-50:hover{background-color:var(--color-indigo-50)}.hover\:bg-indigo-600:hover{background-color:var(--color-indigo-600)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-blue-700:hover{color:var(--color-blue-700)}.hover\:text-blue-800:hover{color:var(--color-blue-800)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-rose-700:hover{color:var(--color-rose-700)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a)}.hover\:shadow-lg:hover,.hover\:shadow-md:hover{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}.hover\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a)}.hover\:shadow-sm:hover,.hover\:shadow-xl:hover{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a),0 8px 10px -6px var(--tw-shadow-color,#0000001a)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-gray-900:focus{border-color:var(--color-gray-900)}.focus\:bg-white:focus{background-color:var(--color-white)}.focus\:shadow-\[0_0_0_3px_rgba\(59\,130\,246\,0\.1\)\]:focus{--tw-shadow:0 0 0 3px var(--tw-shadow-color,#3b82f61a)}.focus\:shadow-\[0_0_0_3px_rgba\(59\,130\,246\,0\.1\)\]:focus,.focus\:shadow-md:focus{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:shadow-md:focus{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.focus\:ring-1:focus,.focus\:ring-2:focus{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:translate-y-0:active{--tw-translate-y:calc(var(--spacing)*0);translate:var(--tw-translate-x)var(--tw-translate-y)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-60:disabled{opacity:.6}@media (min-width:40rem){.sm\:order-1{order:1}.sm\:order-2{order:2}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-baseline{align-items:baseline}.sm\:gap-3{gap:calc(var(--spacing)*3)}.sm\:p-4{padding:calc(var(--spacing)*4)}.sm\:p-12{padding:calc(var(--spacing)*12)}}@media (min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:64rem){.lg\:hidden{display:none}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}}.floating-elements{pointer-events:none;z-index:-1;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.floating-elements:after,.floating-elements:before{content:"";background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border-radius:50%;animation:float 20s ease-in-out infinite;position:absolute}.floating-elements:before{width:300px;height:300px;animation-delay:0s;top:10%;left:-10%}.floating-elements:after{width:200px;height:200px;animation-delay:10s;bottom:20%;right:-5%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}body{color:#1e293b;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}.header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#fffffff2;border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;padding:.5rem 1rem;display:flex;position:sticky;top:0}.logo{color:#0f172a;letter-spacing:-.025em;font-size:1.75rem;font-weight:700}.nav-cards{background:#e5e7eb;border-radius:16px;gap:0;padding:4px}.nav-card,.nav-cards{align-items:center;display:flex}.nav-card{cursor:pointer;text-align:center;color:#6b7280;background:0 0;border:none;border-radius:12px;justify-content:center;gap:.5rem;min-width:280px;padding:.6rem;font-size:.95rem;font-weight:600;transition:all .2s}.nav-card.active{color:#0c4a6e;background:#7dd3fc;box-shadow:0 2px 6px #3b82f64d}.appointment-nav:not(.active),.billing-nav:not(.active){color:#0c4a6e;transition:all .2s}.appointment-nav:not(.active):hover{background:#bae6fd}.billing-nav:not(.active):hover{background:#92dad1}.appointment-nav.active{color:#000;background:#7dd3fc}.appointment-nav.active,.billing-nav.active{transition:all .2s;transform:translateY(-1px);box-shadow:0 2px 8px #0c4a6e66}.billing-nav.active{color:#fff;background:#14b8a6}.nav-icon{justify-content:center;font-size:1.1rem}.nav-icon,.user-profile{align-items:center;display:flex}.user-profile{cursor:pointer;background:#fff9;border-radius:12px;justify-content:space-between;gap:.75rem;width:19.5rem;padding:.5rem 1rem;transition:all .2s}.user-avatar{color:#fff;background:linear-gradient(135deg,#7dd3fc,#38bdf8);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:600;display:flex}.user-info{flex-direction:column;display:flex}.user-name{color:#0f172a;font-size:.9rem;font-weight:600}.clinic-name{color:#64748b;font-size:.8rem}.clinic-name-wrapper{position:relative}.clinic-dropdown{z-index:1000;background:#fff;border:1px solid #3b82f633;border-radius:8px;min-width:200px;margin-top:.5rem;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.clinic-dropdown-item{color:#475569;cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;transition:all .2s;display:flex}.clinic-dropdown-item:hover{color:#3b82f6;background:#3b82f614}.clinic-dropdown-item.active{color:#3b82f6;background:#3b82f61f;font-weight:600}.clinic-dropdown-item:not(:last-child){border-bottom:1px solid #94a3b81a}.sidebar-menu-toggle{color:#64748b;cursor:pointer;border-radius:8px;padding:.5rem;font-size:1.2rem;transition:all .2s}.sidebar-menu-toggle:hover{color:#0c4a6e;background:#3b82f61a}.main-content{max-width:1400px;margin:0 auto;padding:.8rem;transition:all .3s}.main-content.sidebar-open{margin-right:320px}.content-area{opacity:0;width:100%;max-width:1400px;margin:0 auto;padding:2rem;transition:all .8s cubic-bezier(.4,0,.2,1) .5s;display:none;transform:translateY(20px)}.content-area.show{opacity:1;display:block;transform:translateY(0)}.sidebar{z-index:99;background:#fff;width:280px;height:calc(100vh - 80px);transition:transform .3s ease-in-out;position:fixed;top:80px;right:0;box-shadow:-2px 0 10px #0000001a}.sidebar.closed{transform:translate(100%)}.sidebar.open{transform:translate(0)}.sidebar-header{border-bottom:1px solid #94a3b81a;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1rem 0;display:flex}.sidebar-avatar{color:#fff;background:linear-gradient(135deg,#0f172a,#334155);border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1rem;font-weight:600;display:flex}.sidebar-user-info{flex:1}.sidebar-user-name{color:#0f172a;margin-bottom:.25rem;font-size:1rem;font-weight:600}.sidebar-clinic-name{color:#64748b;font-size:.875rem}.sidebar-close-icon{color:#64748b;cursor:pointer;transition:transform .2s}.sidebar-close-icon:hover{color:#0c4a6e;transform:rotate(180deg)}.sidebar-nav{flex:1}.sidebar-nav-item{color:#0f172a;cursor:pointer;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:.5rem;padding:.875rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.sidebar-nav-item:hover{color:#0c4a6e;background:#3b82f61a}.sidebar-nav-item.active{color:#fff;background:#7dd3fc}.sidebar-nav-item.active:hover{background:#7dd3fc}.sidebar-nav-icon{flex-shrink:0;width:20px;height:20px}.sidebar-nav-text{flex:1}.sidebar-nav-arrow{opacity:.6;width:16px;height:16px}.sidebar-footer{border-top:1px solid #94a3b81a;padding-top:.5rem}.sidebar-login-id{color:#64748b;margin-bottom:.5rem;font-size:.8rem}.sidebar-login-number{color:#0f172a;font-size:.9rem;font-weight:600}.sidebar-overlay{z-index:85;opacity:0;visibility:hidden;background:#0000004d;width:100%;height:100%;transition:all .3s;position:fixed;top:0;left:0}.sidebar-overlay.active{opacity:1;visibility:visible}.breadcrumb{color:#64748b;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;display:flex}.breadcrumb-separator{margin:0 .5rem}.breadcrumb-current{color:#0c4a6e;font-weight:500}.page-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.page-title{color:#0f172a;font-size:1.5rem;font-weight:700}.new-appointment-btn{color:#0c4a6e;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#7dd3fc,#38bdf8);border:none;border-radius:12px;flex-shrink:0;align-items:center;gap:.5rem;padding:.8rem;font-size:.95rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #3b82f64d}.new-appointment-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.stats-bar{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:.6rem;padding:.8rem;display:grid}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;background:#fffffff2;border-radius:12px;padding:1rem;box-shadow:0 4px 15px #0000000d}.stat-number{color:#000;margin-bottom:.5rem;font-size:2rem;font-weight:700}.stat-label{color:#64748b;font-size:.9rem;font-weight:400}.controls-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#f8fafcfa);border:1px solid #94a3b826;border-radius:20px;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:.8rem;padding:1rem .7rem;display:flex;box-shadow:0 8px 30px #00000014}.search-container{flex:1;width:100%;max-width:600px;position:relative}.search-input{background:#fff;border:2px solid #94a3b84d;border-radius:16px;outline:none;width:100%;padding:.7rem 1.2rem .7rem 3rem;font-size:1.05rem;font-weight:400;transition:all .3s;box-shadow:0 2px 8px #0000000a}.search-input::placeholder{color:#94a3b8;font-weight:400}.search-input:focus{background:#fff;border-color:#0c4a6e;transform:translateY(-1px);box-shadow:0 4px 20px #3b82f626,0 0 0 4px #3b82f614}.search-input:hover:not(:focus){border-color:#94a3b880;box-shadow:0 4px 12px #0000000f}.search-icon{color:#64748b;width:22px;height:22px;position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}@media (max-width:768px){.main-content{padding:1rem}.stats-bar{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-card{padding:1.5rem}.search-container{max-width:none}.page-header{flex-direction:column;align-items:stretch;gap:1rem}.page-title{font-size:1.5rem}.new-appointment-btn{justify-content:center}.desktop-table{display:none}.mobile-table{display:block}.nav-cards{gap:1rem}.nav-card{font-size:.8rem}.nav-card span:last-child{display:none}.form-grid{grid-template-columns:1fr}.modal{width:calc(100% - 2rem);margin:1rem;padding:1.5rem}.modal-actions{flex-direction:column}.btn-blue,.btn-primary,.btn-secondary{width:100%}.pagination-container{text-align:center;flex-direction:column;gap:1rem}.pagination-controls{justify-content:center}}.appointment-form-modal{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:fadeIn .3s ease-out;display:none;position:fixed;inset:0}.appointment-form-modal.show{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.appointment-form-inline{max-width:1350px}.appointment-form-inline,.otp-staff{background:#fff;border-radius:20px;width:100%;max-height:90vh;animation:slideUp .3s ease-out;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.otp-staff{max-width:550px;padding:3rem}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-container-inline{padding:0 1.5rem;position:relative}.form-header{z-index:10;background-color:#fff;justify-content:space-between;align-items:flex-start;padding:6px 14px;display:flex;position:sticky;top:0}.header-actions{flex-direction:row;align-items:center;gap:1rem;display:flex;position:relative}.form-title{color:#0f172a}.form-grid{grid-template-columns:repeat(2,1fr);margin-bottom:.8rem}.form-group.full-width{grid-column:1/-1}.form-label{color:#334155;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:flex}.required{color:#dc2626;font-size:.85rem;font-weight:600}.form-input,.form-select{color:#1e293b;background:#fff;border:2px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:.5rem 1rem;font-size:.95rem;transition:all .2s}textarea.form-input{resize:vertical;min-height:80px;font-family:inherit}.form-input:focus,.form-select:focus{border-color:#0c4a6e;box-shadow:0 0 0 3px #3b82f61a}.form-input:read-only{color:#64748b;cursor:not-allowed;background:#f1f5f9}.age-display{color:#0c4a6e;background:#f1f5f9;border:2px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;padding:.875rem;font-weight:600;display:flex}.readonly-note,.whatsapp-note{color:#f59e0b;margin-top:.25rem;font-size:.8rem;font-weight:500}.readonly-note{color:#6b7280}.abha-container{align-items:center;gap:.5rem;display:flex}.abha-container .form-input{flex:1}.form-actions{z-index:10;background-color:#fff;justify-content:flex-end;gap:12px;padding:12px 0;display:flex;position:sticky;bottom:0}.btn-secondary{color:#64748b;background:#fff;border:1px solid #94a3b84d;border-radius:8px;padding:.5rem 1rem;font-weight:600;transition:all .3s}.btn-secondary:hover{color:#0c4a6e;background:#f8fafc}.btn-primary{color:#0c4a6e;cursor:pointer;background:linear-gradient(135deg,#7dd3fc,#38bdf8);border:none;border-radius:8px;padding:.5rem 1rem;font-weight:600;transition:all .3s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #3b82f64d}.btn-blue{color:#0c4a6e;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#7dd3fc,#38bdf8);border:none;border-radius:8px;padding:.875rem 1rem;font-weight:600;transition:all .3s}.btn-blue:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.form-part{background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;margin-bottom:2rem;padding:1rem}.part-header{gap:1rem;margin-bottom:.5rem;padding-bottom:1rem}.part-header,.part-number{align-items:center;display:flex}.part-number{color:#fff;background:linear-gradient(135deg,#7dd3fc,#38bdf8);border-radius:10px;flex-shrink:0;justify-content:center;width:36px;height:36px;font-size:1.1rem;font-weight:700}.part-title{color:#0f172a;font-size:1.25rem;font-weight:700}.form-row{grid-template-columns:1fr 1fr}.form-row,.form-row-pateint{gap:1.5rem;margin-bottom:1.5rem;display:grid}.form-row-pateint{grid-template-columns:4fr 4fr 4fr 4fr}.form-row.single{grid-template-columns:1fr}.form-row:last-child{margin-bottom:0}.form-group.age-group{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.info-text{color:#64748b;margin-top:.25rem;font-size:.8rem;font-style:italic}.gender-buttons{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.gender-btn{cursor:pointer;color:#64748b;text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:.5rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s}.gender-btn:hover{background:#3b82f60d;border-color:#0c4a6e}.gender-btn.active{color:#fff;background:#7dd3fc;border-color:#0c4a6e}.gender-full{display:inline}.gender-short{display:none}@media (max-width:768px){.gender-full{display:none}.gender-short{display:inline}.form-group.age-group,.form-row{grid-template-columns:1fr}.form-part{padding:1.5rem}.abdm-container{flex-direction:column}.btn-abdm{width:100%}}.close-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:none;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;margin-left:.5rem;padding:.3rem;font-size:1.2rem;transition:all .2s;display:flex}.close-btn:hover{color:#fff;background:#7dd3fc;transform:rotate(90deg)}.appointments-table{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.table-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;gap:2rem;padding:1rem 1.5rem;display:flex}.status-filter{color:#92400e;background:#fef3c7;font-size:.85rem;font-weight:600}.date-navigation,.status-filter{border-radius:8px;padding:.5rem 1rem}.date-navigation{background:#fff;gap:.75rem;box-shadow:0 2px 8px #0000000d}.date-nav-btn,.date-navigation{align-items:center;display:flex}.date-nav-btn{cursor:pointer;color:#475569;background:#cbd5e1;border:none;border-radius:6px;justify-content:center;width:32px;height:32px;font-size:1.1rem;font-weight:600;transition:all .2s}.date-nav-btn:hover{background:#94a3b8;transform:scale(1.05)}.date-nav-btn:active{transform:scale(.95)}.current-date{color:#0f172a;text-align:center;min-width:180px;font-size:.95rem;font-weight:600}.calendar-btn{color:#475569;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#cbd5e1,#94a3b8);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #64748b4d}.calendar-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #64748b66}.calendar-btn:active{transform:scale(.98)}.calendar-btn svg{width:18px;height:18px}.date-picker-input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.calendar-wrapper{display:inline-block;position:relative}.filter-status-btn{color:#475569;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#cbd5e1,#94a3b8);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #64748b4d}.filter-status-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #64748b66}.filter-status-btn:active{transform:scale(.98)}.filter-status-wrapper{display:inline-block;position:relative;overflow:visible!important}.filter-status-dropdown{z-index:2147483647;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:140px;position:absolute;top:calc(100% + .3rem);right:120px;overflow:hidden;box-shadow:0 4px 12px #00000026}.filter-status-dropdown.show{display:block}.filter-status-dropdown-item{cursor:pointer;border-bottom:1px solid #f1f5f9;align-items:center;gap:.5rem;padding:.4rem;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.filter-status-dropdown-item:last-child{border-bottom:none}.filter-status-dropdown-item:hover{background:#f8fafc}.filter-status-dropdown-item.all{color:#0c4a6e}.filter-status-dropdown-item.booked{color:#4338ca}.filter-status-dropdown-item.present{color:#c2410c}.filter-status-dropdown-item.cancelled{color:#991b1b}.filter-status-dropdown-item.completed,.filter-status-dropdown-item.paid{color:#017e0d}.filter-status-dropdown-item.pending{color:#991b1b}.desktop-table{border-collapse:collapse;width:100%}.table-head{background:#f8fafc}.table-head th{text-align:left;color:#000;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #94a3b81a;padding:1rem 1.5rem;font-size:.85rem;font-weight:600}.table-body tr{border-bottom:1px solid #94a3b80d;transition:all .2s}.table-body tr:hover{background:#f8fafc80}.table-body td{color:#334155;vertical-align:middle;padding:.5rem 1.5rem;font-size:.9rem}.rows-per-page-dropdown{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;margin-left:6rem;padding:.4rem .75rem;font-size:.85rem;font-weight:500;transition:all .2s}.rows-per-page-dropdown:hover{background:#f8fafc;border-color:#94a3b8}.rows-per-page-dropdown:focus{border-color:#475569;box-shadow:0 0 0 3px #4755691a}.pagination-container{background:#f8fafc;border-top:1px solid #94a3b81a;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.pagination-info{font-weight:500}#pageNumbers,.pagination-controls{align-items:center;gap:.25rem;display:flex}.pagination-btn{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 8px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.pagination-btn:hover:not(.disabled):not(.active){color:#0c4a6e;background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.pagination-btn.active{color:#fff;background:#7dd3fc;border-color:#0c4a6e;box-shadow:0 2px 8px #3b82f633}.pagination-btn.disabled{opacity:.4;cursor:not-allowed;background:#f8fafc}.pagination-btn.disabled:hover{background:#f8fafc;transform:none}.pagination-arrow{width:16px;height:16px}.status-badge{text-transform:uppercase;letter-spacing:.05em;cursor:pointer;align-items:center;gap:.5rem;padding:.375rem .875rem;font-size:.75rem;transition:all .2s;display:inline-flex;position:relative}.status-badge:hover{transform:scale(1.05);box-shadow:0 2px 8px #0000001a}.status-badge .dropdown-icon{opacity:.7;font-size:.65rem}.status-badge.completed{color:#166534;background:#dcfce7}.status-badge.confirmed{color:#0c4a6e;background:#7dd3fc}.status-badge.pending{color:#92400e;background:#fef3c7}.status-badge.cancelled{color:#991b1b;background:#fee2e2}.status-badge.booked{color:#4338ca;background:#e0e7ff}.status-badge.present{color:#fff;background:#ea580c}.status-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-width:140px;margin-top:.5rem;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 4px 12px #00000026}.status-dropdown.show{display:block}.status-dropdown-item{cursor:pointer;border-bottom:1px solid #f1f5f9;padding:.75rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s}.status-dropdown-item:last-child{border-bottom:none}.status-dropdown-item:hover{background:#f8fafc}.status-dropdown-item.booked{color:#4338ca}.status-dropdown-item.present{color:#c2410c}.status-dropdown-item.cancelled{color:#991b1b}.status-wrapper{display:inline-block;position:relative}.action-btn{white-space:nowrap;justify-content:center;min-width:32px;height:36px;font-size:.85rem;transition:all .2s}.rx-btn{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;padding:.5rem 1.25rem;font-weight:500}.rx-btn:hover{background:#bae6fd;transform:scale(1.1)}.rx-btn-billing{color:#166534;background:#dcfce7;border:1px solid #bae6fd;padding:.5rem 1.25rem;font-weight:500}.rx-btn-billing:hover{background:#bbf7d0;transform:scale(1.1)}.edit-btn{width:65px;padding:.5rem}.edit-btn:hover{background:#fcd34d;transform:scale(1.1)}.delete-btn{color:#991b1b;background:#fee2e2;width:36px;padding:.5rem}.delete-btn:hover{background:#fca5a5;transform:scale(1.1)}.MuiAccordionSummary-content.Mui-expanded{margin:0!important}.MuiPaper-root-MuiAccordion-root:after{display:none}.css-1f1pi2l-MuiButtonBase-root-MuiAccordionSummary-root{padding:0!important}.button-group{gap:12px;margin-top:24px;display:flex}.btn{border-radius:12px;flex:1;align-items:center;width:100%;padding:14px 24px;font-size:16px;font-weight:600}.btn-primary{color:#fff;background:#3b82f6}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 8px 25px #3b82f64d}.btn-primary:disabled{cursor:not-allowed;background:#d1d5db;transform:none}.btn-secondary{color:#374151;cursor:pointer;background:#f3f4f6}.btn-secondary:hover{background:#e5e7eb}.container{background-color:#fff;border-radius:1rem;width:100%;max-width:40rem;max-height:85vh;margin-left:auto;margin-right:auto;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0000004d}@media (min-width:640px){.container{padding:1.75rem}}body.show-dashboard .container,body:not(.show-dashboard) .container{z-index:100;position:fixed;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}body.show-dashboard .container{margin:0}.container.hide-for-dashboard{display:none}.container:before{content:"";background:linear-gradient(90deg,#ef4444,#f59e0b 50%,#6b7280);height:.25rem;position:absolute;top:0;left:0;right:0}.container::-webkit-scrollbar{width:8px}.container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.container::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.container::-webkit-scrollbar-thumb:hover{background:#555}.logo{text-align:center}.logo h1{color:#1f2937;letter-spacing:-.05em;font-size:2.25rem;font-weight:700;line-height:2.5rem}.logo p{color:#4b5563;margin-top:.5rem;font-size:1rem;line-height:1.5rem}.progress-container{margin-bottom:1.5rem}.progress-steps{justify-content:space-between;margin-bottom:.75rem;display:flex;position:relative}.progress-line{z-index:0;background-color:#e5e7eb;right:0}.progress-line,.progress-line-active{height:.125rem;position:absolute;top:1rem;left:0}.progress-line-active{z-index:10;background-color:#3b82f6;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.step{z-index:10;flex-direction:column;flex:1;position:relative}.step,.step-circle{align-items:center;display:flex}.step-circle{color:#9d9d9d;background-color:#fff;border-width:1px;border-color:#9ca3af;border-radius:9999px;justify-content:center;width:2rem;height:2rem;font-size:.875rem;font-weight:600;line-height:1.25rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.step.active .step-circle{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.step.completed .step-circle{color:#fff;background-color:#10b981;border-color:#10b981}.step-label{color:#9ca3af;text-align:center;margin-top:.5rem;font-size:.6875rem;line-height:1.25}.step.active .step-label{color:#3b82f6;font-weight:600}.form-section,.profile-step-content,.step-content{display:relative}.profile-step-content.active,.step-content.active{display:block!important}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.form-title{color:#1f2937;margin-bottom:1.25rem;font-size:1.5rem;font-weight:700;line-height:2rem}.form-label .required{color:#ef4444}.form-label .optional{color:#10b981;font-size:.75rem;font-weight:400;line-height:1rem}.form-input,.form-select,.form-textarea{color:#1f2937;background-color:#fff;border:2px solid #e5e7eb;border-radius:.75rem;width:100%;padding:.5rem 1rem;font-size:1rem;transition-property:all;transition-duration:.3s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-textarea{resize:vertical;min-height:100px}.form-grid{gap:1rem;display:grid}.form-grid .form-group{margin-bottom:.3rem}.phone-input-container{border:2px solid #e5e7eb;border-radius:.75rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.phone-input-container:focus-within{border-color:#3557ff;box-shadow:0 0 0 3px #3b82f61a}.country-code{color:#484848;background-color:#cbcaca;border-color:#004284;border-right-width:1px;align-items:center;gap:.5rem;padding:.5rem;font-weight:500;display:flex}.phone-input{outline-offset:2px;color:#1f2937;border-style:none;outline:2px solid #0000;flex:1;padding:.5rem 1rem;font-size:1rem}.checkbox-group{margin-bottom:1rem}.checkbox-label{cursor:pointer;border-radius:.5rem;align-items:flex-start;padding:.75rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.checkbox-label:hover{background-color:#f9fafb}.checkbox-input{cursor:pointer;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem;margin-right:.75rem}.checkbox-text{color:#374151;font-size:.875rem;line-height:normal}.checkbox-text a{color:#3b82f6;text-decoration-line:none}.checkbox-text a:hover{text-decoration-line:underline}.checkbox-label-inline{cursor:pointer;background-color:#fff;border:1px solid #c4c4c4;border-radius:.5rem;align-items:center;gap:.5rem;padding:.625rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.checkbox-label-inline:hover{background-color:#eff6ff;border-color:#3b82f6}.checkbox-input-inline{cursor:pointer;accent-color:#3b82f6;width:18px;height:18px}.checkbox-text-inline{color:#374151;font-size:.875rem;font-weight:500;line-height:1.25rem}.payment-summary{background-color:#f9fafb;border-width:2px;border-color:#e5e7eb;border-radius:1rem;margin-top:1.5rem;padding:1.25rem;display:none;box-shadow:0 1px 2px #0000000d}.payment-summary.show{display:block}.payment-item{border-color:#e5e7eb;border-bottom-width:1px;justify-content:space-between;align-items:center;padding-top:.75rem;padding-bottom:.75rem;display:flex}.payment-item:last-child{border-bottom-width:0}.payment-label{font-weight:500;line-height:1.25rem}.payment-value{color:#1f2937;font-size:1rem;font-weight:600;line-height:1.5rem}.payment-discount{color:#fff;background-color:#10b981;border-radius:.375rem;padding:.25rem .75rem;font-size:.875rem;font-weight:600;line-height:1.25rem}.payment-total{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:.75rem;margin-top:.75rem;padding:1rem}.payment-total .payment-item{color:#fff;border-style:none;padding:0}.payment-total .payment-label{color:#e0e7ff;font-size:.875rem;line-height:1.25rem}.payment-total .payment-value{color:#fff;font-size:1.875rem;line-height:2.25rem}.payment-note{background:#ecfdf5;border-width:1px;border-color:#10b981;border-radius:.75rem;align-items:flex-start;gap:.75rem;margin-top:1rem;padding:1rem;display:flex}.payment-note-icon{flex-shrink:0;font-size:1.25rem;line-height:1.75rem}.payment-note-text{color:#065f46;font-size:.875rem;line-height:normal}.file-upload{width:100%;display:inline-block;position:relative}.file-upload-input{display:none}.file-upload-wrapper{align-items:flex-start;gap:1rem;display:grid}.file-upload-label{text-align:center;cursor:pointer;color:#4b5563;background-color:#f9fafb;border:2px dashed #e5e7eb;border-radius:.75rem;padding:.875rem;font-size:.875rem;line-height:1.25rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:block}.file-upload-label:hover{color:#3b82f6;background-color:#eff6ff;border-color:#3b82f6}.file-name{color:#10b981;margin-top:.5rem;font-size:.75rem;font-weight:500;line-height:1rem}.file-preview{border-width:2px;border-color:#e5e7eb;border-radius:.75rem;width:8rem;height:8rem;display:none;position:relative;overflow:hidden}.file-preview.show{display:block}.file-preview img{object-fit:cover;background-color:#f9fafb;width:100%;height:100%}.file-preview-actions{background-color:#000000b3;justify-content:center;align-items:center;padding:.375rem;display:flex;position:absolute;bottom:0;left:0;right:0}.file-preview-name{display:none}.file-remove-btn{color:#fff;cursor:pointer;background-color:#ef4444;border-style:none;border-radius:.25rem;padding:.25rem .625rem;font-size:.75rem;font-weight:600;line-height:1rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.file-remove-btn:hover{background-color:#b91c1c}filter-status-dropdown-item.active{color:#00796b;background-color:#e0f7fa;font-weight:600}.popup-overlay{z-index:9999;background-color:#0009;animation:fadeIn .3s ease-in-out;inset:0}.popup{text-align:center;background:#fff;border-radius:16px;max-width:26%;padding:32px 40px;animation:scaleIn .25s ease-in-out;box-shadow:0 10px 40px #00000040}.popup-icon{background:#10b981;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;font-size:32px;display:flex}.popup-title{color:#1f2937;margin-bottom:12px;font-size:24px;font-weight:700}.popup-message{color:#555;margin-bottom:24px;font-size:16px}.section{margin-bottom:2rem}.section-title{color:#1e293b;border-bottom:2px solid #f1f5f9;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.125rem;font-weight:600}.section-title.patient-info{font-size:.95rem}.single-line-grid{flex-wrap:wrap;align-items:flex-end;gap:1.5rem;display:flex}.single-line-grid .form-group label{font-size:.75rem}.single-line-grid .form-input{padding:.6rem;font-size:.8rem}.form-group{flex-direction:column;flex:1;min-width:150px;display:flex}.form-group label{color:#374151;margin-bottom:.5rem;font-size:.875rem;font-weight:500}.medicine-item{background:#f8fafc;border:2px solid #e2e8f0;border-radius:.75rem;margin-bottom:1rem;padding:1.5rem;transition:all .2s;animation:slideIn .3s ease-out}.medicine-item:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.medicine-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.medicine-number{background:#3b82f6;border-radius:50%;font-size:.875rem;font-weight:600}.medicine-number,.remove-medicine{color:#fff;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.remove-medicine{cursor:pointer;background:#ef4444;border:none;border-radius:50%;transition:background-color .2s}.remove-medicine:hover{background:#dc2626}.medicine-grid{grid-template-columns:2fr 2fr 1fr;align-items:start;gap:1rem;display:grid}.dosage-container{flex-direction:column;gap:.5rem;display:flex}.dosage-label{color:#374151;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:flex}.dosage-label span{text-align:center;flex:1}.dosage-label .separator{color:#94a3b8;font-weight:400}.dosage-inputs{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.dosage-input-group{flex-direction:column;align-items:center;gap:.5rem;display:flex}.dosage-btn{color:#fff;cursor:pointer;border:none;border-radius:.25rem;justify-content:center;align-items:center;width:60px;height:32px;font-size:1.25rem;font-weight:600;transition:all .2s;display:flex}.dosage-btn.plus{background:#3b82f6}.dosage-btn.plus:hover{background:#2563eb}.dosage-btn.minus{background:#3b82f6}.dosage-btn.minus:hover{background:#2563eb}.dosage-btn:active{transform:scale(.95)}.dosage-input{text-align:center;-moz-appearance:textfield;width:60px;height:40px;font-size:1rem;font-weight:600}.dosage-input::-webkit-inner-spin-button,.dosage-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.remarks-days-container{flex-direction:column;gap:1rem;display:flex}.add-medicine{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:.5rem;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.75rem 1.5rem;font-weight:500;transition:transform .2s;display:flex}.add-medicine:hover{transform:translateY(-1px)}.upload-section{gap:1rem;margin-top:1rem;display:flex}.upload-btn{color:#64748b;cursor:pointer;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.upload-btn:hover{color:#475569;background:#f1f5f9;border-color:#94a3b8}.upload-btn input[type=file]{display:none}.xray-gallery{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:1rem;display:grid}.xray-image-container{background:#fff;border:2px solid #e2e8f0;border-radius:1rem;padding:1rem;transition:all .2s;box-shadow:0 2px 4px #0000001a}.xray-image-container:hover{border-color:#cbd5e1;box-shadow:0 4px 8px #00000026}.xray-image{object-fit:cover;cursor:pointer;background:#f1f5f9;border-radius:.5rem;width:100%;height:200px;transition:transform .2s}.xray-image:hover{transform:scale(1.02)}.xray-info{border-top:1px solid #e2e8f0;margin-top:.75rem;padding-top:.75rem}.xray-filename{color:#1e293b;margin-bottom:.25rem;font-size:.875rem;font-weight:600}.xray-details{color:#64748b;justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.xray-actions{gap:.5rem;margin-top:.5rem;display:flex}.view-fullsize{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;transition:background-color .2s}.view-fullsize:hover{background:#2563eb}.remove-file{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex}.fullsize-modal{z-index:2000;background:#000000e6;width:100%;height:100%;animation:fadeIn .2s ease-out;display:none;position:fixed;top:0;left:0}.fullsize-modal.show{justify-content:center;align-items:center;display:flex}.fullsize-image{object-fit:contain;border-radius:.5rem;max-width:90%;max-height:90%;box-shadow:0 10px 25px #00000080}.fullsize-close{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;transition:background-color .2s;display:flex;position:absolute;top:1rem;right:1rem}.fullsize-close:hover{background:#ffffff4d}.uploaded-files{margin-top:1rem}.file-item{background:#f1f5f9;border-radius:.25rem;justify-content:space-between;align-items:center;margin-bottom:.25rem;padding:.5rem;display:flex}.file-item span{font-size:.875rem}.popup-overlay{z-index:999;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.popup-new{background:#fff;border-radius:12px;width:800px;max-width:90%;padding:24px;box-shadow:0 4px 20px #0000004d}.popup-title{margin-bottom:16px;font-size:1.4rem}.form-group{margin-bottom:12px}.form-input{border:1px solid #ddd;border-radius:6px;width:100%;padding:8px}.submit-btn{color:#fff;background:#007bff}.cancel-btn,.submit-btn{cursor:pointer;border:none;border-radius:6px;padding:8px 14px}.cancel-btn{background:#ccc}.btn-outline{color:#64748b;background:#fff;border:2px solid #e2e8f0}.btn-outline:hover{color:#475569;border-color:#cbd5e1}.action-buttons{align-items:center;gap:.5rem;display:flex}.add-appointment-btn{color:#166534;background:#dcfce7;border:1px solid #bbf7d0}.view-detail-btn{color:#1e40af;background:#dbeafe;border:1px solid #bfdbfe}.edit-btn{color:#92400e;background:#fef3c7;border:1px solid #fde68a}@media (max-width:900px){.table-body td:first-child,.table-body td:nth-child(3),.table-body td:nth-child(5),.table-body td:nth-child(7),.table-head th:first-child,.table-head th:nth-child(3),.table-head th:nth-child(5),.table-head th:nth-child(7){display:none}.action-btn{width:32px;height:32px;padding:0;font-size:1rem}.btn-text{display:none}}.action-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:.25rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;display:flex}.stats-bar-billing{grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:.6rem;padding:.8rem;display:grid}.form-section{border-bottom:1px solid #f3f4f6}.form-section:last-child{border-bottom:none}.invoice-header{border-bottom:2px solid #f3f4f6;justify-content:space-between;align-items:flex-start;margin-bottom:.3rem;padding-bottom:1.5rem;display:flex}.doctor-info h3{color:#1f2937;margin-bottom:.25rem;font-size:1.25rem;font-weight:600}.doctor-info .specialization{margin-bottom:.5rem}.doctor-info .reg-no,.doctor-info .specialization{color:#6b7280;font-size:.875rem}.doctor-info{flex:1}.doctor-image{background-color:#f0f0f0;border:3px solid #4a90e2;border-radius:50%;width:120px;height:100px;box-shadow:0 2px 6px #0003}.clinic-logo{color:#fff;background:linear-gradient(135deg,#14b8a6,#0d9488);border-radius:16px;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;display:flex;box-shadow:0 4px 6px -1px #14b8a64d}.clinic-info h4{color:#1f2937;font-weight:600}.clinic-info p{color:#6b7280}.invoice-meta{background:#f9fafb;border-radius:12px;justify-content:space-between;margin-bottom:.6rem;padding:1.5rem;display:flex}.meta-item{font-size:.875rem}.meta-label{color:#6b7280;margin-bottom:.25rem}.meta-value{color:#1f2937}.patient-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:2rem;padding:2rem;display:grid}.patient-info h4{color:#1f2937;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600;display:flex}.patient-field{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.patient-label{color:#374151;text-align:left;min-width:80px;font-size:.875rem;font-weight:600}.patient-input{color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:1;min-width:160px;padding:.5rem .75rem;font-size:.875rem;font-weight:500}.patient-input:focus{border-color:#14b8a6;outline:none;box-shadow:0 0 0 2px #14b8a61a}.patient-input.age-input{flex:none;min-width:80px}.table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin:.3rem 0;overflow-x:auto}.billing-items-table{border-collapse:collapse;background:#fff;width:100%;min-width:800px}.billing-items-table th{text-align:left;color:#374151;z-index:10;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:1rem;font-size:.875rem;font-weight:600;position:sticky;top:0}.billing-items-table td{vertical-align:middle;border-bottom:1px solid #f3f4f6;padding:1rem;font-size:.875rem}.billing-items-table tbody tr:hover{background:#f9fafb}.table-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;width:100%;padding:.5rem;font-size:.875rem}.table-input:focus{border-color:#14b8a6;outline:none;box-shadow:0 0 0 2px #14b8a61a}.quantity-input{text-align:center;width:80px}.price-input{text-align:right;width:120px}.item-total{color:#1f2937;font-weight:600}.remove-btn{color:#ef4444;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;padding:.5rem .75rem;font-size:.75rem;font-weight:500;transition:all .3s}.remove-btn:hover{color:#fff;background:#ef4444}.add-item-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:.5rem;margin:1rem 0;padding:.5rem;font-weight:500;transition:all .3s;display:inline-flex}.add-item-btn:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 6px #10b9814d}.billing-summary{border-radius:12px;margin-top:.5rem}.payment-section{background:#f9fafb;border-radius:12px;justify-content:space-between;gap:.5rem;padding:.5rem;display:flex}.payment-group{flex-direction:column;display:flex}.payment-label{color:#374151;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:block}.payment-input,.payment-select{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:border-color .3s,box-shadow .3s}.payment-input:focus,.payment-select:focus{border-color:#14b8a6;outline:none;box-shadow:0 0 0 3px #14b8a61a}.signature-section{border-top:2px solid #f3f4f6;justify-content:space-between;padding:.8rem 0}.signature-section,.stamp{align-items:center;display:flex}.stamp{color:#ef4444;text-align:center;background:#fff;border:3px solid #ef4444;border-radius:50%;justify-content:center;width:100px;height:100px;font-size:.75rem;font-weight:700}.signature-area{text-align:right}.signature-line{border-bottom:2px solid #9ca3af;width:250px;height:60px;margin-bottom:.5rem;position:relative}.signature-text{color:#9ca3af;font-size:1.5rem;font-style:italic;position:absolute;bottom:5px;right:0}.modal-action-buttons{background:#f9fafb;border-top:1px solid #e5e7eb;flex-wrap:wrap;justify-content:center;gap:1rem;padding:2rem;display:flex}.modal-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .3s;display:inline-flex}.modal-btn-primary{color:#fff;background:#14b8a6;box-shadow:0 4px 6px -1px #14b8a64d}.modal-btn-primary:hover{background:#0d9488;transform:translateY(-1px);box-shadow:0 8px 15px -3px #14b8a666}.modal-btn-secondary{color:#6b7280;background:#fff;border:1px solid #d1d5db}.modal-btn-secondary:hover{color:#374151;background:#f9fafb;border-color:#9ca3af}.back-btn{cursor:pointer;color:#0f172a;background:0 0;border:none;font-size:1.25rem;transition:color .2s;display:flex}.back-btn:hover{color:#0284c7}.patient-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:16px;align-items:center;gap:2rem;margin-bottom:2rem;padding:2rem;display:flex;box-shadow:0 8px 32px #0000001a}.patient-avatar{color:#fff;background:linear-gradient(135deg,#7dd3fc,#38bdf8);border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;font-size:2rem;font-weight:700;display:flex}.patient-info{flex:1}.patient-name{color:#0f172a;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.patient-id{color:#075985;background:#e0f2fe;border-radius:8px;margin-bottom:1rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;display:inline-block}.patient-meta{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.meta-item{flex-direction:column;gap:.25rem;display:flex}.meta-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:500}.meta-value{color:#1e293b;font-size:1rem;font-weight:600}.quick-actions{flex-direction:column;gap:.75rem;display:flex}.add-appointment-btn{color:#454545;background:linear-gradient(135deg,#7dd3fc,#38bdf8);box-shadow:0 4px 15px #7dd3fc4d}.add-appointment-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #7dd3fc66}.edit-patient-btn{color:#fff;background:linear-gradient(135deg,#93c5fd,#60a5fa);box-shadow:0 4px 15px #93c5fd4d}.edit-patient-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #93c5fd66}.content-tabs{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-radius:12px;gap:.5rem;margin-bottom:2rem;padding:.5rem;display:flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:1rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .3s}.tab-btn.active{color:#fff;background:linear-gradient(135deg,#7dd3fc,#38bdf8);transform:translateY(-1px);box-shadow:0 4px 15px #7dd3fc4d}.tab-btn:not(.active):hover{color:#475569;background:#fffc}.tab-content{display:none}.tab-content.active{display:block}.card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:16px;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 8px 32px #0000001a}.card-header{border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;padding-bottom:1rem;display:flex}.card-title{color:#0f172a;font-size:1.25rem;font-weight:700}.appointments-grid{gap:1rem;display:grid}.appointment-item{background:#f8fafc;border:1px solid #94a3b81a;border-radius:12px;padding:1.5rem;transition:all .2s}.appointment-item:hover{background:#f8fafccc;transform:translateY(-1px);box-shadow:0 4px 15px #0000000d}.appointment-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.appointment-date{color:#0f172a;font-size:1.1rem;font-weight:700}.appointment-status{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:.375rem .875rem;font-size:.75rem;font-weight:600}.status-completed{color:#166534;background:#dcfce7}.status-cancelled{color:#991b1b;background:#fee2e2}.appointment-details{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1rem 0;display:grid}.detail-item{flex-direction:column;gap:.25rem;display:flex}.detail-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:500}.detail-value{color:#1e293b;font-size:.9rem;font-weight:600}.prescription-item{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin:.5rem 0;padding:1rem}.prescription-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.medicine-name{color:#166534;font-size:1rem;font-weight:700}.medicine-details{color:#000;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;font-size:.85rem;display:grid}.vitals-grid{gap:1rem;display:flex;overflow-x:auto}.vital-card{text-align:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;flex:1;min-width:150px;padding:1.5rem;transition:all .2s}.vital-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f626}.vital-icon{margin-bottom:.5rem;font-size:2rem}.vital-label{color:#0369a1;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.8rem;font-weight:500}.vital-value{color:#0f172a;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.vital-unit{color:#64748b;font-size:.8rem}.billing-summary{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;display:grid}.bill-card{background:linear-gradient(135deg,#e0f2fe,#bae6fd);border:1px solid #7dd3fc;border-radius:12px;padding:1.5rem}.bill-date{font-size:.8rem}.bill-amount,.bill-date{color:#075985;margin-bottom:.5rem}.bill-amount{font-size:2rem;font-weight:700}.bill-status{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:.375rem .875rem;font-size:.75rem;font-weight:600;display:inline-block}.status-overdue{color:#991b1b;background:#fee2e2}.MuiTableCell-root{padding:.6rem!important}.dental-chart{background:#f8fafc;border-radius:1rem;max-width:900px;margin-left:auto;margin-right:auto;padding:1rem 2rem}.dental-chart-title{text-align:center;color:#1e293b;margin-bottom:2rem;font-size:1.125rem;font-weight:600}.dental-arch{margin-bottom:1rem}.dental-arch.upper{margin-bottom:2rem}.tooth-numbers{justify-content:space-between;margin-bottom:.5rem;padding:0 1rem;display:flex}.tooth-number{color:#64748b;text-align:center;width:40px;font-size:.75rem;font-weight:600}.teeth-row{justify-content:space-between;gap:2px;padding:0 1rem;display:flex}.tooth{cursor:pointer;background:#fff;border:2px solid #cbd5e1;flex-direction:column;justify-content:center;align-items:center;width:40px;height:60px;transition:all .2s;display:flex;position:relative;box-shadow:0 2px 4px #0000001a}.tooth.incisor{background:#fff;border-radius:8px 8px 4px 4px}.tooth.canine{background:#fff;border-radius:6px 6px 12px 12px;height:65px}.tooth.premolar{background:#fff;border-radius:8px;height:55px}.tooth.molar{background:#fff;border-radius:10px;width:45px;height:50px}.dental-arch.lower .tooth.incisor{border-radius:4px 4px 8px 8px}.dental-arch.lower .tooth.canine{border-radius:12px 12px 6px 6px}.tooth:hover{z-index:10;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.tooth.has-notes{border-color:#f59e0b;background:#fef3c7!important}.tooth.selected{border-color:#3b82f6;background:#dbeafe!important}.tooth-label{color:#475569;z-index:2;background:#ffffffe6;border-radius:3px;padding:2px 4px;font-size:.7rem;line-height:1;bottom:4px}.tooth-indicator,.tooth-label{font-weight:700;position:absolute}.tooth-indicator{color:#fff;opacity:0;background:#ef4444;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:10px;transition:opacity .2s;display:flex;top:-6px;right:-6px}.tooth.has-notes .tooth-indicator{opacity:1}.modal{z-index:1000;background:#00000080;width:100%;height:100%;animation:fadeIn .2s ease-out;display:none;position:fixed;top:0;left:0}.modal.show{justify-content:center;align-items:center;display:flex}.modal-content{background:#fff;border-radius:1rem;width:90%;max-width:600px;max-height:80vh;padding:2rem;animation:slideIn .3s ease-out;overflow-y:auto;box-shadow:0 10px 25px #0000004d}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.modal-title{color:#1e293b;font-size:1.25rem;font-weight:600}.close-modal{color:#64748b;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.5rem}.close-modal:hover{color:#1e293b}.tooth-notes{width:100%;min-height:120px;margin-bottom:1rem}.modal-actions{justify-content:flex-end;gap:1rem;display:flex}.notes-history{max-height:200px;margin-top:1rem;overflow-y:auto}.notes-history h4{color:#1e293b;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.note-entry{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;margin-bottom:.5rem;padding:.75rem}.note-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.note-date{color:#64748b;font-size:.75rem;font-weight:500}.edit-note-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;transition:background-color .2s}.edit-note-btn:hover{background:#2563eb}.note-text{color:#374151;white-space:pre-wrap;font-size:.875rem}.collapsible-section{border-radius:1rem;transition:all .3s;overflow:hidden}.collapsible-header{cursor:pointer;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);justify-content:space-between;align-items:center;padding:1rem 1.5rem;transition:background-color .2s;display:flex}.collapsible-header:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}.collapsible-title{color:#1e293b;margin:0;font-size:1.125rem;font-weight:600}.collapse-icon{color:#64748b;font-size:1.2rem;font-weight:700;transition:transform .3s}.collapsible-section.collapsed .collapse-icon{transform:rotate(-90deg)}.collapsible-content{max-height:1000px;padding:1.5rem;transition:max-height .3s ease-out,padding .3s ease-out;overflow:hidden}.collapsible-section.collapsed .collapsible-content{max-height:0;padding:0 1.5rem}.refraction-section{border-radius:1rem;margin-bottom:1.5rem;padding:1.5rem}.refraction-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.refraction-eye{background:#fff;border:1px solid #f3e8ff;border-radius:.5rem;max-width:100%;padding:1rem;overflow:hidden}.refraction-eye h4{color:#9333ea;text-align:center;margin-bottom:.75rem;font-size:.9rem;font-weight:600}.refraction-inputs{grid-template-columns:1fr 1fr 1fr;gap:.75rem;max-width:100%;display:grid}.refraction-input{text-align:center;width:100%;min-width:0;font-size:.8rem}.refraction-label{color:#7c2d12;text-align:center;margin-bottom:.25rem;font-size:.75rem;font-weight:600}.floating-stats{z-index:20;position:relative}.stats-toggle-btn{color:#475569;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#cbd5e1,#94a3b8);border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #64748b4d}.stats-toggle-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #64748b66}.stats-popup{background:#fff;border-radius:12px;gap:1rem;padding:.8rem 1rem;animation:fadeIn .2s;display:flex;position:absolute;box-shadow:0 8px 20px #0003}.stats-popup .stat-card{text-align:center;min-width:70px}.stats-popup .stat-number{color:#0284c7;font-size:1.4rem;font-weight:700}.stats-popup .stat-label{color:#64748b;font-size:.75rem}.invoice-billing{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:12px;margin-top:.5rem;padding:2rem}.summary-row{margin-bottom:.75rem;font-size:.875rem}.summary-row.total{color:#1f2937;border-top:2px solid #d1d5db;margin-top:1rem;padding-top:1rem;font-size:1.25rem;font-weight:700}.go-public-toggle{align-items:center;gap:10px;display:flex}.toggle-label{color:#333;font-size:14px;font-weight:500}.toggle-switch{width:52px;height:28px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#ccc;border-radius:28px;inset:0}.slider,.slider:before{transition:all .4s;position:absolute}.slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;bottom:4px;left:4px;box-shadow:0 2px 4px #0003}input:checked+.slider{background-color:#4caf50}input:checked+.slider:before{transform:translate(24px)}.toggle-status{color:#666;font-size:12px;font-weight:500}.toggle-status.active{color:#4caf50}.container{max-width:1200px;margin:0 auto;padding:30px}.breadcrumb{color:#666;margin-bottom:30px;font-size:14px}.breadcrumb a{color:#4285f4;text-decoration:none}.profile-header{background:#fff;border-radius:12px;align-items:flex-start;gap:30px;margin-bottom:1rem;padding:1.5rem;display:flex;box-shadow:0 2px 8px #0000001a}.doctor-name{color:#333;margin-bottom:8px;font-size:28px;font-weight:700}.doctor-specialization{color:#4285f4;margin-bottom:1rem;font-size:18px;font-weight:500}.doctor-experience{color:#666;margin-bottom:20px;font-size:16px}.doctor-image{background:#f0f0f0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:200px;height:250px;display:flex;overflow:hidden}.doctor-image img{object-fit:cover;width:100%;height:100%}.doctor-placeholder{background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 230"><rect width="180" height="230" fill="%23e8f4f8"/><circle cx="90" cy="70" r="30" fill="%23d1e7dd"/><rect x="70" y="120" width="40" height="80" rx="20" fill="%23d1e7dd"/><rect x="60" y="140" width="60" height="50" fill="%23fff"/><circle cx="90" cy="60" r="15" fill="%23666"/></svg>') 50%/contain no-repeat;border-radius:12px;width:180px;height:230px}.info-section{background:#fff;border-radius:12px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:1rem;display:grid}.info-item{flex-direction:column;gap:5px;display:flex}.info-label{color:#666;text-transform:uppercase;font-size:12px;font-weight:500}.info-value{color:#333;font-size:14px;font-weight:500}.info-value.empty{color:#999;font-style:italic}.credentials-section{background:#fff;border-radius:12px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.credentials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-bottom:25px;display:grid}.credential-item{background:linear-gradient(135deg,#e8f4fd,#d4e9f7);border-left:5px solid #4285f4;border-radius:10px;padding:20px;transition:all .3s}.credential-label{color:#666;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:600}.credential-number{color:#333;background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 12px;font-family:Courier New,monospace;font-size:16px;font-weight:600}.qualifications-section{background:#fff;border-radius:12px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.qualification-item{background:#f8f9fa;border-left:4px solid #4285f4;border-radius:8px;margin-bottom:15px;padding:15px;transition:all .3s}.qualification-item:last-child{margin-bottom:0}.qualification-degree{color:#333;margin-bottom:5px;font-size:16px;font-weight:600}.qualification-details{color:#666;font-size:14px}.clinics-section{background:#fff;border-radius:12px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.clinic-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-radius:12px;margin-bottom:20px;padding:20px;transition:all .3s}.clinic-card:last-child{margin-bottom:0}.experience-section{background:#fff;border-radius:12px;margin-bottom:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.experience-item{background:#f8f9fa;border-left:4px solid #28a745;border-radius:8px;margin-bottom:15px;padding:15px;transition:all .3s}.experience-item:last-child{margin-bottom:0}.experience-position{color:#333;margin-bottom:5px;font-size:16px;font-weight:600}.experience-details{color:#666;margin-bottom:5px;font-size:14px}.clinic-card:hover,.credential-item:hover,.experience-item:hover,.qualification-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.documents-section{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 2px 8px #0000001a}.documents-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;display:grid}.document-item{text-align:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:8px;padding:20px}.document-icon{opacity:.6;margin-bottom:10px;font-size:32px}.document-title{color:#333;margin-bottom:5px;font-size:14px;font-weight:500}.document-status{color:#28a745;font-size:12px;font-weight:500}.btn{cursor:pointer;border:none;padding:12px 24px;font-weight:500;transition:all .3s}.btn,.text-content{border-radius:8px;font-size:14px}.text-content{color:#555;background:#f8f9fa;border-left:4px solid #4285f4;padding:15px;line-height:1.6}.public-status-badge{color:#2d5a2d;background:#e8f5e8;border-radius:20px;margin-left:8px;padding:2px 12px;font-size:12px;font-weight:500}.public-status-badge.private{color:#856404;background:#fff3cd}@media (max-width:768px){.container,.header{padding:15px}.header{flex-wrap:wrap;gap:15px}.page-header{flex-direction:column;align-items:flex-start;gap:15px}.go-public-toggle{gap:8px}.toggle-label{font-size:13px}.profile-header{flex-direction:column;gap:20px}.doctor-image{width:150px;height:200px;margin:0 auto}.clinic-info,.credentials-grid,.info-grid{grid-template-columns:1fr}.documents-grid{grid-template-columns:repeat(2,1fr)}.action-buttons{flex-direction:column}}.form-button-doctorDetails{z-index:10;justify-content:flex-end;gap:12px;padding:12px 0;display:flex;position:sticky;bottom:0}.page-title-wrapper{align-items:center;gap:10px;display:flex}.member-add-btn{color:#fff;cursor:pointer;background:linear-gradient(to bottom right,#10b981,#059669);border-radius:.5rem;padding:.75rem 1.5rem;font-weight:600;transition:opacity .2s ease-in-out}.member-add-btn:hover{opacity:.9}.btn-member-edit{color:#fff;cursor:pointer;background-color:#f59e0b;border-radius:.375rem;padding:.5rem 1rem;font-weight:500;transition:opacity .2s ease-in-out}.btn-member-edit:hover{opacity:.9}.btn-member-remove{color:#0c4a6e;cursor:pointer;background-color:#7dd3fc;border-radius:.375rem;padding:.5rem 1rem;font-weight:500;transition:opacity .2s ease-in-out}.btn-member-remove:hover{opacity:.9}.staff-signup-wrapper{color:#1e293b;box-sizing:border-box;background:linear-gradient(135deg,#f8fafc,#e2e8f0);width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;position:relative}.staff-signup-wrapper *{box-sizing:border-box}.staff-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#fffffff2;border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.staff-logo{color:#0f172a;letter-spacing:-.025em;font-size:1.75rem;font-weight:700}.staff-search-container{flex:1;max-width:480px;margin:0 3rem;position:relative}.staff-search-input{background:#fffc;border:1px solid #94a3b833;border-radius:12px;outline:none;width:100%;padding:.875rem 1.25rem .875rem 3rem;font-size:.95rem;transition:all .3s}.staff-search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.staff-search-icon{color:#64748b;width:18px;height:18px;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.staff-user-profile{cursor:pointer;background:#fff9;border-radius:12px;align-items:center;gap:.75rem;padding:.5rem 1rem;transition:all .2s;display:flex}.staff-user-profile:hover{background:#ffffffe6;transform:translateY(-1px)}.staff-user-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:600;display:flex}.staff-user-info{flex-direction:column;display:flex}.staff-user-name{color:#0f172a;font-size:.9rem;font-weight:600}.staff-clinic-name{color:#64748b;font-size:.8rem}.staff-floating-elements{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.staff-floating-elements:after,.staff-floating-elements:before{content:"";background:linear-gradient(135deg,#3b82f61a,#9333ea1a);border-radius:50%;animation:staff-float 20s ease-in-out infinite;position:absolute}.staff-floating-elements:before{width:300px;height:300px;animation-delay:0s;top:10%;left:-10%}.staff-floating-elements:after{width:200px;height:200px;animation-delay:10s;bottom:20%;right:-5%}@keyframes staff-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(180deg)}}.staff-main-content{z-index:1;max-width:1200px;margin:0 auto;padding:3rem 2rem;position:relative}.staff-form-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #94a3b81a;border-radius:20px;padding:3rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.staff-form-title{color:#0f172a;text-align:center;letter-spacing:-.025em;margin-bottom:2rem;font-size:2rem;font-weight:700}.staff-form-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;display:grid}.staff-form-group{flex-direction:column;display:flex}.staff-form-group label{color:#374151;font-size:.9rem;font-weight:600}.staff-form-group input,.staff-form-group select{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border:2px solid #94a3b833;border-radius:12px;padding:.875rem 1rem;font-size:1rem;transition:all .3s}.staff-form-group input:focus,.staff-form-group select:focus{background:#fff;border-color:#3b82f6;outline:none;transform:translateY(-1px);box-shadow:0 0 0 3px #3b82f61a}.staff-form-group input::placeholder{color:#94a3b8}.staff-btn{cursor:pointer;border:none;border-radius:12px;padding:.875rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.staff-btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 14px #3b82f666}.staff-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #3b82f680}.staff-btn-primary:disabled{cursor:not-allowed;box-shadow:none;background:#94a3b8;transform:none}.staff-btn-secondary{color:#475569;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #94a3b833}.staff-btn-secondary:hover{color:#3b82f6;background:#fff;border-color:#3b82f6;transform:translateY(-2px)}.staff-btn-upload{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.staff-btn-upload:hover{transform:translateY(-2px);box-shadow:0 8px 25px #f59e0b80}.staff-btn-upload input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;top:0;left:0}.staff-terms-section{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#f8fafc99;border:2px solid #94a3b826;border-radius:16px;grid-column:1/-1;padding:2rem}.staff-terms-section h3{color:#374151;text-align:center;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600}.staff-checkbox-group{align-items:flex-start;gap:12px;margin-bottom:1.2rem;display:flex}.staff-checkbox-group:last-child{margin-bottom:0}.staff-checkbox-group input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;border-radius:4px;width:18px;height:18px;margin-top:4px}.staff-checkbox-label{color:#374151;cursor:pointer;flex:1;font-size:.9rem;line-height:1.6}.staff-checkbox-label a{color:#3b82f6;font-weight:600;text-decoration:none}.staff-checkbox-label a:hover{text-decoration:underline}.staff-required-indicator{color:#ef4444;margin-left:4px;font-weight:600}.staff-error-message{color:#ef4444;background:#ef44441a;border-left:3px solid #ef4444;border-radius:8px;margin-top:8px;padding:.6rem .8rem;font-size:.8rem;display:none}.staff-error-message.visible{display:block}.staff-checkbox-group.error{background:#ef44440d;border:1px solid #ef444433;border-radius:8px;padding:.8rem}.staff-checkbox-group.error input[type=checkbox]{outline:2px solid #ef4444}.staff-form-actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2rem;display:flex}.staff-notification{color:#fff;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:12px;padding:1rem 1.5rem;font-weight:600;transition:transform .3s;position:fixed;top:2rem;right:2rem;transform:translate(400px);box-shadow:0 10px 25px #0003}.staff-notification.success{background:linear-gradient(135deg,#10b981,#059669)}.staff-notification.error{background:linear-gradient(135deg,#ef4444,#dc2626)}.staff-notification.show{transform:translate(0)}.staff-file-info{color:#64748b;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafc80;border-radius:8px;margin-top:1rem;padding:.5rem;font-size:.8rem}@media (max-width:768px){.staff-header{flex-direction:column;gap:1rem;padding:1rem}.staff-search-container{max-width:none;margin:0}.staff-main-content{padding:2rem 1rem}.staff-form-container{padding:2rem}.staff-form-title{margin-bottom:1.5rem;font-size:1.5rem}.staff-form-grid{grid-template-columns:1fr;gap:1.5rem}.staff-form-actions{flex-direction:column;gap:1rem}.staff-btn{width:100%}}@media (max-width:480px){.staff-form-container{padding:1.5rem}.staff-form-title{font-size:1.25rem}}.active-btn{color:#fff!important;background:#10b981!important;border-radius:12px!important;padding:.25rem .75rem!important;font-size:.75rem!important;font-weight:600!important}.active-plan-banner{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:16px;padding:24px 30px;box-shadow:0 4px 20px #3b82f64d;margin-bottom:1rem!important}.active-plan-content{align-items:center;gap:20px;display:flex}.active-plan-icon{color:#fff;background:#fff3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.active-plan-details{flex:1}.active-plan-header{align-items:center;gap:12px;margin-bottom:8px;display:flex}.active-plan-header h3{color:#fff;margin:0;font-size:20px;font-weight:700}.active-plan-header .status-badge{color:#065f46;background:#d1fae5;border:none}.active-plan-info{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.info-item-subscription{color:#fff;opacity:.95;align-items:center;gap:6px;font-size:14px;display:flex}.info-item-subscription svg{flex-shrink:0}.info-separator{color:#ffffff80;font-size:18px}.page-title{text-align:left}.page-title h1{color:#1a1a1a;margin:0;font-size:32px;font-weight:700}.pricing-header{text-align:center;margin-bottom:1rem}.pricing-main-header{color:#2c3e50;margin-bottom:.5rem;font-size:20px;font-weight:700}.pricing-sub-header{color:#666;margin:0;font-size:16px}.plan-toggle-wrapper{justify-content:center;margin-bottom:.5rem;display:flex}.plan-toggle-container{background:#f3f4f6;border-radius:50px;justify-content:center;gap:15px;max-width:480px;padding:8px;display:flex}.toggle-option{cursor:pointer;color:#6b7280;white-space:nowrap;background:0 0;border:none;border-radius:40px;flex:1;justify-content:center;align-items:center;gap:8px;min-width:160px;padding:14px 40px;font-size:16px;font-weight:600;transition:all .3s;display:flex;position:relative}.toggle-option:hover{color:#3b82f6}.toggle-option.active{color:#3b82f6;background:#fff;box-shadow:0 2px 8px #0000001a}.discount-badge{color:#fff;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;border-radius:12px;padding:3px 8px;font-size:11px;font-weight:700}.discount-badge,.toggle-option.active .discount-badge{background:#10b981}.pricing-cards{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:30px;margin:0 auto 20px;display:flex}.pricing-card{background:#fff;border-radius:16px;flex-direction:column;width:100%;min-width:300px;max-width:400px;min-height:440px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;padding:1.5rem!important}.pricing-card:before{content:"";background:#3b82f61a;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pricing-card:hover:before{width:500px;height:500px}.pricing-card:hover{transform:translateY(-10px)scale(1.02);box-shadow:0 25px 70px #3b82f666}.pricing-card.monthly:hover{border:2px solid #3b82f6}.pricing-card.yearly:hover{border:2px solid #2563eb;box-shadow:0 25px 70px #2563eb80}.pricing-card.monthly,.pricing-card.yearly{background:#fff}.pricing-card.free-trial{background:#fff;border:2px solid #e5e7eb}.pricing-card.free-trial:hover{border-color:#3b82f6}.pricing-card.free-trial.highlighted{border:3px solid #3b82f6;transition:all .3s;position:relative;transform:scale(1.02);box-shadow:0 0 20px #3b82f64d}.pricing-card.free-trial.highlighted:after{content:"✓";color:#fff;z-index:10;background:linear-gradient(135deg,#10b981,#059669);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;font-weight:700;display:flex;position:absolute;top:0;right:0;box-shadow:0 4px 12px #10b98166}.pricing-card.free-trial.highlighted:hover{transform:scale(1.03);box-shadow:0 0 25px #3b82f666}.pricing-card.free-trial .plan-title{color:#1e293b}.pricing-card.free-trial .price{color:#1a1a1a}.pricing-card.free-trial .plan-description{color:#666}.pricing-card.free-trial .feature-label{color:#999}.pricing-card.free-trial .feature-value{color:#333}.pricing-card.free-trial .signup-btn{color:#1a1a1a;background:#fff;border:2px solid #e5e7eb}.pricing-card.free-trial .signup-btn:hover{background:#f8fafc;border-color:#cbd5e1}.plan-title{z-index:1;margin-bottom:.5rem;font-size:1.2rem;font-weight:600;transition:color .4s;position:relative}.pricing-card.monthly .plan-title,.pricing-card.yearly .plan-title{color:#3b82f6}.price{z-index:1;margin-bottom:10px;font-size:2rem;font-weight:700;line-height:1;transition:color .4s;position:relative}.price-period{opacity:.8;font-size:1.2rem;font-weight:400;transition:color .4s}.pricing-card.monthly .price,.pricing-card.yearly .price{color:#1a1a1a}.plan-description{opacity:.85;z-index:1;min-height:60px;margin-bottom:.5rem;font-size:14px;line-height:1.6;transition:color .4s;position:relative}.pricing-card.monthly .plan-description,.pricing-card.yearly .plan-description{color:#666}.features{z-index:1;flex-grow:1;margin-bottom:.5rem;list-style:none;position:relative}.feature-item{margin-bottom:1rem}.feature-label{opacity:.7;text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}.feature-label,.feature-value{font-size:14px;transition:color .4s}.feature-value{font-weight:600}.pricing-card.yearly .feature-label,.pricing-card.yearly .feature-value{color:inherit}.pricing-card.monthly .feature-label,.pricing-card.yearly .feature-label{color:#999}.pricing-card.monthly .feature-value,.pricing-card.yearly .feature-value{color:#333}.signup-btn{cursor:pointer;z-index:1;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:auto;padding:.5rem;font-size:17px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.signup-btn:after{content:"→";font-size:20px;transition:transform .3s}.signup-btn:hover:after{transform:translate(5px)}.pricing-card.monthly .signup-btn{color:#fff;background:#1a1a1a}.pricing-card.monthly .signup-btn:hover{background:#333}.pricing-card.yearly .signup-btn{color:#fff;background:#1a1a1a}.pricing-card.yearly .signup-btn:hover{background:#333}.addons-section{margin-top:1.5rem}.addons-header{text-align:center;margin-bottom:1.5rem}.addons-header h2{color:#2c3e50;margin-bottom:15px;font-size:36px;font-weight:700}.addons-header p{color:#666;font-size:18px}.addon-cards{grid-template-columns:repeat(2,1fr);gap:40px;max-width:830px;margin:0 auto;display:grid}.addon-card,.pricing-addon{flex-direction:column;display:flex}.addon-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;min-height:440px;padding:1.5rem;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.addon-card:before{content:"";z-index:0;background:#3b82f61a;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.addon-card:hover:before{width:500px;height:500px}.addon-card:hover{border-color:#3b82f6;transform:translateY(-10px)scale(1.02);box-shadow:0 25px 70px #3b82f666}.addon-btn,.addon-description,.addon-features,.addon-price,.addon-title{z-index:1;position:relative}.addon-title{color:#2c3e50;font-size:1.2rem;font-weight:600}.addon-price,.addon-title{margin-bottom:15px;transition:color .4s}.addon-price{color:#1a1a1a;font-size:2rem;font-weight:700;line-height:1}.addon-price-value{transition:all .3s}.addon-price-period{opacity:.7;font-size:1.2rem;font-weight:400;transition:color .4s}.addon-description{color:#666;margin-bottom:1rem;font-size:14px;line-height:1.6;transition:color .4s}.addon-features{flex-grow:1;margin-bottom:25px;list-style:none}.addon-features li{color:#333;padding:8px 0;font-size:15px;transition:color .4s}.addon-btn{color:#3b82f6;cursor:pointer;background:#fff;border:2px solid #3b82f6;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:auto;padding:.5rem;font-size:16px;font-weight:600;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex}.addon-btn:after{content:"→";font-size:18px;transition:transform .3s}.addon-btn:hover{color:#fff;background:#3b82f6}.addon-btn:hover:after{transform:translate(5px)}.cart-section{margin-top:80px}.billing-section{margin-top:1rem}.billing-header{text-align:center;margin-bottom:40px}.billing-header h2{color:#2c3e50;margin-bottom:10px;font-size:36px;font-weight:700}.billing-header p{color:#666;font-size:16px}.billing-table-container{background:#fff;border-radius:16px;max-width:1100px;margin:0 auto;padding:0;overflow:hidden;box-shadow:0 4px 20px #00000014}.billing-table{border-collapse:collapse;width:100%}.billing-table thead{background:#f8f9fa}.billing-table thead tr{border-bottom:2px solid #e5e7eb}.billing-table th{text-align:left;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;padding:20px 24px;font-size:13px;font-weight:600}.billing-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .2s}.billing-table tbody tr:hover{background-color:#f9fafb}.billing-table tbody tr:last-child{border-bottom:none}.billing-table td{padding:16px 20px;font-size:15px}.date-cell{flex-direction:column;gap:4px;display:flex}.date-day{color:#1f2937;font-weight:500}.date-time{color:#9ca3af;font-size:13px}.description-cell{flex-direction:column;gap:4px;display:flex}.desc-title{color:#1f2937;font-weight:500}.desc-subtitle{color:#9ca3af;font-size:13px}.amount-cell{color:#1f2937;font-size:16px;font-weight:600}.status-badge{text-transform:capitalize;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.status-active,.status-completed,.status-paid{color:#065f46;background:#d1fae5}.status-pending{color:#92400e;background:#fef3c7}.billing-table .status-active{color:#1e40af;background:#dbeafe}.status-failed{color:#991b1b;background:#fee2e2}.download-btn{color:#3b82f6;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.download-btn:hover:not(:disabled){color:#fff;background:#3b82f6}.download-btn:disabled{opacity:.4;cursor:not-allowed}.download-btn svg{width:16px;height:16px}.cart-section{margin-top:1rem;display:none}.cart-section.has-items{display:block}.cart-section-header{text-align:center;margin-bottom:1rem}.cart-section-header h2{color:#2c3e50;margin-bottom:10px;font-size:36px;font-weight:700}.cart-section-header p{color:#666;font-size:16px}.cart-content{grid-template-columns:1fr 400px;gap:30px;max-width:1100px;margin:0 auto;display:grid}.cart-items-container{background:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 20px #00000014}.cart-empty-inline{color:#9ca3af;text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.cart-empty-inline svg{opacity:.5;margin-bottom:20px}.cart-empty-inline p{color:#6b7280;margin-bottom:8px;font-size:18px;font-weight:600}.cart-empty-hint{color:#9ca3af;font-size:14px}.cart-item{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:flex-start;margin-bottom:15px;padding:20px;transition:border-color .2s;display:flex}.cart-item:hover{border-color:#3b82f6}.cart-item:last-child{margin-bottom:0}.cart-item-info{flex:1}.cart-item-title{color:#1f2937;margin-bottom:8px;font-size:17px;font-weight:600}.cart-item-subtitle{color:#6b7280;font-size:14px;font-style:italic;font-weight:400}.cart-item-pricing{align-items:center;gap:15px;display:flex}.quantity-controls{background:#f3f4f6;border-radius:8px;gap:8px;padding:6px 12px}.qty-btn,.quantity-controls{align-items:center;display:flex}.qty-btn{color:#3b82f6;cursor:pointer;background:#fff;border:none;border-radius:6px;justify-content:center;width:28px;height:28px;font-size:18px;font-weight:600;line-height:1;transition:all .2s}.qty-btn:hover{color:#fff;background:#3b82f6;transform:scale(1.1)}.quantity{text-align:center;color:#1f2937;min-width:25px;font-size:15px;font-weight:600}.qty-label{color:#6b7280;margin-left:4px;font-size:14px}.cart-item-price{color:#3b82f6;font-size:20px;font-weight:700}.cart-item-remove{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.cart-item-remove:hover{color:#fff;background:#ef4444}.cart-summary{background:#fff;border-radius:16px;height:fit-content;padding:30px;position:sticky;top:20px;box-shadow:0 4px 20px #00000014}.summary-row{color:#6b7280;border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:15px 0;font-size:16px;display:flex}.summary-tax{color:#9ca3af;padding:10px 0;font-size:14px}.summary-tax span:last-child{color:#6b7280}.summary-total{border-top:2px solid #e5e7eb;border-bottom:none;margin-top:10px;padding-top:20px}.summary-total span:first-child{color:#1f2937;font-size:20px;font-weight:600}.summary-total span:last-child{color:#3b82f6;font-size:28px;font-weight:700}.checkout-btn{color:#fff;cursor:pointer;background:#3b82f6;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:20px;padding:16px 30px;font-size:17px;font-weight:600;transition:all .3s;display:flex}.checkout-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}@media (max-width:1200px){.addon-cards{grid-template-columns:1fr;max-width:450px}}@media (max-width:1024px){.addon-cards{max-width:450px}.addon-cards,.cart-content{grid-template-columns:1fr}.cart-summary{position:static}.billing-table-container{border-radius:12px;overflow-x:auto}.billing-table{min-width:800px}.billing-table td,.billing-table th{padding:16px 20px}.plan-toggle-container{max-width:350px}.toggle-option{padding:10px 18px;font-size:14px}}@media (max-width:640px){.page-title h1{font-size:24px}.addons-header h2,.billing-header h2,.cart-section-header h2,.pricing-header h2{font-size:28px}.plan-toggle-container{gap:10px;max-width:100%}.toggle-option{padding:10px 16px;font-size:13px}.discount-badge{padding:2px 6px;font-size:10px}.cart-item-pricing{flex-direction:column;align-items:flex-start;gap:8px}.quantity-controls{align-self:flex-start}.qty-btn{width:32px;height:32px}.active-plan-banner{padding:20px}.active-plan-content{gap:15px}.active-plan-content,.active-plan-info{flex-direction:column;align-items:flex-start}.active-plan-info{gap:8px}.info-separator{display:none}}.checkbox-group{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;margin-top:8px;display:grid}.checkbox-item{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:6px;align-items:center;gap:8px;padding:10px;display:flex}.checkbox-item:hover{background:#f8f9fa;border-color:#4285f4}.checkbox-item input[type=checkbox]{accent-color:#4285f4;cursor:pointer;width:18px;height:18px}.checkbox-item label{cursor:pointer;color:#555;margin:0;font-size:14px;font-weight:400}.time-inputs{align-items:center;gap:15px;display:flex}.time-group{flex-direction:column;gap:5px;display:flex}.time-group label{color:#666;margin:0;font-size:12px}.form-grid-clinic{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.form-row-doctor{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.form-row-doctor{grid-template-columns:repeat(2,1fr)}.form-part{padding:1rem}}@media (min-width:1024px){.form-row-doctor{grid-template-columns:repeat(3,1fr)}.form-part{padding:1rem}}.page-subtitle{color:#64748b;font-size:1rem}.emergency-banner{color:#fff;text-align:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:12px;margin-bottom:2rem;padding:1rem 2rem;box-shadow:0 4px 15px #ef44444d}@keyframes pulse{50%{opacity:.5}}.help-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.help-card{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:16px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.help-card:hover{border-color:#3b82f633;transform:translateY(-2px);box-shadow:0 8px 25px #3b82f61f}.help-card:before{content:"";opacity:0;background:linear-gradient(90deg,#3b82f6,#06b6d4,#10b981);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.help-card:hover:before{opacity:1}.card-icon{color:#3b82f6;background:#3b82f61a;border-radius:15px;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1.5rem;font-size:2rem;display:flex}.card-title{color:#1e293b;margin-bottom:1rem;font-size:1.3rem;font-weight:600}.card-content{color:#64748b;margin-bottom:1.5rem;line-height:1.6}.contact-info{margin-bottom:1.5rem;list-style:none}.contact-info li{border-bottom:1px solid #3b82f61a;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.contact-info li:last-child{border-bottom:none}.contact-icon{color:#3b82f6;justify-content:center;align-items:center;width:24px;height:24px;font-weight:700;display:flex}.contact-details{flex:1}.contact-label{color:#475569;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.contact-value{color:#64748b;margin-top:.25rem;font-size:.9rem}.status-indicator{color:#059669;background:#22c55e1a;border:1px solid #22c55e33;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;display:inline-flex}.status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:blink 2s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.faq-section{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:16px;margin-bottom:2rem;padding:2rem}.faq-title{text-align:center;color:#1e293b;margin-bottom:2rem;font-size:1.5rem;font-weight:600}.faq-item{border-bottom:1px solid #3b82f61a;padding:1.5rem 0}.faq-item:last-child{border-bottom:none}.faq-question{color:#475569;cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;font-weight:600;display:flex}.faq-question:after{content:"+";color:#3b82f6;font-size:1.5rem;transition:transform .3s}.faq-question.active:after{transform:rotate(45deg)}.faq-answer{color:#64748b;margin-top:1rem;line-height:1.6;display:none}.faq-answer.open{display:block}@media (max-width:768px){.top-nav{padding:0 1rem}.search-container{display:none}.main-content{padding:1rem}.page-title{font-size:1.5rem}.help-grid{grid-template-columns:1fr;gap:1rem}.help-card{padding:1.5rem}.user-details{display:none}}.nymo-settings-wrapper{color:#333;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.nymo-settings-wrapper *{box-sizing:border-box}.nymo-settings-section{background:#fff;border-radius:20px;margin-bottom:30px;padding:40px;box-shadow:0 10px 30px #0000001a}.nymo-section-title{color:#2c3e50;margin-bottom:30px;font-size:24px;font-weight:600}.nymo-premium-badge{color:#4caf50;font-size:16px;font-weight:400}.nymo-gst-notice{background:#e8f5e9;border-left:4px solid #4caf50;border-radius:8px;align-items:center;gap:12px;margin-bottom:25px;padding:15px 20px;display:flex}.nymo-gst-notice-icon{font-size:20px}.nymo-gst-notice-text{color:#2e7d32;font-size:14px;line-height:1.6}.nymo-gst-notice-text strong{color:#1b5e20;font-weight:600}.nymo-form-group{margin-bottom:25px}.nymo-form-label{color:#2c3e50;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.nymo-form-input{border:1px solid #ddd;border-radius:8px;width:100%;padding:12px 15px;font-size:14px;transition:all .3s}.nymo-form-input:focus{border-color:#4caf50;outline:none;box-shadow:0 0 0 3px #4caf501a}.nymo-input-group{align-items:center;gap:10px;display:flex}.nymo-input-suffix{color:#666;font-size:18px;font-weight:600}.nymo-info-text{color:#7f8c8d;margin-top:8px;font-size:12px;line-height:1.5}.nymo-checkbox-group{align-items:center;gap:10px;display:flex}.nymo-checkbox-input{cursor:pointer;accent-color:#4caf50;width:20px;height:20px}.nymo-checkbox-label{color:#2c3e50;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:500}.nymo-btn{cursor:pointer;text-align:center;border:none;border-radius:8px;padding:12px 24px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.nymo-btn-primary{color:#fff;background:#ff6b6b}.nymo-btn-primary:hover{background:#ff5252;transform:translateY(-2px)}.nymo-btn-secondary{color:#666;background:0 0;border:1px solid #ddd}.nymo-btn-secondary:hover{background:#f8f9fa}.nymo-settings-row{border-bottom:1px solid #ecf0f1;justify-content:space-between;align-items:center;padding:20px 0;display:flex}.nymo-settings-row:last-child{border-bottom:none}.nymo-setting-info{align-items:center;gap:15px;display:flex}.nymo-setting-icon{border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.nymo-sms-icon{color:#1976d2;background:#e3f2fd}.nymo-email-icon{color:#f57c00;background:#fff3e0}.nymo-whatsapp-icon{color:#25d366;background:#e8f5e8}.nymo-setting-label{color:#2c3e50;font-weight:500}.nymo-setting-description{color:#7f8c8d;margin-top:2px;font-size:12px}.nymo-setting-description.configured{color:#2c3e50;font-size:14px;font-weight:500}.nymo-toggle-switch{cursor:pointer;background:#ccc;border-radius:24px;width:50px;height:24px;transition:background .3s;position:relative}.nymo-toggle-switch.active{background:#4caf50}.nymo-toggle-slider{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s;position:absolute;top:2px;left:2px}.nymo-toggle-switch.active .nymo-toggle-slider{transform:translate(26px)}.nymo-sms-settings{background:#f8f9fa;border-left:4px solid #1976d2;border-radius:10px;margin-top:15px;padding:25px;animation:slideDown .3s}.nymo-sms-settings-title{color:#1976d2;margin-bottom:10px;font-size:16px;font-weight:600}.nymo-sms-settings-description{color:#666;margin-bottom:20px;font-size:13px;line-height:1.5}.nymo-mode-selector{margin-bottom:25px}.nymo-mode-label{color:#2c3e50;margin-bottom:10px;font-weight:500;display:block}.nymo-mode-options{gap:15px;display:flex}.nymo-mode-option{cursor:pointer;text-align:center;background:#fff;border:2px solid #ddd;border-radius:8px;flex:1;padding:12px 15px;transition:all .3s}.nymo-mode-option:hover{border-color:#1976d2}.nymo-mode-option.selected{background:#e3f2fd;border-color:#1976d2}.nymo-mode-title{color:#2c3e50;margin-bottom:4px;font-weight:600}.nymo-mode-subtitle{color:#666;font-size:12px}.nymo-sender-section{background:#fff;border-radius:8px;margin-top:15px;padding:20px}.nymo-sender-example{color:#e65100;background:#fff3e0;border-radius:6px;margin-bottom:15px;padding:12px;font-size:13px}.nymo-authorization{background:#f8f9fa;border-radius:6px;margin:15px 0;padding:15px}.nymo-submit-btn{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:6px;width:100%;padding:12px 30px;font-size:14px;font-weight:500;transition:all .3s}.nymo-submit-btn:hover:not(:disabled){background:#1565c0}.nymo-submit-btn:disabled{cursor:not-allowed;background:#ccc}.nymo-activation-banner{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;margin-top:15px;padding:15px 20px;animation:slideDown .3s}.nymo-verification-panel{background:#f8f9fa;border-radius:10px;margin-top:15px;padding:20px;animation:slideDown .3s}.nymo-whatsapp-panel{border-left:4px solid #25d366}.nymo-email-panel{border-left:4px solid #f57c00}.nymo-verify-title{align-items:center;font-weight:600}.nymo-phone-group,.nymo-verify-title{gap:10px;margin-bottom:15px;display:flex}.nymo-country-select{background:#fff;border:1px solid #ddd;border-radius:6px;width:80px;padding:10px}.nymo-otp-section{background:#f0f8f0;border:1px solid #c3e6cb;border-radius:8px;margin-top:15px;padding:15px}.nymo-verify-btns{gap:10px;display:flex}.nymo-btn-cancel,.nymo-btn-verify{color:#fff;cursor:pointer;border:none;border-radius:6px;padding:8px 16px;transition:background .3s}.nymo-btn-cancel{background:#e74c3c}.nymo-status-box{border-radius:6px;margin-top:10px;padding:10px;font-size:14px}.nymo-status-box.success{color:#155724;background:#d4edda;border:1px solid #c3e6cb}.nymo-status-box.error{color:#721c24;background:#f8d7da;border:1px solid #f5c6cb}.nymo-setting-controls{align-items:center;gap:15px;display:flex}.nymo-time-select{background:#fff;border:1px solid #ddd;border-radius:6px;padding:8px 12px;font-size:14px}@media (max-width:768px){.nymo-content,.nymo-header{padding:20px}.nymo-input-group{flex-direction:column;align-items:flex-start}}.nymo-main-filters{background:#fff;border-radius:20px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:30px;padding:20px 28px;display:flex;box-shadow:0 4px 20px #0000000f}.nymo-filter-label{color:#4a5568;margin-right:8px;font-weight:600}.nymo-period-filter{cursor:pointer;color:#4a5568;background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .3s}.nymo-period-filter:hover{color:#4299e1;border-color:#4299e1;transform:translateY(-1px)}.nymo-period-filter.active{color:#fff;background:#4299e1;border-color:#4299e1}.nymo-date-range-wrapper{align-items:center;gap:8px;margin-left:auto;display:flex}.nymo-date-input{cursor:pointer;border:2px solid #e2e8f0;border-radius:10px;padding:10px 16px;font-size:14px;transition:all .3s}.nymo-date-input:focus{border-color:#4299e1;outline:none}.nymo-apply-btn{color:#fff;cursor:pointer;background:#4299e1;border:none;border-radius:10px;padding:10px 24px;font-size:14px;font-weight:600;transition:all .3s}.nymo-apply-btn:hover{background:#3182ce;transform:translateY(-1px)}.nymo-stats-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px;display:grid}.nymo-stat-card{background:#fff;border:1px solid #fffc;border-radius:20px;padding:28px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 20px #0000000f}.nymo-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #0000001a}.nymo-stat-value{color:#1a202c;margin-bottom:4px;font-size:36px;font-weight:700}.nymo-stat-label{color:#718096;margin-bottom:12px;font-size:14px}.nymo-stat-change{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.nymo-stat-change.positive{color:#38a169}.nymo-charts-grid{grid-template-columns:2fr 1fr;gap:24px;margin-bottom:40px;display:grid}.nymo-chart-card{background:#fff;border:1px solid #fffc;border-radius:20px;padding:32px;box-shadow:0 4px 20px #0000000f}.nymo-chart-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.nymo-chart-title{color:#1a202c;font-size:20px;font-weight:600}.nymo-chart-container{width:100%;height:300px;position:relative}.nymo-performance-ring{width:200px;height:200px;margin:20px auto;position:relative}.nymo-performance-value{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nymo-performance-number{color:#1a202c;margin-bottom:4px;font-size:42px;font-weight:700}.nymo-performance-label{color:#718096;font-size:14px}.nymo-performance-metrics{justify-content:space-around;margin-top:20px;display:flex}.nymo-performance-metric{text-align:center}.nymo-metric-dot{border-radius:50%;width:12px;height:12px;margin:0 auto 8px}.nymo-metric-dot.cancelled{background:#ff4a4a}.nymo-metric-dot.active{background:#00ff08}.nymo-metric-dot.scheduled{background:#54b2ff}.nymo-metric-value{color:#1a202c;margin-bottom:4px;font-weight:600}.nymo-metric-label{color:#718096;font-size:13px}.nymo-additional-stats{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.nymo-table-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000f}.nymo-table-header{border-bottom:1px solid #e2e8f0;padding:24px 28px}.nymo-table-title{color:#1a202c;font-size:18px;font-weight:600}.nymo-table-content{padding:0}.nymo-data-row{border-bottom:1px solid #f7fafc;justify-content:space-between;align-items:center;padding:16px 28px;transition:background .2s;display:flex}.nymo-data-row:hover{background:#f8fafc}.nymo-data-row:last-child{border-bottom:none}.nymo-row-label{color:#4a5568;font-size:14px}.nymo-row-value{color:#1a202c;font-weight:600}@media (max-width:768px){.nymo-header{padding:15px 20px}.nymo-container{padding:20px}.nymo-charts-grid,.nymo-stats-grid{grid-template-columns:1fr}.nymo-main-filters{flex-direction:column;align-items:stretch}.nymo-date-range-wrapper{width:100%;margin-left:0}.nymo-date-input{flex:1}}.audit-wrapper{color:#1e293b;background:linear-gradient(135deg,#f8fafc,#e2e8f0);width:100%;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;position:relative}.audit-wrapper *{box-sizing:border-box;margin:0;padding:0}.audit-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#fffffff2;border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.audit-logo{color:#0f172a;letter-spacing:-.025em;font-size:1.75rem;font-weight:700;text-decoration:none}.audit-nav-cards{align-items:center;gap:1.5rem;display:flex}.audit-nav-card{cursor:pointer;border-radius:25px;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.audit-nav-card.active{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);transform:scale(1.05);box-shadow:0 4px 15px #ef44444d}.audit-nav-card:not(.active){color:#4b5563;background:linear-gradient(135deg,#6b72801a,#4b55630d);border:1px solid #6b728033}.audit-nav-card:not(.active):hover{color:#d97706;background:linear-gradient(135deg,#f59e0b33,#d977061a)}.audit-nav-icon{font-size:1.2rem}.audit-user-profile{cursor:pointer;background:#fff9;border-radius:12px;align-items:center;gap:.75rem;padding:.5rem 1rem;transition:all .2s;display:flex}.audit-user-profile:hover{background:#ffffffe6;transform:translateY(-1px)}.audit-user-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:600;display:flex}.audit-user-info{flex-direction:column;display:flex}.audit-user-name{color:#0f172a;font-size:.9rem;font-weight:600}.audit-clinic-name{color:#64748b;font-size:.8rem}.audit-main-content{max-width:1400px;margin:0 auto;padding:2rem}.audit-page-header{align-items:baseline;gap:1rem;margin-bottom:2rem;display:flex}.audit-page-title{color:#0f172a;margin-bottom:0;font-size:2rem;font-weight:700}.audit-page-subtitle{color:#64748b;margin:0;font-size:1rem}.audit-controls-bar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:16px;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;padding:1rem 1.5rem;display:flex;position:relative;overflow:visible;box-shadow:0 4px 15px #0000000d}.audit-search-container{flex:1;max-width:400px;position:relative}.audit-search-input{background:#fffc;border:1px solid #94a3b833;border-radius:12px;outline:none;width:150%;padding:.575rem 1.5rem .575rem 3rem;font-size:.95rem;transition:all .3s}.audit-search-input:focus{background:#fff;border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.audit-search-icon{color:#64748b;width:18px;height:18px;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.audit-filter-controls{align-items:center;gap:1rem;display:flex;position:relative;overflow:visible!important}.audit-export-btn,.audit-filter-btn{color:#64748b;cursor:pointer;background:#fffc;border:1px solid #94a3b833;border-radius:10px;align-items:center;gap:.5rem;padding:.5rem 1.25rem;font-size:.9rem;font-weight:500;transition:all .3s;display:flex}.audit-export-btn:hover,.audit-filter-btn:hover{color:#ef4444;border-color:#ef4444}.audit-export-btn.primary{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-color:#0000}.audit-export-btn.primary:hover{color:#fff;background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.audit-filter-dropdown{display:inline-block;position:relative}.audit-filter-content{z-index:2000;background:#fff;border:1px solid #94a3b833;border-radius:8px;min-width:220px;margin-top:.25rem;padding:1rem;display:none;position:absolute;top:calc(100% + .5rem);right:0;box-shadow:0 8px 25px #00000026}.audit-filter-dropdown.active .audit-filter-content{display:block}.audit-filter-section{margin-bottom:1rem}.audit-filter-section:last-child{margin-bottom:0}.audit-filter-label{color:#374151;margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.audit-filter-option{cursor:pointer;align-items:center;gap:.5rem;padding:.375rem 0;display:flex}.audit-filter-option input[type=checkbox],.audit-filter-option input[type=radio]{cursor:pointer;margin:0}.audit-filter-option label{color:#64748b;cursor:pointer;font-size:.85rem}.audit-table-card{background:#fffffff2;border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.audit-table-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #94a3b81a;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.audit-table-title{color:#0f172a;font-size:1rem;font-weight:600}.audit-table-info{color:#64748b;font-size:.9rem}.audit-table-header-controls{align-items:center;gap:2rem;display:flex}.audit-rows-selector{color:#64748b;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.audit-rows-dropdown{color:#1e293b;cursor:pointer;background:#fff;border:1px solid #94a3b84d;border-radius:8px;padding:.4rem .8rem;font-size:.9rem;transition:all .2s}.audit-rows-dropdown:focus,.audit-rows-dropdown:hover{border-color:#ef4444;outline:none}.audit-stats{background:#fff;border-bottom:1px solid #94a3b81a;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;padding:1rem 1.5rem;display:grid}.audit-stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #94a3b81a;border-radius:12px;padding:1rem;transition:all .3s;box-shadow:0 4px 15px #0000000d}.audit-stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a}.audit-stat-main{align-items:baseline;gap:.5rem;margin-bottom:.4rem;display:flex}.audit-stat-number{color:#0f172a;font-size:1.5rem;font-weight:700}.audit-stat-label{color:#64748b;font-size:.8rem}.audit-stat-change{border-radius:6px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.audit-stat-change.positive{color:#166534;background:#dcfce7}.audit-stat-change.negative{color:#991b1b;background:#fee2e2}.audit-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.audit-table{border-collapse:collapse;width:100%;min-width:800px}.audit-table-head{background:#f8fafc}.audit-table-head th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-bottom:1px solid #94a3b81a;padding:1rem 1.5rem;font-size:.85rem;font-weight:600}.audit-table-body tr{cursor:pointer;border-bottom:1px solid #94a3b80d;transition:all .2s}.audit-table-body tr:hover{background:#f8fafccc}.audit-table-body td{color:#334155;vertical-align:middle;padding:1rem 1.5rem;font-size:.9rem}.audit-action-badge{text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:20px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-size:.75rem;font-weight:600;display:inline-flex}.audit-action-login{color:#166534;background:#dcfce7}.audit-action-create{color:#1e40af;background:#dbeafe}.audit-action-update{color:#92400e;background:#fef3c7}.audit-action-delete{color:#991b1b;background:#fee2e2}.audit-action-security{color:#6d28d9;background:#ede9fe}.audit-user-info-cell{align-items:center;gap:.75rem;min-width:140px;display:flex}.audit-user-avatar-small{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:600;display:flex}.audit-user-details{flex-direction:column;min-width:0;display:flex}.audit-user-name-cell{color:#0f172a;font-size:.9rem;font-weight:600}.audit-user-role{color:#64748b;font-size:.8rem}.audit-timestamp{color:#64748b;min-width:120px;font-size:.85rem}.audit-timestamp-date{color:#374151;font-weight:600}.audit-ip-address{color:#475569;white-space:nowrap;background:#f1f5f9;border-radius:4px;padding:.25rem .5rem;font-family:Monaco,Consolas,monospace;font-size:.8rem}.audit-details-cell{min-width:200px;max-width:280px}.audit-details-text{color:#64748b;word-wrap:break-word;font-size:.85rem;line-height:1.4}.audit-details-highlight{color:#ef4444;font-weight:600}.audit-status-indicator{white-space:nowrap;align-items:center;gap:.375rem;font-size:.8rem;font-weight:500;display:inline-flex}.audit-status-dot{border-radius:50%;width:8px;height:8px}.audit-status-success .audit-status-dot{background:#10b981}.audit-status-warning .audit-status-dot{background:#f59e0b}.audit-status-error .audit-status-dot{background:#ef4444}.audit-pagination{background:#f8fafc;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.audit-pagination-info{color:#64748b;font-size:.9rem}.audit-pagination-controls{gap:.5rem;display:flex}.audit-pagination-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #94a3b833;border-radius:8px;padding:.5rem .75rem;font-size:.85rem;transition:all .2s}.audit-pagination-btn:hover{color:#ef4444;border-color:#ef4444}.audit-pagination-btn.active{color:#fff;background:#ef4444;border-color:#ef4444}.audit-table-container::-webkit-scrollbar{height:8px}.audit-table-container::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.audit-table-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.audit-table-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.audit-header{flex-direction:column;gap:1rem;padding:1rem}.audit-nav-cards{flex-wrap:wrap;justify-content:center;gap:.75rem}.audit-nav-card{padding:.5rem 1rem;font-size:.8rem}.audit-main-content{padding:1rem}.audit-page-title{font-size:1.5rem}.audit-controls-bar{flex-direction:column;align-items:stretch;gap:1rem;padding:1rem}.audit-search-container{max-width:none}.audit-filter-controls{flex-wrap:wrap;justify-content:center}.audit-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.audit-table-header{flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem}.audit-pagination{flex-direction:column;align-items:center;gap:1rem;padding:1rem}.audit-pagination-controls{flex-wrap:wrap;justify-content:center}}@media (max-width:1024px) and (min-width:769px){.audit-nav-cards{gap:1rem}.audit-nav-card{padding:.6rem 1.2rem;font-size:.85rem}.audit-main-content{padding:1.5rem}.audit-controls-bar{gap:1.5rem}.audit-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.loader-overlay{z-index:999999;pointer-events:all;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes spin{to{transform:rotate(1turn)}}.spinner-overlay{z-index:1000;background:#ffffffb3;width:100%;height:100%;position:fixed;top:0;left:0}.spinner-container,.spinner-overlay{justify-content:center;align-items:center;display:flex}.spinner{border:.25rem solid #0000001a;border-top:.25rem solid var(--theme-color);border-radius:50%;width:2.5rem;height:2.5rem;animation:spin 1s linear infinite}.nymo-users-wrapper{color:#2c3e50;box-sizing:border-box;width:100%;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;position:relative}.nymo-users-wrapper *{box-sizing:border-box;margin:0;padding:0}.users-top-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#fffffff2;border-bottom:1px solid #3b82f61a;justify-content:space-between;height:70px;padding:0 1rem;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 20px #3b82f61a}.users-nav-left,.users-top-nav{align-items:center;display:flex}.users-nav-left{gap:1rem}.users-mobile-menu-btn{color:#3b82f6;cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.5rem;display:none}.users-logo{color:#3b82f6;font-size:1.8rem;font-weight:800;text-decoration:none}.users-search-container{flex:1;max-width:500px;margin:0 2rem;position:relative}.users-search-input{color:#64748b;background:#f8fafc;border:2px solid #0000;border-radius:25px;width:100%;padding:.8rem 1rem .8rem 3rem;font-size:.9rem;transition:all .3s}.users-search-input:focus{background:#fff;border-color:#3b82f6;outline:none;box-shadow:0 0 0 4px #3b82f61a}.users-search-icon{color:#94a3b8;font-size:1.1rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.users-user-info{align-items:center;gap:1rem;display:flex}.users-user-details{text-align:right}.users-user-name{color:#475569;font-size:.9rem;font-weight:600}.users-user-role{color:#94a3b8;font-size:.75rem}.users-avatar-main{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:600;display:flex}.users-sidebar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#fffc;border-left:1px solid #3b82f61a;width:280px;padding:2rem 0;transition:transform .3s;position:fixed;top:70px;bottom:0;right:0;overflow-y:auto;transform:translate(0)}.users-sidebar.mobile-hidden{transform:translate(100%)}.users-sidebar.mobile-show{transform:translate(0)}.users-sidebar-overlay{z-index:99;opacity:0;background:#00000080;transition:opacity .3s;display:none;position:fixed;inset:0}.users-sidebar-overlay.show{opacity:1;display:block}.users-nav-menu{padding:0 1rem;list-style:none}.users-nav-item{margin-bottom:.5rem}.users-nav-link{color:#64748b;cursor:pointer;border-radius:12px;align-items:center;padding:1rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex;position:relative}.users-nav-link:hover{color:#3b82f6;background:#3b82f614;transform:translate(-2px)}.users-nav-link.active{color:#3b82f6;background:#3b82f61f;font-weight:600}.users-nav-link.active:before{content:"";background:#3b82f6;border-radius:2px 0 0 2px;width:3px;height:20px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.users-nav-icon{width:20px;height:20px;margin-right:1rem;font-size:1.1rem}.users-main-content{min-height:calc(100vh - 70px);padding:1rem 2rem;transition:margin-right .3s}.users-page-header,.users-page-title{margin-bottom:.5rem}.users-page-title{color:#1e293b;font-size:1.5rem;font-weight:700}.users-stats-grid{gap:1rem;margin-bottom:2rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.users-stats-grid::-webkit-scrollbar{height:6px}.users-stats-grid::-webkit-scrollbar-track{background:#3b82f60d;border-radius:10px}.users-stats-grid::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:10px}.users-stat-card{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:16px;flex:1;min-width:180px;padding:1rem;transition:all .3s;position:relative;overflow:hidden}.users-stat-card:before{content:"";opacity:0;background:linear-gradient(90deg,#3b82f6,#06b6d4,#10b981);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.users-stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #3b82f626}.users-stat-card:hover:before{opacity:1}.users-stat-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.users-stat-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.users-stat-icon{color:#3b82f6;background:#3b82f61a;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:1rem;display:flex}.users-stat-value{color:#1e293b;margin-bottom:.25rem;font-size:1.5rem;font-weight:800}.users-stat-change{color:#64748b;font-size:.8rem}.users-filters-section{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.users-filters-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.users-filters-title{color:#1e293b;font-size:1.1rem;font-weight:600}.users-filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.users-filter-group{flex-direction:column;gap:.5rem;display:flex}.users-filter-label{color:#475569;font-size:.85rem;font-weight:600}.users-filter-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:.7rem;font-size:.9rem;transition:all .3s}.users-filter-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.users-filter-actions{flex-wrap:wrap;gap:1rem;display:flex}.users-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.users-btn-primary{color:#f59e0b;background:#fef9e7}.users-btn-primary:hover{background:#fef3c7;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.users-btn-success{color:#3b82f6;background:#dbeafe}.users-btn-success:hover{background:#bfdbfe;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.users-btn-danger{color:#fff;background:#ef4444}.users-btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.users-btn-secondary{color:#fff;background:#6b7280}.users-btn-secondary:hover{background:#4b5563;transform:translateY(-1px);box-shadow:0 4px 12px #6b728066}.users-btn-sm{padding:.5rem 1rem;font-size:.8rem}.users-btn-group{flex-wrap:wrap;gap:.5rem;display:flex}.users-table-section{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:16px;margin-bottom:2rem;padding:1.5rem;overflow-x:auto}.users-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.users-table-header h3{color:#1e293b;font-size:1.3rem;font-weight:600}.users-table-actions{flex-wrap:wrap;gap:1rem;display:flex}.users-table{border-collapse:collapse;width:100%;min-width:800px}.users-table td,.users-table th{text-align:left;border-bottom:1px solid #3b82f61a;padding:1rem}.users-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#3b82f60d;font-size:.8rem;font-weight:600}.users-table tbody tr{transition:background-color .3s}.users-table tbody tr:hover{background:#3b82f608}.users-table td{vertical-align:middle}.users-avatar{color:#fff;background:linear-gradient(135deg,#3b82f6,#06b6d4);border-radius:50%;justify-content:center;align-items:center;width:35px;height:35px;margin-right:.75rem;font-size:.8rem;font-weight:600;display:inline-flex}.users-info-cell{align-items:center;display:flex}.users-details{flex-direction:column;display:flex}.users-name-cell{color:#1e293b;font-size:.9rem;font-weight:600}.users-email{color:#64748b;font-size:.8rem}.users-status-select{cursor:pointer;text-transform:capitalize;color:#475569;background:#fff;border:2px solid #e2e8f0;border-radius:20px;outline:none;padding:.5rem .75rem;font-size:.85rem;font-weight:600;transition:all .3s}.users-status-select:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.users-status-select:focus{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626}.users-status-select option{padding:.5rem;font-weight:600}.users-status-select.status-active{color:#059669;background:#22c55e1a;border-color:#22c55e4d}.users-status-select.status-inactive{color:#dc2626;background:#ef44441a;border-color:#ef44444d}.users-status-select.status-pending{color:#d97706;background:#f59e0b1a;border-color:#f59e0b4d}.users-status-select.status-suspended{color:#4f46e5;background:#6366f11a;border-color:#6366f14d}.users-pagination{justify-content:center;align-items:center;gap:1rem;margin-top:2rem;display:flex}.users-pagination-info{color:#64748b;font-size:.9rem}.users-pagination-controls{gap:.5rem;display:flex}.users-page-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:.5rem .75rem;font-size:.85rem;transition:all .3s}.users-page-btn:hover{color:#3b82f6;border-color:#3b82f6}.users-page-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.users-page-btn:disabled{opacity:.5;cursor:not-allowed}.users-modal{z-index:2000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.users-modal.show{display:flex}.users-modal-content{opacity:0;background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;padding:2rem;transition:all .3s;overflow-y:auto;transform:scale(.9);box-shadow:0 20px 60px #0000004d}.users-modal.show .users-modal-content{opacity:1;transform:scale(1)}.users-modal-header{margin-bottom:1.5rem}.users-modal-title{color:#1e293b;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.users-modal-form{flex-direction:column;gap:1rem;display:flex}.users-form-group{flex-direction:column;gap:.5rem;display:flex}.users-form-label{color:#475569;font-size:.9rem;font-weight:600}.users-form-input{border:2px solid #e2e8f0;border-radius:8px;padding:.75rem;font-size:.9rem;transition:all .3s}.users-form-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.users-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.users-notification{z-index:1001;opacity:0;background:#fff;border-left:4px solid #3b82f6;border-radius:8px;max-width:calc(100vw - 2rem);padding:1rem 1.5rem;transition:all .3s;position:fixed;top:90px;right:1rem;transform:translate(400px);box-shadow:0 4px 20px #00000026}.users-notification.show{opacity:1;transform:translate(0)}.users-notification.success{border-left-color:#10b981}.users-notification.error{border-left-color:#ef4444}@media (max-width:1024px){.users-sidebar{transform:translate(100%)}.users-sidebar.mobile-show{transform:translate(0)}.users-main-content{margin-right:0}.users-mobile-menu-btn{display:block}}@media (max-width:768px){.users-top-nav{padding:0 1rem}.users-search-container{display:none}.users-main-content{padding:1rem}.users-stats-grid{gap:.5rem}.users-filters-grid{grid-template-columns:1fr}.users-table-actions{flex-direction:column;align-items:stretch}.users-btn{justify-content:center}.users-user-details{display:none}.users-table-section{padding:1rem}.users-table td,.users-table th{padding:.75rem .5rem}}@media (max-width:480px){.users-btn-group,.users-filter-actions{flex-direction:column}.users-pagination-controls{flex-wrap:wrap;justify-content:center}}.sys-settings-nav{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:16px;margin-bottom:2rem;padding:1rem;overflow-x:auto}.sys-settings-tabs{gap:.5rem;min-width:fit-content;display:flex}.sys-settings-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s}.sys-settings-tab:hover{color:#3b82f6;background:#3b82f614}.sys-settings-tab.active{color:#fff;background:#3b82f6;box-shadow:0 4px 12px #3b82f64d}.sys-settings-content{gap:2rem;display:grid}.sys-settings-section{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:16px;padding:2rem;transition:all .3s}.sys-section-header{border-bottom:1px solid #3b82f61a;margin-bottom:1.5rem;padding-bottom:1rem}.sys-section-title{color:#1e293b;align-items:center;gap:.75rem;font-size:1.3rem;font-weight:600;display:flex}.sys-section-icon{color:#3b82f6;background:#3b82f61a;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.sys-section-description{color:#64748b;margin-top:.5rem;font-size:.9rem}.sys-form-group{margin-bottom:1.5rem}.sys-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.sys-form-label{color:#374151;margin-bottom:.5rem;font-size:.9rem;font-weight:600;display:block}.sys-form-input,.sys-form-select,.sys-form-textarea{color:#374151;background:#fff;border:2px solid #3b82f61a;border-radius:8px;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:.9rem;transition:all .3s}.sys-form-input:focus,.sys-form-select:focus,.sys-form-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.sys-form-help{color:#64748b;margin-top:.25rem;font-size:.8rem}.sys-toggle-group{border-bottom:1px solid #3b82f61a;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.sys-toggle-group:last-child{border-bottom:none}.sys-toggle-info{flex:1}.sys-toggle-label{color:#374151;margin-bottom:.25rem;font-weight:600}.sys-toggle-description{color:#64748b;font-size:.85rem}.sys-toggle-switch{cursor:pointer;background:#e5e7eb;border:none;border-radius:14px;outline:none;width:52px;height:28px;transition:all .3s;position:relative}.sys-toggle-switch.active{background:#3b82f6}.sys-toggle-switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:all .3s;position:absolute;top:3px;left:3px;box-shadow:0 2px 4px #0000001a}.sys-toggle-switch.active:after{transform:translate(24px)}.sys-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.sys-btn-primary{color:#fff;background:#3b82f6}.sys-btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.sys-btn-secondary{color:#475569;background:#f8fafc;border:1px solid #3b82f633}.sys-btn-secondary:hover{background:#f1f5f9;border-color:#3b82f6}.sys-btn-danger{color:#fff;background:#ef4444}.sys-btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.sys-btn-sm{border-radius:6px;padding:.5rem .75rem;font-size:.8rem}.sys-btn-group{border-top:1px solid #3b82f61a;flex-wrap:wrap;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;display:flex}.sys-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.sys-stat-card{text-align:center;background:#fff9;border:1px solid #3b82f61a;border-radius:12px;padding:1.5rem;transition:all .3s}.sys-stat-icon{color:#3b82f6;background:#3b82f61a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;margin:0 auto 1rem;font-size:1.2rem;display:flex}.sys-stat-value{color:#1e293b;margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.sys-stat-label{color:#64748b;font-size:.85rem;font-weight:500}.sys-disabled-section{opacity:.5;position:relative}.sys-disabled-section:after{content:"Not applicable for OTP-only authentication";color:#6b7280;z-index:10;background:#fffffff2;border:1px solid #d1d5db;border-radius:6px;padding:.5rem 1rem;font-size:.8rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sys-policy-table{background:#fff;border:1px solid #3b82f61a;border-radius:12px;width:100%;box-shadow:0 1px 3px #0000001a}.sys-policy-table table{border-collapse:collapse;width:100%}.sys-policy-table th{text-align:left;color:#374151;background:#3b82f60d;border-bottom:1px solid #3b82f61a;padding:1rem;font-weight:600}.sys-policy-table td{color:#64748b;border-bottom:1px solid #3b82f60d;padding:1rem}.sys-policy-name{color:#1e293b;font-weight:600}.sys-version-badge{color:#3b82f6;background:#3b82f61a;border-radius:20px;padding:.25rem .75rem;font-size:.8rem;font-weight:600}.sys-notification,.sys-policy-actions{gap:.5rem;display:flex}.sys-notification{z-index:1001;opacity:0;background:#fff;border-left:4px solid #3b82f6;border-radius:8px;align-items:center;max-width:calc(100vw - 2rem);padding:1rem 1.5rem;transition:all .3s;position:fixed;top:90px;right:1rem;transform:translate(400px);box-shadow:0 4px 20px #00000026}.sys-notification.show{opacity:1;transform:translate(0)}.sys-notification.success{border-left-color:#10b981}.sys-notification.warning{border-left-color:#f59e0b}.sys-notification.error{border-left-color:#ef4444}@media (max-width:1024px){.sys-sidebar{transform:translate(100%)}.sys-main-content{margin-right:0}.sys-mobile-menu-btn{display:block}}@media (max-width:768px){.sys-search-container{display:none}.sys-main-content{padding:1rem}.sys-page-title{font-size:1.5rem}.sys-user-details{display:none}.sys-settings-section{padding:1.5rem}.sys-form-row{grid-template-columns:1fr}.sys-btn-group{flex-direction:column;align-items:stretch}.sys-stats-grid{grid-template-columns:repeat(2,1fr)}.sys-policy-actions{flex-direction:column}.sys-policy-table td,.sys-policy-table th{padding:.75rem .5rem}}.sub-tab-navigation{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:16px;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;padding:1rem 1.5rem;display:flex}.sub-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:2px solid #0000;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex}.sub-tab-btn:hover{color:#3b82f6;background:#3b82f60d}.sub-tab-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.sub-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.sub-stat-card{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:16px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.sub-stat-card:before{content:"";opacity:0;height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.sub-stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #3b82f626}.sub-stat-card:hover:before{opacity:1}.sub-stat-card.primary:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.sub-stat-card.success:before{background:linear-gradient(90deg,#10b981,#059669)}.sub-stat-card.warning:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.sub-stat-card.danger:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.sub-stat-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.sub-stat-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:600}.sub-stat-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:35px;height:35px;font-size:1.1rem;display:flex}.sub-stat-icon.primary{background:#3b82f6}.sub-stat-icon.success{background:#10b981}.sub-stat-icon.warning{background:#f59e0b}.sub-stat-icon.danger{background:#ef4444}.sub-stat-value{color:#1e293b;margin-bottom:.5rem;font-size:1.8rem;font-weight:800}.sub-stat-change{color:#64748b;font-size:.8rem}.sub-plan-toggle{justify-content:center;margin-bottom:2rem;display:flex}.sub-toggle-container{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:50px;gap:.5rem;padding:.5rem;display:flex}.sub-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:25px;padding:.75rem 2rem;font-size:.9rem;font-weight:600;transition:all .3s}.sub-toggle-btn.active{color:#fff;background:#3b82f6;box-shadow:0 2px 8px #3b82f64d}.sub-plans-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.sub-plan-card{background:#ffffffe6;border:2px solid #3b82f61a;border-radius:16px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.sub-plan-card:hover{border-color:#3b82f64d;transform:translateY(-4px);box-shadow:0 15px 40px #3b82f626}.sub-plan-card.highlighted{border:3px solid #3b82f6;transition:all .3s;position:relative;transform:scale(1.02);box-shadow:0 0 20px #3b82f64d}.sub-plan-card.highlighted:after{color:#fff;z-index:10;background:linear-gradient(135deg,#10b981,#059669);border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;font-weight:700;display:flex;position:absolute;top:0;right:0;box-shadow:0 4px 12px #10b98166}.sub-plan-card.highlighted:hover{transform:scale(1.03);box-shadow:0 0 25px #3b82f666}.sub-plan-card.popular{border-color:#10b981}.sub-plan-card.popular:before{content:"Most Popular";color:#fff;text-transform:uppercase;background:#10b981;border-radius:20px;padding:.5rem 1rem;font-size:.75rem;font-weight:600;position:absolute;top:-10px;right:20px}.sub-plan-header{text-align:center;margin-bottom:2rem}.sub-plan-name{color:#1e293b;margin-bottom:.5rem;font-size:1.3rem;font-weight:700}.sub-plan-price{color:#3b82f6;margin-bottom:.25rem;font-size:2.2rem;font-weight:800}.sub-plan-price .currency{vertical-align:top;font-size:1.3rem}.sub-plan-period{color:#64748b;font-size:.9rem}.sub-plan-features{margin-bottom:2rem;list-style:none}.sub-plan-features li{color:#475569;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.9rem;display:flex}.sub-plan-features li:before{content:"✓";color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:.7rem;font-weight:600;display:flex}.sub-plan-actions{flex-wrap:wrap;gap:.75rem;display:flex}.sub-discount-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.sub-discount-card{color:#fff;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:12px;padding:1.5rem;position:relative;overflow:hidden}.sub-discount-card:before{content:"";background:#ffffff1a;width:100px;height:200px;position:absolute;top:-50%;right:-20px;transform:rotate(15deg)}.sub-discount-code{margin-bottom:.5rem;font-size:1.2rem;font-weight:700}.sub-discount-desc{opacity:.9;margin-bottom:1rem;font-size:.9rem}.sub-discount-stats{opacity:.8;justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.sub-table-container{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:16px;margin-bottom:2rem;padding:1.5rem;overflow-x:auto}.sub-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.sub-table-title{color:#1e293b;font-size:1.3rem;font-weight:600}.sub-table{border-collapse:collapse;width:100%;min-width:600px}.sub-table td,.sub-table th{text-align:left;border-bottom:1px solid #3b82f61a;padding:1rem}.sub-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#3b82f60d;font-size:.8rem;font-weight:600}.sub-table tbody tr{transition:background-color .3s}.sub-table tbody tr:hover{background:#3b82f608}.sub-table td{vertical-align:middle}.sub-status-badge{text-transform:uppercase;white-space:nowrap;border-radius:20px;padding:.4rem .8rem;font-size:.75rem;font-weight:600}.sub-status-active{color:#059669;background:#22c55e1a;border:1px solid #22c55e33}.sub-status-inactive{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}.sub-status-expired{color:#4b5563;background:#6b72801a;border:1px solid #6b728033}.sub-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.7rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.sub-btn-primary{color:#fff;background:#3b82f6}.sub-btn-primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.sub-btn-success{color:#fff;background:#10b981}.sub-btn-success:hover{background:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.sub-btn-secondary{color:#fff;background:#6b7280}.sub-btn-secondary:hover{background:#4b5563;transform:translateY(-1px)}.sub-btn-danger{color:#fff;background:#ef4444}.sub-btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.sub-btn-sm{padding:.5rem 1rem;font-size:.8rem}.sub-modal{z-index:2000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:none;position:fixed;inset:0}.sub-modal.show{display:flex}.sub-modal-content{opacity:0;background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;padding:2rem;transition:all .3s;overflow-y:auto;transform:scale(.9);box-shadow:0 20px 60px #0000004d}.sub-modal.show .sub-modal-content{opacity:1;transform:scale(1)}.sub-modal-header{margin-bottom:1.5rem}.sub-modal-title{color:#1e293b;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.sub-modal-form{gap:1rem}.sub-form-group,.sub-modal-form{flex-direction:column;display:flex}.sub-form-group{gap:.5rem}.sub-form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.sub-form-label{color:#475569;font-size:.9rem;font-weight:600}.sub-form-input{border:2px solid #e2e8f0;border-radius:8px;padding:.75rem;font-size:.9rem;transition:all .3s}.sub-form-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.sub-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.sub-notification{z-index:1001;opacity:0;background:#fff;border-left:4px solid #3b82f6;border-radius:8px;align-items:center;gap:.5rem;max-width:calc(100vw - 2rem);padding:1rem 1.5rem;transition:all .3s;display:flex;position:fixed;top:90px;right:1rem;transform:translate(400px);box-shadow:0 4px 20px #00000026}.sub-notification.show{opacity:1;transform:translate(0)}.sub-notification.success{border-left-color:#10b981}.sub-notification.error{border-left-color:#ef4444}@media (max-width:1024px){.sub-sidebar{transform:translate(100%)}.sub-sidebar.mobile-show{transform:translate(0)}.sub-main-content{margin-right:0;padding:1.5rem}.sub-mobile-menu-btn{display:block}}@media (max-width:768px){.sub-search-container{display:none}.sub-discount-grid,.sub-form-row,.sub-subscription-stats{grid-template-columns:1fr}.sub-table-header{flex-direction:column;align-items:flex-start;gap:1rem}}.analytics-filters{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:16px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;display:flex}.filter-group{align-items:center;gap:.5rem}.filter-label,.filter-select{color:#475569;font-size:.9rem}.filter-select{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:.6rem 1rem;transition:all .3s}.filter-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.realtime-section{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.realtime-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.realtime-title{color:#1e293b;align-items:center;gap:.5rem;font-size:1.3rem;font-weight:600;display:flex}.live-indicator{background:#10b981;border-radius:50%;width:8px;height:8px;animation:pulse 2s infinite}.realtime-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.realtime-stat{text-align:center;background:#3b82f60d;border:1px solid #3b82f61a;border-radius:12px;padding:1rem}.realtime-value{color:#1e293b;margin-bottom:.25rem;font-size:1.5rem;font-weight:700}.realtime-label{color:#64748b;font-size:.8rem;font-weight:500}.key-metrics{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.change-positive{color:#10b981}.change-negative{color:#ef4444}.charts-grid{grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.chart-container{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:16px;min-height:400px;padding:1.5rem}.chart-title{color:#1e293b;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.3rem;font-weight:600;display:flex}.chart-subtitle{color:#64748b;margin-top:-1rem;margin-bottom:1rem;font-size:.85rem}.analytics-tables{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.analytics-table{border-collapse:collapse;width:100%}.analytics-table td,.analytics-table th{text-align:left;border-bottom:1px solid #3b82f61a;padding:.75rem}.analytics-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;background:#3b82f60d;font-size:.8rem;font-weight:600}.analytics-table tbody tr{transition:background-color .3s}.analytics-table tbody tr:hover{background:#3b82f608}.page-path{color:#3b82f6;font-family:Monaco,Consolas,monospace;font-size:.85rem}.metric-value-small{color:#1e293b;font-weight:600}.percentage-bar{background:#e2e8f0;border-radius:3px;width:60px;height:6px;overflow:hidden}.percentage-fill{border-radius:3px;height:100%;transition:width .3s}.fill-primary{background:#3b82f6}.fill-success{background:#10b981}.fill-warning{background:#f59e0b}.fill-danger{background:#ef4444}.fill-info{background:#06b6d4}@media (max-width:1200px){.charts-grid{grid-template-columns:1fr}}@media (max-width:768px){.analytics-filters{flex-direction:column;align-items:stretch}.filter-group{justify-content:space-between}.analytics-tables{grid-template-columns:1fr}.key-metrics,.realtime-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.key-metrics,.realtime-stats{grid-template-columns:1fr}}.otp-timer-container{text-align:center;color:#555;border-radius:4px;justify-content:center;align-items:center;margin-top:15px;margin-bottom:15px;padding:10px;font-family:Arial,sans-serif;font-size:14px;display:flex}.notification-toggle-btn{color:#0284c7;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:12px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 4px 15px #64748b4d}.audit-action-select{align-items:center;margin-left:5rem;display:flex;position:relative}.audit-action-dropdown{appearance:none;color:#344054;text-align:left;cursor:pointer;background-color:#fff;border:1px solid #d0d5dd;border-radius:8px;padding:.5rem 1.45rem;font-size:.875rem;transition:border-color .2s,box-shadow .2s}.audit-action-dropdown:focus{border-color:#7f56d9;outline:none;box-shadow:0 0 0 3px #7f56d926}.audit-action-select:after{content:"";pointer-events:none;border-top:6px solid #667085;border-left:5px solid #0000;border-right:5px solid #0000;transition:transform .2s;position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.audit-action-dropdown:focus+.audit-action-select:after{transform:translateY(-50%)rotate(180deg)}.audit-action-dropdown:disabled{cursor:not-allowed;background-color:#f2f4f7}.audit-action-dropdown option{color:#344054;padding:10px;font-size:.875rem}.audit-action-dropdown option:checked{color:#6941c6;background-color:#f4ebff}.audit-action-dropdown option:hover{background-color:#f4ebff}.sys-content-cell{white-space:nowrap;text-overflow:ellipsis;max-width:400px;overflow:hidden}.summary-card{text-align:center}.summary-icon{width:40px;height:40px;margin:0 auto .5rem;font-size:1.2rem}.summary-card.info .summary-icon{color:#3b82f6;background:#3b82f61a}.summary-card.warning .summary-icon{color:#d97706;background:#f59e0b1a}.summary-card.error .summary-icon{color:#dc2626;background:#ef44441a}.summary-card.success .summary-icon{color:#059669;background:#22c55e1a}.summary-count{margin-bottom:.25rem;font-size:1.8rem}.summary-label{font-size:.85rem;font-weight:500}.level-error{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}.revenue-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.stat-card{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:16px;padding:1.5rem;transition:all .3s;position:relative;overflow:hidden}.stat-card:before{content:"";opacity:0;background:linear-gradient(90deg,#3b82f6,#06b6d4,#10b981);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.stat-card.primary:before{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card.success:before{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.warning:before{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.danger:before{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #3b82f626}.stat-card:hover:before{opacity:1}.stat-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.stat-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.stat-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.stat-icon.primary{background:#3b82f6}.stat-icon.success{background:#10b981}.stat-icon.warning{background:#f59e0b}.stat-icon.danger{background:#ef4444}.stat-value{color:#1e293b;margin-bottom:.5rem;font-size:2.2rem;font-weight:800}.stat-change{align-items:center;gap:.5rem;font-size:.85rem;display:flex}.time-selector{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.time-selector-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.time-selector-title{color:#1e293b;font-size:1.1rem;font-weight:600}.time-buttons{flex-wrap:wrap;gap:.5rem;display:flex}.time-btn{color:#64748b;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:.6rem 1.2rem;font-size:.85rem;font-weight:600;transition:all .3s}.time-btn:hover{color:#3b82f6;border-color:#3b82f6}.time-btn.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.custom-date-range{flex-wrap:wrap;gap:1rem;margin-top:1rem;display:flex}.date-input{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:.7rem;font-size:.9rem;transition:all .3s}.date-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.charts-section{grid-template-columns:2fr 1fr}.charts-section,.revenue-breakdown{gap:1.5rem;margin-bottom:2rem;display:grid}.revenue-breakdown{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.breakdown-card{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:16px;padding:1.5rem}.breakdown-title{color:#1e293b;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.2rem;font-weight:600;display:flex}.breakdown-item{border-bottom:1px solid #3b82f61a;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.breakdown-item:last-child{border-bottom:none}.breakdown-label{color:#475569;font-weight:600}.breakdown-value{color:#1e293b;font-size:1.1rem;font-weight:700}.breakdown-percentage{color:#64748b;margin-left:.5rem;font-size:.8rem}.transactions-section{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:16px;margin-bottom:2rem;padding:1.5rem}.table-actions{flex-wrap:wrap;gap:1rem;display:flex}.revenue-table{border-collapse:collapse;width:100%;min-width:800px}.revenue-table td,.revenue-table th{text-align:left;border-bottom:1px solid #3b82f61a;padding:1rem}.revenue-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#3b82f60d;font-size:.8rem;font-weight:600}.revenue-table tbody tr{transition:background-color .3s}.revenue-table tbody tr:hover{background:#3b82f608}.revenue-table td{vertical-align:middle}.transaction-id{color:#64748b;font-family:Monaco,Consolas,monospace;font-size:.85rem}.amount-positive{color:#10b981;font-weight:600}.amount-negative{color:#ef4444;font-weight:600}.status-completed{color:#059669;background:#22c55e1a;border:1px solid #22c55e33}.status-pending{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b33}.status-failed{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}.status-refunded{color:#4f46e5;background:#6366f11a;border:1px solid #6366f133}@media (max-width:1200px){.charts-section{grid-template-columns:1fr}}@media (max-width:768px){.revenue-stats{grid-template-columns:repeat(2,1fr)}.time-buttons{justify-content:center}.custom-date-range,.table-actions{flex-direction:column}.table-actions{align-items:stretch}.transactions-section{padding:1rem}.revenue-table td,.revenue-table th{padding:.75rem .5rem}.breakdown-card{padding:1rem}}@media (max-width:480px){.revenue-stats{grid-template-columns:1fr}.stat-value{font-size:1.8rem}}.log-controls{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:16px;justify-content:space-between;margin-bottom:1rem;padding:1.5rem}.filters,.log-controls{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.filter-group{flex-direction:column;gap:.25rem;display:flex}.filter-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;text-align:center;font-size:.75rem;font-weight:600}.filter-input,.filter-select{color:#475569;cursor:pointer;background:#fff;border:2px solid #3b82f61a;border-radius:8px;min-width:120px;padding:.6rem 1rem;font-size:.9rem;transition:all .3s}.filter-input:focus,.filter-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.auto-refresh{cursor:pointer;background:#3b82f61a;border:2px solid #0000;border-radius:8px;align-items:center;gap:.5rem;padding:.6rem 1rem;transition:all .3s;display:flex}.auto-refresh.active{color:#059669;background:#22c55e1a;border-color:#22c55e33}.auto-refresh input[type=checkbox]{cursor:pointer;margin:0}.log-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1rem;display:grid}.summary-card{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:12px;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;width:100%;height:70px;padding:1rem;transition:all .3s;display:flex}.summary-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f61f}.summary-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin:0;font-size:1.1rem;display:flex}.summary-text-wrapper{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.summary-count{color:#1e293b;margin:0;font-size:1.5rem;font-weight:700;line-height:1}.summary-label{color:#64748b;margin:0;padding-top:2px;font-size:1rem;font-weight:800}.log-table-container{background:#ffffffe6;border:1px solid #3b82f61a;border-radius:16px;margin-bottom:2rem;padding:1.5rem;overflow-x:auto}.log-table{border-collapse:collapse;width:100%;min-width:800px}.log-table td,.log-table th{text-align:left;vertical-align:top;border-bottom:1px solid #3b82f61a;padding:1rem}.log-table th{color:#475569;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;z-index:10;background:#3b82f60d;font-size:.8rem;font-weight:600;position:sticky;top:0}.log-table tbody tr{transition:all .3s}.log-table tbody tr:hover{background:#3b82f608;transform:translate(2px)}.log-level{text-transform:uppercase;white-space:nowrap;border-radius:15px;padding:.3rem .8rem;font-size:.75rem;font-weight:600;display:inline-block}.level-info{color:#2563eb;background:#3b82f61a;border:1px solid #3b82f633}.level-warning{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b33}.level-failed{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}.level-success{color:#059669;background:#22c55e1a;border:1px solid #22c55e33}.level-debug{color:#4b5563;background:#6b72801a;border:1px solid #6b728033}.timestamp{color:#64748b;white-space:nowrap;font-family:Monaco,Menlo,monospace;font-size:.8rem}.log-message{word-break:break-word;max-width:300px;line-height:1.4}.log-details{color:#64748b;word-break:break-all;max-width:200px;font-family:Monaco,Menlo,monospace;font-size:.8rem}.log-source{color:#475569;font-size:.85rem;font-weight:600}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem;display:flex}.pagination button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #3b82f633;border-radius:6px;padding:.5rem 1rem;font-weight:500;transition:all .3s}.pagination button:hover:not(:disabled){color:#3b82f6;background:#f8fafc;border-color:#3b82f6}.pagination button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination-info{color:#64748b;margin:0 1rem;font-size:.9rem}.log-detail{white-space:pre-wrap;word-break:break-word;color:#374151;background:#f8fafc;border:1px solid #3b82f61a;border-radius:8px;padding:1rem;font-family:Monaco,Menlo,monospace;font-size:.85rem;line-height:1.5}.loading{border:2px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;width:16px;height:16px;animation:spin .8s linear infinite;display:inline-block}.log-table-container::-webkit-scrollbar{height:6px}.log-table-container::-webkit-scrollbar-track{background:#3b82f61a}.log-table-container::-webkit-scrollbar-thumb{background:#3b82f64d;border-radius:3px}@media (max-width:1024px){.log-controls{flex-direction:column;align-items:stretch}.filters{justify-content:center}}@media (max-width:768px){.log-table-container{padding:1rem}.log-table td,.log-table th{padding:.75rem .5rem}.log-summary{grid-template-columns:repeat(2,1fr)}.filters{flex-direction:column;align-items:stretch}.filter-group,.filter-input,.filter-select{width:100%}}@media (max-width:480px){.log-summary{grid-template-columns:1fr}.table-actions{flex-direction:column;width:100%}.pagination{flex-wrap:wrap;gap:.25rem}.pagination button{padding:.4rem .8rem;font-size:.8rem}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}