@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&family=Cormorant+Garamond:wght@400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;500;600;700;800&display=swap";@layer properties,theme,base,components,utilities;@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--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-400:oklch(70.4% .191 22.216);--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-red-900:oklch(39.6% .141 25.723);--color-orange-100:oklch(95.4% .038 75.164);--color-orange-600:oklch(64.6% .222 41.116);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--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-100:oklch(95% .052 163.051);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-900:oklch(37.8% .077 168.94);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--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-900:oklch(37.9% .146 265.522);--color-violet-50:oklch(96.9% .016 293.756);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-500:oklch(60.6% .25 292.717);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-violet-900:oklch(38% .189 293.745);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-600:oklch(59.2% .249 .584);--color-slate-600:oklch(44.6% .043 257.281);--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-md:28rem;--container-lg:32rem;--container-3xl:48rem;--container-6xl:72rem;--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: 1.5 ;--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: 1.2 ;--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:spin 1s linear infinite;--blur-md:12px;--blur-3xl:64px;--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{*,:after,:before,::backdrop{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}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;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,samp,pre{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}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,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}::-moz-placeholder{opacity:1}::placeholder{opacity:1}@supports (not (-webkit-appearance:-apple-pay-button)) or (contain-intrinsic-size:1px){::-moz-placeholder{color:currentColor}::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::-moz-placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}::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{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.top-3{top:calc(var(--spacing)*3)}.right-0{right:calc(var(--spacing)*0)}.right-2{right:calc(var(--spacing)*2)}.right-3{right:calc(var(--spacing)*3)}.bottom-2{bottom:calc(var(--spacing)*2)}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.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-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-6{margin-top:calc(var(--spacing)*6)}.mt-auto{margin-top:auto}.mr-1{margin-right:calc(var(--spacing)*1)}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-1\.5{margin-bottom:calc(var(--spacing)*1.5)}.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)}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.h-2{height:calc(var(--spacing)*2)}.h-3{height:calc(var(--spacing)*3)}.h-3\.5{height:calc(var(--spacing)*3.5)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-10{height:calc(var(--spacing)*10)}.h-24{height:calc(var(--spacing)*24)}.h-32{height:calc(var(--spacing)*32)}.h-40{height:calc(var(--spacing)*40)}.h-44{height:calc(var(--spacing)*44)}.h-48{height:calc(var(--spacing)*48)}.h-64{height:calc(var(--spacing)*64)}.h-\[60vh\]{height:calc(60vh / var(--ui-vu, 1))}.h-full{height:100%}.min-h-\[calc\(100vh-48px\)\]{min-height:calc(calc(100vh / var(--ui-vu, 1)) - 48px)}.w-3{width:calc(var(--spacing)*3)}.w-3\.5{width:calc(var(--spacing)*3.5)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-9{width:calc(var(--spacing)*9)}.w-10{width:calc(var(--spacing)*10)}.w-24{width:calc(var(--spacing)*24)}.w-32{width:calc(var(--spacing)*32)}.w-40{width:calc(var(--spacing)*40)}.w-48{width:calc(var(--spacing)*48)}.w-64{width:calc(var(--spacing)*64)}.w-\[120px\]{width:120px}.w-\[140px\]{width:140px}.w-\[150px\]{width:150px}.w-\[160px\]{width:160px}.w-\[180px\]{width:180px}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[200px\]{max-width:200px}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-\[8px\]{min-width:8px}.min-w-\[200px\]{min-width:200px}.min-w-full{min-width:100%}.flex-1{flex:1}.flex-shrink{flex-shrink:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.translate-x-20{--tw-translate-x:calc(var(--spacing)*20);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-20{--tw-translate-y:calc(var(--spacing)*-20);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.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-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-6{gap:calc(var(--spacing)*6)}.gap-\[1px\]{gap:1px}.gap-\[2px\]{gap:2px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*.5)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*.5)*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(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-sm{border-top-left-radius:var(--radius-sm);border-top-right-radius:var(--radius-sm)}.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-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-200{border-color:var(--color-amber-200)}.border-gray-50{border-color:var(--color-gray-50)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-100{border-color:var(--color-green-100)}.border-red-200{border-color:var(--color-red-200)}.border-violet-200\/50{border-color:#ddd6ff80}@supports (color:color-mix(in lab,red,red)){.border-violet-200\/50{border-color:color-mix(in oklab,var(--color-violet-200)50%,transparent)}}.border-violet-300{border-color:var(--color-violet-300)}.border-violet-300\/50{border-color:#c4b4ff80}@supports (color:color-mix(in lab,red,red)){.border-violet-300\/50{border-color:color-mix(in oklab,var(--color-violet-300)50%,transparent)}}.border-violet-500\/30{border-color:#8d54ff4d}@supports (color:color-mix(in lab,red,red)){.border-violet-500\/30{border-color:color-mix(in oklab,var(--color-violet-500)30%,transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab,red,red)){.bg-amber-500\/10{background-color:color-mix(in oklab,var(--color-amber-500)10%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500\/10{background-color:#3080ff1a}@supports (color:color-mix(in lab,red,red)){.bg-blue-500\/10{background-color:color-mix(in oklab,var(--color-blue-500)10%,transparent)}}.bg-blue-600{background-color:var(--color-blue-600)}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/10{background-color:color-mix(in oklab,var(--color-emerald-500)10%,transparent)}}.bg-emerald-500\/80{background-color:#00bb7fcc}@supports (color:color-mix(in lab,red,red)){.bg-emerald-500\/80{background-color:color-mix(in oklab,var(--color-emerald-500)80%,transparent)}}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-500\/90{background-color:#6a7282e6}@supports (color:color-mix(in lab,red,red)){.bg-gray-500\/90{background-color:color-mix(in oklab,var(--color-gray-500)90%,transparent)}}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500\/90{background-color:#00c758e6}@supports (color:color-mix(in lab,red,red)){.bg-green-500\/90{background-color:color-mix(in oklab,var(--color-green-500)90%,transparent)}}.bg-orange-100{background-color:var(--color-orange-100)}.bg-pink-100{background-color:var(--color-pink-100)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-100{background-color:var(--color-red-100)}.bg-violet-50\/50{background-color:#f5f3ff80}@supports (color:color-mix(in lab,red,red)){.bg-violet-50\/50{background-color:color-mix(in oklab,var(--color-violet-50)50%,transparent)}}.bg-violet-100{background-color:var(--color-violet-100)}.bg-violet-500{background-color:var(--color-violet-500)}.bg-violet-500\/10{background-color:#8d54ff1a}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/10{background-color:color-mix(in oklab,var(--color-violet-500)10%,transparent)}}.bg-violet-500\/15{background-color:#8d54ff26}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/15{background-color:color-mix(in oklab,var(--color-violet-500)15%,transparent)}}.bg-violet-500\/80{background-color:#8d54ffcc}@supports (color:color-mix(in lab,red,red)){.bg-violet-500\/80{background-color:color-mix(in oklab,var(--color-violet-500)80%,transparent)}}.bg-violet-600{background-color:var(--color-violet-600)}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.bg-white\/20{background-color:#fff3}@supports (color:color-mix(in lab,red,red)){.bg-white\/20{background-color:color-mix(in oklab,var(--color-white)20%,transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-violet-500{--tw-gradient-from:var(--color-violet-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-violet-500\/10{--tw-gradient-from:#8d54ff1a}@supports (color:color-mix(in lab,red,red)){.from-violet-500\/10{--tw-gradient-from:color-mix(in oklab,var(--color-violet-500)10%,transparent)}}.from-violet-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-violet-600{--tw-gradient-from:var(--color-violet-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))}.via-purple-500\/5{--tw-gradient-via:#ac4bff0d}@supports (color:color-mix(in lab,red,red)){.via-purple-500\/5{--tw-gradient-via:color-mix(in oklab,var(--color-purple-500)5%,transparent)}}.via-purple-500\/5{--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-purple-600{--tw-gradient-via:var(--color-purple-600);--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-purple-500{--tw-gradient-to:var(--color-purple-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-transparent{--tw-gradient-to:transparent;--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-violet-700{--tw-gradient-to:var(--color-violet-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))}.object-cover{-o-object-fit:cover;object-fit:cover}.p-0{padding:calc(var(--spacing)*0)}.p-1{padding:calc(var(--spacing)*1)}.p-1\.5{padding:calc(var(--spacing)*1.5)}.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-12{padding:calc(var(--spacing)*12)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-2\.5{padding-inline:calc(var(--spacing)*2.5)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-2\.5{padding-block:calc(var(--spacing)*2.5)}.py-3{padding-block:calc(var(--spacing)*3)}.py-4{padding-block:calc(var(--spacing)*4)}.py-8{padding-block:calc(var(--spacing)*8)}.py-10{padding-block:calc(var(--spacing)*10)}.py-12{padding-block:calc(var(--spacing)*12)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-4{padding-top:calc(var(--spacing)*4)}.pt-6{padding-top:calc(var(--spacing)*6)}.pb-2{padding-bottom:calc(var(--spacing)*2)}.pb-4{padding-bottom:calc(var(--spacing)*4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.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-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}.text-\[11px\]{font-size:11px}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.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)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.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-emerald-500{color:var(--color-emerald-500)}.text-emerald-700{color:var(--color-emerald-700)}.text-gray-300{color:var(--color-gray-300)}.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-orange-600{color:var(--color-orange-600)}.text-pink-600{color:var(--color-pink-600)}.text-purple-600{color:var(--color-purple-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-slate-600{color:var(--color-slate-600)}.text-violet-200{color:var(--color-violet-200)}.text-violet-500{color:var(--color-violet-500)}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-violet-900{color:var(--color-violet-900)}.text-white{color:var(--color-white)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-60{opacity:.6}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);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);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + 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)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,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-shadow{transition-property:box-shadow;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-200{--tw-duration:.2s;transition-duration:.2s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media(hover:hover){.group-hover\:scale-105:is(:where(.group):hover *){--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}.last\:pb-0:last-child{padding-bottom:calc(var(--spacing)*0)}@media(hover:hover){.hover\:border-blue-100:hover{border-color:var(--color-blue-100)}.hover\:border-violet-500\/30:hover{border-color:#8d54ff4d}@supports (color:color-mix(in lab,red,red)){.hover\:border-violet-500\/30:hover{border-color:color-mix(in oklab,var(--color-violet-500)30%,transparent)}}.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-50\/80:hover{background-color:#f9fafbcc}@supports (color:color-mix(in lab,red,red)){.hover\:bg-gray-50\/80:hover{background-color:color-mix(in oklab,var(--color-gray-50)80%,transparent)}}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-violet-700:hover{background-color:var(--color-violet-700)}.hover\:bg-white\/30:hover{background-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.hover\:bg-white\/30:hover{background-color:color-mix(in oklab,var(--color-white)30%,transparent)}}.hover\:text-blue-600:hover{color:var(--color-blue-600)}.hover\:text-blue-900:hover{color:var(--color-blue-900)}.hover\:text-green-800:hover{color:var(--color-green-800)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-red-800:hover{color:var(--color-red-800)}.hover\:text-violet-800:hover{color:var(--color-violet-800)}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);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);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}@media(min-width:40rem){.sm\:w-auto{width:auto}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:items-center{align-items:center}.md\:justify-between{justify-content:space-between}.md\:self-auto{align-self:auto}.md\:p-6{padding:calc(var(--spacing)*6)}.md\:px-6{padding-inline:calc(var(--spacing)*6)}.md\:text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-color-scheme:dark){.dark\:bg-amber-900\/30{background-color:#7b33064d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-amber-900\/30{background-color:color-mix(in oklab,var(--color-amber-900)30%,transparent)}}.dark\:bg-blue-900\/30{background-color:#1c398e4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-blue-900\/30{background-color:color-mix(in oklab,var(--color-blue-900)30%,transparent)}}.dark\:bg-emerald-900\/30{background-color:#004e3b4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-emerald-900\/30{background-color:color-mix(in oklab,var(--color-emerald-900)30%,transparent)}}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-red-900\/30{background-color:#82181a4d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-red-900\/30{background-color:color-mix(in oklab,var(--color-red-900)30%,transparent)}}.dark\:text-amber-400{color:var(--color-amber-400)}.dark\:text-blue-400{color:var(--color-blue-400)}.dark\:text-emerald-400{color:var(--color-emerald-400)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-red-400{color:var(--color-red-400)}.dark\:text-violet-400{color:var(--color-violet-400)}}}:root{--color-background:#f8fafc;--color-surface:#fff;--color-sidebar:#fff;--color-primary:#006e75;--color-primary-rgb:0,110,117;--color-primary-hover:#005b61;--color-secondary:#a8d5ba;--color-accent:#5eead4;--color-text:#2d3436;--color-text-muted:#636e72;--color-text-heading:#1a2b2a;--color-border:#f0f0f0;--color-success:#047857;--color-success-dark:#065f46;--color-warning:#b45309;--color-danger:#dc2626;--color-danger-dark:#b91c1c;--color-danger-bg:#fef2f2;--grad-credits:linear-gradient(135deg,var(--color-success),var(--color-success-dark));--grad-logo:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));--grad-logo-icon:linear-gradient(135deg,#60a5fa33,#a78bfa33);--grad-avatar:linear-gradient(135deg,var(--color-primary),var(--color-accent));--grad-workspace:linear-gradient(135deg,rgba(var(--color-primary-rgb),.15),#e8b4b826);--grad-active-menu:linear-gradient(90deg,rgba(var(--color-primary-rgb),.1),transparent);--teal-5:rgba(var(--color-primary-rgb),.05);--teal-6:rgba(var(--color-primary-rgb),.06);--teal-8:rgba(var(--color-primary-rgb),.08);--teal-10:rgba(var(--color-primary-rgb),.1);--teal-15:rgba(var(--color-primary-rgb),.15);--focus-ring:0 0 0 3px rgba(var(--color-primary-rgb),.15);--font-ui:"Be Vietnam Pro",system-ui,-apple-system,sans-serif;--font-display:"Cormorant Garamond","Be Vietnam Pro",serif;--fs-xxs:.68rem;--fs-xs:.72rem;--fs-section:11px;--fs-sm:.76rem;--fs-dd:.8rem;--fs-sub:.82rem;--fs-body:14px;--fs-h6:12px;--fs-h5:13px;--fs-h4:14px;--fs-h3:15px;--fs-h2:18px;--fs-h1:26px;--fs-logo:1.5rem;--fs-secondary:13px;--fs-emphasis:15px;--fs-heading-sm:16px;--fs-heading-md:18px;--fs-heading-lg:22px;--lh-caption:1.35;--lh-body:1.45;--lh-heading:1.3;--lh-tight:1.25;--lh-base:1.6;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--r-xs:4px;--r-sm:6px;--r-md:8px;--r-lg:10px;--r-xl:12px;--r-2xl:16px;--r-pill:999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 30px #00000014;--shadow-xl:0 20px 60px #00000026;--ease-out:cubic-bezier(.2,.8,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--dur-fast:.12s;--dur-base:.18s;--dur-slow:.24s;--sidebar-w:260px;--sidebar-collapsed-w:56px;--header-h:56px}:root[data-theme=dark]{--color-background:#151a2b;--color-surface:#202638;--color-sidebar:#151a2b;--color-primary:#0d9488;--color-primary-hover:#0f766e;--color-primary-rgb:13,148,136;--color-secondary:#34d399;--color-accent:#a78bfa;--color-text:#f5f7fa;--color-text-muted:#a4adbf;--color-text-heading:#e8eef2;--color-border:#ffffff14;--color-danger-bg:#ef44441f;--color-success:#34d399;--color-success-dark:#10b981;--color-warning:#fbbf24;--color-danger:#f87171;--color-danger-dark:#ef4444;--bg-app:#101525;--bg-page:#151a2b;--bg-sidebar:#151a2b;--bg-header:#151a2b;--bg-card:#202638;--bg-card-hover:#273047;--bg-panel:#1c2233;--bg-input:#202638;--border-soft:#ffffff14;--border-medium:#ffffff24;--text-main:#f5f7fa;--text-secondary:#d5dae6;--text-muted:#a4adbf;--text-disabled:#6f7a90;--shadow-card:0 8px 24px #00000038;--grad-active-menu:linear-gradient(90deg,rgba(var(--color-primary-rgb),.15),transparent);--teal-5:rgba(var(--color-primary-rgb),.06);--teal-6:rgba(var(--color-primary-rgb),.08);--teal-8:rgba(var(--color-primary-rgb),.1);--teal-10:rgba(var(--color-primary-rgb),.14);--teal-15:rgba(var(--color-primary-rgb),.2);--focus-ring:0 0 0 3px rgba(var(--color-primary-rgb),.25);--shadow-xs:0 1px 2px #0000004d;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 8px 30px #0006;--shadow-xl:0 20px 60px #0000008c}html,body{font-family:var(--font-ui);color:var(--color-text);background:var(--color-background);font-size:16px;line-height:var(--lh-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.logo-text{font-family:var(--font-display);font-size:var(--fs-logo);background:var(--grad-logo);-webkit-text-fill-color:transparent;letter-spacing:.01em;-webkit-background-clip:text;background-clip:text;font-weight:700}h1,.h1{font-family:var(--font-ui);font-size:var(--fs-h1);font-weight:700;line-height:var(--lh-tight);letter-spacing:-.01em;color:var(--color-text-heading)}h2,.h2{font-family:var(--font-ui);font-size:var(--fs-h2);font-weight:600;line-height:var(--lh-tight);letter-spacing:-.005em;color:var(--color-text-heading)}h3,.h3{font-family:var(--font-ui);font-size:var(--fs-h3);font-weight:600;line-height:var(--lh-tight);color:var(--color-text-heading)}h4,.h4{font-family:var(--font-ui);font-size:var(--fs-h4);font-weight:600;line-height:var(--lh-tight);color:var(--color-text-heading)}h5,.h5{font-family:var(--font-ui);font-size:var(--fs-h5);font-weight:600;line-height:var(--lh-tight);color:var(--color-text-heading)}h6,.h6{font-family:var(--font-ui);font-size:var(--fs-h6);font-weight:600;line-height:var(--lh-tight);color:var(--color-text-heading)}p,.body{font-size:var(--fs-body);font-weight:400;line-height:var(--lh-base);color:var(--color-text)}.text-muted{color:var(--color-text-muted)}.label-section{font-size:var(--fs-section);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-weight:600}.text-menu{font-size:var(--fs-body);font-weight:500}.text-submenu{font-size:var(--fs-sub);font-weight:400}.text-topbar{font-size:var(--fs-sm);font-weight:500}.text-dropdown{font-size:var(--fs-dd);font-weight:500}.text-badge{font-size:var(--fs-xs);font-weight:600}.text-timestamp{font-size:var(--fs-section);color:var(--color-text-muted);font-weight:400}code,.mono{font-family:JetBrains Mono,ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.85em}*{box-sizing:border-box}html,body,#root{background:var(--color-background);height:100%;font-family:var(--font-ui);color:var(--color-text);margin:0;padding:0}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}.shell{grid-template-columns:var(--sidebar-w)1fr;min-height:calc(100vh / var(--ui-vu, 1));display:grid}.sidebar{background:var(--color-sidebar);border-right:1px solid var(--color-border);box-shadow:1px 0 0 var(--color-border),2px 0 20px #00000005;flex-direction:column;gap:4px;height:calc(100vh / var(--ui-vu, 1));padding:20px 16px;display:flex;position:sticky;top:0;overflow:hidden}.sidebar .brand{align-items:center;gap:10px;padding:0 4px 16px;display:flex}.sidebar .brand-icon{background:var(--grad-logo-icon);width:36px;height:36px;color:var(--color-primary);border-radius:10px;justify-content:center;align-items:center;display:flex}.sidebar .brand-text{font-family:var(--font-display);font-size:var(--fs-logo);background:var(--grad-logo);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700;line-height:1}.sidebar .collapse-btn{border:1px solid var(--color-border);color:var(--color-text-muted);background:0 0;border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:7px 10px;font-size:12px;font-weight:500;display:flex}.sidebar .groups{flex-direction:column;flex:1;gap:2px;padding-right:4px;display:flex;overflow:hidden auto}.sidebar .section-label{font-size:var(--fs-section);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);padding:14px 12px 6px;font-weight:600}.m-item,.m-sub{color:var(--color-text-muted);font-size:var(--fs-body);cursor:pointer;transition:background var(--dur-fast)var(--ease-out),color var(--dur-fast)var(--ease-out);-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;font-weight:500;display:flex;position:relative}.m-item:hover{background:var(--teal-5);color:var(--color-primary)}.m-item.active{background:var(--grad-active-menu);color:var(--color-primary);border-left:3px solid var(--color-primary);border-radius:0 8px 8px 0;padding-left:9px;font-weight:600}.m-item .chev{transition:transform var(--dur-base)var(--ease-out);opacity:.6;margin-left:auto}.m-item.open .chev{transform:rotate(90deg)}.m-subs{flex-direction:column;gap:1px;margin:2px 0 6px;display:flex}.m-sub{font-size:var(--fs-sub);color:#444;padding:7px 12px 7px 36px;font-weight:400}.m-sub:hover{background:var(--teal-5);color:var(--color-primary)}.m-sub.active{color:var(--color-primary);background:var(--teal-5);font-weight:500}.sidebar .footer{border-top:1px solid var(--color-border);flex-direction:column;gap:8px;padding-top:12px;display:flex}.workspace-switch{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;display:flex}.workspace-switch:hover{background:var(--teal-5)}.ws-icon{background:var(--grad-workspace);width:34px;height:34px;color:var(--color-primary);border-radius:10px;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.ws-info{flex:1;min-width:0}.ws-name{font-size:var(--fs-sub);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.ws-sub{color:var(--color-text-muted);font-size:12px}.user-pill{cursor:pointer;border-top:1px solid var(--color-border);border-radius:8px;align-items:center;gap:10px;margin-top:4px;padding:12px 10px 8px;display:flex}.user-pill:hover{background:var(--teal-5)}.avatar{background:var(--grad-avatar);color:#fff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:600;display:flex}.u-info{flex:1;min-width:0}.u-name{font-size:var(--fs-sub);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.u-role{color:var(--color-primary);font-size:12px;font-weight:500}.header{z-index:50;background:var(--color-surface);border-bottom:1px solid var(--color-border);min-height:var(--header-h);align-items:center;gap:12px;padding:8px 16px;display:flex;position:sticky;top:0}.topbar{flex-wrap:wrap;flex:1;align-items:center;gap:2px;display:flex;position:relative}.tb-btn{font-size:var(--fs-sm);color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:4px;padding:6px 12px;font-weight:500;display:flex}.tb-btn:hover{background:var(--teal-6);color:var(--color-primary)}.tb-btn.open{background:var(--teal-10);color:var(--color-primary)}.tb-dd{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:200;animation:slide-down .15s var(--ease-out);border-radius:10px;grid-template-columns:repeat(3,auto);gap:2px 6px;margin-top:6px;padding:8px;display:grid;position:absolute;top:100%;left:0}@keyframes slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tb-dd .tb-dd-item{font-size:var(--fs-dd);color:var(--color-text);cursor:pointer;white-space:nowrap;border-radius:6px;padding:6px 12px;font-weight:500}.tb-dd .tb-dd-item:hover{background:var(--teal-8);color:var(--color-primary)}.search{background:var(--color-background);border:1px solid var(--color-border);max-width:400px;color:var(--color-text-muted);border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px 12px;display:flex}.search input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:13.5px}.search kbd{border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:4px;padding:1px 6px;font-family:ui-monospace,monospace;font-size:12px}.h-actions{align-items:center;gap:4px;display:flex}.icon-btn{width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}.icon-btn:hover{background:var(--teal-5);color:var(--color-primary)}.icon-btn .dot{border:2px solid var(--color-surface);background:#ef4444;border-radius:999px;width:8px;height:8px;position:absolute;top:8px;right:9px}.main{flex-direction:column;min-width:0;display:flex}.content{flex-direction:column;gap:20px;padding:20px 28px 40px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.page-head h1{letter-spacing:-.01em;margin:0;font-size:1.625rem;font-weight:700}.page-head .crumb{color:var(--color-text-muted);align-items:center;gap:6px;margin-bottom:4px;font-size:12px;display:flex}.kpis{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.kpi{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:12px;flex-direction:column;gap:4px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.kpi .k-icon{background:var(--teal-8);width:36px;height:36px;color:var(--color-primary);border-radius:10px;justify-content:center;align-items:center;margin-bottom:6px;display:flex}.kpi .k-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);font-size:12px;font-weight:600}.kpi .k-value{letter-spacing:-.01em;font-size:26px;font-weight:700}.kpi .k-delta{align-items:center;gap:4px;font-size:12px;display:flex}.kpi .k-delta.up{color:var(--color-success)}.kpi .k-delta.down{color:var(--color-danger)}.row-2{grid-template-columns:2fr 1fr;gap:14px;display:grid}.panel{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}.panel-head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.panel-head h3{margin:0;font-size:15px;font-weight:600}.panel-body{padding:16px 20px}.btn{color:var(--color-text);background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:500;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;font-weight:600}.btn-secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover{background:var(--teal-5);color:var(--color-primary);border-color:rgba(var(--color-primary-rgb),.25)}.btn-ghost{color:var(--color-text-muted)}.btn-ghost:hover{background:var(--teal-5);color:var(--color-primary)}.btn-danger{background:var(--color-danger);color:#fff;font-weight:600}.btn-sm{border-radius:6px;padding:5px 10px;font-size:12.5px}.badge{border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-teal{background:var(--teal-10);color:var(--color-primary)}.badge-green{color:var(--color-success-dark);background:#10b9811f}.badge-orange{color:var(--color-warning);background:#d977061f}.badge-red{background:var(--color-danger-bg);color:var(--color-danger)}.badge-gray{color:var(--color-text-muted);background:#636e721a}.badge-gold{color:#b45309;background:#d9770624}.badge-purple{color:#7c3aed;background:#a78bfa1f}.badge-credits{background:var(--grad-credits);color:#fff}.field{flex-direction:column;gap:6px;display:flex}.field>label{color:var(--color-text);font-size:12px;font-weight:500}.field input,.field select,.field textarea{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);transition:border var(--dur-fast),box-shadow var(--dur-fast);border-radius:8px;outline:none;padding:10px 14px;font-size:13.5px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.tbl{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.tbl thead th{text-align:left;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);background:var(--color-background);border-bottom:1px solid var(--color-border);padding:10px 14px;font-size:12px;font-weight:600}.tbl tbody td{border-bottom:1px solid var(--color-border);vertical-align:middle;padding:12px 14px}.tbl tbody tr:hover td{background:var(--teal-5)}.tbl .cell-primary{font-weight:600}.tbl .cell-muted{color:var(--color-text-muted);font-size:12px}.banner{background:linear-gradient(90deg,rgba(var(--color-primary-rgb),.08),#5eead40d);border:1px solid rgba(var(--color-primary-rgb),.15);color:var(--color-text);border-radius:12px;justify-content:space-between;align-items:center;padding:12px 18px;font-size:13px;display:flex}.cal-grid{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;grid-template-columns:64px repeat(7,1fr);font-size:12px;display:grid;overflow:hidden}.cal-grid .head{background:var(--color-background);border-bottom:1px solid var(--color-border);color:var(--color-text);padding:10px 12px;font-size:12px;font-weight:600}.cal-grid .head.day-today{color:var(--color-primary)}.cal-grid .head .dow{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600}.cal-grid .head .dnum{font-size:18px;font-weight:700}.cal-grid .time-col,.cal-grid .cell{border-right:1px solid var(--color-border);border-bottom:1px dashed var(--color-border);min-height:44px;padding:4px;position:relative}.cal-grid .time-col{border-right:1px solid var(--color-border);color:var(--color-text-muted);text-align:right;background:var(--color-background);border-bottom:none;padding:4px 8px 0 0;font-size:12px}.cal-grid .cell:last-child{border-right:none}.appt{background:rgba(var(--color-primary-rgb),.12);color:var(--color-primary);border-left:3px solid var(--color-primary);box-shadow:var(--shadow-xs);border-radius:6px;padding:4px 8px;font-size:12px;font-weight:500;line-height:1.25;position:absolute;left:3px;right:3px}.appt.amber{color:var(--color-warning);border-left-color:var(--color-warning);background:#d977061f}.appt.violet{color:#7c3aed;background:#a78bfa24;border-left-color:#a78bfa}.appt.green{color:var(--color-success-dark);border-left-color:var(--color-success);background:#10b9811f}.pos-grid{grid-template-columns:1fr 360px;align-items:flex-start;gap:14px;display:grid}.svc-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.svc-card{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:box-shadow var(--dur-base),transform var(--dur-base),border-color var(--dur-base);border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.svc-card:hover{box-shadow:var(--shadow-md);border-color:rgba(var(--color-primary-rgb),.25)}.svc-card .s-icon{background:var(--teal-8);width:36px;height:36px;color:var(--color-primary);border-radius:10px;justify-content:center;align-items:center;display:flex}.svc-card .s-name{font-size:13.5px;font-weight:600}.svc-card .s-price{color:var(--color-primary);font-size:13px;font-weight:600}.svc-card .s-dur{color:var(--color-text-muted);font-size:12px}.cart-row{border-bottom:1px dashed var(--color-border);justify-content:space-between;gap:12px;padding:10px 0;font-size:13px;display:flex}.cart-row:last-child{border-bottom:none}.tabs{border-bottom:1px solid var(--color-border);gap:4px;display:flex}.tab{color:var(--color-text-muted);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 16px;font-size:13.5px;font-weight:500}.tab:hover{color:var(--color-primary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.kanban{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.kcol{background:var(--color-background);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:8px;min-height:300px;padding:10px;display:flex}.kcol-head{justify-content:space-between;align-items:center;padding:4px 8px;display:flex}.kcol-head .kname{letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.kcard{background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);border-radius:10px;flex-direction:column;gap:6px;padding:10px 12px;display:flex}.kcard .ktitle{font-size:13px;font-weight:600}.kcard .krow{color:var(--color-text-muted);justify-content:space-between;font-size:12px;display:flex}html{zoom:1}.dash3{width:100%;max-width:none;font-family:var(--font-ui);color:var(--color-text);background:#fafafa;min-height:calc(100vh / var(--ui-vu, 1));margin:0;padding:14px 24px 24px}.dash3-banner{background:#e6f4f1;border:1px solid #cfe9e3;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:10px 16px;display:flex}.dash3-banner-left{align-items:center;gap:12px;font-size:13px;display:flex}.dash3-banner-icon{color:var(--color-primary);display:flex}.dash3-banner-sub{color:var(--color-text-muted);font-weight:400}.dash3-banner-cta{background:var(--color-primary);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:background .15s}.dash3-banner-cta:hover{background:var(--color-primary-hover)}.dash3-header{justify-content:space-between;align-items:flex-end;margin-bottom:18px;display:flex}.dash3-breadcrumb{color:var(--color-text-muted);margin-bottom:4px;font-size:12px}.dash3-greeting{color:#111827;letter-spacing:-.01em;margin:0;font-size:22px;font-weight:700}.dash3-wave{transform-origin:70% 70%;display:inline-block}.dash3-header-actions{gap:8px;display:flex}.dash3-btn-ghost{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex;position:relative}.dash3-btn-ghost:hover{border-color:var(--color-primary);color:var(--color-primary)}.dash3-date-range{color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;display:inline-flex}.dash3-date-range label{color:#6b7280;white-space:nowrap;font-weight:600}.dash3-date-input{color:#111827;cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit;font-size:12.5px}.dash3-date-sep{color:#9ca3af;padding:0 2px;font-size:12px}.dash3-kpi-row{grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:12px;display:grid}.dash3-kpi-card.danger .dash3-kpi-icon{color:var(--color-danger-dark);background:#fef2f2}.dash3-kpi-card.danger .dash3-kpi-value{color:var(--color-danger-dark)}.dash3-kpi-card{background:#fff;border:1px solid #eef0f3;border-radius:12px;padding:10px 14px;transition:box-shadow .2s}.dash3-kpi-card:hover{box-shadow:0 4px 12px #0000000a}.dash3-kpi-icon{width:28px;height:28px;color:var(--color-primary);background:#f3f6f5;border-radius:8px;justify-content:center;align-items:center;margin-bottom:8px;display:flex}.dash3-kpi-label{color:var(--color-text-muted);letter-spacing:.05em;margin-bottom:4px;font-size:12px;font-weight:600}.dash3-kpi-value{color:#111827;letter-spacing:-.01em;margin-bottom:4px;font-size:22px;font-weight:700}.dash3-kpi-trend{align-items:center;gap:4px;font-size:12px;font-weight:500;display:inline-flex}.dash3-kpi-trend.up{color:var(--color-success)}.dash3-kpi-trend.down{color:var(--color-danger)}.dash3-kpi-trend.flat{color:var(--color-text-muted)}.dash3-kpi-arrow{font-size:13px;line-height:1}.dash3-card{background:#fff;border:1px solid #eef0f3;border-radius:12px;padding:12px 16px}.dash3-card-head h3{color:#111827;margin:0;font-size:14px;font-weight:700}.dash3-link{color:var(--color-primary);cursor:pointer;font-size:12px;font-weight:500;text-decoration:none}.dash3-link:hover{text-decoration:underline}.dash3-main-row{grid-template-columns:1fr 380px;gap:12px;margin-bottom:12px;display:grid}.dash3-period-tabs{background:#f3f4f6;border-radius:8px;padding:3px;display:inline-flex}.dash3-period-tabs button{cursor:pointer;color:var(--color-text-muted);background:0 0;border:0;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s}.dash3-period-tabs button.active{color:var(--color-primary);background:#fff;box-shadow:0 1px 3px #0000000f}.dash3-chart-wrap{width:100%}.dash3-line-chart{width:100%;height:auto;display:block}.dash3-axis-label{fill:#9ca3af;font-size:12px;font-family:var(--font-ui)}.dash3-day-label{fill:#6b7280;font-size:12px;font-family:var(--font-ui);font-weight:500}.dash3-tip-label{fill:#fff;font-size:12px;font-weight:600;font-family:var(--font-ui)}.dash3-upcoming-card{flex-direction:column;display:flex}.dash3-upcoming-list{flex-direction:column;gap:2px;max-height:320px;display:flex;overflow-y:auto}.dash3-appt-row{border-bottom:1px dashed #f1f2f4;grid-template-columns:44px 32px 1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.dash3-appt-row:last-child{border-bottom:0}.dash3-appt-time{color:#374151;font-size:13px;font-weight:600}.dash3-appt-avatar{background:var(--grad-avatar);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:flex}.dash3-appt-info{min-width:0}.dash3-appt-name{color:#111827;font-size:13px;font-weight:600}.dash3-appt-desc{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.dash3-appt-badge{white-space:nowrap;border-radius:10px;padding:3px 8px;font-size:12px;font-weight:600}.dash3-badge-confirmed,.dash3-badge-booked,.dash3-badge-default{color:var(--color-primary-hover);background:#e6f4f1}.dash3-badge-checked_in{color:var(--color-success-dark);background:#d1fae5}.dash3-badge-in_progress,.dash3-badge-waiting{color:#b45309;background:#fef3c7}.dash3-badge-completed{color:#4b5563;background:#e5e7eb}.dash3-badge-vip{color:#be185d;background:#fce7f3}.dash3-bottom-row{grid-template-columns:1fr 380px;gap:12px;display:grid}.dash3-services-table{border-collapse:collapse;width:100%;font-size:13px}.dash3-services-table th{text-align:left;color:var(--color-text-muted);letter-spacing:.05em;border-bottom:1px solid #eef0f3;padding:8px 0;font-size:12px;font-weight:600}.dash3-services-table th.num,.dash3-services-table td.num{text-align:right}.dash3-services-table td{color:#374151;border-bottom:1px dashed #f1f2f4;padding:12px 0}.dash3-services-table tr:last-child td{border-bottom:0}.dash3-svc-dot{background:var(--color-primary);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:10px;display:inline-block}.dash3-trend-chip{border-radius:10px;padding:3px 8px;font-size:12px;font-weight:600;display:inline-block}.dash3-trend-chip.up{color:var(--color-success-dark);background:#d1fae5}.dash3-trend-chip.down{color:var(--color-danger-dark);background:#fee2e2}.dash3-trend-chip.flat{color:#6b7280;background:#f3f4f6}.dash3-activity-list{flex-direction:column;gap:12px;display:flex}.dash3-activity-row{border-bottom:1px dashed #f1f2f4;grid-template-columns:10px 1fr;gap:10px;padding-bottom:10px;display:grid}.dash3-activity-row:last-child{border-bottom:0}.dash3-activity-dot{background:var(--color-primary);border-radius:50%;width:8px;height:8px;margin-top:6px}.dash3-activity-text{color:#374151;font-size:13px;line-height:1.5}.dash3-activity-time{color:var(--color-text-muted);margin-top:2px;font-size:12px}.dash3-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 16px;display:flex}.dash3-empty.inline{padding:20px}.dash3-empty-title{color:#6b7280;margin:0;font-size:13px;font-weight:600}.dash3-empty-sub{color:#9ca3af;margin:0;font-size:12px}.dash3-kpi-widget{background:#fff;border:1px solid #eef0f3;border-radius:12px;margin:0 0 18px;padding:12px 16px}.dash3-kpi-widget-title{color:#374151;margin-bottom:10px;font-size:12px;font-weight:700}.dash3-kpi-widget-grid{flex-wrap:wrap;gap:16px;display:flex}.dash3-kpi-widget-item{flex:180px;min-width:150px}.dash3-kpi-widget-label{color:var(--color-text-muted);margin-bottom:4px;font-size:12px}.dash3-kpi-widget-bar-row{align-items:center;gap:8px;display:flex}.dash3-kpi-widget-bar>div{border-radius:3px;height:100%;transition:width .3s}.dash3-kpi-widget-bar-row span{min-width:36px;font-size:12px;font-weight:700}@media(max-width:1200px){.dash3-main-row,.dash3-bottom-row{grid-template-columns:1fr}}@media(max-width:720px){.dash3{padding:14px}.dash3-kpi-row{grid-template-columns:repeat(2,1fr)}.dash3-header{flex-direction:column;align-items:flex-start;gap:12px}.dash3-greeting{font-size:18px}}:root{--color-primary:#006e75;--color-primary-hover:#005b61;--color-primary-soft:#eefafa;--color-text-primary:#061d29;--color-text-secondary:#425d6d;--color-text-muted:#78909c;--color-border-default:#e5e7eb;--color-surface-page:#f8fafc;--color-surface-card:#fff;--radius-card:24px;--radius-button:8px;--radius-input:12px;--space-page:24px;--space-section:24px;--space-card:24px;--space-element:8px;--height-button:40px;--height-input:40px;--height-chip:32px;--height-table-row:56px;--height-sidebar-item:44px;--height-header:72px;--font-family-ui:"Be Vietnam Pro",system-ui,-apple-system,sans-serif;--font-page-title-size:26px;--font-section-title-size:18px;--font-card-title-size:18px;--font-body-size:14px;--font-ui-size:14px;--font-label-size:13px;--font-meta-size:12px;--font-size-page-title:26px;--font-weight-page-title:500;--line-height-page-title:1.25;--font-size-section-title:18px;--font-weight-section-title:600;--line-height-section-title:1.5;--font-size-body:14px;--font-weight-body:400;--font-weight-body-medium:500;--line-height-body:1.5;--font-size-meta:12px;--font-weight-meta:500;--line-height-meta:1.5}.sidebar .menu-group-header{height:var(--height-sidebar-item);font-size:var(--font-ui-size);color:var(--color-text-secondary);gap:var(--space-element);border-left:3px solid #0000;border-radius:0;padding:0 16px;font-weight:500;transition:background-color .12s,color .12s}.sidebar .menu-group-header:hover{background:var(--color-primary-soft);color:var(--color-primary)}.sidebar .menu-group-header.active{background:var(--color-primary-soft);color:var(--color-primary);border-left-color:var(--color-primary);padding-left:13px;font-weight:500}.sidebar .sidebar-ws-section{padding:var(--space-element)var(--space-element);border-top:1px solid var(--color-border-default)}.sidebar .sidebar-ws-item{padding:var(--space-element)12px;border-radius:var(--radius-button);font-size:var(--font-ui-size);color:var(--color-text-primary);font-weight:500}.sidebar .sidebar-ws-item:hover{background:var(--color-primary-soft)}.sidebar .sidebar-ws-item.active{background:var(--color-primary-soft);border-color:var(--color-primary)}.sidebar .sidebar-ws-item-name{font-size:var(--font-label-size);color:var(--color-text-primary);font-weight:600}.sidebar .sidebar-ws-item-role{font-size:var(--font-meta-size);color:var(--color-text-secondary);font-weight:500}.sidebar .sidebar-ws-check{color:var(--color-primary)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.main-body,.ui-page-container{width:100%;max-width:none;padding-left:var(--space-page);padding-right:var(--space-page);box-sizing:border-box;margin-left:0;margin-right:0}.ui-page{gap:var(--space-section);padding-top:var(--space-page);padding-bottom:var(--space-page);flex-direction:column;display:flex}.ui-page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-card);flex-wrap:wrap;display:flex}.ui-page-content{gap:var(--space-section);flex-direction:column;display:flex}.ui-section{gap:var(--space-card);flex-direction:column;display:flex}.ui-toolbar{align-items:center;gap:var(--space-element);flex-wrap:wrap;display:flex}.ui-card-grid{gap:var(--space-card);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.main-body .ads-dashboard,.main-body .ads-leads,.main-body .ads-logs,.main-body .ads-settings,.main-body .courses-page,.main-body .cohorts-page,.main-body .treatment-page,.main-body .mkt-page,.main-body .pmp-page,.main-body .ssp-page,.main-body .dashboard-v2,.main-body .orders-page,.main-body .cal-page,.main-body .pos-page-v2,.main-body .tele-page,.main-body .svc-page-wrap,.main-body .svc-page,.main-body .finance-page,.main-body .deposit-page,.main-body .cdp-page,.main-body .fin-page,.main-body .ctv-admin-layout,.main-body .vouchers-page,.main-body .staff-page,.main-body .products-page,.main-body .suppliers-page,.main-body .inventory-page,.main-body .rooms-page,.main-body .payroll-page,.main-body .zalo-page,.main-body .kpi-page,.main-body .loyalty-page{width:auto;max-width:none;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.main-body,.main-body h1,.main-body h2,.main-body h3,.main-body h4,.main-body h5,.main-body h6,.main-body p,.main-body span,.main-body a,.main-body button,.main-body input,.main-body select,.main-body textarea,.main-body td,.main-body th,.main-body label,.main-body li{font-family:var(--font-family-ui)}.main-body h1{font-size:var(--font-size-page-title);font-weight:var(--font-weight-page-title);line-height:var(--line-height-page-title);color:var(--color-text-primary);letter-spacing:-.01em;margin:0}.main-body h2,.main-body h3{font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);line-height:var(--line-height-section-title);color:var(--color-text-primary);margin:0}.main-body h4{font-size:var(--font-size-body);font-weight:var(--font-weight-body-medium);line-height:var(--line-height-body);color:var(--color-text-primary);margin:0}.ui-page-title{font-family:var(--font-family-ui);font-size:var(--font-size-page-title);font-weight:var(--font-weight-page-title);line-height:var(--line-height-page-title);color:var(--color-text-primary);letter-spacing:-.01em}.ui-page-icon{vertical-align:middle;align-items:center;margin-right:8px;display:inline-flex}.ui-section-title,.ui-card-title{font-family:var(--font-family-ui);font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);line-height:var(--line-height-section-title);color:var(--color-text-primary)}.ui-body{font-family:var(--font-family-ui);font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);color:var(--color-text-primary)}.ui-body-muted{font-family:var(--font-family-ui);font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);color:var(--color-text-secondary)}.ui-meta{font-family:var(--font-family-ui);font-size:var(--font-size-meta);font-weight:var(--font-weight-meta);line-height:var(--line-height-meta);color:var(--color-text-muted)}.ui-label{font-family:var(--font-family-ui);font-size:var(--font-size-meta);font-weight:600;line-height:var(--line-height-meta);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.ui-title-page{font-size:var(--font-size-page-title);font-weight:var(--font-weight-page-title);line-height:var(--line-height-page-title);color:var(--color-text-primary);letter-spacing:-.01em}.ui-title-section,.ui-title-card{font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);line-height:var(--line-height-section-title);color:var(--color-text-primary)}.ui-text-body,.ui-text-ui{font-size:var(--font-size-body);font-weight:var(--font-weight-body);line-height:var(--line-height-body);color:var(--color-text-primary)}.ui-text-label{font-size:var(--font-label-size);font-weight:var(--font-weight-meta);line-height:var(--line-height-meta);color:var(--color-text-secondary)}.ui-text-meta{font-size:var(--font-size-meta);font-weight:var(--font-weight-meta);line-height:var(--line-height-meta);color:var(--color-text-muted);letter-spacing:.04em}.main-body .page-header h1,.main-body .cal-header-left h1,.main-body .care-header h1,.main-body .cashbook-header h1,.main-body .cashbook-header-left h1,.main-body .earnings-header h1,.main-body .header-info h1,.main-body .import-kv-header h1,.main-body .notif-page h1,.main-body .policy-header h1,.main-body .rooms-header h1,.main-body .staff-header h1,.main-body .sm-page-header-left h1,.main-body .tele-header h1,.main-body .treatment-header h1,.main-body .customer-stats-page h1,.main-body .mhr-appt-header h1,.main-body .mhr-emore-head h1,.main-body .workspace-page h1,.main-body .legal-container h1,.main-body .courses-page h1,.main-body .cohorts-page h1,.main-body .customers-page h1,.main-body .customer-groups-page h1,.main-body .settings-page h1,.main-body .account-page h1,.main-body .ads-dashboard h1,.main-body .ads-leads h1,.main-body .ads-logs h1,.main-body .ads-settings h1{font-family:var(--font-family-ui);font-size:var(--font-size-page-title);font-weight:var(--font-weight-page-title);line-height:var(--line-height-page-title);color:var(--color-text-primary);letter-spacing:-.01em}.main-body .dashboard-v2 h2,.main-body .dashboard-v2 h3,.main-body .cal-page h2,.main-body .cal-page h3,.main-body .orders-page h2,.main-body .orders-page h3,.main-body .pos-page-v2 h2,.main-body .pos-page-v2 h3,.main-body .customers-page h2,.main-body .customers-page h3,.main-body .treatment-page h2,.main-body .treatment-page h3,.main-body .ads-leads h2,.main-body .ads-leads h3,.main-body .ads-dashboard h2,.main-body .ads-dashboard h3,.main-body .courses-page h2,.main-body .courses-page h3,.main-body .cohorts-page h2,.main-body .cohorts-page h3,.main-body .notif-page h2,.main-body .notif-page h3,.main-body .settings-page h2,.main-body .settings-page h3,.main-body .staff-page h2,.main-body .staff-page h3{font-family:var(--font-family-ui);font-size:var(--font-size-section-title);font-weight:var(--font-weight-section-title);line-height:var(--line-height-section-title);color:var(--color-text-primary)}@media(min-width:769px){.main-body .invoices-page-v2,.main-body .cal-page,.main-body .orders-page,.main-body .customers-page,.main-body .customer-groups-page,.main-body .cs-pc-page,.main-body .fin-page,.main-body .ctv-admin-layout,.main-body .tele-page,.main-body .treatment-page,.main-body .svc-page-wrap,.main-body .svc-page,.main-body .dashboard-v2,.main-body .finance-page,.main-body .staff-page,.main-body .inventory-page{margin-left:-24px!important;margin-right:-24px!important;padding-left:10px!important;padding-right:10px!important}.main-body .pos-page-v2{margin-left:-24px!important;margin-right:-24px!important;padding-left:0!important;padding-right:0!important}.ctv-admin-layout>div>div,.finance-page>:not(.section-tab-bar),.staff-page>:not(.section-tab-bar),.inventory-page>:not(.section-tab-bar),.finance-page .rc-summary-wrap,.finance-page .rc-section-head,.finance-page .rc-list,.finance-page .rs-summary-wrap,.finance-page .rs-section-head,.finance-page .rs-list,.finance-page .rb-summary-wrap,.finance-page .rb-section-head,.finance-page .rb-list,.finance-page .cc-summary-wrap,.finance-page .cc-type-tabs,.finance-page .cc-section-head,.finance-page .cc-list,.finance-page .rbp-desktop,.finance-page .rsd-page,.finance-page .rcd-page,.finance-page .rbp-charts-row,.finance-page .rbp-table-card,.finance-page .rod-body,.finance-page .cc-kpis{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.main-body .fin-sub-hero{border-radius:0!important;margin:-24px -10px 24px!important;padding-left:24px!important;padding-right:24px!important}.main-body .payroll-page{padding-left:0!important;padding-right:0!important}.staff-page .ts-hero,.staff-page .kpi-hero{margin-left:0!important;margin-right:0!important}.staff-page .kpi-body,.staff-page .sr-container>div,.main-body .inventory-page .products-page,.main-body .inventory-page .suppliers-page,.main-body .inventory-page .ssp-page,.main-body .inventory-page .stock-page,.main-body .inventory-page .sold-products-page,.main-body .inventory-page .sed-page,.main-body .inventory-page .ir-page{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.inventory-page .fin-page,.inventory-page .stx-page,.inventory-page .fa-page,.stx-page,.fa-page{margin-top:0!important;margin-left:0!important;margin-right:0!important;padding-top:0!important;padding-left:0!important;padding-right:0!important}.inventory-page .inv-sub-hero,.inventory-page .fin-sub-hero{border-radius:14px!important;margin-top:0!important;margin-left:0!important;margin-right:0!important;padding:14px 20px!important}.fin-page .fin-header{display:flex!important}.fin-page:has(.fin-sub-hero) .fin-header,.fin-page:has(.inv-sub-hero) .fin-header{display:none!important}.inventory-page .fin-table-wrap,.kpi-page .fin-table-wrap,.crm-funnel-page .fin-table-wrap,.adv-reports-page .fin-table-wrap{margin-top:10px!important;margin-left:0!important;margin-right:0!important}.kpi-page.fin-page,.crm-funnel-page.fin-page,.adv-reports-page.fin-page{margin-top:0!important;margin-left:0!important;margin-right:0!important;padding-top:0!important;padding-left:0!important;padding-right:0!important}.kpi-page.fin-page>div:not(.fin-sub-hero),.crm-funnel-page.fin-page>div:not(.fin-sub-hero),.adv-reports-page.fin-page>div:not(.fin-sub-hero){padding-left:0!important;padding-right:0!important}.adv-reports-page.fin-page div[style*=margin]{margin-left:0!important;margin-right:0!important}}:root{--teal-50:var(--brand-soft,#e6f4f2);--teal-100:var(--teal-10,#cce9e5);--teal-200:#99d3cc;--teal-500:var(--color-primary);--teal-600:var(--color-primary);--teal-700:var(--color-primary-hover);--teal-800:var(--color-primary-hover);--ink-900:#1a2b2a;--ink-700:#2d3436;--ink-500:#636e72;--ink-400:#8a9499;--ink-300:#b8bec2;--ink-200:#e5e7ea;--ink-100:#f0f2f3;--pill-success-fg:#10b981;--pill-success-bg:#ecfdf5;--pill-warning-fg:#d97706;--pill-warning-bg:#fef3c7;--pill-danger-fg:#ef4444;--pill-danger-bg:#fef2f2;--pill-info-fg:#3b82f6;--pill-info-bg:#eff6ff;--pill-muted-fg:#636e72;--pill-muted-bg:#f5f5f5;--grad-coral:linear-gradient(135deg,#f4b6a2,#e89b82);--grad-lavender:linear-gradient(135deg,#c3b1e1,#a78bfa);--grad-sand:linear-gradient(135deg,#e8c9a0,#d4a574);--grad-mint:linear-gradient(135deg,#a8d5ba,#7fb69b);--grad-sky:linear-gradient(135deg,#a9d6e5,#7eb8d1);--grad-rose:linear-gradient(135deg,#f7c6c7,#e89fa0);--shadow-teal:0 10px 24px rgba(var(--color-primary-rgb),.28);--shadow-teal-hover:0 14px 30px rgba(var(--color-primary-rgb),.34);--r-card:20px;--r-field:12px;--r-btn:14px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv11","ss01"}h1,h2,h3,.page-title,.section-title{letter-spacing:-.02em}.card,.crm-card,.dashboard-card,.stat-card,.list-card,.info-card,.panel,[class*=-card]:not([class*=cards-]):not([class*=-cards]):not([class*=-card-]){background:var(--color-surface);border-radius:var(--r-card);box-shadow:var(--shadow-sm);transition:box-shadow var(--dur-base)var(--ease-out),transform var(--dur-fast)var(--ease-out)}.card:hover,.list-card:hover,[role=button].card:hover{box-shadow:var(--shadow-md)}.btn-primary,button[type=submit]:not(.btn-secondary):not(.btn-outline):not(.btn-ghost),.btn.primary{background:var(--color-primary);color:#fff;border-radius:var(--r-btn);cursor:pointer;box-shadow:var(--shadow-teal);transition:all .15s var(--ease-out);font-size:14px;font-weight:600;font-family:var(--font-ui);border:none;padding:12px 20px}.btn-primary:hover,button[type=submit]:not(.btn-secondary):not(.btn-outline):not(.btn-ghost):hover{background:var(--color-primary-hover);box-shadow:var(--shadow-teal-hover);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.btn-outline,.btn.secondary{background:var(--color-surface);color:var(--ink-700);border:1px solid var(--ink-200);border-radius:var(--r-btn);cursor:pointer;transition:all .15s var(--ease-out);font-size:14px;font-weight:600;font-family:var(--font-ui);padding:10px 18px}.btn-outline:hover{background:var(--teal-6);border-color:var(--teal-200);color:var(--teal-700)}.btn-ghost{background:var(--teal-50);color:var(--teal-700);border-radius:var(--r-btn);cursor:pointer;border:none;padding:10px 16px;font-weight:600;transition:background .15s}.btn-ghost:hover{background:var(--teal-100)}.btn-danger{background:var(--color-danger);color:#fff;border-radius:var(--r-btn);cursor:pointer;border:none;padding:10px 18px;font-weight:600;transition:all .15s}.btn-danger:hover{background:var(--color-danger-dark)}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=date],input[type=time],input[type=search],textarea,select{font-family:var(--font-ui);border:1px solid var(--ink-200);border-radius:var(--r-field);background:var(--color-surface);color:var(--ink-900);box-sizing:border-box;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border-color .12s,box-shadow .12s,background .12s}input:focus,textarea:focus,select:focus{border-color:var(--teal-500);box-shadow:var(--focus-ring);background:var(--color-surface)}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--ink-400)}input::placeholder,textarea::placeholder{color:var(--ink-400)}label{color:var(--ink-700);margin-bottom:6px;font-size:12px;font-weight:600;display:inline-block}.pill,.status-pill,.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;line-height:1.4;display:inline-flex}.pill-success,.badge-success,[data-status=paid],[data-status=done]{background:var(--pill-success-bg);color:var(--pill-success-fg)}.pill-warning,.badge-warning,[data-status=partial],[data-status=pending]{background:var(--pill-warning-bg);color:var(--pill-warning-fg)}.pill-danger,.badge-danger,[data-status=cancelled],[data-status=failed]{background:var(--pill-danger-bg);color:var(--pill-danger-fg)}.pill-info,.badge-info,[data-status=issued],[data-status=new]{background:var(--pill-info-bg);color:var(--pill-info-fg)}.pill-muted,.badge-muted,[data-status=draft]{background:var(--pill-muted-bg);color:var(--pill-muted-fg)}table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}table thead th{background:var(--color-background);text-align:left;color:var(--ink-500);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--ink-100);padding:12px 14px;font-size:12px;font-weight:700}table tbody td{border-bottom:1px solid var(--ink-100);color:var(--ink-700);vertical-align:middle;padding:12px 14px}table tbody tr:hover{background:var(--teal-5)}table tbody tr:last-child td{border-bottom:none}.modal-overlay,.dialog-backdrop,[role=dialog]~.backdrop{-webkit-backdrop-filter:blur(4px);background:#10201e73}.modal,.dialog,.modal-content{background:var(--color-surface);border-radius:var(--r-card);box-shadow:var(--shadow-xl);width:100%;max-width:480px;overflow:hidden}.modal-header,.dialog-header{border-bottom:1px solid var(--ink-100);padding:18px 20px 12px}.modal-title,.dialog-title{color:var(--ink-900);letter-spacing:-.02em;margin:0;font-size:17px;font-weight:700}.modal-body,.dialog-body{padding:16px 20px}.modal-footer,.dialog-footer{border-top:1px solid var(--ink-100);justify-content:flex-end;gap:8px;padding:12px 20px 18px;display:flex}*{scrollbar-width:thin;scrollbar-color:var(--ink-200)transparent}::-webkit-scrollbar{width:8px;height:8px}.avatar{color:#fff;background:var(--grad-avatar);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:inline-flex}.avatar[data-variant=coral]{background:var(--grad-coral)}.avatar[data-variant=lavender]{background:var(--grad-lavender)}.avatar[data-variant=sand]{background:var(--grad-sand)}.avatar[data-variant=mint]{background:var(--grad-mint)}.avatar[data-variant=sky]{background:var(--grad-sky)}.avatar[data-variant=rose]{background:var(--grad-rose)}.avatar-xs{width:24px;height:24px;font-size:12px}.avatar-sm{width:32px;height:32px;font-size:12px}.avatar-md{width:40px;height:40px;font-size:14px}.avatar-lg{width:48px;height:48px;font-size:16px}.avatar-xl{width:64px;height:64px;font-size:22px}.kpi-tile{background:var(--color-surface);border-radius:var(--r-xl);border:1px solid var(--ink-100);transition:transform var(--dur-fast)var(--ease-out),box-shadow var(--dur-fast);padding:14px}.kpi-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-tile-label{color:var(--ink-500);letter-spacing:.03em;font-size:12px;font-weight:600}.kpi-tile-value{color:var(--ink-900);letter-spacing:-.03em;margin-top:4px;font-size:22px;font-weight:800}.kpi-tile-sub{color:var(--ink-400);margin-top:2px;font-size:12px}.empty-state{text-align:center;padding:40px 20px}.empty-state-icon{background:var(--teal-50);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:16px;font-size:48px;display:inline-flex}.empty-state-title{color:var(--ink-900);letter-spacing:-.02em;font-size:17px;font-weight:700}.empty-state-desc{color:var(--ink-500);margin-top:6px;font-size:13px;line-height:1.5}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton,.skel{background:linear-gradient(90deg,#eef0f2 0,#f6f7f8 40px,#eef0f2 80px) 0 0/200px 100%;border-radius:6px;animation:1.6s ease-in-out infinite shimmer}.fab{background:var(--grad-logo);color:#fff;width:56px;height:56px;box-shadow:var(--shadow-teal),0 0 0 4px #ffffff80;cursor:pointer;z-index:50;border:none;border-radius:18px;place-items:center;transition:transform .18s;display:grid;position:fixed;bottom:20px;right:20px}.fab:active{transform:scale(.94)}@media(max-width:768px){html{font-size:100%}.card,.dashboard-card{border-radius:var(--r-xl)}table{font-size:12px}table thead th,table tbody td{padding:10px 12px}.modal{max-width:calc(calc(100vw / var(--ui-vu, 1)) - 20px);margin:10px}.btn-row{flex-direction:column}}.dash3-kpi-widget{background:var(--color-surface);border-radius:var(--r-card);box-shadow:var(--shadow-sm);margin-bottom:16px;padding:16px}.dash3-kpi-widget-title{color:var(--ink-900);letter-spacing:-.01em;margin-bottom:12px;font-size:13px;font-weight:700}.dash3-kpi-widget-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.dash3-kpi-widget-item{background:var(--color-background);border-radius:var(--r-lg);padding:12px}.dash3-kpi-widget-label{color:var(--ink-500);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.dash3-kpi-widget-bar-row{align-items:center;gap:8px;margin-top:8px;font-size:12px;font-weight:700;display:flex}.dash3-kpi-widget-bar{background:var(--ink-100);border-radius:999px;flex:1;height:6px;overflow:hidden}.dash3-kpi-widget-bar>div{height:100%;transition:width .4s var(--ease-out);border-radius:999px}.dash3-kpi-widget-sub{color:var(--ink-400);margin-top:4px;font-size:12px}:focus-visible{outline:2px solid var(--teal-500);outline-offset:2px}a,button,.clickable{transition:color .15s,background .15s,opacity .15s,transform .15s}.kpi-card,.kpi-stat-box,.stat-card,.summary-card{background:var(--color-surface);border-radius:var(--r-xl);border:1px solid var(--ink-100);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast)var(--ease-out),box-shadow var(--dur-fast);padding:16px}.kpi-card:hover,.stat-card:hover,.summary-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-icon{border-radius:var(--r-lg);background:var(--teal-50);width:40px;height:40px;color:var(--teal-700);justify-content:center;align-items:center;font-size:18px;display:inline-flex}.kpi-label,.kpi-stat-label,.stat-label{color:var(--ink-500);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px;font-size:12px;font-weight:600}.kpi-value,.kpi-stat-val,.stat-value{color:var(--ink-900);letter-spacing:-.03em;font-size:22px;font-weight:800;line-height:1.1}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;display:grid}.fin-page{padding:0}.fin-header{background:var(--color-surface);border-bottom:1px solid var(--ink-100);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.fin-header h1,.fin-header>div>h1{letter-spacing:-.02em;color:var(--ink-900);margin:0;font-size:20px;font-weight:800}.fin-header-right{align-items:center;gap:8px;display:flex}.fin-actions{gap:8px;display:flex}.fin-table-wrap{background:var(--color-surface);border-radius:var(--r-card);box-shadow:var(--shadow-sm);-webkit-overflow-scrolling:touch;border:1px solid var(--ink-100);margin:16px;overflow-x:auto}.fin-table{border-collapse:separate;border-spacing:0;width:100%;min-width:560px}.fin-table thead th{background:var(--color-background);color:var(--ink-500);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--ink-100);white-space:nowrap;padding:12px 14px;font-size:12px;font-weight:700}.fin-table tbody td{border-bottom:1px solid var(--ink-100);white-space:nowrap;padding:12px 14px;font-size:13px}@media(max-width:768px){.fin-table-wrap{margin:12px}.fin-table{min-width:0}.fin-table thead th,.fin-table tbody td{padding:8px;font-size:12px}.fin-table thead th{letter-spacing:.04em;font-size:12px}}.fin-table tbody tr:hover{background:var(--teal-5)}.fin-table tbody tr:last-child td{border-bottom:none}.fin-empty{text-align:center;color:var(--ink-400);padding:60px 20px;font-size:14px}.fin-loading{text-align:center;color:var(--ink-500);padding:40px;font-size:13px}.fin-pagination{justify-content:center;align-items:center;gap:4px;padding:16px;display:flex}.fin-pagination button{border-radius:var(--r-md);border:1px solid var(--ink-200);background:var(--color-surface);min-width:36px;height:36px;color:var(--ink-700);cursor:pointer;font-size:13px;font-weight:600;transition:all .12s}.fin-pagination button:hover:not(:disabled){background:var(--teal-6);border-color:var(--teal-200);color:var(--teal-700)}.fin-pagination button.active,.fin-pagination button[aria-current=page]{background:var(--teal-600);color:#fff;border-color:var(--teal-600)}.fin-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999999;background:#10201e80;justify-content:center;align-items:center;margin:0;padding:20px;display:flex;position:fixed;inset:0}.fin-modal{background:var(--color-surface);border-radius:var(--r-card);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:calc(90vh / var(--ui-vu, 1));overflow-y:auto}.fin-modal-header{border-bottom:1px solid var(--ink-100);justify-content:space-between;align-items:center;padding:18px 20px 12px;display:flex}.fin-modal-body{padding:16px 20px}.fin-modal-footer{border-top:1px solid var(--ink-100);justify-content:flex-end;gap:8px;padding:12px 20px 18px;display:flex}.page-header{background:var(--color-surface);border-bottom:1px solid var(--ink-100);z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px;display:flex;position:sticky;top:0}.page-header h1{color:var(--ink-900);letter-spacing:-.02em;margin:0;font-size:20px;font-weight:800}.page-header-content{flex:1}.page-header-actions{align-items:center;gap:8px;display:flex}.subtitle{color:var(--ink-500);margin-top:4px;font-size:13px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#10201e73;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface);border-radius:var(--r-card);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:calc(90vh / var(--ui-vu, 1));overflow-y:auto}.modal-actions{border-top:1px solid var(--ink-100);justify-content:flex-end;gap:8px;padding:12px 20px 18px;display:flex}.form-group label{margin-bottom:6px;display:block}.form-row{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.req,.required{color:var(--color-danger);margin-left:2px}.btn-icon{border-radius:var(--r-md);border:1px solid var(--ink-200);background:var(--color-surface);width:36px;height:36px;color:var(--ink-700);cursor:pointer;place-items:center;padding:0;transition:all .12s;display:inline-grid}.btn-icon:hover{background:var(--teal-6);border-color:var(--teal-200);color:var(--teal-700)}.btn-secondary{background:var(--color-surface);color:var(--ink-700);border:1px solid var(--ink-200);border-radius:var(--r-btn);cursor:pointer;padding:10px 18px;font-size:14px;font-weight:600;transition:all .15s}.btn-secondary:hover{background:var(--teal-6);border-color:var(--teal-200);color:var(--teal-700)}.table-card,.table-wrapper{background:var(--color-surface);border-radius:var(--r-card);box-shadow:var(--shadow-sm);border:1px solid var(--ink-100);overflow:hidden}.table-card-header{border-bottom:1px solid var(--ink-100);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.table-card-header h3,.table-card-header h2{color:var(--ink-900);letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700}.table-count{color:var(--teal-700);background:var(--teal-50);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.row-num{color:var(--ink-400);font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.chart-card{background:var(--color-surface);border-radius:var(--r-card);box-shadow:var(--shadow-sm);border:1px solid var(--ink-100);padding:16px}.chart-card-title{color:var(--ink-900);letter-spacing:-.01em;margin-bottom:12px;font-size:14px;font-weight:700}.chart-container{min-height:200px;position:relative}.tab-header{border-bottom:1px solid var(--ink-100);gap:4px;padding:0 16px;display:flex;overflow-x:auto}.tab-header button,.tab-header .tab{color:var(--ink-500);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:13px;font-weight:600;transition:all .15s}.tab-header button:hover,.tab-header .tab:hover{color:var(--teal-700)}.tab-header button.active,.tab-header .tab.active,.tab-header button[aria-selected=true],.tab-header .tab[aria-selected=true]{color:var(--teal-700);border-bottom-color:var(--teal-600)}.tab-content{padding:16px 20px}.tele-btn{background:var(--teal-600);color:#fff;border-radius:var(--r-btn);cursor:pointer;box-shadow:var(--shadow-teal);border:none;padding:10px 18px;font-size:13px;font-weight:600;transition:all .15s}.tele-btn:hover{background:var(--teal-700);transform:translateY(-1px)}.tele-btn-sm{border-radius:var(--r-md);box-shadow:none;padding:6px 12px;font-size:12px}.muted{color:var(--ink-500)}.num{font-variant-numeric:tabular-nums;font-weight:600}.mono{font-family:SF Mono,Monaco,Menlo,Consolas,monospace;font-size:12.5px}.error-message,.error-text{color:var(--color-danger);margin-top:4px;font-size:12px}.danger{color:var(--color-danger)}.loading-state,.loading,.loading-text{text-align:center;color:var(--ink-500);padding:40px;font-size:13px}.loading-spinner{border:3px solid var(--ink-100);border-top-color:var(--teal-600);border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.8s linear infinite spin}.empty-state-text{color:var(--ink-400);margin-top:4px;font-size:13px}.inv-detail,.inv-edit{background:var(--color-surface);border-radius:var(--r-card);border:1px solid var(--ink-100);padding:16px}.stock-form-group{margin-bottom:12px}.report-table{border-collapse:separate;border-spacing:0;width:100%}.report-table thead th{background:var(--color-background);color:var(--ink-500);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--ink-100);padding:10px 14px;font-size:12px;font-weight:700}.report-table tbody td{border-bottom:1px solid var(--ink-100);padding:10px 14px;font-size:13px}.admin-pkg-row{border-bottom:1px solid var(--ink-100);align-items:center;gap:12px;padding:12px 16px;transition:background .12s;display:flex}.admin-pkg-row:hover{background:var(--teal-5)}.main-content{background:var(--color-background);min-height:calc(100vh / var(--ui-vu, 1))}.date-filter{background:var(--color-surface);border-radius:var(--r-lg);border:1px solid var(--ink-100);align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.info-item{justify-content:space-between;padding:8px 0;font-size:13px;display:flex}.info-item .label{color:var(--ink-500);font-weight:500}.info-item .value{color:var(--ink-900);font-weight:600}.treatment-modal-field{margin-bottom:14px}.lead-edit-field{margin-bottom:12px}.mhr-section{background:var(--color-surface);border-radius:var(--r-card);box-shadow:var(--shadow-sm);border:1px solid var(--ink-100);margin-bottom:14px;padding:16px}.sidebar,aside[class*=sidebar]{background:var(--color-sidebar);border-right:1px solid var(--ink-100)}.sidebar .menu-item,.sidebar .nav-item,aside a{transition:all .15s}.sidebar .menu-item:hover,.sidebar .nav-item:hover,aside a:hover{background:var(--teal-5);color:var(--teal-700)}.sidebar .menu-item.active,.sidebar .nav-item.active,aside a.active{background:var(--grad-active-menu);color:var(--teal-700);font-weight:600}[class*=dashboard-] .widget,[class*=dash-] .widget{background:var(--color-surface);border-radius:var(--r-card);box-shadow:var(--shadow-sm);border:1px solid var(--ink-100);padding:16px}[class*=calendar-cell]:hover{background:var(--teal-5)}[class*=calendar-event]{border-radius:var(--r-md);box-shadow:var(--shadow-xs);transition:transform var(--dur-fast)}[class*=calendar-event]:hover{transform:scale(1.02)}[class*=customer-card],[class*=-customer-row]{border-radius:var(--r-lg);transition:background .12s}[class*=customer-card]:hover,[class*=-customer-row]:hover{background:var(--teal-5)}[class*=invoice-row],[class*=order-row]{border-bottom:1px solid var(--ink-100);padding:12px 14px;transition:background .12s}[class*=invoice-row]:hover,[class*=order-row]:hover{background:var(--teal-5)}hr{border:0;border-top:1px solid var(--ink-100);margin:16px 0}a:not([class]){color:var(--teal-700)}a:not([class]):hover{color:var(--teal-800);text-decoration:underline}code,pre{background:var(--color-background);color:var(--teal-800);border-radius:4px;padding:2px 6px;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px}details{background:var(--color-surface);border-radius:var(--r-md);border:1px solid var(--ink-100);margin-bottom:8px;padding:10px 14px}summary{cursor:pointer;color:var(--ink-900);font-weight:600}progress{background:var(--ink-100);border:none;border-radius:999px;width:100%;height:6px;overflow:hidden}progress::-webkit-progress-bar{background:var(--ink-100);border-radius:999px}progress::-webkit-progress-value{background:var(--teal-600);border-radius:999px}progress::-moz-progress-bar{background:var(--teal-600);border-radius:999px}.dash-mhero{background:var(--bg-page);font-family:var(--font-ui);padding:18px 16px 12px}.dash-mhero-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.dash-mhero-greet{color:var(--ink-900);letter-spacing:-.02em;font-size:20px;font-weight:700;line-height:1.25}.dash-mhero-greet b{font-weight:800}.dash-mhero-sub{color:var(--ink-500);margin-top:2px;font-size:12.5px}.dash-mhero-sub b{color:var(--teal-700);font-weight:700}.dash-mhero-avatar-wrap{flex-shrink:0;position:relative}.dash-mhero-avatar{color:#fff;cursor:pointer;width:44px;height:44px;box-shadow:var(--shadow-sm);background:linear-gradient(135deg,#f4b6a2,#e89b82);border-radius:50%;place-items:center;font-size:17px;font-weight:700;display:grid}.dash-mhero-badge{background:var(--color-danger);color:#fff;border:2px solid var(--bg-page);border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:12px;font-weight:800;display:grid;position:absolute;top:-4px;right:-4px;box-shadow:0 2px 6px #ef444459}.dash-mhero-search{background:var(--color-surface);border:1px solid var(--ink-100);cursor:pointer;box-shadow:var(--shadow-xs);border-radius:14px;align-items:center;gap:10px;margin-bottom:14px;padding:12px 14px;transition:all .15s;display:flex}.dash-mhero-search:hover{border-color:var(--teal-200);background:var(--teal-50)}.dash-mhero-search svg{color:var(--ink-400);flex-shrink:0}.dash-mhero-search span{color:var(--ink-400);flex:1;font-size:13.5px}.dash-mhero-revenue{background:var(--brand-gradient);color:#fff;box-shadow:0 10px 30px rgba(var(--color-primary-rgb),.35);cursor:pointer;border-radius:20px;margin-bottom:14px;padding:18px 16px 60px;transition:transform .15s;position:relative;overflow:hidden}.dash-mhero-revenue:hover{transform:translateY(-2px)}.dash-mhero-deco-1{pointer-events:none;background:#ffffff14;border-radius:50%;width:180px;height:180px;position:absolute;top:-40px;right:-30px}.dash-mhero-deco-2{background:rgba(var(--color-accent-rgb),.14);pointer-events:none;border-radius:50%;width:140px;height:140px;position:absolute;bottom:-40px;left:-30px}.dash-mhero-rev-label{letter-spacing:.12em;opacity:.9;z-index:1;font-size:12px;font-weight:700;position:relative}.dash-mhero-rev-value{letter-spacing:-.03em;z-index:1;margin-top:6px;font-size:32px;font-weight:800;line-height:1;position:relative}.dash-mhero-rev-value small{opacity:.88;margin-left:4px;font-size:16px;font-weight:600}.dash-mhero-rev-trend{z-index:1;border-radius:999px;align-items:center;gap:6px;margin-top:12px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex;position:relative}.dash-mhero-spark{pointer-events:none;width:100%;height:64px;position:absolute;bottom:0;left:0;right:0}.dash-mhero-tiles{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:18px;display:grid}.dash-mhero-tile{background:var(--color-surface);border:1px solid var(--ink-100);cursor:pointer;box-shadow:var(--shadow-xs);border-radius:14px;padding:12px;transition:all .15s}.dash-mhero-tile:hover{box-shadow:var(--shadow-sm);border-color:var(--teal-200);transform:translateY(-2px)}.dash-mhero-tile-icon{border-radius:10px;place-items:center;width:32px;height:32px;margin-bottom:6px;font-size:16px;display:grid}.dash-mhero-tile-label{color:var(--ink-500);margin-bottom:2px;font-size:12px;font-weight:600}.dash-mhero-tile-value{color:var(--ink-900);letter-spacing:-.02em;align-items:baseline;gap:4px;font-size:20px;font-weight:800;display:flex}.dash-mhero-tile-delta{border-radius:4px;padding:1px 5px;font-size:12px;font-weight:700}.dash-mhero-tile-delta.up{color:#047857;background:#10b98126}.dash-mhero-tile-delta.down{color:#b91c1c;background:#ef444426}.dash-mhero-actions-title{color:var(--ink-900);letter-spacing:-.01em;margin-bottom:10px;font-size:14px;font-weight:700}.dash-mhero-actions{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px;display:grid}.dash-mhero-action{background:var(--color-surface);border:1px solid var(--ink-100);cursor:pointer;font-family:var(--font-ui);color:var(--ink-700);box-shadow:var(--shadow-xs);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.dash-mhero-action:hover{box-shadow:var(--shadow-sm);color:var(--teal-700);border-color:var(--teal-200);transform:translateY(-2px)}.dash-mhero-action-icon{border-radius:12px;place-items:center;width:40px;height:40px;font-size:18px;display:grid}@media(max-width:768px){.dash3-header,.dash3-kpi-row,.dash3-main-row{display:none!important}}@media(min-width:769px){.dash-mhero{display:none!important}}.dash3-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:18px;align-items:center;gap:14px;margin:0 16px 14px;padding:14px 16px;display:flex;box-shadow:0 4px 12px #d9770614}.dash3-banner>div:first-child{color:#92400e;flex:1;font-size:13px;line-height:1.4}.dash3-banner-sub{font-weight:500}.dash3-banner-cta{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d97706,#b45309);border:none;border-radius:12px;flex-shrink:0;padding:10px 18px;font-size:13px;font-weight:700;transition:all .15s;box-shadow:0 4px 12px #d9770647}.dash3-banner-cta:hover{transform:translateY(-1px);box-shadow:0 6px 16px #d9770657}.dash3-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 14px;display:flex}.dash3-breadcrumb{color:var(--ink-500);letter-spacing:.06em;text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:700}.dash3-greeting{color:var(--ink-900);letter-spacing:-.02em;margin:0;line-height:1.2;font-size:22px!important;font-weight:800!important}.dash3-wave{transform-origin:70% 70%;animation:2s ease-in-out infinite wave;display:inline-block}@keyframes wave{0%,50%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(14deg)}}.dash3-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dash3-date-range{background:var(--color-surface);border:1px solid var(--ink-100);border-radius:var(--r-lg);color:var(--ink-700);box-shadow:var(--shadow-xs);align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.dash3-date-range>svg{color:var(--teal-600)}.dash3-date-range label{color:var(--ink-500);margin:0;font-weight:500}.dash3-date-input{border:1px solid var(--ink-100);color:var(--ink-900);border-radius:8px;font-size:12px;background:var(--bg-page)!important;width:auto!important;padding:4px 8px!important}.dash3-date-sep{color:var(--ink-400);font-weight:600}.dash3-btn-ghost{background:var(--teal-50);color:var(--teal-700);border:1px solid var(--teal-100);border-radius:var(--r-lg);cursor:pointer;align-items:center;gap:6px;padding:10px 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.dash3-btn-ghost:hover{background:var(--teal-100);transform:translateY(-1px)}.dash3-kpi-row{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;padding:0 16px 14px;display:grid}.dash3-kpi-row>div,.kpi-card{background:var(--color-surface);border:1px solid var(--ink-100);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast),box-shadow var(--dur-fast);border-radius:18px;padding:14px;position:relative;overflow:hidden}.dash3-kpi-row>div:hover,.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dash3-kpi-row>div:before,.kpi-card:before{content:"";background:linear-gradient(90deg,var(--teal-600),var(--teal-400));opacity:0;height:3px;transition:opacity .15s;position:absolute;top:0;left:0;right:0}.dash3-kpi-row>div:hover:before,.kpi-card:hover:before{opacity:1}.dash3-main-row{grid-template-columns:2fr 1fr;gap:14px;padding:0 16px 14px;display:grid}@media(max-width:900px){.dash3-main-row{grid-template-columns:1fr}}.dash3-card{background:var(--color-surface);border:1px solid var(--ink-100);box-shadow:var(--shadow-sm);border-radius:18px;padding:16px}.dash3-card-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dash3-card-head h3{color:var(--ink-900);letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700}.dash3-period-tabs{background:var(--bg-page);border-radius:10px;gap:2px;padding:3px;display:flex}.dash3-period-tabs button{color:var(--ink-500);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .12s}.dash3-period-tabs button:hover{color:var(--teal-700)}.dash3-period-tabs button.active{background:var(--color-surface);color:var(--ink-900);box-shadow:var(--shadow-xs);font-weight:700}.topbar,header,.main-header,[class*=app-header]{-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);box-shadow:var(--shadow-xs);border-bottom:1px solid var(--ink-100)!important;background:#ffffffeb!important}.topbar-nav-item,.topbar-nav-btn-wrap,.topbar-nav-btn,.topbar-nav-arrow{box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:0 0!important;border:none!important}.topbar .menu-item{font-family:var(--font-ui);border-radius:var(--r-md);font-size:13px;font-weight:500;transition:all .15s}.topbar .menu-item:hover{background:var(--teal-5);color:var(--teal-700)}[class*=plan-badge],[class*=tier-badge]{letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:800}.sidebar{background:var(--color-sidebar);border-right:1px solid var(--ink-100)!important}.sidebar .sidebar-menu-item,.sidebar .nav-item,.sidebar a,[class*=sidebar-menu] a,[class*=sidebar-menu] button{color:var(--ink-700);align-items:center;gap:10px;font-size:13px;transition:all .15s;display:flex;border-radius:var(--r-md)!important;padding:10px 14px!important}.sidebar .sidebar-menu-item:hover,.sidebar .nav-item:hover,.sidebar a:hover,[class*=sidebar-menu] a:hover,[class*=sidebar-menu] button:hover{background:var(--teal-5);color:var(--teal-700)}.sidebar .sidebar-menu-item.active,.sidebar .nav-item.active,.sidebar a.active,[class*=sidebar-menu] a.active,[class*=sidebar-menu] button.active,.sidebar [aria-current=page]{background:var(--grad-active-menu);border-right:3px solid var(--teal-600);font-weight:600;color:var(--teal-700)!important}[class*=sidebar-group-title],[class*=sidebar-section-title]{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-400);font-size:12px;font-weight:800;padding:14px 14px 6px!important}@media(max-width:768px){.mobile-bottom-nav{justify-content:space-around;align-items:center;display:flex;height:58px!important;height:calc(58px + env(safe-area-inset-bottom,0px))!important;-webkit-backdrop-filter:blur(24px)saturate(180%)!important;padding:0 8px!important;padding:0 8px env(safe-area-inset-bottom,0px)!important;background:#fff!important;border:none!important;border-radius:0!important;bottom:0!important;left:0!important;right:0!important;box-shadow:0 4px 20px #10201e1a,0 0 0 1px #10201e0f!important}.mobile-bottom-nav-item{min-width:0!important;color:var(--ink-400)!important;letter-spacing:.01em!important;cursor:pointer!important;background:0 0!important;border:none!important;border-radius:14px!important;flex-direction:column!important;flex:1 1 0!important;justify-content:center!important;align-items:center!important;gap:2px!important;padding:6px!important;font-size:12px!important;font-weight:600!important;transition:color .15s,background .15s!important;display:flex!important;position:relative!important}.mobile-bottom-nav-label{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;overflow:hidden!important}.mobile-bottom-nav-item.active{color:var(--teal-700)!important;background:rgba(var(--color-primary-rgb),.09)!important}.mobile-bottom-nav-item.active:after{content:"";background:var(--teal-600);border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.mobile-bottom-nav-icon svg,.mobile-bottom-nav svg{width:20px!important;height:20px!important}.main-body{padding-bottom:84px!important;padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}}[class*=user-menu],[class*=notification-bell]{border-radius:var(--r-md)!important}[class*=notification-bell]:hover,[class*=user-menu]:hover{background:var(--teal-5)!important}.dash3-kpi-widget{box-shadow:var(--shadow-sm);background:linear-gradient(135deg,var(--color-surface),var(--teal-50))!important;border:1px solid var(--teal-100)!important;border-radius:20px!important;margin:0 16px 14px!important;padding:18px!important}@media(max-width:640px){.page-header{padding:14px 16px}.page-header h1{font-size:18px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.kpi-card{padding:12px}.kpi-value{font-size:18px}.fin-table,.report-table{font-size:12px}.fin-table thead th,.fin-table tbody td,.report-table thead th,.report-table tbody td{padding:10px 12px}.modal-content,.fin-modal{border-radius:var(--r-xl);max-width:calc(calc(100vw / var(--ui-vu, 1)) - 20px);margin:10px}}.mpage-hero{display:none!important}@media(max-width:768px){.mpage-hero{background:var(--brand-gradient);color:#fff;box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.2);border-radius:0;margin:0;padding:12px 14px 10px;position:relative;display:block!important}.mpage-hero-top{justify-content:space-between;align-items:center;margin-bottom:0;display:flex}.mpage-hero-title{letter-spacing:-.01em;font-size:16px;font-weight:800;line-height:1.1}.mpage-hero-sub{opacity:.85;margin-top:1px;font-size:12px}.mpage-hero-actions{gap:6px;display:flex}.mpage-hero-iconbtn{color:#fff;cursor:pointer;background:#ffffff2e;border:1px solid #ffffff40;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .15s;display:flex}.mpage-hero-iconbtn:active{background:#ffffff4d}.mpage-hero-search{background:#fffffff2;border-radius:14px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;display:flex;box-shadow:0 2px 8px #00000014}.mpage-hero-search svg,.mpage-hero-search .icon{color:#64748b;flex-shrink:0}.mpage-hero-search input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;font-size:14px}.mpage-hero-search input::-moz-placeholder{color:#94a3b8}.mpage-hero-search input::placeholder{color:#94a3b8}.mpage-hero-chips{scrollbar-width:none;gap:8px;margin:0 -16px;padding:0 16px 2px;display:flex;overflow-x:auto}.mpage-hero-chips::-webkit-scrollbar{display:none}.mpage-hero-chip{color:#fff;white-space:nowrap;cursor:pointer;background:#ffffff26;border:1px solid #ffffff38;border-radius:999px;flex-shrink:0;padding:7px 13px;font-size:12px;font-weight:600;transition:all .15s}.mpage-hero-chip.active{color:var(--color-primary-hover);background:#fff;border-color:#fff;box-shadow:0 2px 8px #0000001f}.mpage-hero-fab{background:var(--brand-gradient);color:#fff;width:56px;height:56px;box-shadow:0 8px 24px rgba(var(--color-primary-rgb),.45);cursor:pointer;z-index:50;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:26px;font-weight:700;display:flex;position:fixed;bottom:86px;right:18px}.mpage-hero-fab:active{transform:scale(.94)}.mpage-hero~.page-header,.mpage-hero+.page-header{display:none}}.inv-mobile-summary{display:none}@media(max-width:768px){.inv-mobile-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 16px 0;display:grid}.inv-mobile-summary-tile{border:1px solid var(--ink-100,#f0f2f3);background:#fff;border-radius:14px;padding:10px 12px;box-shadow:0 1px 2px #10201e0a}.inv-mobile-summary-label{color:var(--ink-500,#636e72);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.inv-mobile-summary-value{letter-spacing:-.01em;margin-top:4px;font-size:16px;font-weight:700}}@keyframes mvSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(max-width:768px){.fin-modal .tier-form-row{gap:10px;display:flex}.fin-modal .tier-form-row>label{flex:1;min-width:0}.fin-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.fin-table-wrap>.fin-table{table-layout:fixed!important;width:100%!important;font-size:12.5px!important}.fin-table-wrap>.fin-table th,.fin-table-wrap>.fin-table td{word-break:break-word;overflow:hidden;white-space:normal!important;padding:8px 6px!important}.fin-table-wrap>.fin-table th:empty,.fin-table-wrap>.fin-table td.fin-actions:empty{width:0!important;padding:0!important}.fin-table-wrap>.fin-table thead th:first-child{width:50%!important}.fin-table-wrap>.fin-table thead th:nth-child(2),.fin-table-wrap>.fin-table thead th:nth-child(3){width:25%!important}.timesheet-page{padding:0 8px 24px!important}.ts-time-card-wrap{padding:8px 0 0!important}.ts-time-card{flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:14px 16px!important}.ts-time-info{width:100%!important}.ts-time-info>div:nth-child(2){font-size:28px!important}.ts-time-filter{flex:none!important;width:100%!important;min-width:0!important}.ts-time-filter-row{gap:6px!important}.ts-time-filter-row>input[type=date]{flex:1!important;width:auto!important;min-width:0!important;height:36px!important;padding:8px 6px!important;font-size:12px!important}.ts-time-filter-row>select{flex:100%!important;width:100%!important;height:36px!important;margin-top:6px!important;padding:8px 10px!important}.ts-time-checkin{justify-content:center!important;width:100%!important;padding:12px 20px!important;font-size:14px!important}.timesheet-page .summary-boxes{grid-template-columns:repeat(5,1fr)!important;gap:4px!important}.timesheet-page .summary-box{gap:3px!important;padding:6px 2px!important}.timesheet-page .summary-box .icon-wrapper{width:22px!important;height:22px!important}.timesheet-page .summary-box .icon-wrapper svg{width:12px!important;height:12px!important}.timesheet-page .summary-box .value{font-size:13px!important}.timesheet-page .summary-box .label{font-size:12px!important;line-height:1.15!important}.payroll-page{padding:0 8px 24px!important}.payroll-page .summary-boxes{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}.treatment-page .tx-mob-stats{margin:12px 12px 4px!important}.lead-edit-overlay{align-items:stretch!important;padding:0!important}.lead-edit-glass{border-radius:0!important;max-width:100%!important;height:calc(100vh / var(--ui-vu, 1))!important;max-height:calc(100vh / var(--ui-vu, 1))!important}.lead-edit-body{-webkit-overflow-scrolling:touch;flex:auto!important;padding:14px 16px!important;overflow-y:auto!important}.lead-edit-grid{grid-template-columns:1fr 1fr!important;gap:10px!important}.lead-edit-grid .lead-edit-full{grid-column:1/-1}.lead-edit-field label{margin-bottom:4px!important;font-size:12px!important}.lead-edit-field input,.lead-edit-field select,.lead-edit-field textarea{box-sizing:border-box;width:100%!important;min-width:0!important;padding:9px 10px!important;font-size:13px!important}.lead-edit-header{flex-shrink:0;padding:14px 16px 0!important}.lead-edit-footer{background:#fff;border-top:1px solid #e5e7ea;flex-shrink:0;position:sticky;bottom:0;padding:12px 16px!important}.lead-edit-chips{gap:6px}.lead-edit-chips .lead-chip{padding:6px 10px!important;font-size:12px!important}.sold-products-page{padding:12px!important}.sold-products-page .sp-header-card{gap:10px!important;padding:12px!important}.sold-products-page .sp-header-title h1{font-size:16px!important}.sold-products-page .sp-date-row{width:100%;gap:6px!important}.sold-products-page .sp-date-row input[type=date]{flex:1 1 0!important;min-width:0!important;height:36px!important;padding:8px 6px!important;font-size:12px!important}.sold-products-page .sp-kpis{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.sold-products-page .sp-kpis>div{gap:8px!important;padding:12px!important}.sold-products-page .sp-kpis>div>div:first-child>div:first-child{font-size:12px!important}.sold-products-page .sp-kpis>div>div:first-child>div:last-child{font-size:18px!important}.sold-products-page .sp-kpis>div>div:last-child{flex-shrink:0;width:32px!important;height:32px!important}.sold-products-page .sp-detail-card{max-width:100%;overflow:hidden}.sold-products-page .sp-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.sold-products-page .sp-detail-table{min-width:480px;font-size:12px!important}.sold-products-page .sp-detail-table th,.sold-products-page .sp-detail-table td{white-space:nowrap;padding:8px 10px!important}.sold-products-page .sp-detail-table th{font-size:12px!important}.fa-page{overflow-x:hidden;max-width:100%!important}.fa-page .fa-toolbar{margin:0 12px 12px!important;padding:12px!important}.fa-page .fa-actions{grid-template-columns:1fr 1fr!important;gap:8px!important;display:grid!important}.fa-page .fa-actions select{grid-column:1/-1;height:36px!important;font-size:12px!important}.fa-page .fa-actions .fa-btn-dep,.fa-page .fa-actions .fa-btn-add{gap:4px!important;height:36px!important;padding:0 8px!important;font-size:12px!important}.fa-page .fa-actions svg{flex-shrink:0;width:12px!important;height:12px!important}.fa-page .fa-kpis{grid-template-columns:repeat(4,1fr)!important;gap:6px!important;margin:0 12px 12px!important}.fa-page .fa-kpis>div{padding:10px 4px!important}.fa-page .fa-kpis>div>div:first-child{width:24px!important;margin:0 auto 6px!important}.fa-page .fa-kpis>div>div:nth-child(2){font-size:18px!important}.fa-page .fa-kpis>div>div:nth-child(3){font-size:12px!important;line-height:1.2!important}.ssub-page .ssub-header-desktop{display:none!important}.ssub-page{padding:0!important}.ssub-page>:not(.ssub-hero){padding-left:16px;padding-right:16px}.alp-card-in{transition:transform .18s,box-shadow .18s;background:linear-gradient(#fff,#fafafa)!important;border:1px solid #f0f2f3!important;border-radius:18px!important;padding:14px!important;box-shadow:0 4px 14px #0f172a0f!important}.alp-card-in:hover{transform:translateY(-1px)}.alp-card-in>div:first-child{border-bottom:1px solid #f0f2f3;padding-bottom:10px;margin-bottom:12px!important}.alp-card-in>div:first-child>div:first-child>div:nth-child(4)>div:first-child{letter-spacing:-.01em;color:#0f172a!important;font-size:15px!important;font-weight:800!important}.alp-card-in>div:first-child>div:first-child>div:nth-child(4)>div:nth-child(2){font-weight:500;color:#64748b!important;font-size:12px!important}.alp-card-in .alp-status-dot{position:relative;border-radius:999px!important;padding:5px 10px 5px 22px!important;font-size:12px!important;font-weight:700!important}.alp-card-in .alp-status-dot:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:9px;transform:translateY(-50%);box-shadow:0 0 0 3px #ffffff8c}.alp-card-in label.block{color:#94a3b8!important;letter-spacing:.08em!important;margin-bottom:6px!important;font-size:12px!important;font-weight:800!important}.alp-card-in select{font-weight:600;color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:10px!important;height:40px!important;padding:0 12px!important;font-size:13px!important}.alp-card-in .border-dashed{background:#fafafa!important;border:1.5px dashed #e2e8f0!important;border-radius:12px!important;padding:18px 16px!important}.alp-card-in .border-dashed p:first-child{font-weight:600;color:#475569!important;font-size:12.5px!important}.alp-card-in .border-dashed p:nth-child(2){color:#94a3b8!important;margin-top:4px!important;font-size:12px!important}.alp-card-in .alp-row{transition:background .15s;padding:10px 12px!important}.alp-card-in .alp-row:has(input:checked){background:#ecfdf5!important}.alp-card-in .alp-row span{font-size:13px!important;font-weight:700!important}.alp-card-in .alp-row input[type=checkbox]{accent-color:var(--color-primary)!important;width:18px!important;height:18px!important}.alp-card-in .alp-divider{border-color:#f0f2f3!important;border-radius:12px!important}.store-info-view .info-grid{grid-template-columns:1fr!important;gap:8px!important;display:grid!important}.store-info-view .info-item{align-items:center;gap:12px;min-width:0;background:#fff!important;border:1px solid #f0f2f3!important;border-radius:14px!important;flex-direction:row!important;padding:12px 14px!important;display:flex!important}.store-info-view .info-icon{background:#ecfdf5;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.store-info-view .info-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.store-info-view .info-label{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8!important;font-size:12px!important;font-weight:700!important}.store-info-view .info-value{word-break:break-all;white-space:normal;line-height:1.35;color:#1e293b!important;font-size:14px!important;font-weight:700!important}.ps-general-row{grid-template-columns:repeat(3,1fr)!important;gap:6px!important;margin-bottom:0!important;display:grid!important}.ps-general-row>div{min-width:0}.ps-general-row label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px!important}.ps-general-row select{box-sizing:border-box;width:100%!important;min-width:0!important;padding:7px 4px!important;font-size:12px!important}.ps-toggle-grid{grid-template-columns:repeat(2,1fr)!important;gap:4px 8px!important;display:grid!important}.ps-toggle-grid>*{min-width:0}.ps-qr-grid{gap:8px;grid-template-columns:repeat(2,1fr)!important;display:grid!important}.ps-qr-grid .ps-qr-cell{background:#fafafa;border:1px solid #f0f2f3;border-radius:10px;min-width:0;border-bottom:none!important;padding:10px!important}.stx-page{max-width:100%!important;overflow-x:hidden!important}.stx-page .fin-table-wrap{display:none!important}.stx-page .stx-chips{flex-wrap:nowrap!important;gap:4px!important;overflow:visible!important}.stx-page .stx-chip{text-align:center;white-space:nowrap;text-overflow:ellipsis;justify-content:center;overflow:hidden;flex:1 1 0!important;min-width:0!important;height:30px!important;padding:0 4px!important;font-size:12px!important;line-height:1.1!important}.mkt-page .mkt-header-title-wrap,.mkt-page .mkt-add-btn-v2{display:none!important}.svc-usage-page .mpage-hero-chips,.appt-stats-page .mpage-hero-chips,.sold-products-page .mpage-hero-chips,.stock-export-page .mpage-hero-chips,.import-report-page .mpage-hero-chips,.customer-cards-page .mpage-hero-chips,.card-usage-page .mpage-hero-chips,.staff-revenue-page .mpage-hero-chips,.customer-revenue-page .mpage-hero-chips,.branch-revenue-page .mpage-hero-chips,.item-report-page .mpage-hero-chips,.cashier-report-page .mpage-hero-chips,.customer-stats-page .mpage-hero-chips{gap:6px!important;padding-right:0!important;display:flex!important;overflow-x:visible!important}.svc-usage-page .mpage-hero-chip,.appt-stats-page .mpage-hero-chip,.sold-products-page .mpage-hero-chip,.stock-export-page .mpage-hero-chip,.import-report-page .mpage-hero-chip,.customer-cards-page .mpage-hero-chip,.card-usage-page .mpage-hero-chip,.staff-revenue-page .mpage-hero-chip,.customer-revenue-page .mpage-hero-chip,.branch-revenue-page .mpage-hero-chip,.item-report-page .mpage-hero-chip,.cashier-report-page .mpage-hero-chip,.customer-stats-page .mpage-hero-chip{white-space:nowrap;text-align:center!important;flex:1 1 0!important;min-width:0!important;padding:8px 6px!important;font-size:12px!important}.svc-usage-page .kpi-grid,.appt-stats-page .kpi-grid,.sold-products-page .kpi-grid,.stock-export-page .kpi-grid,.import-report-page .kpi-grid,.customer-cards-page .kpi-grid,.card-usage-page .kpi-grid,.staff-revenue-page .kpi-grid,.customer-revenue-page .kpi-grid,.branch-revenue-page .kpi-grid,.item-report-page .kpi-grid,.cashier-report-page .kpi-grid,.customer-stats-page .kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.svc-usage-page .kpi-box,.appt-stats-page .kpi-box,.sold-products-page .kpi-box,.stock-export-page .kpi-box,.import-report-page .kpi-box,.customer-cards-page .kpi-box,.card-usage-page .kpi-box,.staff-revenue-page .kpi-box,.customer-revenue-page .kpi-box,.branch-revenue-page .kpi-box,.item-report-page .kpi-box,.cashier-report-page .kpi-box,.customer-stats-page .kpi-box{padding:12px 14px!important}.vch-filter-tabs{padding:4px;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important}.vch-filter-tab{white-space:nowrap;overflow:hidden;border-radius:12px!important;flex-direction:column!important;gap:3px!important;min-width:0!important;padding:10px 2px!important;font-size:11px!important;line-height:1.3!important}.vch-filter-tab svg{flex-shrink:0;margin-bottom:2px;width:14px!important;height:14px!important}.sc-page .sc-hero-actions,.sc-page .sc-chips{scrollbar-width:none;flex-wrap:nowrap!important;gap:6px!important;display:flex!important;overflow-x:auto!important}.sc-page .sc-hero-actions::-webkit-scrollbar{display:none}.sc-page .sc-chips::-webkit-scrollbar{display:none}.sc-page .sc-chip,.sc-page .sc-chip-all,.sc-page .scd-banner-chip,.sc-page .scd-banner-all{text-align:center;white-space:nowrap!important;word-break:keep-all!important;border-radius:999px!important;flex:none!important;width:auto!important;min-width:auto!important;max-width:none!important;height:auto!important;min-height:auto!important;padding:6px 12px!important;font-size:12px!important;line-height:1.3!important}.deposit-page{padding:0 0 100px!important}.deposit-page .dp-chips{gap:5px!important;overflow:visible!important}.deposit-page .dp-chips>button{white-space:nowrap;justify-content:center;flex:1 1 0!important;gap:4px!important;min-width:0!important;padding:6px 8px!important;font-size:12px!important}.deposit-page .dp-chips>button>span{padding:1px 6px!important;font-size:12px!important}.deposit-page .dp-stats{grid-template-columns:repeat(3,1fr)!important;gap:6px!important}.deposit-page .dp-stats>div{text-align:center;flex-direction:column!important;gap:4px!important;padding:10px 6px!important}.deposit-page .dp-stats>div>div:first-child{width:32px!important;height:32px!important}.deposit-page .dp-stats>div>div:first-child svg{width:16px!important;height:16px!important}.deposit-page .dp-stats>div>div:last-child>div:first-child{font-size:12px!important}.deposit-page .dp-stats>div>div:last-child>div:last-child{font-size:18px!important}.deposit-page .dp-search-row{gap:8px!important}.deposit-page .dp-search,.deposit-page .dp-filter{flex:1 1 0!important;min-width:0!important;padding:8px 10px!important;font-size:12px!important}.deposit-page .dp-filter{min-width:0!important}.deposit-page .dp-filter span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.rbp-page .rbp-dh-title-block{display:none!important}.rbp-page .rbp-dh{flex-direction:column;gap:10px;padding:14px 12px 8px;display:flex!important}.rbp-page .rbp-dh-actions{flex-flow:wrap;align-items:center;gap:8px;display:flex!important}.rbp-page .rbp-date-input{box-sizing:border-box;background:#fff;border:1px solid #e2e8f0;border-radius:10px;flex:1 1 0;min-width:0;height:36px;padding:8px 10px;font-size:12.5px}.rbp-page .rbp-export-btn-desktop{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:0 0 100%;height:38px;margin-top:4px;padding:8px 12px;font-size:13px;font-weight:600}.rbp-page .rbp-kpis{grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 12px;display:grid!important}.rbp-page .rbp-kpi-card{background:#fff;border:1px solid #f0f2f3;border-radius:12px;align-items:center;gap:8px;padding:10px;display:flex;box-shadow:0 1px 2px #0000000a}.rbp-page .rbp-kpi-info{flex:1;order:1;min-width:0}.rbp-page .rbp-kpi-label{color:#6b7280;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;line-height:1.2;overflow:hidden}.rbp-page .rbp-kpi-value{color:#111827;white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:14px;font-weight:800;overflow:hidden}.rbp-page .rbp-kpi-icon{border-radius:10px;flex-shrink:0;order:2;place-items:center;min-width:36px;display:grid;width:36px!important;height:36px!important}.rbp-page .rbp-kpi-icon svg{width:18px;height:18px}.rbp-page .rbp-charts-row{gap:8px;padding:0 12px 12px;grid-template-columns:1fr 1fr!important;display:grid!important}.rbp-page .rbp-chart-card{background:#fff;border:1px solid #f0f2f3;border-radius:14px;min-width:0;padding:10px}.rbp-page .rbp-chart-head{justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.rbp-page .rbp-chart-title{font-size:.75rem;font-weight:700;line-height:1.2}.rbp-page .rbp-kebab svg{transform:rotate(90deg)}.rbp-page .rbp-chart-body{max-width:100%;min-height:70px;height:auto!important}.rbp-page .rbp-chart-body canvas{max-height:80px!important}.rbp-page .rbp-chart-body.rbp-donut-wrap{padding-bottom:2px;height:auto!important}.rbp-page .rbp-charts-row{align-items:stretch!important}.rbp-page .rbp-chart-card{flex-direction:column!important;justify-content:space-between!important;display:flex!important}.rbp-page .rbp-empty-illu-wrap{flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.rbp-page .rbp-donut-wrap{flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;padding:0;display:flex!important}.rbp-page .rbp-donut{background:#e5e7eb;border-radius:50%;width:68px;height:68px;position:relative}.rbp-page .rbp-donut-hole{background:#fff;border-radius:50%;width:44px;height:44px;position:absolute;top:12px;left:12px}.rbp-page .rbp-donut-legend{color:#475569;gap:10px;font-size:12px;display:flex!important}.rbp-page .rbp-donut-legend>span{align-items:center;gap:6px;display:inline-flex!important}.rbp-page .rbp-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.rbp-page .rbp-table-card{background:#fff;border:1px solid #f0f2f3;border-radius:14px;margin:0 12px 16px;overflow:hidden}.rbp-page .rbp-table-head{border-bottom:1px solid #f0f2f3;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.rbp-page .rbp-table-title{color:#0f172a;font-size:13px;font-weight:700}.rbp-page .rbp-table-count{color:#94a3b8;font-size:12px}.rbp-page .rbp-table{border-collapse:collapse;-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%!important;display:block!important}.rbp-page .rbp-table thead{display:none}.rbp-page .rbp-table tbody,.rbp-page .rbp-table tr{width:100%;display:block}.rbp-page .rbp-table tbody tr{border-bottom:1px solid #f0f2f3;padding:12px 14px;position:relative}.rbp-page .rbp-table tbody tr:last-child{border-bottom:none}.rbp-page .rbp-table tbody td{border:none;justify-content:space-between;align-items:center;padding:4px 0;font-size:12.5px;display:flex}.rbp-page .rbp-table tbody td:first-child{display:none}.rbp-page .rbp-table tbody td:nth-child(2){color:#0f172a;border-bottom:1px dashed #f0f2f3;margin-bottom:6px;padding:0 0 8px;font-size:14px;font-weight:700}.rbp-page .rbp-table tbody td:nth-child(3):before{content:"NV";color:#64748b;font-weight:500}.rbp-page .rbp-table tbody td:nth-child(4):before{content:"Số đơn";color:#64748b;font-weight:500}.rbp-page .rbp-table tbody td:nth-child(5):before{content:"Đã thu";color:#64748b;font-weight:500}.rbp-page .rbp-table tbody td:nth-child(6):before{content:"Công nợ";color:#ef4444;font-weight:500}.rbp-page .rbp-table tbody td:nth-child(7):before{content:"Tiền mặt";color:#64748b;font-weight:500}.rbp-page .rbp-table tbody td:nth-child(8):before{content:"Thẻ/CK";color:#64748b;font-weight:500}.rbp-page .rbp-table tbody td:nth-child(9):before{content:"Doanh thu";color:var(--color-primary);font-weight:700}.rbp-page .rbp-table tbody td:nth-child(9){color:var(--color-primary);font-weight:800}.rbp-page .rbp-table-avatar{background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin-right:8px;font-size:12px;font-weight:700;display:inline-flex!important}.rbp-page .rbp-table-totalrow td{background:#f8fafc}.ir-page .ir-date-row{gap:6px!important}.ir-page .ir-date-row input{flex:1 1 0!important;min-width:0!important;padding:7px 6px!important;font-size:12px!important}.ir-page .ir-date-row span{flex-shrink:0}.ir-page .ir-chips{gap:6px!important;padding:12px 10px 0!important}.ir-page .ir-chip{gap:4px!important;padding:6px 10px!important;font-size:12px!important}.ir-page .ir-chip .ir-chip-check{width:12px!important;height:12px!important}.cashbook-page .cb-filter-row{gap:6px!important;padding:10px 10px 8px!important}.cashbook-page .cb-filter-chips{flex:auto;gap:4px!important;overflow:visible!important}.cashbook-page .cb-filter-chips .cb-chip{text-align:center;white-space:nowrap;min-width:0;flex:1 1 0!important;padding:5px 4px!important;font-size:12px!important}.cashbook-page .cb-subtabs{gap:0!important;padding:10px 6px 0!important}.cashbook-page .cb-subtab{white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;justify-content:center;min-width:0;overflow:hidden;gap:3px!important;padding:7px 4px!important;font-size:12px!important}.cashbook-page .cb-subtab svg{flex-shrink:0;width:13px!important;height:13px!important}.payroll-page .summary-box{text-align:center!important;gap:4px!important;padding:10px 4px!important}.payroll-page .summary-box .label{font-size:12px!important;line-height:1.2!important}.payroll-page .summary-box .value{font-size:13px!important}.fin-table-wrap>.fin-table thead th{text-align:center!important}.fin-table-wrap>.fin-table thead th:first-child{text-align:left!important}.fin-table-wrap>.fin-table tbody td{text-align:center!important}.fin-table-wrap>.fin-table tbody td:first-child{text-align:left!important}.fin-table-wrap>.fin-table .fin-empty{text-align:center!important}.fin-table-wrap>.fin-pagination{padding:10px 12px}}@media(min-width:769px){.ssub-hero-mobile,.aia-hero-mobile,.ip-back-mobile{display:none!important}}.stk-card-list{display:none}.stk-desktop-table{display:table}@media(max-width:768px){.stk-card-list{flex-direction:column;gap:12px;padding:12px 16px;display:flex}.stk-desktop-table{display:none!important}.stk-card{background:#fff;border:1px solid #e8ecf0;border-radius:16px;padding:16px;box-shadow:0 2px 8px #0f172a0d}.stk-card .badge{border-radius:999px;padding:4px 14px;font-size:12px;font-weight:700}.stk-card-btn{color:#374151;cursor:pointer;text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px;font-size:14px;font-weight:700;transition:all .15s}.stk-card-btn.primary{background:var(--brand-gradient);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.25)}.stk-card-btn.danger{color:#ef4444;background:#fff;border:1.5px solid #ef4444}.stk-card-btn.success{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.stocktake-page .fin-pagination{padding:12px 16px}}:root{--ui-vu:1}@media(min-width:769px){html{zoom:1!important}.app-layout,.main-content,.sidebar{height:calc(100dvh / var(--ui-vu, 1))!important}.settings-shell{min-height:calc(calc(100vh / var(--ui-vu, 1)) - 80px)!important}}@media(max-width:768px){:root{--ui-vu:var(--ui-vu-engine,var(--ui-zoom,1))}html{zoom:var(--ui-zoom,1)!important}}@media(max-width:520px){.filter-bar input[type=date],.filter-bar input[type=datetime-local],.filter-bar input[type=time],.filter-bar select,.toolbar input[type=date],.toolbar select,.ord-date-input,.compact-filter input,.compact-filter select{min-width:0!important;padding:6px!important;font-size:12px!important}}:root{--color-border-soft:#f1ecdf;--brand-gradient:linear-gradient(135deg,#006e75,#005b61);--font-family-sans:"Be Vietnam Pro",sans-serif;--font-family-serif:"Cormorant Garamond",serif;color-scheme:light;--primary:var(--color-primary);--primary-hover:var(--color-primary-hover)}html{font-size:var(--fs-body,14px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family-sans);line-height:1.6;overflow-x:hidden}@media(max-width:768px){*,:before,:after{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar-track{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar-thumb{background:0 0!important;width:0!important;height:0!important;display:none!important}::-webkit-scrollbar-corner{background:0 0!important;width:0!important;height:0!important;display:none!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-sans);color:var(--color-text-heading,var(--color-text));font-weight:600}.app-layout{height:calc(100vh / var(--ui-vu, 1));display:flex;overflow:hidden}.main-content{background:var(--color-background);flex-direction:column;flex:1;height:calc(100dvh / var(--ui-vu, 1));margin-left:260px;display:flex;overflow:hidden}.main-body{padding:0 var(--space-page)0;background:var(--color-background);flex:1;overflow-y:auto}.sidebar{background:var(--color-sidebar);border-right:1px solid var(--color-border);width:260px;height:calc(100dvh / var(--ui-vu, 1));padding:20px 12px calc(8px + env(safe-area-inset-bottom,0px));z-index:100;flex-direction:column;font-family:Be Vietnam Pro,sans-serif;transition:width .25s,padding .25s,transform .3s ease-in-out;display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 24px #00000005}.sidebar.collapsed{width:56px;padding:14px 6px;overflow:visible}.sidebar.collapsed .sidebar-logo{justify-content:center;margin-bottom:8px;padding:4px 0}.sidebar.collapsed .sidebar-logo a{justify-content:center!important}.sidebar.collapsed .logo-icon{width:30px;height:30px}.sidebar.collapsed .sidebar-brand-image{width:26px;height:26px}.sidebar-collapse-btn{border:1px solid var(--color-border);cursor:pointer;width:100%;color:var(--color-text-muted);background:0 0;border-radius:6px;justify-content:center;align-items:center;margin-bottom:10px;padding:6px;transition:all .2s;display:flex}.sidebar-collapse-btn:hover{background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary);border-color:rgba(var(--color-primary-rgb),.3)}.sidebar.collapsed .menu-group-header,.sidebar.collapsed .menu-item{justify-content:center;gap:0;padding:10px 0}.sidebar.collapsed .section-label{display:none}.sidebar.collapsed .sidebar-user-trigger{justify-content:center;padding:8px 0}.sidebar.collapsed .sidebar-user-avatar{margin:0}.main-content{transition:margin-left .25s}body:has(.sidebar.collapsed) .main-content{margin-left:56px}@media(max-width:768px){.sidebar{transform:translate(-100%);box-shadow:2px 0 8px #0000001a}.sidebar.open{transform:translate(0)}.main-content{max-width:calc(100vw / var(--ui-vu, 1));margin-left:0;overflow-x:hidden}.app-layout{max-width:calc(100vw / var(--ui-vu, 1));overflow-x:hidden}.main-body{scrollbar-width:none!important;padding-left:0!important;padding-right:0!important}.main-body::-webkit-scrollbar{display:none!important}}.sidebar-overlay{z-index:90;opacity:0;visibility:hidden;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.visible{opacity:1;visibility:visible}.sidebar-logo{justify-content:flex-start;align-items:center;gap:12px;margin-bottom:0;padding:6px 12px;display:flex}.logo-icon{background:linear-gradient(135deg,#60a5fa33,#a78bfa33);border:1px solid #60a5fa4d;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sidebar-brand-image{-o-object-fit:contain;object-fit:contain;width:40px;height:40px}.logo-text{font-family:var(--font-family-serif);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#0000;letter-spacing:.02em;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700}.sidebar-section{flex:1;min-height:0;margin-bottom:24px;overflow-y:auto}.sidebar-section-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;padding:0 12px;display:flex}.section-label{color:var(--color-text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;padding:0 12px;font-size:.7rem;font-weight:600;display:block}.sidebar-section-heading .section-label{margin:0;padding:0}.app-launcher-trigger{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:background-color .12s,color .12s;display:inline-flex}.app-launcher-trigger:hover{background:var(--color-primary-soft);color:var(--color-primary)}.app-launcher-trigger--sidebar{white-space:nowrap;gap:6px;min-height:32px;padding:0 8px;font-size:12px;font-weight:600}.sidebar.collapsed .sidebar-section-heading{justify-content:center;padding:0}.sidebar.collapsed .app-launcher-trigger--sidebar{width:36px;padding:0}.sidebar.collapsed .app-launcher-trigger--sidebar span{display:none}.menu-list{flex-direction:column;gap:4px;display:flex}.menu-item{color:var(--color-text-muted);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.menu-item:hover{background:rgba(var(--color-primary-rgb),.05);color:var(--color-primary)}.menu-item.active{background:linear-gradient(90deg,rgba(var(--color-primary-rgb),.1),transparent);color:var(--color-primary);border-left:3px solid var(--color-primary);border-radius:0 8px 8px 0}.menu-group{margin-bottom:2px}.menu-group-header{color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex}.menu-group-header:hover{background:rgba(var(--color-primary-rgb),.05);color:var(--color-primary)}.menu-group-header.active{color:var(--color-primary)}.menu-group-chevron{margin-left:auto;transition:transform .2s}.menu-group-chevron.expanded{transform:rotate(180deg)}.menu-group-items{max-height:0;margin:0;padding:0;transition:max-height .25s ease-out;overflow:hidden}.menu-group-items.expanded{max-height:500px;transition:max-height .3s ease-in}.menu-group-items .menu-item{color:var(--color-text-muted);padding:7px 12px 7px 36px;font-size:.82rem;font-weight:400}[data-theme=dark] .menu-group-header:hover{background:#ffffff0d}.sidebar-footer{border-top:1px solid var(--color-border);margin-top:auto;padding-top:16px}.manage-btn{background:rgba(var(--color-primary-rgb),.15);border:1px solid rgba(var(--color-primary-rgb),.3);width:100%;color:var(--color-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.manage-btn:hover{background:rgba(var(--color-primary-rgb),.25);transform:translateY(-1px)}.sidebar-ws-section{border-top:1px solid var(--color-border,#00000014);flex-shrink:0;padding:8px 4px}.sidebar-ws-item{cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;transition:background .2s;display:flex}.sidebar-ws-item:hover{background:rgba(var(--color-primary-rgb),.06)}.sidebar-ws-item.active{background:rgba(var(--color-primary-rgb),.08);border-color:rgba(var(--color-primary-rgb),.2)}.sidebar-ws-item-icon{background:var(--color-background,#f4f6f8);width:28px;height:28px;color:var(--color-text-muted,#636e72);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-ws-item-icon.ws-icon{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.15),#e8b4b826);color:var(--color-primary,#0d9488)}.sidebar-ws-item-info{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-ws-item-name{color:var(--color-text,#2d3436);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.sidebar-ws-item-role{color:var(--color-text-muted,#636e72);font-size:.68rem;font-weight:500}.sidebar-ws-check{color:var(--color-primary,#0d9488);flex-shrink:0;font-size:1rem;font-weight:700}.sidebar-plan-row{color:var(--color-text-muted,#636e72);padding:2px 12px 4px;font-size:.72rem}.sidebar-ws-add{border:1px dashed var(--color-border,#0000001f);opacity:.7;transition:opacity .2s,border-color .2s}.sidebar-ws-add:hover{opacity:1;border-color:var(--color-primary,#0d9488);background:rgba(var(--color-primary-rgb),.04)}.sidebar-ws-create-form{flex-direction:column;gap:6px;padding:8px 10px;display:flex}.sidebar-ws-create-input{border:1px solid var(--color-border,#00000026);background:var(--color-surface,#fff);width:100%;color:var(--color-text,#2d3436);border-radius:8px;outline:none;padding:7px 10px;font-family:inherit;font-size:.8rem;transition:border-color .2s}.sidebar-ws-create-input:focus{border-color:var(--color-primary,#0d9488)}.sidebar-ws-create-actions{gap:6px;display:flex}.sidebar-ws-create-submit{background:var(--color-primary,#0d9488);color:#fff;cursor:pointer;border:none;border-radius:6px;flex:1;padding:5px 0;font-family:inherit;font-size:.75rem;font-weight:600;transition:opacity .2s}.sidebar-ws-create-submit:hover{opacity:.85}.sidebar-ws-create-submit:disabled{opacity:.5;cursor:not-allowed}.sidebar-ws-create-cancel{border:1px solid var(--color-border,#0000001f);color:var(--color-text-muted,#636e72);cursor:pointer;background:0 0;border-radius:6px;flex:1;padding:5px 0;font-family:inherit;font-size:.75rem;font-weight:500;transition:background .2s}.sidebar-ws-create-cancel:hover{background:#0000000a}[data-theme=dark] .sidebar-ws-create-input{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .sidebar-ws-create-cancel{color:var(--color-text-muted);border-color:#ffffff1a}[data-theme=dark] .sidebar-ws-create-cancel:hover{background:#ffffff0f}[data-theme=dark] .sidebar-ws-item:hover{background:#ffffff0d}[data-theme=dark] .sidebar-ws-item.active{background:#ffffff14;border-color:#ffffff1a}[data-theme=dark] .sidebar-ws-item-icon.ws-icon{background:linear-gradient(135deg,#60a5fa33,#a78bfa33)}[data-theme=dark] .sidebar-coin-topup{border-color:var(--color-primary);color:var(--color-primary)}[data-theme=dark] .sidebar-coin-topup:hover{background:#ffffff14}.sidebar-user-section{border-top:1px solid var(--color-border,#00000014);flex-shrink:0;margin-top:auto;padding-top:8px;position:relative}.sidebar-user-trigger{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:8px;transition:background .2s;display:flex}.sidebar-user-trigger:hover{background:rgba(var(--color-primary-rgb),.08)}.sidebar-user-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;font-weight:600;display:flex}.sidebar-user-info{flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-user-name{color:var(--color-text,#1f2937);white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;font-weight:600;overflow:hidden}.sidebar-user-plan{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:4px;min-width:0;max-width:100%;font-size:12px;font-weight:600;display:flex}.sidebar-user-plan-dot{border-radius:50%;flex:0 0 6px;width:6px;height:6px}.sidebar-user-plan-name{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;min-width:0;max-width:min(50%,12ch);overflow:hidden}.sidebar-user-plan-exp{white-space:nowrap;flex:0 0 100%;padding-left:10px;font-size:11px;font-weight:400;line-height:1.3}.sud-section-label{color:#6b7280;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px 4px;font-size:11px;font-weight:700}.sud-plan-badge{color:#fff;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;flex:0 auto;min-width:0;max-width:40%;margin-left:auto;padding:1px 7px;font-size:10.5px;font-weight:700;line-height:1.5;overflow:hidden}.sidebar-user-chevron{color:var(--color-text-muted,#9ca3af);flex-shrink:0}.sidebar-user-dropdown{z-index:1100;background:#fff;border-radius:12px;max-height:calc(calc(100dvh / var(--ui-vu, 1)) - 96px);margin-bottom:6px;padding:6px;animation:.15s slideUp;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto;box-shadow:0 -4px 30px #00000026,0 0 0 1px #0000000d}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.sidebar-user-dropdown-item{white-space:nowrap;color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;min-width:0;padding:9px 12px;font-size:.84rem;transition:background .15s;display:flex}.sidebar-user-dropdown-item:hover{background:#f3f4f6}.sidebar-user-dropdown-item svg{color:#6b7280;flex-shrink:0}.sidebar-user-dropdown-item--danger{color:#6b7280}.sidebar-user-dropdown-item--danger:hover{color:#ef4444;background:#fef2f2}.sidebar-user-dropdown-item--danger:hover svg{color:#ef4444}.sidebar-user-dropdown-item--upgrade{color:var(--color-primary);font-weight:600}.sidebar-user-dropdown-item--upgrade:hover{background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.08),rgba(var(--color-primary-rgb),.15));color:var(--color-primary)}.sidebar-user-dropdown-item--upgrade:hover svg{color:var(--color-primary)}.sidebar-user-dropdown-sep{background:#e5e7eb;height:1px;margin:4px 8px}[data-theme=dark] .sidebar-user-trigger:hover{background:#ffffff0f}[data-theme=dark] .sidebar-user-dropdown{background:var(--bg-panel,#1c2233);box-shadow:0 -4px 30px #0006,0 0 0 1px #ffffff14}[data-theme=dark] .sidebar-user-dropdown-item{color:var(--text-main,#f5f7fa)}[data-theme=dark] .sidebar-user-dropdown-item:hover{background:#ffffff14}[data-theme=dark] .sidebar-user-dropdown-item svg{color:var(--text-muted,#a4adbf)}[data-theme=dark] .sidebar-user-dropdown-item--danger:hover{color:#f87171;background:#ef444426}[data-theme=dark] .sidebar-user-dropdown-sep{background:#ffffff1a}.main-header{background:var(--color-surface);z-index:150;border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:4px 12px;padding:6px 10px;display:flex;position:sticky;top:0}.topbar-nav{flex-wrap:wrap;flex:1;align-items:center;gap:1px;padding:6px 0;display:flex}.topbar-nav-item{position:relative}.topbar-nav-btn-wrap{align-items:center;gap:0;display:flex}.topbar-nav-arrow{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:2px 3px;transition:color .15s;display:flex}.topbar-nav-arrow svg{transition:transform .2s}.topbar-nav-arrow.open svg{transform:rotate(180deg)}.topbar-nav-arrow:hover{color:var(--color-primary)}.topbar-nav-btn{color:var(--color-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;outline:none;align-items:center;gap:3px;padding:5px 8px;font-size:12px;font-weight:500;transition:color .15s;display:flex}.topbar-nav-btn:hover{color:var(--color-primary)}.topbar-nav-btn:focus:not(:focus-visible){box-shadow:none;outline:none}.topbar-nav-btn.active,.topbar-nav-btn.open{color:var(--color-primary)}.topbar-nav-arrow:focus:not(:focus-visible){box-shadow:none;outline:none}.topbar-dropdown{background:var(--color-surface);border:1px solid var(--color-border);z-index:200;border-radius:10px;grid-template-columns:none;grid-auto-columns:max-content;grid-auto-flow:column;gap:2px 4px;max-width:calc(calc(100vw / var(--ui-vu, 1)) - 12px);padding:6px;animation:.15s topbar-dropdown-in;display:grid;position:absolute;top:calc(100% + 4px);left:0;transform:none;box-shadow:0 8px 24px #0000001a,0 2px 6px #0000000d}@keyframes topbar-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.topbar-dropdown-item{color:var(--color-text);white-space:nowrap;border-radius:4px;padding:5px 8px;font-size:12px;font-weight:500;text-decoration:none;transition:all .12s}.topbar-dropdown-item:hover{background:rgba(var(--color-primary-rgb),.06);color:var(--color-primary)}.topbar-dropdown-item.active{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);font-weight:600}[data-theme=dark] .topbar-dropdown{background:var(--color-sidebar);border-color:#ffffff14;box-shadow:0 8px 30px #0000004d}[data-theme=dark] .topbar-nav-btn:hover,[data-theme=dark] .topbar-nav-btn.open{background:0 0}[data-theme=dark] .topbar-dropdown-item:hover{background:#ffffff0f}.topbar-dropdown.sectioned{flex-flow:row;grid-template-columns:none;align-items:flex-start;gap:1px 4px;min-width:0;max-width:calc(calc(100vw / var(--ui-vu, 1)) - 12px);padding:3px 4px;display:flex}.topbar-section{flex-direction:column;gap:0;min-width:110px;display:flex}.topbar-section-title{letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted,#636e72);border-bottom:1px solid var(--color-border,#f0f0f0);margin-bottom:2px;padding:2px 8px 4px;font-size:12px;font-weight:700}.topbar-section .topbar-dropdown-item{padding:5px 8px;font-size:12px}[data-theme=dark] .topbar-section-title{border-bottom-color:#ffffff14}.search-container{flex:1;max-width:400px;position:relative}.search-icon{width:18px;height:18px;color:var(--color-text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.search-input{background:var(--color-surface);border:1px solid var(--color-border);width:100%;color:var(--color-text);border-radius:12px;outline:none;padding:12px 16px 12px 44px;font-size:.9rem;transition:all .2s}.search-input::-moz-placeholder{color:var(--color-text-muted)}.search-input::placeholder{color:var(--color-text-muted)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.header-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;margin-right:8px;display:flex}.theme-toggle{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;width:44px;height:44px;color:var(--color-text-muted);border-radius:12px;justify-content:center;align-items:center;transition:all .3s;display:flex}.theme-toggle:hover{background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary);transform:rotate(15deg)}.theme-toggle svg{width:22px;height:22px;transition:all .3s}.theme-toggle:hover svg{transform:scale(1.1)}.credits-badge{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:25px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 4px 12px #10b9814d}[data-theme=dark]{--color-background:#151a2b;--color-surface:#202638;--color-sidebar:#151a2b;--color-primary:#0d9488;--color-primary-hover:#0f766e;--color-primary-rgb:13,148,136;--color-secondary:#34d399;--color-accent:#a78bfa;--color-text:#f5f7fa;--color-text-muted:#a4adbf;--color-border:#ffffff14;--bg-app:#101525;--bg-page:#151a2b;--bg-sidebar:#151a2b;--bg-header:#151a2b;--bg-card:#202638;--bg-card-hover:#273047;--bg-panel:#1c2233;--bg-input:#202638;--border-soft:#ffffff14;--border-medium:#ffffff24;--text-main:#f5f7fa;--text-secondary:#d5dae6;--text-muted:#a4adbf;--text-disabled:#6f7a90;--shadow-card:0 8px 24px #00000038;color-scheme:dark}[data-theme=dark] body{background-color:var(--color-background);color:var(--color-text)}[data-theme=dark] .sidebar{background:var(--color-sidebar);border-color:var(--color-border)}[data-theme=dark] .template-card{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .template-card:hover{border-color:#60a5fa80;box-shadow:0 12px 30px #0006,0 0 0 1px #60a5fa33}[data-theme=dark] .search-input{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .search-input::-moz-placeholder{color:var(--color-text-muted)}[data-theme=dark] .search-input::placeholder{color:var(--color-text-muted)}[data-theme=dark] .menu-item:hover{background:#ffffff0d}[data-theme=dark] .menu-item.active{background:linear-gradient(135deg,#60a5fa33,#60a5fa1a);border-color:#60a5fa4d}[data-theme=dark] .modal-container{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .modal-preview{background:var(--color-background)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff26}.gallery-container{padding-top:8px}.gallery-header{justify-content:space-between;align-items:flex-start;margin-bottom:24px;display:flex}.gallery-header-left{flex:1}.gallery-title{color:var(--color-text);margin-bottom:8px;font-size:1.75rem;font-weight:700}.gallery-subtitle{color:var(--color-text-muted);font-size:.95rem}.settings-btn{background:linear-gradient(135deg,var(--color-accent),var(--color-primary));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex;box-shadow:0 4px 12px #8b5cf64d}.settings-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.settings-btn svg{width:18px;height:18px}.templates-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.template-card{cursor:pointer;background:#1a1a2e;border:1px solid #ffffff1a;border-radius:16px;transition:all .3s;position:relative;overflow:hidden}.template-card:after{content:"";opacity:0;background:linear-gradient(90deg,#10b981,#059669);height:3px;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.template-card:hover{border-color:#10b98180;transform:translateY(-4px);box-shadow:0 12px 30px #0000004d}.template-card:hover:after{opacity:1}.card-image{background:#0f0f1a;width:100%;padding-bottom:100%;position:relative;overflow:hidden}.card-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:transform .4s;position:absolute;top:0;left:0}.template-card:hover .card-image img{transform:scale(1.05)}.template-card{position:relative}.template-card .image-popup{z-index:9999;pointer-events:none;border-radius:12px;max-width:500px;max-height:calc(80vh / var(--ui-vu, 1));display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 80px #00000080}.template-card:hover .image-popup{display:block}.image-popup-container{z-index:9999;pointer-events:none;animation:.2s popupFadeIn;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.image-popup-container .image-popup{-o-object-fit:contain;object-fit:contain;background:#000;border:4px solid #ffffffe6;border-radius:12px;width:auto;max-width:550px;height:auto;max-height:calc(60vh / var(--ui-vu, 1));display:block;box-shadow:0 25px 80px #0009}@keyframes popupFadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.custom-badge{background:linear-gradient(135deg,var(--color-accent),var(--color-primary));color:#fff;z-index:10;border-radius:6px;align-items:center;gap:4px;padding:6px 10px;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #8b5cf666}.custom-badge svg{width:12px;height:12px}.favorite-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;color:#ffffffb3;z-index:15;opacity:.7;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .3s;display:flex;position:absolute;top:10px;right:10px}.template-card:hover .favorite-btn{opacity:1}.favorite-btn:hover{color:#fff;background:#000000b3;transform:scale(1.1)}.favorite-btn.active{opacity:1;color:#fbbf24;background:#fbbf2433}.favorite-btn.active:hover{background:#fbbf244d}.favorite-btn svg{width:20px;height:20px}.card-overlay{opacity:0;background:linear-gradient(#0000,#0000004d,#000000e6);justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.card-overlay.visible{opacity:1}.use-template-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-size:.7rem;font-weight:600;transition:all .2s;display:flex;transform:translateY(10px);box-shadow:0 4px 15px #10b98166}.card-overlay.visible .use-template-btn{transform:translateY(0)}.use-template-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:scale(1.05)}.card-info{background:#1a1a2e;padding:12px 14px}.card-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:0;font-size:.85rem;font-weight:600;line-height:1.4;overflow:hidden}.card-stats{display:none}.stat{color:#ffffff80;align-items:center;gap:4px;font-size:.7rem;display:flex}.stat svg{opacity:.7;width:12px;height:12px}.no-results,.empty-state{text-align:center;padding:60px 20px}.empty-icon{background:rgba(var(--color-primary-rgb),.1);width:80px;height:80px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.empty-state h3{margin-bottom:8px;font-size:1.25rem;font-weight:600}.cta-button{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 28px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.cta-button:hover{box-shadow:0 8px 25px rgba(var(--color-primary-rgb),.4);transform:translateY(-2px)}@media(max-width:1024px){.sidebar{width:220px}.main-content{margin-left:220px}}@media(max-width:768px){.sidebar{transition:transform .3s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.main-header{display:none!important}.main-body{padding:0}.templates-grid{grid-template-columns:repeat(3,1fr);gap:10px}}.template-card{animation:.4s forwards fadeIn}.template-card:first-child{animation-delay:50ms}.template-card:nth-child(2){animation-delay:.1s}.template-card:nth-child(3){animation-delay:.15s}.template-card:nth-child(4){animation-delay:.2s}.template-card:nth-child(5){animation-delay:.25s}.template-card:nth-child(6){animation-delay:.3s}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-sidebar)}::-webkit-scrollbar-thumb{background:#0003;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000004d}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:20px;width:100%;max-width:950px;max-height:calc(90vh / var(--ui-vu, 1));animation:.3s modalSlideIn;position:relative;overflow:hidden;box-shadow:0 25px 80px #0009}.modal-wide{max-width:1200px}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-close{border:1px solid var(--color-border);width:36px;height:36px;color:var(--color-text-muted);cursor:pointer;z-index:10;background:#0000000d;border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px}.modal-close:hover{color:var(--color-text);background:#0000001a}.modal-container .modal-content{height:100%;max-height:calc(85vh / var(--ui-vu, 1));display:flex}.modal-preview{background:var(--color-background);flex:0 0 50%;justify-content:center;align-items:center;padding:24px;display:flex}.preview-image-wrapper{border-radius:12px;width:100%;max-width:450px;position:relative;overflow:hidden;box-shadow:0 8px 30px #0006}.preview-image{width:100%;height:auto;display:block}.preview-overlay{position:absolute;top:12px;left:12px}.preview-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--color-text-muted);background:#0009;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:500}.modal-form{flex-direction:column;flex:0 0 40%;padding:20px 24px;display:flex;overflow-y:auto}.form-header{margin-bottom:10px;padding-right:40px}.form-title{color:var(--color-text);margin-bottom:4px;font-size:1.1rem;font-weight:700}.form-description{color:var(--color-text-muted);font-size:.8rem;line-height:1.4}.template-info{gap:8px;margin-top:12px;display:flex}.info-badge{border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:500}.info-badge.text-badge{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary)}.info-badge.image-badge{color:#10b981;background:#10b98126}.info-badge.color-badge{color:#a855f7;background:#a855f726}.form-hint{color:var(--color-text-muted);opacity:.8;margin-bottom:6px;font-size:.75rem}.form-section{flex:none;margin-bottom:8px}.section-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.section-badge{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:700;display:flex}.section-title{color:var(--color-text);font-size:.95rem;font-weight:600}.form-fields{flex-direction:column;gap:16px;display:flex}.form-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.color-grid{grid-template-columns:repeat(3,1fr)}@media(max-width:600px){.form-grid{grid-template-columns:1fr}}.form-group{flex-direction:column;gap:4px;display:flex}.form-label{color:var(--color-text-muted);font-size:.8rem;font-weight:500}.form-input{background:var(--color-background);border:1px solid var(--color-border);width:100%;color:var(--color-text);border-radius:6px;outline:none;padding:6px 10px;font-size:.8rem;transition:all .2s}.form-input::-moz-placeholder{color:#ffffff4d}.form-input::placeholder{color:#ffffff4d}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.form-input:hover:not(:focus){border-color:#ffffff26}.form-scroll-area{flex:1;margin-right:-8px;padding-right:8px;overflow-y:auto}.form-scroll-area::-webkit-scrollbar{width:6px}.form-scroll-area::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}.section-badge-a{background:linear-gradient(135deg,var(--color-primary),var(--color-accent))}.section-badge-b{background:linear-gradient(135deg,#10b981,#059669)}.section-badge-c{background:linear-gradient(135deg,#f59e0b,#d97706)}.model-selection-section{background:linear-gradient(135deg,#8b5cf61a,rgba(var(--color-primary-rgb),.1));border:1px solid #8b5cf633;border-radius:10px;margin:8px 0;padding:10px 12px}.model-selector{justify-content:space-between;align-items:center;gap:12px;display:flex}.model-label{color:var(--color-text);align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:flex}.model-label svg{color:#5eead4;width:18px;height:18px}.model-dropdown{background:var(--color-background);border:1px solid var(--color-border);max-width:220px;color:var(--color-text);cursor:pointer;border-radius:8px;outline:none;flex:1;padding:10px 14px;font-size:.85rem;transition:all .2s}.model-dropdown:hover{border-color:#8b5cf666}.model-dropdown:focus{border-color:#5eead4;box-shadow:0 0 0 3px #8b5cf626}.model-dropdown option{background:var(--color-surface);color:var(--color-text)}.model-description{color:var(--color-text-muted);text-align:right;margin-top:8px;font-size:.75rem}.image-upload-area{background:var(--color-background);border:1px dashed var(--color-border);border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.image-upload-area:hover{border-color:#fff3}.image-preview-box{background:var(--color-surface);border:1px solid var(--color-border);width:72px;height:72px;color:var(--color-text-muted);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.image-preview-box img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.upload-info{flex-direction:column;gap:8px;display:flex}.upload-btn{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:#ffffff14;border-radius:8px;align-items:center;gap:6px;padding:10px 16px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.upload-btn:hover{background:#ffffff1f;border-color:#fff3}.upload-hint{color:var(--color-text-muted);font-size:.75rem}.hidden-input{display:none}.image-upload-compact{background:var(--color-background);border:1px dashed var(--color-border);border-radius:10px;align-items:center;gap:10px;padding:10px;display:flex}.image-preview-small{background:var(--color-surface);border:1px solid var(--color-border);width:48px;height:48px;color:var(--color-text-muted);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.image-preview-small img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.upload-btn-small{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:#ffffff14;border-radius:6px;align-items:center;gap:4px;padding:8px 12px;font-size:.8rem;font-weight:500;transition:all .2s;display:inline-flex}.upload-btn-small:hover{background:#ffffff1f}.color-input-compact{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;align-items:center;gap:8px;padding:6px 10px;transition:all .2s;display:flex}.color-input-compact:hover{border-color:#ffffff26}.color-input-compact:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.15)}.color-preview-small{border:2px solid #ffffff1a;border-radius:6px;flex-shrink:0;width:28px;height:28px}.color-input-compact .color-text-input{background:0 0;border:none;flex:1;min-width:0;padding:4px;font-family:JetBrains Mono,Consolas,monospace;font-size:.8rem}.color-picker-small{cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;width:24px;height:24px;padding:0;overflow:hidden}.color-picker-small::-webkit-color-swatch-wrapper{padding:0}.color-picker-small::-webkit-color-swatch{border:none;border-radius:4px}.section-header-clickable{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-radius:8px;margin:-6px -8px;padding:6px 8px;transition:background .2s}.section-header-clickable:hover{background:#ffffff0d}.toggle-icon{width:16px;height:16px;color:var(--color-text-muted);margin-left:auto;transition:transform .2s}.toggle-icon.open{transform:rotate(180deg)}.color-grid-compact{margin-top:8px}.form-group-compact{gap:2px!important}.form-label-small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:.65rem!important}.color-input-mini{align-items:center;gap:4px;display:flex}.color-picker-mini{cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;width:20px;height:20px;padding:0;overflow:hidden}.color-picker-mini::-webkit-color-swatch-wrapper{padding:0}.color-picker-mini::-webkit-color-swatch{border:none;border-radius:4px}.color-input-group{background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;align-items:center;gap:12px;padding:8px 12px;transition:all .2s;display:flex}.color-input-group:hover{border-color:#ffffff26}.color-input-group:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.color-preview{border:2px solid #ffffff1a;border-radius:8px;flex-shrink:0;width:36px;height:36px}.color-text-input{background:0 0;border:none;flex:1;padding:8px;font-family:JetBrains Mono,Consolas,monospace;font-size:.9rem}.color-text-input:focus{box-shadow:none}.color-picker{cursor:pointer;background:0 0;border:none;border-radius:6px;width:32px;height:32px;padding:0;overflow:hidden}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border:none;border-radius:6px}.form-actions{border-top:1px solid var(--color-border);flex-shrink:0;margin-top:20px;padding-top:20px}.generate-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;cursor:pointer;width:100%;box-shadow:0 4px 15px rgba(var(--color-primary-rgb),.3);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.generate-btn:hover{box-shadow:0 8px 25px rgba(var(--color-primary-rgb),.4);transform:translateY(-2px)}.generate-btn:active{transform:translateY(0)}@media(max-width:900px){.modal-content{flex-direction:column}.modal-preview{flex:none;max-height:300px;padding:20px}.preview-image-wrapper{max-width:280px;margin:0 auto}.modal-form{padding:20px}}@media(max-width:600px){.modal-container{border-radius:16px;max-height:calc(95vh / var(--ui-vu, 1))}.modal-preview{display:none}.form-header{padding-right:0}}.template-manager{background:var(--color-background);min-height:calc(100vh / var(--ui-vu, 1));padding:20px 32px}.tm-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.tm-title{color:var(--color-text);font-size:1.5rem;font-weight:700}.back-btn,.settings-btn{border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;background:#ffffff0d;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.9rem;transition:all .2s;display:flex}.back-btn:hover,.settings-btn:hover{color:var(--color-text);background:#ffffff1a}.steps-indicator{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;justify-content:center;align-items:center;gap:12px;margin-bottom:32px;padding:16px;display:flex}.step{opacity:.5;align-items:center;gap:8px;transition:all .3s;display:flex}.step.active{opacity:1}.step-num{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;font-weight:600;display:flex}.step.active .step-num{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff}.step-label{color:var(--color-text-muted);font-size:.85rem}.step.active .step-label{color:var(--color-text)}.step-line{background:var(--color-border);width:40px;height:2px}.tm-content{gap:32px;display:flex}.tm-preview-section{flex:0 0 30%}.tm-form-section{flex-direction:column;flex:1;gap:24px;display:flex}.image-drop-zone{background:var(--color-surface);border:2px dashed var(--color-border);cursor:pointer;border-radius:16px;justify-content:center;align-items:center;min-height:300px;transition:all .3s;display:flex;overflow:hidden}.image-drop-zone:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05)}.image-drop-zone.has-image{border-style:solid;border-color:var(--color-border)}.drop-placeholder{text-align:center;color:var(--color-text-muted)}.drop-placeholder svg{opacity:.5;margin:0 auto 16px}.drop-placeholder p{margin-bottom:4px;font-size:1rem}.drop-placeholder span{opacity:.7;font-size:.85rem}.preview-img{width:100%;height:auto;display:block}.form-block{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:20px}.block-title{color:var(--color-text);align-items:center;gap:12px;margin-bottom:16px;font-size:1rem;font-weight:600;display:flex}.block-num{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:700;display:flex}.prompt-input{background:var(--color-background);border:1px solid var(--color-border);width:100%;min-height:120px;color:var(--color-text);resize:vertical;border-radius:10px;outline:none;padding:14px;font-family:inherit;font-size:.9rem;transition:all .2s}.prompt-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.analyze-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:16px;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.analyze-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.analyze-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.slots-section{margin-bottom:16px}.slots-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.slots-label{color:var(--color-text);align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:flex}.add-slot-btn{background:rgba(var(--color-primary-rgb),.15);border:1px solid rgba(var(--color-primary-rgb),.3);color:var(--color-primary);cursor:pointer;border-radius:6px;padding:6px 12px;font-size:.8rem;transition:all .2s}.add-slot-btn:hover{background:rgba(var(--color-primary-rgb),.25)}.slot-item{align-items:center;gap:8px;margin-bottom:8px;display:flex}.slot-input{background:var(--color-background);border:1px solid var(--color-border);color:var(--color-text);border-radius:8px;outline:none;flex:1;padding:10px 12px;font-size:.85rem}.slot-input:focus{border-color:var(--color-primary)}.color-slot-input{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;flex:1;align-items:center;gap:6px;padding:6px 10px;display:flex}.color-preview-mini{border:1px solid #fff3;border-radius:4px;flex-shrink:0;width:24px;height:24px}.slot-input-small{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;padding:4px;font-family:monospace;font-size:.8rem}.color-picker-mini{cursor:pointer;background:0 0;border:none;border-radius:4px;width:24px;height:24px;padding:0}.remove-slot-btn{color:#ef4444;cursor:pointer;background:#ef444426;border:1px solid #ef44444d;border-radius:6px;flex-shrink:0;width:28px;height:28px;font-size:1.2rem;transition:all .2s}.remove-slot-btn:hover{background:#ef444440}.next-step-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:16px;padding:12px;font-size:.95rem;font-weight:600;transition:all .2s}.next-step-btn:hover{background:var(--color-primary-hover)}.save-form{flex-direction:column;gap:16px;display:flex}.form-row label{color:var(--color-text-muted);margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.save-template-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.settings-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;width:100%;max-width:450px;padding:24px}.settings-modal h2{color:var(--color-text);margin-bottom:20px;font-size:1.25rem;font-weight:600}.api-provider-select{gap:20px;margin-bottom:20px;display:flex}.api-provider-select label{color:var(--color-text);cursor:pointer;align-items:center;gap:8px;font-size:.9rem;display:flex}.api-key-input{margin-bottom:16px}.api-key-input label{color:var(--color-text-muted);margin-bottom:6px;font-size:.85rem;display:block}.api-key-input input{background:var(--color-background);border:1px solid var(--color-border);width:100%;color:var(--color-text);border-radius:8px;outline:none;padding:12px;font-size:.9rem}.api-key-input input:focus{border-color:var(--color-primary)}.settings-actions{gap:12px;margin-top:24px;display:flex}.cancel-btn,.save-btn{cursor:pointer;border-radius:8px;flex:1;padding:12px;font-size:.95rem;font-weight:500;transition:all .2s}.cancel-btn{border:1px solid var(--color-border);color:var(--color-text-muted);background:0 0}.cancel-btn:hover{background:#ffffff0d}.save-btn{background:var(--color-primary);color:#fff;border:none}.save-btn:hover{background:var(--color-primary-hover)}.api-input-row{gap:10px;display:flex}.api-input-row input{flex:1}.test-api-btn{background:rgba(var(--color-primary-rgb),.15);border:1px solid rgba(var(--color-primary-rgb),.3);color:var(--color-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-width:100px;padding:12px 20px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.test-api-btn:hover:not(:disabled){background:rgba(var(--color-primary-rgb),.25)}.test-api-btn:disabled{opacity:.7;cursor:not-allowed}.spinner-small{border:2px solid rgba(var(--color-primary-rgb),.3);border-top-color:var(--color-primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.api-status-message{border-radius:8px;margin-top:10px;padding:10px 14px;font-size:.85rem;font-weight:500}.api-status-message.success{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.api-status-message.error{color:#ef4444;background:#ef444426;border:1px solid #ef44444d}.model-select{background:var(--color-background);border:1px solid var(--color-border);width:100%;color:var(--color-text);cursor:pointer;border-radius:8px;outline:none;padding:12px;font-size:.9rem;transition:all .2s}.model-select:hover{border-color:#fff3}.model-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.model-select option{background:var(--color-surface);color:var(--color-text);padding:10px}.api-status-dot{border-radius:50%;width:8px;height:8px;margin-left:8px}.api-status-dot.success{background:#10b981;box-shadow:0 0 8px #10b98180}.api-warning{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b4d;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:.85rem}.api-warning button{color:var(--color-primary);cursor:pointer;background:0 0;border:none;margin-left:8px;text-decoration:underline}.slots-count{color:var(--color-text-muted);margin-left:auto;font-size:.8rem;font-weight:400}.api-provider-select label.selected{background:rgba(var(--color-primary-rgb),.15);border-radius:8px;margin:-8px -12px;padding:8px 12px}@media(max-width:900px){.tm-content{flex-direction:column}.tm-preview-section{flex:none}.steps-indicator{flex-wrap:wrap}.step-line{display:none}}.tm-tabs{border-bottom:1px solid var(--color-border);gap:4px;margin-bottom:24px;padding:0 30px;display:flex}.tm-tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:12px 20px;font-size:.95rem;transition:all .2s}.tm-tab:hover{color:var(--color-text)}.tm-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tm-manage-section{padding:0 30px 30px}.manage-header{margin-bottom:24px}.manage-header h2{font-size:1.4rem;font-weight:600}.empty-templates{text-align:center;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:16px;flex-direction:column;align-items:center;padding:60px;display:flex}.empty-templates p{color:var(--color-text-muted);margin-bottom:20px}.empty-templates button{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 24px}.templates-list{flex-direction:column;gap:16px;display:flex}.template-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;gap:16px;padding:16px;display:flex;position:relative}.template-thumb{border-radius:8px;width:120px;height:80px;overflow:hidden}.template-thumb img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.template-details{flex:1}.template-details h3{margin-bottom:4px;font-size:1.1rem;font-weight:600}.template-details p{color:var(--color-text-muted);margin-bottom:8px;font-size:.85rem}.template-category{background:rgba(var(--color-primary-rgb),.2);color:var(--color-primary);border-radius:6px;padding:4px 10px;font-size:.75rem}.template-actions{align-items:flex-start;gap:8px;display:flex}.template-actions .edit-btn,.template-actions .delete-btn{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem}.template-actions .edit-btn{background:rgba(var(--color-primary-rgb),.2);color:var(--color-primary)}.template-actions .delete-btn{color:#ef4444;background:#ef444433}.delete-confirm-overlay{z-index:10;background:#000000d9;border-radius:12px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.delete-confirm-box{text-align:center}.delete-confirm-box p{color:#fff;margin-bottom:12px}.delete-confirm-box button{cursor:pointer;background:var(--color-surface);color:var(--color-text);border:none;border-radius:6px;margin:0 4px;padding:8px 16px}.delete-confirm-box .confirm-delete{color:#fff;background:#ef4444}.add-category-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;gap:12px;margin-bottom:24px;padding:20px;display:flex}.emoji-input{background:var(--color-background);border:1px solid var(--color-border);width:60px;color:var(--color-text);text-align:center;border-radius:8px;padding:12px;font-size:1.5rem}.add-category-form .form-input{flex:1}.add-category-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px}.categories-list{flex-direction:column;gap:8px;display:flex}.category-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;align-items:center;gap:12px;padding:16px;display:flex;position:relative}.category-icon{font-size:1.5rem}.category-name{flex:1;font-weight:500}.category-id{color:var(--color-text-muted);font-size:.8rem}.category-edit-row{gap:8px;width:100%;display:flex}.category-edit-row .form-input{flex:1}.category-edit-row button{cursor:pointer;background:var(--color-primary);color:#fff;border:none;border-radius:6px;padding:8px 16px}.edit-cat-btn,.delete-cat-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:.9rem}.update-template-bar{background:var(--color-surface);border-top:1px solid var(--color-border);z-index:100;justify-content:flex-end;gap:12px;padding:16px 30px;display:flex;position:fixed;bottom:0;left:260px;right:0}.cancel-edit-btn{border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;background:0 0;border-radius:8px;padding:12px 24px}.update-btn{background:var(--color-secondary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:12px 24px}.designs-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.design-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden}.design-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}.design-image{aspect-ratio:1;position:relative;overflow:hidden}.design-image img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.design-overlay{opacity:0;background:#0009;justify-content:center;align-items:center;gap:12px;transition:opacity .2s;display:flex;position:absolute;inset:0}.design-card:hover .design-overlay{opacity:1}.overlay-btn{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s;display:flex}.overlay-btn:hover{transform:scale(1.1)}.download-btn{background:var(--color-primary);color:#fff}.view-btn{color:#333;background:#fff}.delete-btn{color:#fff;background:#ef4444}.design-info{padding:16px}.design-info h4{color:var(--color-text);margin-bottom:4px;font-size:1rem;font-weight:600}.design-date{color:var(--color-text-muted);font-size:.85rem}.placeholder-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffffffe6;z-index:5;background:#000000bf;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.75rem;display:flex;position:absolute;bottom:12px;left:12px}.placeholder-badge svg{opacity:.8}.design-meta{justify-content:space-between;align-items:center;gap:12px;margin-top:4px;display:flex}.design-provider{background:rgba(var(--color-primary-rgb),.15);color:var(--color-primary);border-radius:4px;padding:3px 8px;font-size:.75rem}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.empty-icon{background:var(--color-surface);width:80px;height:80px;color:var(--color-primary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.empty-state h3{margin-bottom:8px;font-size:1.4rem}.empty-state p{color:var(--color-text-muted);margin-bottom:24px}.cta-button{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;border:none;border-radius:8px;padding:12px 24px;font-weight:500;text-decoration:none;transition:transform .2s}.cta-button:hover{transform:scale(1.05)}.server-status{border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-bottom:12px;padding:10px 16px;font-size:.85rem;font-weight:500;transition:all .3s;display:flex}.server-status.online{color:#10b981;background:#10b98126;border:1px solid #10b9814d}.server-status.offline{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.save-template-btn:disabled{opacity:.7;cursor:not-allowed}.save-template-btn .spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.emoji-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:1.1rem;display:flex}.template-manager{animation:.4s ease-out fadeInUp}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.steps-indicator{align-items:center;gap:8px;display:flex}.steps-indicator .step{transition:all .3s cubic-bezier(.4,0,.2,1)}.steps-indicator .step.active .step-num{box-shadow:0 0 20px rgba(var(--color-primary-rgb),.5);transform:scale(1.1)}.steps-indicator .step-num{transition:all .3s cubic-bezier(.4,0,.2,1)}.steps-indicator .step-label{transition:color .3s,opacity .3s}.steps-indicator .step-line{transition:background-color .5s;position:relative;overflow:hidden}.steps-indicator .step.active+.step-line:after,.steps-indicator .step-line.active:after{content:"";background:linear-gradient(90deg,transparent,rgba(var(--color-primary-rgb),.5),transparent);width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:0}.tm-tabs{position:relative}.tm-tab{transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tm-tab:before{content:"";background:linear-gradient(180deg,rgba(var(--color-primary-rgb),.1),transparent);border-radius:8px;width:0;height:100%;transition:all .3s;position:absolute;top:0;left:50%;transform:translate(-50%)}.tm-tab:hover:before{width:100%}.tm-tab.active{transform:translateY(-2px)}.tm-content{animation:.3s ease-out fadeIn}.image-drop-zone{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.image-drop-zone:before{content:"";background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.1),#8b5cf61a);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.image-drop-zone:hover:before{opacity:1}.image-drop-zone:hover{border-color:rgba(var(--color-primary-rgb),.5);box-shadow:0 8px 32px rgba(var(--color-primary-rgb),.15);transform:scale(1.01)}.image-drop-zone.has-image:hover{transform:scale(1.02)}.image-drop-zone .preview-img{transition:transform .3s}.image-drop-zone:hover .preview-img{transform:scale(1.02)}.drop-placeholder{transition:all .3s}.image-drop-zone:hover .drop-placeholder svg{animation:.6s infinite bounce}@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}}.form-block{transition:all .3s cubic-bezier(.4,0,.2,1);animation:.4s ease-out slideInRight}.form-block:nth-child(2){animation-delay:.1s}.form-block:nth-child(3){animation-delay:.2s}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.form-block:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.block-num{transition:all .3s}.form-block:hover .block-num{box-shadow:0 0 15px rgba(var(--color-primary-rgb),.4);transform:scale(1.1)}.prompt-input{transition:all .3s cubic-bezier(.4,0,.2,1)}.prompt-input:focus{box-shadow:0 4px 20px rgba(var(--color-primary-rgb),.2);transform:translateY(-1px)}.analyze-btn{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.analyze-btn:after{content:"";background:#fff3;border-radius:50%;width:0;height:0;transition:width .4s,height .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.analyze-btn:hover:after{width:300px;height:300px}.analyze-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.analyze-btn:active{transform:translateY(0)}.slot-item{transition:all .3s cubic-bezier(.4,0,.2,1);animation:.3s ease-out fadeInScale}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.slot-item:hover{transform:translate(4px);box-shadow:0 4px 16px #00000026}.add-slot-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.add-slot-btn:hover{box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.3);transform:scale(1.02)}.add-slot-btn:active{transform:scale(.98)}.save-template-btn{transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.save-template-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.save-template-btn:hover:before{left:100%}.save-template-btn:hover{box-shadow:0 12px 35px rgba(var(--color-primary-rgb),.4);transform:translateY(-3px)}.save-template-btn:active{transform:translateY(-1px)}.template-grid{display:grid}.template-grid>*{animation:.4s ease-out both fadeInUp}.template-grid>:first-child{animation-delay:50ms}.template-grid>:nth-child(2){animation-delay:.1s}.template-grid>:nth-child(3){animation-delay:.15s}.template-grid>:nth-child(4){animation-delay:.2s}.template-grid>:nth-child(5){animation-delay:.25s}.template-grid>:nth-child(6){animation-delay:.3s}.settings-modal{animation:.3s cubic-bezier(.4,0,.2,1) modalSlideIn}.category-grid>*{animation:.3s ease-out both fadeInUp}.category-item{transition:all .3s cubic-bezier(.4,0,.2,1)}.category-item:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 8px 25px #0003}.template-manager ::-webkit-scrollbar{width:8px;height:8px}.template-manager ::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.template-manager ::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px;-webkit-transition:background .3s;transition:background .3s}.template-manager ::-webkit-scrollbar-thumb:hover{background:#ffffff40}.template-manager input:focus,.template-manager textarea:focus,.template-manager select:focus{box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.3);outline:none;transition:box-shadow .2s}.template-manager .loading{pointer-events:none;position:relative}.template-manager .loading:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);animation:1.5s infinite loadingShimmer;position:absolute;inset:0}@keyframes loadingShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.template-manager [title]:hover:after{animation:.2s ease-out tooltipFade}@keyframes tooltipFade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.back-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.back-btn:hover{background:#ffffff1a;transform:translate(-4px)}.settings-btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.settings-btn:hover{background:#ffffff1a;transform:rotate(90deg)}.api-status-dot.success{animation:2s infinite pulse}@keyframes pulse{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.template-manager,.template-manager *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.settings-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.settings-modal{background:var(--color-surface);border-radius:16px;width:90%;max-width:600px;max-height:calc(85vh / var(--ui-vu, 1));animation:.3s slideUp;overflow-y:auto;box-shadow:0 25px 60px #0000004d}.settings-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.settings-header h2{color:var(--color-text);font-size:1.25rem;font-weight:700}.settings-header .close-btn{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;border-radius:8px;padding:8px;transition:all .2s}.settings-header .close-btn:hover{background:var(--color-border);color:var(--color-text)}.settings-section{border-bottom:1px solid var(--color-border);padding:20px 24px}.settings-section:last-child{border-bottom:none}.settings-section h3{color:var(--color-text);margin-bottom:16px;font-size:1rem;font-weight:600}.form-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--color-text-muted);font-size:.8rem;font-weight:500}.form-field input,.form-field select{border:1px solid var(--color-border);background:var(--color-background);color:var(--color-text);border-radius:8px;outline:none;padding:10px 12px;font-size:.9rem;transition:border-color .2s}.form-field input:focus,.form-field select:focus{border-color:var(--color-primary)}.api-key-input{gap:8px;display:flex}.api-key-input input{flex:1}.check-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;padding:10px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.check-btn:hover:not(:disabled){transform:translateY(-1px)}.check-btn:disabled{opacity:.6;cursor:not-allowed}.validation-result{border-radius:10px;margin:12px 0;padding:12px 16px}.validation-result.valid{background:#10b9811a;border:1px solid #10b9814d}.validation-result.invalid{background:#ef44441a;border:1px solid #ef44444d}.result-status{margin-bottom:4px;font-weight:600}.valid .result-status{color:#10b981}.invalid .result-status{color:#ef4444}.result-details{color:var(--color-text-muted);font-size:.85rem}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;width:100%;margin-top:8px;padding:12px;font-size:.95rem;font-weight:600;transition:all .2s}.save-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #10b98166}.save-btn:disabled{opacity:.6;cursor:not-allowed}.loading,.empty-state{text-align:center;color:var(--color-text-muted);padding:24px;font-size:.9rem}.keys-list{flex-direction:column;gap:10px;display:flex}.key-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.key-info{flex:1}.key-name{color:var(--color-text);margin-bottom:4px;font-weight:600}.key-value{color:var(--color-text-muted);margin-bottom:4px;font-family:monospace;font-size:.8rem}.key-status{color:var(--color-text-muted);font-size:.75rem}.delete-btn{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px;font-size:1.1rem;transition:all .2s}.delete-btn:hover{background:#ef44441a}.advanced-mode-toggle{background:#0000000d;border:1px solid #0000001a;border-radius:8px;margin:16px 0;padding:12px 16px}.toggle-header{cursor:pointer;justify-content:space-between;align-items:center;display:flex}.toggle-label-container{align-items:center;gap:8px;display:flex}.toggle-icon{font-size:1.2rem}.toggle-title{color:var(--color-text);font-size:.9rem;font-weight:600}.toggle-subtitle{color:var(--color-text-muted);font-size:.75rem}.toggle-switch{background:#64748b;border-radius:20px;width:40px;height:20px;transition:all .3s;position:relative}.toggle-switch.active{background:#10b981}.toggle-knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:all .3s;position:absolute;top:2px;left:2px}.toggle-switch.active .toggle-knob{left:22px}.advanced-editor{border-top:1px solid var(--color-border);margin-top:12px;padding-top:12px}.editor-label{color:var(--color-primary);margin-bottom:8px;font-size:.8rem;font-weight:500;display:block}.editor-textarea{background:var(--color-background);border:1px solid var(--color-border);width:100%;min-height:100px;color:var(--color-text);border-radius:8px;outline:none;padding:10px;font-family:monospace;font-size:.85rem;line-height:1.5;transition:border-color .2s}.editor-textarea:focus{box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2);border-color:var(--color-primary)}.editor-hint{color:var(--color-text-muted);margin-top:6px;font-size:.7rem}[data-theme=dark] .advanced-mode-toggle{background:#ffffff0d;border-color:#ffffff1a}[data-theme=dark] .editor-textarea{color:#e2e8f0;background:#0000004d;border-color:#60a5fa4d}.mobile-menu-btn{color:var(--color-text);cursor:pointer;background:0 0;border:none;margin-right:12px;display:none}@media(max-width:768px){.mobile-menu-btn{justify-content:center;align-items:center;display:flex}.modal-overlay{align-items:flex-end;padding:0}.modal-container{border-radius:0;flex-direction:column;width:calc(100vw / var(--ui-vu, 1));max-width:calc(100vw / var(--ui-vu, 1));height:calc(100vh / var(--ui-vu, 1));max-height:calc(100vh / var(--ui-vu, 1));display:flex}.modal-content{flex-direction:column;height:100%;display:flex;overflow:hidden}.modal-preview{border-right:none;border-bottom:1px solid var(--color-border);flex:none;width:100%;height:calc(35vh / var(--ui-vu, 1));padding:12px}.preview-image-wrapper{height:100%}.modal-form{flex:1;width:100%;padding:16px 16px 80px;overflow-y:auto}.form-actions{background:var(--color-surface);border-top:1px solid var(--color-border);z-index:50;padding:12px 16px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 12px #0000001a}.generate-btn{width:100%;margin-top:0}.tm-content{flex-direction:column}.tm-form-section,.tm-preview-section{width:100%;max-width:100%}.form-row,.input-group-row{gap:12px;flex-direction:column!important}.form-col,.input-group{width:100%!important}.drag-drop-zone{height:180px;padding:20px}}.auth-container{background:linear-gradient(160deg,#dff3fb,#e8eeff,#fff,#f0e8ff,#ffe8f0);flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh / var(--ui-vu, 1));padding:20px;display:flex}.auth-card{background:#fff;border:1px solid #dce6f5b3;border-radius:20px;width:100%;max-width:400px;padding:28px 36px;box-shadow:0 4px 20px #0000000a,0 16px 56px #00000008}.auth-card h1{color:#0f172a;text-align:center;margin-bottom:4px;font-size:1.4rem;font-weight:700}.auth-subtitle{text-align:center;color:#64748b;margin-bottom:18px;font-size:.85rem;font-weight:400}.auth-error{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3;border-radius:12px;margin-bottom:20px;padding:12px 16px;font-size:.88rem;font-weight:500}.auth-card .form-group{margin-bottom:14px}.auth-card .form-group label{color:#334155;margin-bottom:5px;font-size:.82rem;font-weight:600;display:block}.auth-card .form-group input{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:11px 14px;font-size:.92rem;transition:all .2s}.auth-card .form-group input:-webkit-autofill{caret-color:#1e293b;border-color:#e2e8f0;-webkit-text-fill-color:#1e293b!important;-webkit-box-shadow:inset 0 0 0 1000px #f8fafc!important}.auth-card .form-group input:-webkit-autofill:hover{caret-color:#1e293b;border-color:#e2e8f0;-webkit-text-fill-color:#1e293b!important;-webkit-box-shadow:inset 0 0 0 1000px #f8fafc!important}.auth-card .form-group input:-webkit-autofill:focus{caret-color:#1e293b;border-color:#e2e8f0;-webkit-text-fill-color:#1e293b!important;-webkit-box-shadow:inset 0 0 0 1000px #f8fafc!important}input:-webkit-autofill{caret-color:var(--color-text);-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--color-surface)inset!important;-webkit-text-fill-color:var(--color-text)!important}input:-webkit-autofill:hover{caret-color:var(--color-text);-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--color-surface)inset!important;-webkit-text-fill-color:var(--color-text)!important}input:-webkit-autofill:focus{caret-color:var(--color-text);-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--color-surface)inset!important;-webkit-text-fill-color:var(--color-text)!important}textarea:-webkit-autofill{caret-color:var(--color-text);-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--color-surface)inset!important;-webkit-text-fill-color:var(--color-text)!important}select:-webkit-autofill{caret-color:var(--color-text);-webkit-transition:background-color 5000s ease-in-out;transition:background-color 5000s ease-in-out;-webkit-box-shadow:0 0 0 1000px var(--color-surface)inset!important;-webkit-text-fill-color:var(--color-text)!important}.auth-card .form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12);background:#fff}.auth-card .form-group input::-moz-placeholder{color:#c1c9d4}.auth-card .form-group input::placeholder{color:#c1c9d4}.remember-me-group{margin-bottom:8px!important}.remember-me-label{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;gap:10px;display:flex!important}.remember-me-checkbox{accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;width:18px!important;height:18px!important}.remember-me-text{color:#475569;font-size:.875rem;font-weight:500}.auth-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:4px;padding:12px 24px;font-size:.95rem;font-weight:600;transition:all .25s}.auth-btn:hover:not(:disabled){box-shadow:0 8px 25px rgba(var(--color-primary-rgb),.35);transform:translateY(-2px)}.auth-btn:disabled{opacity:.65;cursor:not-allowed}.auth-link{text-align:center;color:#64748b;margin-top:16px;font-size:.85rem}.auth-link a{color:var(--color-primary);font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}.register-container{background:linear-gradient(160deg,#dff3fb,#e8eeff,#fff,#f0e8ff,#ffe8f0);flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh / var(--ui-vu, 1));padding:20px;display:flex;position:relative}.register-card{background:#fff;border:1px solid #dce6f5b3;border-radius:18px;width:100%;max-width:400px;padding:24px 32px;box-shadow:0 4px 20px #0000000a,0 16px 56px #00000008}.register-logo{justify-content:center;margin-bottom:12px;display:flex}.register-logo-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));width:44px;height:44px;box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.35);border-radius:12px;justify-content:center;align-items:center;display:flex}.register-title{color:#0f172a;text-align:center;letter-spacing:-.02em;margin-bottom:2px;font-size:1.3rem;font-weight:700}.register-subtitle{text-align:center;color:#78909c;margin-bottom:14px;font-size:.82rem;font-weight:400}.register-error{color:#e11d48;background:#fff1f2;border:1px solid #fecdd3;border-radius:10px;margin-bottom:10px;padding:8px 12px;font-size:.82rem;font-weight:500}.register-form-group{margin-bottom:12px}.register-form-group label{color:#334155;margin-bottom:4px;font-size:.8rem;font-weight:600;display:block}.register-input-wrapper{align-items:center;display:flex;position:relative}.register-input-icon{color:#a0aec0;pointer-events:none;z-index:1;position:absolute;left:12px}.register-input-wrapper input{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px 10px 38px;font-size:.88rem;transition:all .2s}.register-input-wrapper input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12);background:#fff}.register-input-wrapper input::-moz-placeholder{color:#c1c9d4}.register-input-wrapper input::placeholder{color:#c1c9d4}.register-eye-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;transition:color .2s;display:flex;position:absolute;right:14px}.register-eye-btn:hover{color:#475569}.register-terms{cursor:pointer;color:#64748b;align-items:flex-start;gap:8px;margin-bottom:14px;font-size:.8rem;line-height:1.4;display:flex}.register-terms input[type=checkbox]{width:15px;height:15px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;margin-top:2px}.register-terms a{color:var(--color-primary);font-weight:500;text-decoration:underline}.register-terms a:hover{color:var(--color-primary-hover)}.register-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;cursor:pointer;letter-spacing:.01em;border:none;border-radius:12px;width:100%;padding:11px 24px;font-size:.92rem;font-weight:600;transition:all .25s}.register-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary-hover));box-shadow:0 8px 28px rgba(var(--color-primary-rgb),.4);transform:translateY(-2px)}.register-btn:disabled{opacity:.65;cursor:not-allowed}.register-divider{align-items:center;gap:16px;margin:24px 0;display:flex}.register-divider:before,.register-divider:after{content:"";background:#e5e9f0;flex:1;height:1px}.register-divider span{color:#94a3b8;letter-spacing:.08em;white-space:nowrap;font-size:.72rem;font-weight:600}.register-social-row{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px;display:grid}.register-social-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e5e9f0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;font-size:.92rem;font-weight:500;transition:all .2s;display:flex}.register-social-btn:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 10px #0000000f}.register-link{text-align:center;color:#64748b;margin-top:8px;font-size:.82rem}.register-link a{color:var(--color-primary);font-weight:600;text-decoration:none}.register-link a:hover{text-decoration:underline}.register-footer{color:#94a3b8;text-align:center;margin-top:16px;font-size:.75rem}@media(max-width:480px){.register-card{border-radius:20px;padding:28px 20px}.register-social-row{grid-template-columns:1fr}}.loading-screen{color:#fff;background:#0f172a;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh / var(--ui-vu, 1));display:flex}.loading-screen-page{box-sizing:border-box;color:#475569;background:#f8fafc;width:100%;height:100%;min-height:320px}.loading-screen-page p{color:#64748b}.spinner{border:4px solid rgba(var(--color-primary-rgb),.2);border-top-color:var(--color-primary);border-radius:50%;width:48px;height:48px;margin-bottom:16px;animation:1s linear infinite spin}.user-profile{align-items:center;gap:12px;display:flex}.logout-btn{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;width:40px;height:40px;color:var(--color-text-muted);border-radius:10px;justify-content:center;align-items:center;transition:all .2s;display:flex}.logout-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef444480}.logout-btn svg{width:20px;height:20px}.subscription-banner{border-radius:10px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;padding:10px 20px;display:flex}.subscription-banner.trial{background:linear-gradient(135deg,#10b98126,#34d3991a);border:1px solid #10b9814d}.subscription-banner.expired{background:linear-gradient(135deg,#ef444426,#f871711a);border:1px solid #ef44444d}.banner-content{align-items:center;gap:10px;display:flex}.banner-icon{font-size:1.25rem}.banner-text{color:var(--color-text);font-size:.9rem;font-weight:500}.banner-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;white-space:nowrap;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s}.banner-btn:hover{box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.4);transform:translateY(-1px)}.subscription-banner.expired .banner-btn{background:linear-gradient(135deg,#ef4444,#dc2626)}.subscription-banner.expired .banner-btn:hover{box-shadow:0 4px 12px #ef444466}.pricing-page{background:linear-gradient(135deg,#0f172a,#1e293b);min-height:calc(100vh / var(--ui-vu, 1));padding:40px 20px}.pricing-container{max-width:1100px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:48px}.pricing-header h1{color:#fff;margin-bottom:12px;font-size:2.5rem;font-weight:700}.pricing-header p{color:#94a3b8;font-size:1.1rem}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:48px;display:grid}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr}}.pricing-card{background:#1e293bcc;border:1px solid #ffffff1a;border-radius:20px;padding:32px;transition:all .3s;position:relative}.pricing-card:hover{border-color:rgba(var(--color-primary-rgb),.3);transform:translateY(-4px)}.pricing-card.highlighted{border-color:rgba(var(--color-primary-rgb),.5);background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.1),#8b5cf61a)}.pricing-card.current{border-color:#10b98180}.popular-badge,.current-badge{border-radius:20px;padding:6px 16px;font-size:.75rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.popular-badge{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff}.current-badge{color:#fff;background:linear-gradient(135deg,#10b981,#059669)}.package-name{color:#fff;margin-top:8px;margin-bottom:16px;font-size:1.5rem;font-weight:700}.package-price{margin-bottom:24px}.package-price .price{color:#fff;font-size:2rem;font-weight:700}.package-price .duration{color:#64748b;font-size:1rem}.package-features{margin:0 0 24px;padding:0;list-style:none}.package-features li{color:#cbd5e1;align-items:center;gap:10px;padding:8px 0;font-size:.95rem;display:flex}.package-features li svg{color:#10b981;flex-shrink:0;width:20px;height:20px}.pricing-btn{cursor:pointer;border:none;border-radius:12px;width:100%;padding:14px 24px;font-size:1rem;font-weight:600;transition:all .2s}.pricing-btn.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff}.pricing-btn.primary:hover:not(:disabled){box-shadow:0 8px 25px rgba(var(--color-primary-rgb),.4)}.pricing-btn.secondary{color:#fff;background:#ffffff1a;border:1px solid #fff3}.pricing-btn.secondary:hover:not(:disabled){background:#ffffff26}.pricing-btn:disabled{opacity:.5;cursor:not-allowed}.pricing-footer{text-align:center}.back-link{color:#60a5fa;font-size:.95rem;text-decoration:none}.back-link:hover{text-decoration:underline}.user-menu-container{align-items:center;gap:12px;display:flex;position:relative}.header-coin-badge{cursor:pointer;color:#b45309;white-space:nowrap;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:.82rem;font-weight:700;transition:all .2s;display:flex}.header-coin-badge:hover{transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b4d}.header-coin-badge svg{color:#f59e0b}.header-plan-badge{background:var(--plan-bg,#6b72801a);cursor:pointer;white-space:nowrap;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:.8rem;transition:all .2s;display:flex}.header-plan-badge:hover{opacity:.85;transform:translateY(-1px)}.plan-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.plan-name{color:var(--plan-color,#6b7280);font-weight:700}.plan-expiry{color:var(--text-secondary,#9ca3af);font-size:.75rem;font-weight:400}.user-menu-sub-card{background:var(--bg-secondary,#f8fafc);cursor:pointer;border:1px solid var(--border-light,#e2e8f0);border-radius:10px;justify-content:space-between;align-items:center;margin:8px 12px;padding:10px 14px;transition:background .2s;display:flex}.user-menu-sub-card:hover{background:var(--bg-hover,#f1f5f9)}.sub-card-left{flex-direction:column;gap:2px;display:flex}.sub-card-plan{align-items:center;gap:6px;font-size:.85rem;font-weight:700;display:flex}.sub-card-expiry{color:var(--text-secondary,#94a3b8);font-size:.72rem}.sub-card-right{align-items:center;gap:4px;display:flex}.sub-card-coin-icon{font-size:1rem}.sub-card-coin{color:#b45309;font-size:.9rem;font-weight:700}[data-theme=dark] .header-coin-badge{color:#fbbf24;background:linear-gradient(135deg,#f59e0b26,#f59e0b14)}[data-theme=dark] .header-plan-badge{background:var(--plan-bg,#6b728026)}[data-theme=dark] .plan-expiry{color:#94a3b8}[data-theme=dark] .user-menu-sub-card{background:#ffffff0a;border-color:#ffffff14}[data-theme=dark] .user-menu-sub-card:hover{background:#ffffff14}[data-theme=dark] .sub-card-coin{color:#fbbf24}.user-avatar-btn{cursor:pointer;background:0 0;border:none;padding:0}.user-avatar{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;font-weight:600;display:flex}.user-menu-backdrop{z-index:999;position:fixed;inset:0}.user-menu-dropdown{z-index:1000;background:#fff;border-radius:12px;width:280px;margin-top:8px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 10px 40px #00000026}.user-menu-header{border-bottom:1px solid #f0f0f0;flex-direction:column;padding:16px 16px 12px;display:flex}.user-menu-username{color:#111827;font-size:.95rem;font-weight:700;line-height:1.3}.user-menu-email{color:#9ca3af;margin-top:2px;font-size:.8rem}.user-menu-plan-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #e5e7eb;padding:16px}.plan-info{align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;display:flex}.plan-label{color:#6b7280}.plan-name{font-weight:600}.plan-expiry{color:#9ca3af;margin-left:auto;font-size:.8rem}.coin-info{background:#fff;border-radius:8px;padding:10px 12px}.coin-label{color:#6b7280;margin-bottom:4px;font-size:.75rem;display:block}.coin-row{align-items:center;gap:6px;display:flex}.coin-icon{font-size:1.2rem}.coin-amount{color:#f59e0b;font-size:1.4rem;font-weight:700}.coin-unit{color:#9ca3af;font-size:.85rem}.topup-btn{color:#f59e0b;cursor:pointer;background:0 0;border:1px solid #f59e0b;border-radius:16px;margin-left:auto;padding:4px 10px;font-size:.75rem}.topup-btn:hover{background:#fef3c7}.user-menu-items{padding:6px 8px}.user-menu-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.88rem;transition:background .15s;display:flex}.user-menu-item:hover{background:#f3f4f6}.user-menu-item--highlight{background:#8b5cf614}.user-menu-item--highlight:hover{background:#8b5cf626}.user-menu-item--danger{color:#6b7280}.user-menu-item--danger:hover{color:#ef4444;background:#fef2f2}.user-menu-separator{background:#f0f0f0;height:1px;margin:4px 12px}.user-menu-plan-tag{color:#fff;border-radius:10px;margin-left:auto;padding:2px 8px;font-size:.65rem;font-weight:600}.user-menu-lang-badge{color:#9ca3af;margin-left:auto;font-size:.75rem;font-weight:500}.user-menu-header-profile{text-align:left;cursor:pointer;background:#f9fafb;border:none;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;width:100%;padding:16px;transition:background .2s;display:flex}.user-menu-header-profile:hover{background:#f3f4f6}.user-avatar-large{color:#fff;background:#1f2937;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:600;display:flex}.user-details{flex-direction:column;display:flex}.user-email{color:#111827;font-size:.95rem;font-weight:600}.user-type{color:#6b7280;font-size:.75rem}.profile-modal{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:24px;animation:.2s modalSlideIn;position:relative}.modal-close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:16px;right:16px}.profile-modal-title{color:#111827;margin:0 0 4px;font-size:1.25rem;font-weight:600}.profile-modal-subtitle{color:#6b7280;margin:0 0 20px;font-size:.85rem}.profile-avatar-section{justify-content:center;margin-bottom:24px;display:flex}.profile-avatar-large{color:#fff;background:#1f2937;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:600;display:flex}.profile-form .form-group{margin-bottom:16px}.profile-form label{color:#374151;margin-bottom:6px;font-size:.85rem;font-weight:500;display:block}.profile-form input{border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:10px 14px;font-size:.95rem}.profile-form input:disabled{color:#9ca3af;background:#f9fafb}.form-hint{color:#9ca3af;margin-top:4px;font-size:.75rem}.ai-settings-section{background:#f9fafb;border-radius:8px;margin-top:16px}.ai-settings-section summary{cursor:pointer;color:#6b7280;padding:12px 14px;font-size:.9rem}.ai-settings-content{color:#9ca3af;padding:0 14px 14px;font-size:.85rem}.profile-modal-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.btn-cancel{color:#6b7280;cursor:pointer;background:0 0;border:none;padding:10px 20px;font-size:.9rem}.btn-save{background:linear-gradient(135deg,var(--color-accent),var(--color-primary));color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:.9rem}.btn-save:disabled{opacity:.6;cursor:not-allowed}.dashboard-page{max-width:1600px;margin:0 auto;padding:24px 8px}.dashboard-loading{height:400px;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex}.loading-spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.dashboard-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.dashboard-header h1{color:var(--color-text-heading,var(--color-text));margin-bottom:4px;font-size:1.75rem;font-weight:700}.dashboard-header .subtitle{color:var(--color-text-muted);font-size:.9rem}.time-filter{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;border-radius:10px;padding:10px 16px;font-size:.875rem}.export-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;transition:all .2s;display:flex}.export-btn:hover{background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.stats-grid{grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:28px;display:grid}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;align-items:flex-start;gap:16px;padding:20px;transition:all .2s;display:flex;position:relative}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #00000014}.stat-card.warning{background:linear-gradient(135deg,#fff5f5,#fff);border-color:#fecaca}.stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.stat-content{flex:1;min-width:0}.stat-label{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:4px;font-size:.75rem;font-weight:600}.stat-value{color:var(--color-text);font-size:1.5rem;font-weight:700;line-height:1.2}.stat-subtitle{color:var(--color-text-muted);margin-top:2px;font-size:.75rem}.stat-trend{border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:600;position:absolute;top:16px;right:16px}.stat-trend.green{color:#16a34a;background:#dcfce7}.stat-trend.red{color:#dc2626;background:#fee2e2}@media(max-width:1100px){.dashboard-main{grid-template-columns:1fr}}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-header h2{color:var(--color-text);font-size:1rem;font-weight:600}.chart-subtitle{color:var(--color-text-muted);margin-top:2px;font-size:.8rem}.chart-filter{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:8px;padding:8px 14px;font-size:.8rem}.view-all{color:var(--color-primary);font-size:.8rem;text-decoration:none}.view-all:hover{text-decoration:underline}.chart-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:24px}.chart-container{justify-content:center;align-items:center;width:100%;height:220px;display:flex}.revenue-chart{width:100%;height:100%}.chart-label{fill:var(--color-text-muted);font-size:12px}.grid-lines line{stroke:var(--color-border)}.no-data{color:var(--color-text-muted);font-size:.9rem}.activity-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:24px}.activity-list{flex-direction:column;gap:16px;display:flex}.activity-item{background:var(--color-background);border-radius:12px;align-items:center;gap:14px;padding:12px;transition:all .2s;display:flex}.activity-item:hover{background:var(--color-border)}.activity-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.activity-content{flex:1;min-width:0}.activity-title{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.activity-subtitle{color:var(--color-text-muted);margin-top:2px;font-size:.75rem}.activity-amount{color:#16a34a;white-space:nowrap;font-size:.875rem;font-weight:600}.services-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;padding:24px}.services-table{width:100%}.table-header{background:var(--color-background);border-radius:10px;grid-template-columns:2fr 1fr 1fr 1.2fr;gap:16px;margin-bottom:8px;padding:12px 16px;display:grid}.table-header>div{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.table-row{border-bottom:1px solid var(--color-border);grid-template-columns:2fr 1fr 1fr 1.2fr;align-items:center;gap:16px;padding:16px;display:grid}.table-row:last-child{border-bottom:none}.col-service{align-items:center;gap:12px;display:flex}.rank{background:var(--color-background);width:32px;height:32px;color:var(--color-text-muted);border-radius:8px;justify-content:center;align-items:center;font-size:.75rem;font-weight:700;display:flex}.rank-1{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a)}.rank-2{color:#374151;background:linear-gradient(135deg,#e5e7eb,#d1d5db)}.rank-3{color:#9a3412;background:linear-gradient(135deg,#fed7aa,#fdba74)}.service-name{color:var(--color-text);font-size:.9rem;font-weight:500}.col-qty{color:var(--color-text);text-align:center;font-size:.9rem;font-weight:600}.col-trend{text-align:center}.trend{align-items:center;gap:4px;font-size:.8rem;font-weight:500;display:inline-flex}.trend.up{color:#16a34a}.trend.down{color:#dc2626}.col-revenue{color:var(--color-primary);text-align:right;font-size:.9rem;font-weight:600}.no-data-row{text-align:center;color:var(--color-text-muted);padding:40px 20px;font-size:.9rem}@media(max-width:768px){.dashboard-page{padding:16px}.dashboard-header{flex-direction:column;gap:16px}.header-right{justify-content:space-between;width:100%}.table-header,.table-row{grid-template-columns:1.5fr .8fr 1fr}.col-trend{display:none}}.chart-legend{align-items:center;gap:20px;display:flex}.legend-item{color:var(--color-text-muted);align-items:center;gap:6px;font-size:.8rem;display:flex}.legend-dot{border-radius:50%;width:10px;height:10px}.legend-dot.blue{background:#3b5998}.legend-dot.green{background:#10b981}.bar-chart-container{align-items:flex-end;width:100%;height:280px;padding-top:20px;display:flex}.bar-chart{justify-content:space-between;align-items:flex-end;gap:16px;width:100%;height:100%;display:flex}.bar-group{flex-direction:column;flex:1;align-items:center;height:100%;display:flex}.bar-group.today .bar-label{color:var(--color-primary);font-weight:600}.bar-group.today .bars{background:rgba(var(--color-primary-rgb),.05);border-radius:8px}.bars{align-items:flex-end;gap:4px;height:calc(100% - 30px);padding:8px 4px;display:flex}.bar{border-radius:4px 4px 0 0;width:20px;min-height:4px;transition:all .3s}.revenue-bar{background:linear-gradient(#3b5998,#2d4373)}.revenue-bar:hover{background:linear-gradient(#4a6eb8,#3b5998);transform:scaleY(1.02)}.customers-bar{background:linear-gradient(#10b981,#059669)}.customers-bar:hover{background:linear-gradient(#34d399,#10b981);transform:scaleY(1.02)}.bar-label{color:var(--color-text-muted);text-align:center;margin-top:8px;font-size:.75rem}.top-services-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;min-width:320px;padding:24px}.more-btn{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1.2rem;transition:all .2s}.more-btn:hover{background:var(--color-background);color:var(--color-text)}.services-list{flex-direction:column;gap:20px;display:flex}.service-item{flex-direction:column;gap:8px;display:flex}.service-header{justify-content:space-between;align-items:center;display:flex}.service-item .service-name{color:var(--color-text);font-size:.9rem;font-weight:500}.service-revenue{color:#5eead4;font-size:1rem;font-weight:700}.service-progress{background:var(--color-background);border-radius:10px;width:100%;height:8px;overflow:hidden}.progress-bar{border-radius:10px;height:100%;transition:width .5s}.service-details{justify-content:space-between;align-items:center;display:flex}.service-qty{color:var(--color-text-muted);font-size:.75rem}.service-target{font-size:.75rem;font-weight:500}.view-all-btn{background:var(--color-surface);border:1px solid var(--color-border);width:100%;color:var(--color-text);cursor:pointer;border-radius:10px;margin-top:8px;padding:14px 20px;font-size:.9rem;transition:all .2s}.view-all-btn:hover{background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}.dashboard-main{grid-template-columns:1fr 380px;gap:24px;margin-bottom:28px;display:grid}@media(max-width:1100px){.dashboard-main{grid-template-columns:1fr}.top-services-section{min-width:100%}}@media(max-width:768px){.bar-chart{gap:8px}.bar{width:14px}.chart-legend{flex-wrap:wrap;gap:10px}}.dashboard-v2{padding:var(--space-page)0;background:var(--color-background);min-height:-moz-fit-content;min-height:fit-content}.dashboard-bottom-v2:last-child{margin-bottom:0}.dashboard-header-v2{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.dashboard-header-v2 h1{color:var(--color-text-heading,var(--color-text));letter-spacing:-.01em;margin-bottom:0;font-size:1.5rem;font-weight:700}.dashboard-header-v2 .subtitle{color:var(--color-text-muted);margin-top:4px;margin-bottom:0;font-size:.82rem;font-style:normal}.header-right{align-items:center;gap:12px;display:flex}.date-display{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;font-weight:500;transition:all .2s;display:inline-flex;position:relative}.date-display:hover{border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 0 0 3px #0f766e1f}.stats-cards-v2{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;display:grid}.stat-card-v2{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;align-items:center;gap:14px;min-width:0;padding:16px 18px;transition:all .25s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #1f293308}.stat-card-v2:hover{border-color:#0f766e40;transform:translateY(-2px);box-shadow:0 8px 24px #0f766e14}.stat-card-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.stat-icon-v2{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.stat-icon-v2 svg{width:22px;height:22px}.stat-trend-v2{letter-spacing:.2px;border-radius:999px;flex-shrink:0;align-self:center;padding:3px 10px;font-size:.7rem;font-weight:600}.stat-trend-v2.trend-up{color:#15803d;background:#e7f5ec}.stat-trend-v2.trend-down{color:#b91c1c;background:#fbecea}.stat-trend-v2.trend-neutral{background:var(--color-border-soft);color:var(--color-text-muted)}.stat-label-v2{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.6px;white-space:nowrap;text-overflow:ellipsis;margin-bottom:0;font-size:.7rem;font-weight:600;overflow:hidden}.stat-value-v2{color:var(--color-text);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:1.35rem;font-weight:700;line-height:1.2;overflow:hidden}.chart-card-v2{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;margin-bottom:20px;padding:20px 24px;box-shadow:0 1px 2px #1f293308}.chart-header-v2{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.chart-header-v2 h2{color:var(--color-text);letter-spacing:-.01em;margin-bottom:4px;font-size:1.05rem;font-weight:700}.chart-header-v2 .chart-subtitle{color:var(--color-text-muted);font-size:.78rem}.chart-period-toggle{background:var(--color-border-soft);border-radius:999px;gap:4px;padding:4px;display:flex}.chart-period-toggle button{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:7px 16px;font-size:.78rem;font-weight:600;transition:all .2s}.chart-period-toggle button.active{background:var(--color-primary);color:#fff;box-shadow:0 2px 6px #0f766e40}.chart-period-toggle button:hover:not(.active){color:var(--color-primary)}.chart-area-v2{justify-content:center;align-items:center;width:100%;height:280px;display:flex}.line-chart-v2{width:100%;height:100%}.chart-day-label,.chart-y-label{fill:var(--color-text-muted);font-size:12px;font-weight:500}.chart-y-title{fill:var(--color-text-muted);font-size:12px;font-weight:600}.chart-title-wrap{align-items:flex-start;gap:12px;display:flex}.chart-title-icon{background:var(--color-primary-soft);width:36px;height:36px;color:var(--color-primary);border-radius:10px;flex:none;justify-content:center;align-items:center;display:flex}.chart-info-icon{vertical-align:middle;color:var(--color-text-muted);opacity:.65;margin-left:6px;display:inline-flex}.chart-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px;display:grid}.chart-stat-card{border:1px solid var(--color-border);background:var(--color-surface);border-radius:12px;gap:12px;padding:14px 16px;display:flex}.chart-stat-icon{border-radius:10px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.chart-stat-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chart-stat-label{color:var(--color-text-muted);font-size:12.5px;font-weight:500}.chart-stat-value{color:var(--color-text);font-size:20px;font-weight:700;line-height:1.2}.chart-stat-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.chart-stat-period{color:var(--color-text-muted);font-size:12px}.chart-stat-trend{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600}.chart-stat-trend.up{color:#10b981;background:#10b9811f}.chart-stat-trend.down{color:#ef4444;background:#ef44441f}.chart-insight-banner{color:var(--color-text);background:#10b98114;border:1px solid #10b9812e;border-radius:10px;align-items:center;gap:10px;margin-top:12px;padding:12px 14px;font-size:13.5px;display:flex}.chart-insight-icon{color:#10b981;display:inline-flex}@media(max-width:900px){.chart-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.chart-stats-grid{grid-template-columns:1fr}}.dashboard-bottom-v2{grid-template-columns:1.5fr 1fr;align-items:stretch;gap:16px;margin-bottom:16px;display:grid}.services-card-v2{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;padding:20px 22px;display:flex;box-shadow:0 1px 2px #1f293308}.card-header-v2{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.card-header-v2 h3{color:var(--color-text);letter-spacing:-.01em;margin-bottom:4px;font-size:1rem;font-weight:700}.card-header-v2 p{color:var(--color-text-muted);font-size:.78rem}.detail-link{color:var(--color-primary);white-space:nowrap;font-size:.8rem;font-weight:600;text-decoration:none}.detail-link:hover{text-decoration:underline}.services-list-v2{flex-direction:column;gap:20px;display:flex}.service-item-v2{flex-direction:column;gap:10px;display:flex}.service-info{justify-content:space-between;align-items:flex-start;display:flex}.service-name-v2{color:var(--color-text);font-size:.95rem;font-weight:500}.service-stats{text-align:right}.service-revenue-v2{color:var(--color-text);font-size:1rem;font-weight:700;display:block}.service-efficiency{color:var(--color-text-muted);font-size:.7rem}.service-progress-v2{background:#f1f5f9;border-radius:10px;width:100%;height:8px;overflow:hidden}.service-progress-v2 .progress-fill{border-radius:10px;height:100%;transition:width .5s}.empty-state-v2{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:14px 12px;display:flex}.empty-state-v2 .empty-icon{justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:6px;display:flex}.empty-state-v2 .empty-icon svg{opacity:.45}.empty-state-v2 .empty-title{color:var(--color-text-muted);margin-bottom:6px;font-size:.9rem;font-weight:500}.empty-state-v2 .empty-sub{color:#b0b8c9;font-size:.78rem}.staff-card-v2{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;flex-direction:column;padding:20px 22px;display:flex;box-shadow:0 1px 2px #1f293308}.staff-card-v2 .staff-grid-v2{flex:1;min-height:140px}.staff-list-v2{flex-direction:column;gap:16px;display:flex}.staff-item-v2{background:var(--color-background);border-radius:12px;align-items:center;gap:14px;padding:12px;transition:all .2s;display:flex}.staff-item-v2:hover{background:#f1f5f9}.staff-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:600;display:flex;position:relative}.staff-info{flex-direction:column;flex:1;min-width:0;display:flex}.staff-name{color:var(--color-text);font-size:.95rem;font-weight:600}.staff-role{color:var(--color-text-muted);text-transform:uppercase;font-size:.7rem}.staff-stats{text-align:right;flex-shrink:0}.appointments-count{color:var(--color-text);font-size:.95rem;font-weight:700;display:block}.satisfaction-rate{color:#10b981;font-size:.75rem;font-weight:500}.view-all-staff-btn{background:var(--color-primary-hover);color:#fff;cursor:pointer;letter-spacing:.2px;border:none;border-radius:12px;width:100%;margin-top:14px;padding:13px 16px;font-size:.85rem;font-weight:600;transition:all .2s}.view-all-staff-btn:hover{background:var(--color-primary);box-shadow:0 6px 16px #0f766e47}.dashboard-footer-v2{text-align:center;border-top:1px solid var(--color-border);margin-top:6px;padding:8px 0 4px}.dashboard-footer-v2 p{color:var(--color-text-muted);letter-spacing:.3px;font-size:.7rem}@media(max-width:1200px){.stats-cards-v2{grid-template-columns:repeat(2,1fr)}.dashboard-bottom-v2{grid-template-columns:1fr}}@media(max-width:768px){.dashboard-v2{padding:8px 4px}.dashboard-header-v2{flex-direction:row;align-items:center;gap:8px;margin-bottom:8px}.dashboard-header-v2 h1{margin-bottom:0;font-size:1rem}.dashboard-header-v2 .subtitle{font-size:.7rem;display:none}.date-display{border-radius:8px;padding:6px 10px;font-size:.75rem}.stats-cards-v2{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:12px}.stat-card-v2{border-radius:10px;padding:10px 12px}.stat-card-v2:hover{transform:none}.stat-icon-v2{border-radius:8px;width:30px;height:30px}.stat-icon-v2 svg{width:16px;height:16px}.stat-label-v2{letter-spacing:.5px;font-size:.6rem}.stat-value-v2{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.95rem;overflow:hidden}.stat-trend-v2{padding:2px 5px;font-size:.65rem}.chart-card-v2{display:none}.dashboard-bottom-v2{grid-template-columns:1fr;gap:12px}.services-card-v2,.staff-card-v2{padding:12px}.card-header-v2 h3{font-size:.9rem}.card-header-v2 p{font-size:.7rem}.chart-period-toggle{flex-wrap:wrap}.dashboard-footer-v2{margin-top:8px;padding:12px 0}}.notifications-page{max-width:1000px;margin:0 auto;padding:32px}.notifications-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.notifications-header h1{color:var(--color-text);font-size:1.75rem;font-weight:700}.filter-tabs{gap:8px;display:flex}.filter-tab{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;border-radius:8px;padding:10px 20px;font-size:.9rem;transition:all .2s}.filter-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.notifications-list{flex-direction:column;gap:16px;display:flex}.notification-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;align-items:flex-start;gap:20px;padding:24px;transition:all .2s;display:flex}.notification-card:hover{box-shadow:0 4px 12px #0000000f}.notification-icon{color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex}.notification-content{flex:1;min-width:0}.notification-title{color:var(--color-text);margin-bottom:6px;font-size:1rem;font-weight:600}.notification-body{color:var(--color-text-muted);margin-bottom:10px;font-size:.9rem;line-height:1.5}.notification-time{color:#94a3b8;font-size:.8rem}.notification-badge{text-transform:uppercase;white-space:nowrap;font-size:.75rem;font-weight:600}.loading-state,.empty-state{text-align:center;color:var(--color-text-muted);padding:60px 20px;font-size:1rem}.load-more-container{justify-content:center;margin-top:32px;display:flex}.load-more-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:10px;padding:14px 32px;font-size:.9rem;transition:all .2s}.load-more-btn:hover{background:var(--color-background);border-color:var(--color-primary);color:var(--color-primary)}@media(max-width:768px){.notifications-page{padding:16px}.notifications-header{flex-direction:column;align-items:flex-start;gap:16px}.filter-tabs{flex-wrap:wrap}.notification-card{flex-direction:column;gap:12px}.notification-badge{align-self:flex-start}}.calendar-page-v2{background:var(--color-background);height:100%;display:flex}.calendar-quick-dates{align-items:center;gap:4px;display:flex}.quick-date-btn{color:var(--color-text-muted);cursor:pointer;text-align:center;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:6px;padding:7px 6px;font-size:.7rem;font-weight:500;transition:all .15s}.quick-date-btn:hover{color:var(--color-text);background:#f1f5f9}.quick-date-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary-hover);font-weight:600}.custom-cal-wrapper{position:relative}.cal-trigger-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:500;transition:all .2s;display:flex}.cal-trigger-btn:hover{border-color:var(--color-primary)}.custom-cal-dropdown{background:var(--color-surface);border:1px solid var(--color-border);z-index:200;border-radius:10px;display:flex;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden;box-shadow:0 8px 24px #0000001f}.custom-cal-quick{border-right:1px solid var(--color-border);background:#fafbfc;flex-direction:column;gap:1px;min-width:88px;padding:10px 6px;display:flex}.quick-title{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:4px 8px 6px;font-size:.65rem;font-weight:600}.custom-cal-quick .quick-date-btn{text-align:left;border-radius:5px;padding:6px 8px;font-size:.72rem}.custom-cal-grid{min-width:230px;padding:10px 12px}.cal-nav{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cal-nav span{color:var(--color-text);font-size:.82rem;font-weight:600}.cal-nav button{width:26px;height:26px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-size:1.1rem;transition:all .15s;display:flex}.cal-nav button:hover{color:var(--color-text);background:#f1f5f9}.cal-weekdays{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:4px;display:grid}.cal-weekdays div{color:var(--color-text-muted);padding:4px 0;font-size:.65rem;font-weight:600}.cal-days{text-align:center;grid-template-columns:repeat(7,1fr);display:grid}.cal-day{cursor:pointer;width:30px;height:30px;color:var(--color-text);border-radius:50%;justify-content:center;align-items:center;margin:1px auto;font-size:.75rem;transition:all .12s;display:flex}.cal-day:hover:not(.other-month){background:#f1f5f9}.cal-day.other-month{color:#ccc;cursor:default}.cal-day.today{border:1px solid var(--color-primary);font-weight:600}.cal-day.selected{color:#fff;background:#1e293b;font-weight:600}.cal-day.selected.today{border-color:#1e293b}.calendar-grid-section{flex:1;padding:16px 20px;overflow:auto}.calendar-header-v2{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.calendar-header-v2 h1{color:var(--color-text);font-size:1.25rem;font-weight:700}.calendar-actions{align-items:center;gap:12px;display:flex}.add-booking-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:500;transition:all .2s}.add-booking-btn:hover{background:var(--color-primary-hover)}.calendar-grid-v2{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.grid-header{border-bottom:1px solid var(--color-border);background:#f8fafc;display:flex}.time-column-header{width:56px;color:var(--color-text-muted);text-align:center;border-right:1px solid var(--color-border);flex-shrink:0;padding:8px 6px;font-size:.65rem;font-weight:600}.staff-column-header{color:var(--color-text);text-align:center;border-right:1px solid var(--color-border);flex:1;padding:8px 6px;font-size:.8rem;font-weight:600}.staff-column-header:last-child{border-right:none}.grid-body{max-height:calc(calc(100vh / var(--ui-vu, 1)) - 170px);overflow-y:auto}.time-row{border-bottom:1px solid var(--color-border);min-height:36px;display:flex}.time-row:last-child{border-bottom:none}.time-label{width:56px;color:var(--color-text-muted);border-right:1px solid var(--color-border);flex-shrink:0;align-items:center;padding:6px 8px;font-size:.75rem;display:flex}.time-slot{border-right:1px solid var(--color-border);cursor:pointer;flex:1;transition:background .15s;position:relative}.time-slot:last-child{border-right:none}.time-slot:hover{background:#f1f5f9}.appointment-block{cursor:pointer;border-radius:4px;margin:2px 4px;padding:4px 6px;font-size:.7rem}.appt-name{margin-bottom:2px;font-weight:600}.appt-time{opacity:.8;font-size:.7rem}.appointment-block.bg-blue-100{background:rgba(var(--color-primary-rgb),.1);color:#1e40af;border:1px solid #93c5fd}.appointment-block.bg-orange-100{color:#c2410c;background:#ffedd5;border:1px solid #fdba74}.appointment-block.bg-yellow-100{color:#a16207;background:#fef9c3;border:1px solid #fde047}.appointment-block.bg-green-100{color:#166534;background:#dcfce7;border:1px solid #86efac}.appointment-block.bg-gray-100{color:#6b7280;background:#f3f4f6;border:1px solid #d1d5db}.appointment-block.bg-gray-200{color:#374151;background:#e5e7eb;border:1px solid #d1d5db}.appointment-block.bg-red-100{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5}.appointment-block.line-through .appt-name{text-decoration:line-through}.booking-modal-v2{background:var(--color-surface);border-left:1px solid var(--color-border);flex-direction:column;width:400px;height:100%;display:flex}.modal-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:var(--color-text);font-size:1.1rem;font-weight:600}.close-btn{width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;font-size:1.5rem;transition:all .2s}.close-btn:hover{background:var(--color-background);color:var(--color-text)}.modal-body{flex:1;padding:24px;overflow-y:auto}.form-group{margin-bottom:20px}.form-group label{color:var(--color-text);margin-bottom:8px;font-size:.85rem;font-weight:500;display:block}.form-group .search-input{border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.form-group .search-input svg{color:var(--color-text-muted)}.form-group .search-input select,.form-group .search-input input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:.9rem}.form-group select{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-surface);border-radius:8px;outline:none;padding:12px;font-size:.9rem}.service-hint{float:right;color:var(--color-text-muted);font-size:.75rem}.services-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.service-card{border:1px solid var(--color-border);cursor:pointer;border-radius:10px;gap:10px;padding:12px;transition:all .2s;display:flex}.service-card:hover{border-color:var(--color-primary)}.service-card.selected{border-color:var(--color-primary);background:#eff6ff}.service-checkbox{border:2px solid var(--color-border);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;display:flex}.service-card.selected .service-checkbox{background:var(--color-primary);border-color:var(--color-primary)}.service-info{flex:1;min-width:0}.service-info .service-name{color:var(--color-text);margin-bottom:2px;font-size:.85rem;font-weight:500}.service-price{color:var(--color-primary);font-size:.8rem;font-weight:500}.service-duration{color:var(--color-text-muted);font-size:.7rem}.form-row{gap:16px;display:flex}.form-group.half{flex:1}.datetime-input{position:relative}.datetime-input input{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-surface);border-radius:8px;outline:none;padding:12px;font-size:.85rem}.form-group textarea{border:1px solid var(--color-border);width:100%;color:var(--color-text);background:var(--color-surface);resize:vertical;border-radius:8px;outline:none;min-height:80px;padding:12px;font-size:.9rem}.form-group textarea:focus,.form-group select:focus,.datetime-input input:focus{border-color:var(--color-primary)}.modal-footer{border-top:1px solid var(--color-border);gap:12px;padding:20px 24px;display:flex}.btn-cancel{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;border-radius:8px;flex:1;padding:14px 20px;font-size:.9rem;transition:all .2s}.btn-cancel:hover{background:var(--color-background)}.btn-save{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;padding:14px 20px;font-size:.9rem;font-weight:500;transition:all .2s}@media(max-width:1100px){.calendar-page-v2{flex-direction:column}.booking-modal-v2{border-left:none;border-top:1px solid var(--color-border);width:100%;max-height:calc(60vh / var(--ui-vu, 1))}}@media(max-width:768px){.calendar-grid-section{padding:16px}.calendar-header-v2{flex-direction:column;align-items:flex-start;gap:12px}.services-grid{grid-template-columns:1fr}}@keyframes posFadeIn{0%{opacity:0}to{opacity:1}}@keyframes posSlideUp{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.pos-page-v2{background:var(--color-background);height:100%;min-height:0;display:flex}@media(min-width:769px){.pos-page-v2{margin-left:-24px!important;margin-right:-24px!important;padding-left:0!important;padding-right:0!important}}.pos-left-section{flex-direction:column;flex:auto;min-width:0;min-height:0;padding:20px 22px 14px 20px;display:flex;overflow:hidden}.pos-items-scroll{flex:auto;min-height:0;padding-top:12px;overflow-y:auto}.pos-right-section{background:var(--color-surface);border-left:1px solid var(--color-border);flex-direction:column;width:clamp(380px,calc(30vw / var(--ui-vu, 1)),480px);min-width:clamp(380px,calc(30vw / var(--ui-vu, 1)),480px);min-height:0;padding:18px 20px 14px;display:flex;overflow-y:auto}.pos-search-wrap{margin-bottom:12px;position:relative}.pos-search-wrap .ui-input-wrap,.pos-search-wrap .ui-search-input{width:100%;display:flex}.pos-search-icon{color:var(--color-text-muted);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.pos-search-input{box-sizing:border-box;border:1px solid var(--color-border);background:var(--color-surface);width:100%;height:43px;color:var(--color-text);border-radius:10px;outline:none;padding:0 14px 0 40px;font-size:13px;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #0f172a08}.pos-search-input::-moz-placeholder{color:var(--color-text-muted)}.pos-search-input::placeholder{color:var(--color-text-muted)}.pos-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.pos-search-input:disabled{background:var(--color-background);cursor:not-allowed}.pos-tabs{border-bottom:1px solid var(--color-border);gap:18px;margin-bottom:14px;display:flex}.pos-tab{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 2px 10px;font-size:14px;font-weight:600;transition:color .15s;display:inline-flex;position:relative}.pos-tab-ic{color:currentColor;flex-shrink:0}.pos-tab:hover{color:var(--color-primary)}.pos-tab.active{color:var(--color-primary);font-weight:600}.pos-tab.active:after{content:"";background:var(--color-primary);border-radius:2px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.pos-items-grid{grid-template-columns:repeat(5,1fr);align-content:start;gap:12px;display:grid}.pos-cat-sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;flex-shrink:0;width:200px;display:flex;overflow:hidden}.pos-cat-head{color:var(--color-text);justify-content:space-between;align-items:center;padding:18px 18px 12px;font-size:16px;font-weight:700;display:flex}.pos-cat-add{width:26px;height:26px;color:var(--color-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;font-size:20px;line-height:1;display:grid}.pos-cat-add:hover{background:var(--brand-soft,#e6f4f2)}.pos-cat-list{flex-direction:column;gap:8px;padding:0 12px 16px;display:flex;overflow-y:auto}.pos-cat-item{text-align:left;border:1px solid var(--color-border);background:var(--color-surface);width:100%;color:var(--color-text);cursor:pointer;border-radius:12px;align-items:center;gap:8px;min-width:0;padding:12px 14px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.pos-cat-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.pos-cat-emoji{flex-shrink:0;font-size:16px}.pos-cat-item:hover{border-color:var(--color-primary);background:var(--brand-soft,#e6f4f2)}.pos-cat-item.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.pos-item-card{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;text-align:left;border-radius:14px;flex-direction:column;padding:0;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 2px 10px #0f172a0a}.pos-item-card:hover{border-color:var(--color-primary);box-shadow:0 10px 24px rgba(var(--color-primary-rgb),.12);transform:translateY(-2px)}.pos-item-icon{display:none}.pos-item-media{color:#cbd5e1;background:linear-gradient(135deg,#f8fafc,#eef2f5);place-items:center;height:78px;display:grid;position:relative}.pos-item-media svg{width:26px;height:26px}.pos-item-img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pos-item-status{color:#16a34a;white-space:nowrap;background:#dcfce7;border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:12px;font-weight:600;display:inline-flex;position:absolute;top:7px;right:7px}.pos-item-status:before{content:"";background:#16a34a;border-radius:50%;width:5px;height:5px}.pos-item-body{flex-direction:column;flex:1;gap:2px;padding:8px 10px 9px;display:flex}.pos-item-sub{color:var(--color-text-muted);font-size:12px;line-height:1.15}.pos-item-foot{justify-content:space-between;align-items:center;gap:6px;margin-top:5px;display:flex}.pos-item-dur{color:var(--color-text-muted);font-size:12px}.pos-pagination{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding:8px 0 2px;display:flex}.pos-pagination .pos-page-btn,.pos-pagination .pos-page-num{border:1px solid var(--color-border);background:var(--color-surface);min-width:32px;height:30px;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border-radius:7px;padding:0 10px;font-size:12px;transition:all .15s;box-shadow:0 1px 2px #0f172a08}.pos-pagination .pos-page-btn:hover:not(:disabled),.pos-pagination .pos-page-num:hover:not(.active){border-color:var(--color-primary);color:var(--color-primary)}.pos-pagination .pos-page-btn:disabled{opacity:.45;cursor:not-allowed;color:var(--color-text-muted);background:var(--color-background)}.pos-pagination .pos-page-num.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 8px 16px rgba(var(--color-primary-rgb),.18);font-weight:600}.pos-pagination .pos-page-info{color:var(--color-text-muted);white-space:nowrap;margin-left:auto;padding-left:6px;font-size:12px}.pos-cart-empty--spa{background:var(--color-surface);border:1.5px dashed var(--brand-border);text-align:center;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:152px;margin:0;padding:22px 16px 20px;display:flex}.pos-cart-empty--spa .pos-cart-empty-illu{justify-content:center;align-items:center;width:82px;height:64px;margin-bottom:6px;display:flex}.pos-cart-empty--spa .pos-cart-empty-illu svg{width:82px;height:64px}.pos-cart-empty--spa .pos-cart-empty-title{color:var(--color-text);margin-bottom:2px;font-size:14px;font-weight:700}.pos-cart-empty--spa .pos-cart-empty-sub{color:var(--color-text-muted);max-width:250px;margin-bottom:0;font-size:12px;line-height:1.35}.pos-cart-empty--spa .pos-cart-empty-cta{border:1px solid var(--color-primary);background:var(--color-surface);height:34px;color:var(--color-primary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.pos-cart-empty--spa .pos-cart-empty-cta:hover{background:var(--color-primary);color:#fff}.pos-totals--card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;margin-top:0;padding:14px 14px 12px;box-shadow:0 2px 10px #0f172a0a}.pos-totals--card .pos-totals-header{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;margin-bottom:8px;padding-bottom:9px;display:flex}.pos-totals--card .pos-totals-icon{background:var(--color-primary-soft);width:20px;height:20px;color:var(--color-primary);border-radius:5px;justify-content:center;align-items:center;display:inline-flex}.pos-totals--card .pos-totals-icon svg{width:11px;height:11px}.pos-totals--card .pos-totals-title{color:var(--color-primary-hover);font-size:14px;font-weight:700}.pos-totals--card .pos-total-row{color:#334155;justify-content:space-between;align-items:center;gap:6px;margin:0;padding:6px 0;font-size:13px;line-height:1.25;display:flex}.pos-totals--card .pos-total-row>span:first-child{white-space:nowrap;color:#6b7280}.pos-totals--card>.pos-total-row:not(:nth-child(3))>span:last-child{color:#0f172a;font-weight:600}.pos-totals--card .pos-total-row .pos-input{color:#111827;text-align:right;background:#fff;border:1px solid #cbd5e1;border-radius:7px;outline:none;width:74px;height:32px;margin-left:auto;padding:0 8px;font-size:12px;font-weight:600;transition:border-color .15s,box-shadow .15s}.pos-totals--card .pos-total-row .pos-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.pos-totals--card .pos-total-row .pos-currency{color:#475569;background:#f8fafc;border:1px solid #cbd5e1;border-radius:7px;justify-content:center;align-items:center;min-width:32px;height:32px;margin-left:4px;padding:0 6px;font-size:12px;display:inline-flex}.pos-totals--card>.pos-total-row:nth-child(3){gap:6px}.pos-totals--card .pos-total-row.main-total{border-top:1px solid #e5e7eb;align-items:center;min-height:auto;margin-top:6px;padding-top:10px;padding-bottom:0}.pos-totals--card .pos-total-row.main-total>span:first-child{text-transform:uppercase;letter-spacing:.05em;color:#111827;font-size:13px;font-weight:800}.pos-totals--card .pos-total-row.main-total .total-value{color:var(--color-primary);font-size:17px;font-weight:800}.pos-item-info{text-align:center;flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.pos-item-name{color:#111827;-webkit-line-clamp:2;text-overflow:ellipsis;word-break:break-word;-webkit-box-orient:vertical;width:100%;min-height:2.5em;max-height:2.5em;margin:0;font-size:12.5px;font-weight:600;line-height:1.25;display:-webkit-box;overflow:hidden}.pos-item-price{color:var(--color-primary);font-size:13.5px;font-weight:700}.pos-empty-state{text-align:center;color:var(--color-text-muted);flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:42px 18px;display:flex}.pos-empty-icon{background:#f8fafc;border:1px solid #e5e7eb;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:14px;display:flex}.pos-empty-title{color:#111827;margin-bottom:6px;font-size:14px;font-weight:600}.pos-empty-sub{color:#64748b;max-width:280px;margin-bottom:14px;font-size:12px;line-height:1.4}.pos-browse-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.pos-browse-btn:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3);transform:translateY(-1px)}.pos-invoice-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:0;display:flex}.pos-invoice-header-left h2{color:var(--color-primary-hover);letter-spacing:-.02em;margin:0;font-size:26px;font-weight:700;line-height:1.08}.pos-invoice-subtitle{color:#64748b;margin:5px 0 0;font-size:13px}.pos-invoice-header-right{align-items:center;gap:8px;display:flex}.pos-menu-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .15s;display:flex}.pos-menu-btn:hover{color:#0f172a;background:#f1f5f9}.pos-from-appointment{background:var(--color-primary-soft);color:var(--color-primary);border-radius:999px;padding:4px 8px;font-size:12px;font-weight:600}.pos-customer-label{color:var(--color-text-muted);margin-bottom:8px;font-size:.8rem;font-weight:500}.pos-customer-select{border-bottom:none;margin-bottom:14px;padding-bottom:0}.pos-customer-select .cs-label{color:#334155;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:700}.pos-customer-select .cs-required{color:#ef4444}.pos-customer-select .cs-input{color:#111827;background-color:#fff;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>");background-position:14px;background-repeat:no-repeat;border:1px solid #e2e8f0;border-radius:10px;height:42px;padding:0 34px 0 40px;font-size:13px;box-shadow:0 1px 2px #0f172a08}.pos-customer-select .cs-input::-moz-placeholder{color:#94a3b8}.pos-customer-select .cs-input::placeholder{color:#94a3b8}.pos-customer-select .cs-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.pos-customer-select .cs-input--selected{border-color:rgba(var(--color-primary-rgb),.3);background-color:var(--color-primary-soft)}.pos-customer-select .cs-clear-btn{right:12px}.pos-customer-select .cs-hint,.pos-customer-select .cs-selected-text{margin-top:6px;font-size:12px}.pos-customer-select .cs-dropdown{border-color:#e5e7eb;border-radius:10px;margin-top:6px;box-shadow:0 12px 28px #0f172a14}.pos-customer-select .cs-dropdown-item{padding:10px 12px}.pos-cart-items{flex-direction:column;flex:1;min-height:0;margin-bottom:14px;display:flex;overflow:auto}.pos-cart-empty{height:200px;color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.pos-cart-empty-icon{opacity:.5;margin-bottom:12px;font-size:3rem}.pos-cart-table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:100%;font-size:.8rem;overflow:hidden;box-shadow:0 2px 10px #0f172a0a}.pos-cart-table th{text-align:left;color:var(--color-primary);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;letter-spacing:.04em;background:#fff;border-bottom:2px solid #e2e8f0;padding:8px 6px;font-size:.62rem;font-weight:700}.pos-cart-table td{vertical-align:middle;color:#0f172a;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:8px 6px;font-size:.72rem}.pos-cart-table tbody tr:last-child td{border-bottom:none}.pos-cart-table tbody tr td:first-child{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-weight:600;line-height:1.4;overflow:hidden}.pos-cart-table .product-row{background:#f0fdf4}.product-badge{color:#16a34a;margin-left:4px;font-size:.7rem}.staff-select{width:100%;min-width:70px;color:var(--color-text);border:1px solid var(--brand-border);-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;cursor:pointer;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>") right 8px center/10px no-repeat;border-radius:999px;padding:4px 16px 4px 6px;font-size:.7rem;font-weight:500}.staff-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1);outline:none}.qty-controls{background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;display:inline-flex;overflow:hidden}.qty-controls button{cursor:pointer;color:#64748b;background:#fff;border:none;border-radius:0;justify-content:center;align-items:center;width:20px;height:22px;font-size:.95rem;font-weight:600;transition:all .15s;display:flex}.qty-controls button:hover{border-color:var(--color-primary);color:var(--color-primary);background:#f1f5f9}.qty-controls span{text-align:center;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;justify-content:center;align-self:stretch;align-items:center;min-width:20px;padding:0 3px;font-size:.72rem;font-weight:600;display:inline-flex}.amount-cell{text-align:right;font-weight:500}.remove-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:4px;width:20px;height:20px;font-size:.9rem;font-weight:700;line-height:1;transition:background .15s}.remove-btn:hover{background:#fef2f2}.pos-totals{margin-bottom:0}.pos-total-row{color:#475569;justify-content:space-between;align-items:center;padding:10px 0;font-size:.92rem;display:flex}.pos-total-row.main-total{border-top:2px solid #e2e8f0;margin-top:12px;padding:16px 0}.pos-total-row.main-total span:first-child{color:var(--color-text);text-transform:uppercase;font-size:1rem;font-weight:700}.pos-total-row .total-value{color:var(--color-primary);font-size:1.5rem;font-weight:800}.pos-total-row.remaining-row{border-top:1px solid #f1f5f9;margin-top:4px;padding:12px 0;font-size:.95rem;font-weight:700}.pos-input{text-align:right;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;width:110px;margin-left:auto;margin-right:6px;padding:10px 14px;font-size:.92rem;font-weight:500;transition:all .2s}.pos-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.08);outline:none}.pos-currency{color:#94a3b8;font-size:.85rem;font-weight:500}.pos-submit-btn{background:var(--brand-gradient);color:#fff;cursor:pointer;letter-spacing:.02em;width:100%;height:48px;box-shadow:0 8px 16px rgba(var(--color-primary-rgb),.25);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:12px;margin-bottom:0;padding:0 18px;font-size:14px;font-weight:700;transition:background .2s,box-shadow .2s,transform .1s;display:flex}.pos-submit-btn:hover:not(:disabled){filter:brightness(.92);box-shadow:0 10px 18px rgba(var(--color-primary-rgb),.3)}.pos-submit-btn:active:not(:disabled){transform:scale(.99)}.pos-submit-btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.pos-submit-btn .btn-icon{color:inherit;justify-content:center;align-items:center;display:inline-flex}.pos-submit-btn .btn-icon svg{width:16px;height:16px}.pos-draft-btn{width:100%;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;padding:8px;font-size:.85rem;text-decoration:underline;transition:color .15s}.pos-draft-btn:hover{color:var(--color-text)}.pos-draft-btn:disabled{opacity:.5;cursor:not-allowed}.cs-wrapper{position:relative}.cs-label{color:#475569;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;font-size:.78rem;font-weight:700;display:block}.cs-required{color:#ef4444}.cs-input-wrap{position:relative}.cs-input{box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:12px 36px 12px 14px;font-size:.95rem;transition:all .2s}.cs-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.08)}.cs-input--selected{background:#f0fdf4;border:2px solid #10b981;font-weight:600}.cs-clear-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1rem;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.cs-clear-btn:hover{color:#ef4444}.cs-hint{color:#f59e0b;margin-top:6px;font-size:.78rem}.cs-selected-text{color:#10b981;margin-top:6px;font-size:.8rem;font-weight:500}.cs-dropdown{z-index:20;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;max-height:240px;margin-top:4px;padding:0;list-style:none;position:absolute;overflow-y:auto;box-shadow:0 8px 24px #0000001a}.cs-dropdown-empty{color:#94a3b8;text-align:center;padding:12px;font-size:.88rem}.cs-dropdown-item{cursor:pointer;border-bottom:1px solid #f1f5f9;padding:10px 14px;transition:background .15s}.cs-dropdown-item:hover{background:#f0fdf4}.cs-dropdown-item:last-child{border-bottom:none}.cs-dropdown-name{color:#1e293b;font-size:.9rem;font-weight:600}.cs-dropdown-phone{color:#94a3b8;font-size:.78rem}.pos-invoice-detail{flex-direction:column;height:100%;display:flex}.pos-id-header{border-bottom:1px solid #e2e8f0;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.pos-id-header h2{color:var(--color-text);margin:0;font-size:1.25rem;font-weight:700}.pos-id-heading{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pos-id-code{color:#64748b;letter-spacing:.02em;overflow-wrap:anywhere;font-size:.76rem;font-weight:600}.pos-id-success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;align-items:flex-start;gap:10px;margin:-4px 0 18px;padding:12px 14px;display:flex}.pos-id-success svg{flex:none;margin-top:1px}.pos-id-success strong,.pos-id-success span{display:block}.pos-id-success strong{font-size:.9rem;line-height:1.35}.pos-id-success span{color:#065f46;margin-top:2px;font-size:.78rem;line-height:1.45}.pos-id-status{text-transform:uppercase;letter-spacing:.04em;border-radius:20px;padding:4px 12px;font-size:.72rem;font-weight:700}.pos-id-status--draft{color:#64748b;background:#f1f5f9}.pos-id-status--issued{color:#2563eb;background:#dbeafe}.pos-id-status--partial{color:#d97706;background:#fef3c7}.pos-id-status--paid{color:#059669;background:#d1fae5}.pos-id-status--void{color:#dc2626;background:#fee2e2}.pos-id-customer{border-bottom:1px solid #e2e8f0;flex-direction:column;gap:4px;margin-bottom:20px;padding-bottom:16px;display:flex}.pos-id-customer-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;font-weight:700}.pos-id-customer-name{color:var(--color-text);font-size:1rem;font-weight:700}.pos-id-purchase{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:5px;margin-bottom:16px;padding:12px 14px;display:flex}.pos-id-purchase strong{color:var(--color-text);overflow-wrap:anywhere;font-size:.92rem;line-height:1.45}.pos-id-table{border-collapse:collapse;width:100%;margin-bottom:20px;font-size:.88rem}.pos-id-table th{text-align:left;color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid #e2e8f0;padding:10px 6px;font-size:.72rem;font-weight:700}.pos-id-table td{vertical-align:middle;color:var(--color-text);border-bottom:1px solid #f1f5f9;padding:12px 6px}.pos-id-table .text-right{text-align:right}.pos-id-table .text-center{text-align:center}.pos-id-totals{border-top:2px solid #e2e8f0;flex:1;margin-bottom:24px;padding-top:16px}.pos-id-row{color:#475569;justify-content:space-between;align-items:center;padding:8px 0;font-size:.92rem;display:flex}.pos-id-row--total{border-top:2px solid #e2e8f0;margin-top:8px;padding:14px 0}.pos-id-row--total span:first-child{color:var(--color-text);font-weight:700}.pos-id-total-value{color:var(--color-primary);font-size:1.4rem;font-weight:800}.pos-id-row--debt{color:#ef4444;text-transform:uppercase;border-top:1px solid #f1f5f9;margin-top:4px;padding:12px 0;font-size:.95rem;font-weight:700}.pos-id-actions{border-top:1px solid #e2e8f0;gap:10px;margin-top:auto;padding-top:16px;display:flex}.pos-id-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 16px;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.pos-id-btn--pay{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;box-shadow:0 3px 10px rgba(var(--color-primary-rgb),.25)}.pos-id-btn--pay:hover{box-shadow:0 5px 16px rgba(var(--color-primary-rgb),.35);transform:translateY(-1px)}.pos-id-btn--void{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 3px 10px #ef444433}.pos-id-btn--void:hover{transform:translateY(-1px);box-shadow:0 5px 16px #ef44444d}.pos-id-btn--back{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.pos-id-btn--back:hover{background:#e2e8f0}.pos-id-payment-overlay{-webkit-backdrop-filter:blur(2px);z-index:99999!important;background:#0009!important;justify-content:center!important;align-items:center!important;width:calc(100vw / var(--ui-vu, 1))!important;height:calc(100vh / var(--ui-vu, 1))!important;display:flex!important;position:fixed!important;inset:0!important}.pos-id-payment-modal{z-index:100000;background:#fff;border-radius:16px;width:100%;max-width:440px;padding:32px;position:relative;box-shadow:0 20px 60px #00000026}.pos-pm-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.pos-pm-title{align-items:center;gap:10px;display:flex}.pos-pm-icon{background:#f0fdfa;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.pos-pm-title h3{margin:0;font-size:1.2rem;font-weight:700}.pos-pm-close{color:#94a3b8;cursor:pointer;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;transition:all .15s;display:flex}.pos-pm-close:hover{color:#475569;background:#e2e8f0}.pos-pm-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.pos-pm-debt{color:var(--color-primary);font-size:.82rem;font-style:italic;font-weight:600}.pos-pm-input-wrap{position:relative}.pos-pm-input-wrap .pos-id-form-input{padding-right:32px}.pos-pm-suffix{color:#94a3b8;font-size:.88rem;font-weight:500;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.pos-pm-textarea{resize:vertical;min-height:80px;font-family:inherit}.pos-id-payment-modal h3{margin-bottom:20px;font-size:1.2rem;font-weight:700}.pos-id-form-group{margin-bottom:16px}.pos-id-form-group label{color:#475569;margin-bottom:6px;font-size:.82rem;font-weight:600;display:block}.pos-id-form-input{box-sizing:border-box;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:.92rem;transition:all .2s}.pos-id-form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.08)}.pos-id-form-actions{gap:10px;margin-top:20px;display:flex}@media(max-width:1400px){.pos-items-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:1200px){.pos-items-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:992px){.pos-page-v2{flex-direction:column}.pos-right-section{width:100%;min-width:unset;border-left:none;border-top:1px solid var(--color-border)}.pos-items-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:768px){.pos-page-v2{overflow-x:hidden}.pos-items-grid{grid-template-columns:repeat(3,1fr);gap:8px}.pos-left-section,.pos-right-section{padding:10px;overflow:hidden}.pos-right-section{min-width:unset}.pos-item-card{border-radius:10px;padding:8px 4px}.pos-item-icon{width:30px;height:30px;margin-bottom:4px;font-size:.9rem}.pos-item-name{-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:.68rem;line-height:1.25;display:-webkit-box;overflow:hidden}.pos-item-price{font-size:.68rem}.pos-tabs{gap:16px}.pos-tab{font-size:.85rem}.pos-cart-table th,.pos-cart-table td{padding:6px 3px;font-size:.72rem}.pos-totals .pos-total-row{font-size:.8rem}.pos-totals .pos-total-row.main-total{font-size:1rem}.pos-submit-btn,.pos-draft-btn{padding:12px;font-size:.85rem}}@media(max-width:480px){.pos-items-grid{grid-template-columns:repeat(2,1fr);gap:6px}.pos-item-card{padding:8px 4px}.pos-item-icon{width:28px;height:28px}.pos-item-name,.pos-item-price{font-size:.68rem}}.inv-list-page{padding:0 0 16px}.inv-chips-row{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding:10px 14px 8px;display:flex;overflow-x:auto}.inv-chips-row::-webkit-scrollbar{display:none}.inv-chip{border:1.5px solid var(--color-border,#e5e7eb);background:var(--color-surface,#fff);color:var(--color-text-muted,#6b7280);cursor:pointer;white-space:nowrap;border-radius:20px;flex-shrink:0;padding:5px 13px;font-size:.78rem;font-weight:500;transition:all .15s}.inv-chip:hover{border-color:var(--color-primary);color:var(--color-primary)}.inv-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.inv-stats-row{border-bottom:1px solid var(--color-border,#e5e7eb);grid-template-columns:repeat(3,1fr);margin-bottom:2px;padding:4px 14px 10px;display:grid}.inv-stat-tile{text-align:center;padding:6px 4px}.inv-stat-label{color:var(--color-text-muted,#9ca3af);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:12px;font-weight:600}.inv-stat-value{color:var(--color-text,#111827);font-size:13px;font-weight:700;line-height:1.2}.inv-stat-value.green{color:#059669}.inv-stat-value.red{color:#ef4444}.inv-action-row{align-items:center;gap:8px;padding:8px 14px 10px;display:flex}.inv-search-box{background:var(--color-background,#f3f4f6);border:1.5px solid #0000;border-radius:10px;flex:1;align-items:center;gap:7px;padding:7px 10px;transition:border-color .15s;display:flex}.inv-search-box:focus-within{border-color:var(--color-primary);background:var(--color-surface,#fff)}.inv-search-box input{color:var(--color-text,#111827);background:0 0;border:none;outline:none;flex:1;font-size:.82rem}.inv-search-box input::-moz-placeholder{color:var(--color-text-muted,#9ca3af)}.inv-search-box input::placeholder{color:var(--color-text-muted,#9ca3af)}.inv-search-clear{color:var(--color-text-muted,#9ca3af);cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:1rem;line-height:1}.inv-create-btn{background:var(--color-primary);color:#fff;white-space:nowrap;border-radius:10px;flex-shrink:0;align-items:center;gap:4px;padding:7px 14px;font-size:.8rem;font-weight:600;text-decoration:none;transition:background .15s;display:inline-flex}.inv-create-btn:hover{background:var(--color-primary-hover)}.inv-list{flex-direction:column;gap:10px;padding:0 14px 16px;display:flex}.inv-loading{color:var(--color-text-muted,#9ca3af);justify-content:center;align-items:center;gap:8px;padding:32px 0;font-size:.85rem;display:flex}.inv-loading-spinner{border:2px solid #e5e7eb;border-top-color:var(--color-primary);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite inv-spin}@keyframes inv-spin{to{transform:rotate(360deg)}}.inv-empty{text-align:center;color:var(--color-text-muted,#9ca3af);padding:40px 20px;font-size:.85rem}.inv-card{background:var(--color-surface,#fff);border:1px solid #f0f2f3;border-radius:16px;padding:14px 16px;transition:box-shadow .15s,transform .15s;box-shadow:0 2px 8px #10201e0d}.inv-card:hover{box-shadow:0 6px 18px rgba(var(--color-primary-rgb),.12);transform:translateY(-1px)}.inv-row-top{justify-content:space-between;align-items:flex-start;margin-bottom:5px;display:flex}.inv-meta{color:var(--color-text-muted,#9ca3af);font-size:.72rem;font-weight:500}.inv-status{border-radius:20px;flex-shrink:0;padding:3px 9px;font-size:.7rem;font-weight:600;line-height:1.4;display:inline-block}.inv-status-DRAFT{color:#6b7280;background:#f3f4f6}.inv-status-ISSUED{color:#1d4ed8;background:#dbeafe}.inv-status-PARTIAL{color:#d97706;background:#fef3c7}.inv-status-PAID{color:#059669;background:#d1fae5}.inv-status-VOID{color:#dc2626;background:#fee2e2}.inv-name{color:var(--color-text,#111827);margin-bottom:1px;font-size:.9rem;font-weight:600}.inv-phone{color:var(--color-text-muted,#9ca3af);margin-bottom:8px;font-size:.75rem}.inv-row-bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:6px;display:flex}.inv-amounts{flex-direction:column;gap:1px;display:flex}.inv-top-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.inv-meta-block{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.inv-name-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.inv-name-row .inv-name,.inv-name-row .inv-phone{margin-bottom:0}.inv-name-row .inv-more-btn{margin-left:auto}.inv-amounts--top{text-align:right;align-items:flex-end}.inv-amounts-label{color:var(--color-text-muted,#9ca3af);text-transform:uppercase;letter-spacing:.03em;font-size:.68rem}.inv-amounts-val{color:var(--color-text,#111827);font-size:.82rem;font-weight:600}.inv-amounts-sep{color:var(--color-text-muted,#9ca3af);font-weight:400}.inv-debt-red{color:#ef4444}.inv-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.inv-more-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:none}.inv-more-btn:active{background:#f1f5f9}@media(max-width:768px){.inv-row-bottom .inv-actions{display:none}.inv-more-btn{display:inline-flex}}.inv-btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;height:30px;padding:0 12px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.inv-btn-detail{background:var(--color-primary);color:#fff}.inv-btn-detail:hover{background:var(--color-primary-hover)}.inv-btn-edit{color:#16a34a;background:#f0fdf4}.inv-btn-edit:hover{background:#dcfce7}.inv-btn-del{color:#9ca3af;background:0 0;padding:0 8px}.inv-btn-del:hover{color:#ef4444;background:#fef2f2}.inv-btn-confirm{color:#fff;background:#dc2626}.inv-btn-confirm:hover{background:#b91c1c}.inv-btn-confirm:disabled{opacity:.6;cursor:not-allowed}.inv-btn-cancel{color:#6b7280;background:#f3f4f6}.inv-btn-cancel:hover{background:#e5e7eb}.inv-pagination{justify-content:center;align-items:center;gap:6px;padding:14px 14px 0;display:flex}.inv-page-btn{border:1.5px solid var(--color-border,#e5e7eb);background:var(--color-surface,#fff);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-width:32px;height:32px;font-size:.82rem;transition:all .15s;display:flex}.inv-page-btn:hover:not(:disabled):not(.active){border-color:var(--color-primary);color:var(--color-primary)}.inv-page-btn:disabled{opacity:.4;cursor:not-allowed}.inv-page-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600}.inv-page-ellipsis{color:var(--color-text-muted,#9ca3af);padding:0 4px;font-size:.82rem}.debts-page-v2{padding:24px 0}.debts-header{justify-content:space-between;align-items:flex-start;margin-bottom:28px;display:flex}.debts-title{color:var(--color-text);margin-bottom:4px;font-size:1.75rem;font-weight:700}.debts-subtitle{color:var(--color-text-muted);font-size:.9rem}.debts-total-card{text-align:right;background:linear-gradient(135deg,#f0f7ff,#e8f4ff);border:1px solid #bfdbfe;border-radius:12px;padding:16px 24px}.debts-total-card .total-label{color:var(--color-text-muted);margin-bottom:4px;font-size:.8rem}.debts-total-card .total-value{color:#ef4444;font-size:1.5rem;font-weight:700}.debts-filters{gap:12px;margin-bottom:24px;display:flex}.debts-search-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;flex:1;align-items:center;gap:12px;max-width:500px;padding:12px 16px;display:flex}.debts-search-box .search-icon{opacity:.5;font-size:1.1rem}.debts-search-box input{background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.debts-search-box input::-moz-placeholder{color:var(--color-text-muted)}.debts-search-box input::placeholder{color:var(--color-text-muted)}.debts-filter-btn{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:12px 20px;font-size:.9rem;transition:all .2s;display:flex}.debts-filter-btn:hover{background:var(--color-background)}.debts-search-btn{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:12px 24px;font-size:.9rem;font-weight:500;transition:all .2s}.debts-search-btn:hover{background:var(--color-primary-hover)}.debts-table-container{background:var(--color-surface);border-radius:12px;margin-bottom:20px;overflow:hidden}.debts-table{border-collapse:collapse;width:100%}.debts-table thead{background:var(--color-background)}.debts-table th{text-align:left;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:16px 24px;font-size:.75rem;font-weight:600}.debts-table th:last-child{text-align:right}.debts-table tbody tr{border-bottom:1px solid var(--color-border);transition:background .15s}.debts-table tbody tr:hover{background:var(--color-background)}.debts-table td{padding:20px 24px;font-size:.9rem}.customer-cell{align-items:center;gap:14px;display:flex}.customer-avatar{color:#fff;text-transform:uppercase;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:.85rem;font-weight:600;display:flex}.customer-info{flex-direction:column;gap:2px;display:flex}.customer-info .customer-name{color:var(--color-text);font-weight:500}.customer-info .customer-phone{color:var(--color-text-muted);font-size:.8rem}.invoice-count-cell{text-align:center;font-weight:500}.debt-progress-cell{min-width:200px}.debt-progress-cell .debt-amount{color:#ef4444;margin-bottom:6px;font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600}.debt-progress-bar{background:#f3f4f6;border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden}.debt-progress-fill{border-radius:3px;height:100%;transition:width .3s}.debt-progress-cell .debt-limit{color:var(--color-text-muted);font-size:.75rem}.view-customer-btn{color:var(--color-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.view-customer-btn:hover{color:var(--color-primary-hover);background:#f0fdfa}.view-customer-btn .btn-icon{font-size:.9rem}.debt-card-grid{grid-template-columns:repeat(6,1fr);align-items:start;gap:12px;display:grid}@media(max-width:1600px){.debt-card-grid{grid-template-columns:repeat(5,1fr)}}@media(max-width:1280px){.debt-card-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:992px){.debt-card-grid{grid-template-columns:repeat(3,1fr)}}.debt-customer-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;flex-direction:column;justify-content:space-between;gap:12px;min-height:0;padding:14px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;box-shadow:0 6px 18px #0f172a0f}.debt-customer-card:hover{border-color:#dbe4ea;transform:translateY(-2px);box-shadow:0 12px 24px #0f172a14}.debt-customer-card__top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.debt-customer-profile{flex:1;align-items:flex-start;gap:10px;min-width:0;display:flex}.debt-customer-avatar{background:var(--brand-gradient);color:#fff;letter-spacing:.02em;width:42px;height:42px;box-shadow:0 12px 20px rgba(var(--color-primary-rgb),.18);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:800;display:flex}.debt-customer-details{min-width:0;padding-top:1px}.debt-customer-name{text-overflow:ellipsis;white-space:nowrap;color:#111827;font-size:14px;font-weight:700;line-height:1.2;overflow:hidden}.debt-customer-phone{color:#64748b;margin-top:4px;font-size:12px;font-weight:500;line-height:1.35}.debt-customer-summary{text-align:right;flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.debt-customer-amount{color:#ef4444;font-size:15px;font-weight:800;line-height:1}.debt-customer-badge{color:#ef4444;background:#fee2e2;border-radius:999px;align-items:center;padding:4px 9px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.debt-customer-actions{gap:8px;margin-top:4px;display:flex}.debt-customer-btn{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;flex:1 1 0;justify-content:center;align-items:center;min-width:0;height:36px;font-size:12.5px;font-weight:700;transition:transform .16s,background .16s,box-shadow .16s,border-color .16s;display:inline-flex}.debt-customer-btn:hover{transform:translateY(-1px)}.debt-customer-btn--collect{background:var(--color-primary);color:#fff;box-shadow:0 8px 18px rgba(var(--color-primary-rgb),.18)}.debt-customer-btn--collect:hover{background:var(--color-primary-hover)}.debt-customer-btn--view{color:#111827;background:#f3f4f6;border-color:#eef2f7}.debt-customer-btn--view:hover{background:#e8edf3}.debts-table td:last-child{text-align:right}.empty-state{text-align:center;color:var(--color-text-muted);padding:60px 20px!important}.debts-pagination{justify-content:space-between;align-items:center;padding:16px 0;display:flex}.debts-pagination .pagination-info{color:var(--color-text-muted);font-size:.9rem}.debts-pagination .pagination-info strong{color:var(--color-text)}.debts-pagination .pagination-controls{align-items:center;gap:6px;display:flex}.debts-pagination .pagination-btn{border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;font-size:.9rem;transition:all .2s;display:flex}.debts-pagination .pagination-btn:hover:not(:disabled):not(.active){background:var(--color-background)}.debts-pagination .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.debts-pagination .pagination-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media(max-width:768px){.debts-page-v2{padding:20px}.debts-header{flex-direction:column;gap:16px}.debts-filters{flex-direction:column}.debts-search-box{max-width:100%}.debts-table th,.debts-table td{padding:12px 10px}.debt-card-grid{grid-template-columns:1fr}.debt-customer-card{min-height:0;padding:12px 14px}.debt-customer-card__top{gap:10px}.debt-customer-avatar{width:40px;height:40px;font-size:13px}.debt-customer-name{font-size:14px}.debt-customer-phone{margin-top:4px;font-size:12px}.debt-customer-amount{font-size:15px}.debt-customer-badge{padding:3px 8px;font-size:12px}.debt-customer-actions{gap:8px;margin-top:10px}.debt-customer-btn{border-radius:8px;height:34px;font-size:12px}.debts-pagination{flex-direction:column;gap:16px}}.debt-modal-overlay{-webkit-backdrop-filter:blur(4px);z-index:9999;background:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.debt-modal-content{background:#fff;border-radius:16px;width:580px;max-width:calc(92vw / var(--ui-vu, 1));max-height:calc(85vh / var(--ui-vu, 1));animation:.25s slideUp;position:relative;overflow-y:auto;box-shadow:0 25px 60px #00000026,0 0 0 1px #0000000d}.debt-modal-close{color:#64748b;cursor:pointer;z-index:1;background:#f1f5f9;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .15s;display:flex;position:absolute;top:16px;right:16px}.debt-modal-close:hover{color:#1e293b;background:#e2e8f0}.debt-modal-header{align-items:center;gap:16px;padding:24px 24px 16px;display:flex}.debt-modal-avatar{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.4rem;font-weight:700;display:flex}.debt-modal-name{color:#1e293b;margin:0 0 4px;font-size:1.3rem;font-weight:700}.debt-modal-meta{color:#64748b;font-size:.85rem}.debt-modal-tabs{border-bottom:1px solid #e2e8f0;gap:0;padding:0 24px;display:flex}.debt-modal-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:.85rem;font-weight:500;transition:all .15s}.debt-modal-tab:hover{color:var(--color-primary)}.debt-modal-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.debt-modal-body{padding:24px}.debt-modal-info-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.debt-modal-info-grid .info-item{flex-direction:column;gap:4px;display:flex}.debt-modal-info-grid .info-item label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:.78rem;font-weight:500}.debt-modal-info-grid .info-item div{color:#1e293b;font-size:.95rem;font-weight:500}.debt-modal-info-grid .info-item.full-width{grid-column:1/-1}.debt-modal-notes{flex-direction:column;gap:12px;display:flex}.debt-note-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px 16px}.debt-note-item p{color:#1e293b;white-space:pre-wrap;margin:0 0 8px;font-size:.9rem}.debt-note-time{color:#94a3b8;font-size:.75rem}.debt-modal-timeline{flex-direction:column;gap:0;padding-left:12px;display:flex}.debt-timeline-item{border-left:2px solid #e2e8f0;align-items:flex-start;gap:14px;padding:12px 0 12px 20px;display:flex;position:relative}.debt-timeline-item .timeline-dot{background:#94a3b8;border-radius:50%;flex-shrink:0;width:10px;height:10px;position:absolute;top:16px;left:-6px}.debt-timeline-item .timeline-dot.green{background:#10b981}.debt-timeline-item .timeline-dot.blue{background:#3b82f6}.debt-timeline-item .timeline-dot.gray{background:#94a3b8}.timeline-content{justify-content:space-between;width:100%;font-size:.85rem;display:flex}.timeline-content span{color:#475569}.timeline-content time{color:#94a3b8;white-space:nowrap;font-size:.8rem}.ws-page{background:#f8fafc;min-height:calc(calc(100vh / var(--ui-vu, 1)) - 60px);padding:0}.ws-layout{min-height:calc(calc(100vh / var(--ui-vu, 1)) - 60px);display:flex}.ws-sidebar{background:#fff;border-right:1px solid #e2e8f0;flex-shrink:0;width:220px;padding:20px 0}.ws-sidebar-header{border-bottom:1px solid #f1f5f9;align-items:center;gap:10px;margin-bottom:12px;padding:0 16px 16px;display:flex}.ws-sidebar-avatar{color:#64748b;background:#f1f5f9;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.ws-sidebar-title{color:#1e293b;font-size:13px;font-weight:600}.ws-sidebar-sub{color:#94a3b8;font-size:12px}.ws-sidebar-label{color:#94a3b8;letter-spacing:.05em;text-transform:uppercase;padding:8px 16px 6px;font-size:12px;font-weight:600}.ws-sidebar-nav{flex-direction:column;gap:1px;display:flex}.ws-sidebar-item{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:13px;transition:all .15s;display:flex}.ws-sidebar-item:hover{color:#1e293b;background:#f8fafc}.ws-sidebar-item.active{color:#0284c7;background:#f0f9ff;border-left-color:#0284c7;font-weight:600}.ws-main{flex:1;max-width:900px;padding:24px 32px}.ws-page-header{color:#475569;align-items:center;gap:12px;margin-bottom:24px;display:flex}.ws-page-title{color:#1e293b;margin:0;font-size:18px;font-weight:700}.ws-page-subtitle{color:#94a3b8;margin:2px 0 0;font-size:12px}.ws-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:20px;padding:20px 24px}.ws-card-header{color:#475569;align-items:center;gap:10px;margin-bottom:16px;display:flex}.ws-card-header h3{color:#1e293b;margin:0;font-size:14px;font-weight:600}.ws-card-header p{color:#94a3b8;margin:2px 0 0;font-size:12px}.ws-info-grid{flex-direction:column;gap:14px;display:flex}.ws-info-row{flex-direction:column;gap:4px;display:flex}.ws-info-row label{color:#64748b;font-size:12px;font-weight:600}.ws-info-value{color:#94a3b8;padding:8px 0;font-size:13px}.ws-input{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;transition:border .15s}.ws-input:focus{background:#fff;border-color:#0284c7}.ws-card-actions{justify-content:flex-end;margin-top:16px;display:flex}.ws-btn-save{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:6px;padding:7px 20px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.ws-btn-save:hover{background:#334155}.ws-btn-save:disabled{opacity:.4;cursor:default}.ws-tabs{border-bottom:2px solid #e2e8f0;margin-bottom:0;display:flex}.ws-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.ws-tab:hover{color:#1e293b}.ws-tab.active{color:#1e293b;border-bottom-color:#1e293b;font-weight:600}.ws-tab-content{background:#fff;border:1px solid #e2e8f0;border-top:none;border-radius:0 0 10px 10px;padding:20px 24px}.ws-sub-tabs{background:#f1f5f9;border-radius:10px;gap:2px;margin-bottom:20px;padding:4px;display:flex}.ws-sub-tab{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:all .15s;display:flex}.ws-sub-tab:hover{color:#1e293b;background:#fff9}.ws-sub-tab.active{color:#1e293b;background:#fff;font-weight:600;box-shadow:0 1px 3px #00000014}.ws-sub-tab svg{flex-shrink:0}.ws-sub-tab-content{min-height:300px}.ws-sub-tab-content .tab-content{padding:0}.ws-sub-tab-content .tab-header{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.ws-sub-tab-content .tab-header h2{color:#1e293b;margin:0;font-size:16px;font-weight:600}.ws-sub-tab-content .tab-header p{color:#64748b;margin:4px 0 0;font-size:13px}@media(max-width:768px){.ws-sub-tab-content .tab-header{flex-direction:column;align-items:stretch;gap:10px}.ws-sub-tab-content .tab-header h2{white-space:nowrap}.ws-sub-tab-content .tab-header p{white-space:normal}.ws-sub-tab-content .tab-header .btn-primary{align-self:flex-start}}.ws-sub-tab-content .btn-primary{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:500;transition:background .15s;display:inline-flex}.ws-sub-tab-content .btn-primary:hover{background:#334155}.ws-sub-tab-content .btn-primary:disabled{opacity:.6;cursor:not-allowed}.ws-sub-tab-content .btn-secondary{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;display:inline-flex}.ws-sub-tab-content .btn-secondary:hover{background:#e2e8f0}.ws-sub-tab-content .btn-icon{cursor:pointer;color:#64748b;background:0 0;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.ws-sub-tab-content .btn-icon:hover{color:#1e293b;background:#f1f5f9}.ws-sub-tab-content .btn-icon.danger:hover{color:#ef4444;background:#fef2f2;border-color:#fecaca}.ws-sub-tab-content .branches-list,.ws-sub-tab-content .bank-accounts-list{flex-direction:column;gap:10px;display:flex}.ws-sub-tab-content .branch-card,.ws-sub-tab-content .bank-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;justify-content:space-between;align-items:center;padding:14px 18px;transition:border-color .15s;display:flex}.ws-sub-tab-content .branch-card:hover,.ws-sub-tab-content .bank-card:hover{border-color:#cbd5e1}.ws-sub-tab-content .branch-card.inactive{opacity:.6}.ws-sub-tab-content .branch-info h3,.ws-sub-tab-content .bank-info h3{color:#1e293b;margin:0 0 4px;font-size:14px;font-weight:600}.ws-sub-tab-content .branch-info .address,.ws-sub-tab-content .bank-info .account-number{color:#475569;margin:0;font-size:13px}.ws-sub-tab-content .bank-info .account-holder{color:#94a3b8;margin:2px 0 0;font-size:12px}.ws-sub-tab-content .contact-info{color:#64748b;gap:16px;margin-top:6px;font-size:12px;display:flex}.ws-sub-tab-content .branch-actions,.ws-sub-tab-content .bank-actions{align-items:center;gap:8px;display:flex}.ws-sub-tab-content .badge{border-radius:12px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.ws-sub-tab-content .badge.default{color:#2563eb;background:#dbeafe}.ws-sub-tab-content .badge.inactive{color:#d97706;background:#fef3c7}.ws-sub-tab-content .bank-card-left{align-items:center;gap:14px;display:flex}.ws-sub-tab-content .qr-preview{border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;width:56px;height:56px;overflow:hidden}.ws-sub-tab-content .qr-preview img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.ws-sub-tab-content .loading-state,.ws-sub-tab-content .empty-state{text-align:center;color:#94a3b8;padding:40px 20px;font-size:14px}.ws-sub-tab-content .form-group{margin-bottom:16px}.ws-sub-tab-content .form-group label{color:#475569;margin-bottom:6px;font-size:13px;font-weight:500;display:block}.ws-sub-tab-content .form-group input,.ws-sub-tab-content .form-group select,.ws-sub-tab-content .form-group textarea{color:#1e293b;box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:8px;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}.ws-sub-tab-content .form-group input:focus,.ws-sub-tab-content .form-group select:focus,.ws-sub-tab-content .form-group textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.ws-sub-tab-content .form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.ws-sub-tab-content .form-actions{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:16px}.ws-sub-tab-content .checkbox-group label{color:#475569;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.ws-sub-tab-content .checkbox-group input[type=checkbox]{width:auto}.ws-sub-tab-content .working-hours-table{border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.ws-sub-tab-content .hours-header{color:#64748b;text-transform:uppercase;letter-spacing:.05em;background:#f8fafc;grid-template-columns:100px 1fr 1fr 60px;gap:12px;padding:10px 16px;font-size:12px;font-weight:600;display:grid}.ws-sub-tab-content .hours-row{border-top:1px solid #f1f5f9;grid-template-columns:100px 1fr 1fr 60px;align-items:center;gap:12px;padding:10px 16px;font-size:13px;display:grid}.ws-sub-tab-content .hours-row.closed{opacity:.7;background:#fef2f2}.ws-sub-tab-content .day-name{color:#1e293b;font-weight:500}.ws-sub-tab-content .time-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:6px 10px;font-family:inherit;font-size:13px}.ws-sub-tab-content .time-select:disabled{color:#94a3b8;background:#f1f5f9}.ws-sub-tab-content .branch-select{border:1px solid #d1d5db;border-radius:8px;width:100%;max-width:300px;padding:8px 12px;font-family:inherit;font-size:13px}.ws-sub-tab-content .settings-section{border-bottom:1px solid #f1f5f9;margin-bottom:24px;padding-bottom:20px}.ws-sub-tab-content .settings-section:last-child{border-bottom:none}.ws-sub-tab-content .settings-section h3{color:#1e293b;margin:0 0 16px;font-size:14px;font-weight:600}.ws-sub-tab-content .checkbox-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.ws-sub-tab-content .checkbox-item{color:#475569;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.ws-sub-tab-content .checkbox-item input[type=checkbox]{width:auto}.ws-sub-tab-content .modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ws-sub-tab-content .modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:calc(85vh / var(--ui-vu, 1));padding:24px;overflow-y:auto;box-shadow:0 20px 60px #00000026}.ws-sub-tab-content .modal-content h2{color:#1e293b;margin:0 0 20px;font-size:18px;font-weight:600}.ws-sub-tab-content .modal-actions{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:16px;display:flex}.ws-sub-tab-content .qr-upload-area{margin-top:4px}.ws-sub-tab-content .qr-upload-box{cursor:pointer;color:#64748b;border:2px dashed #d1d5db;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:24px;font-size:13px;transition:border-color .15s;display:flex}.ws-sub-tab-content .qr-upload-box:hover{border-color:#94a3b8}.ws-sub-tab-content .upload-icon{font-size:24px}.ws-sub-tab-content .upload-hint{color:#94a3b8;font-size:12px}.ws-sub-tab-content .qr-preview-form{flex-direction:column;align-items:center;gap:8px;display:flex}.ws-sub-tab-content .qr-preview-form img{border:1px solid #e2e8f0;border-radius:8px;max-width:120px;max-height:120px}.ws-sub-tab-content .btn-remove-qr{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #fecaca;border-radius:6px;padding:4px 12px;font-family:inherit;font-size:12px}.ws-sub-tab-content .btn-remove-qr:hover{background:#fef2f2}.ws-sub-tab-content .required{color:#ef4444}.ws-sub-tab-content .settings-form{max-width:none}.ws-section-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.ws-section-title{color:#1e293b;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:600;display:flex}.ws-section-sub{color:#94a3b8;margin:4px 0 0;font-size:12px}.ws-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:#1e293b;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s;display:flex}.ws-btn-primary:hover{background:#334155;transform:translateY(-1px)}.ws-btn-cancel{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;padding:8px 16px;font-family:inherit;font-size:12px;font-weight:500}.ws-btn-cancel:hover{background:#e2e8f0}.ws-btn-remove{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #fecaca;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.ws-empty-state{text-align:center;color:#94a3b8;padding:40px 20px}.ws-empty-state p{color:#475569;margin:12px 0 4px;font-size:14px;font-weight:500}.ws-empty-state span{color:#94a3b8;font-size:12px}.ws-empty-state svg{margin-bottom:4px}.ws-error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:12px;padding:8px 12px;font-size:12px}.ws-member-list{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.ws-member-header{color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;background:#f8fafc;border-bottom:1px solid #e2e8f0;grid-template-columns:1fr 140px 120px 40px;padding:8px 16px;font-size:12px;font-weight:600;display:grid}.ws-member-row{border-bottom:1px solid #f1f5f9;grid-template-columns:1fr 140px 120px 40px;align-items:center;padding:12px 16px;transition:background .1s;display:grid}.ws-member-row:hover{background:#fafbfc}.ws-col-user{align-items:center;gap:10px;min-width:0;display:flex}.ws-member-avatar{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:14px;display:flex}.ws-member-info{flex-direction:column;min-width:0;display:flex}.ws-member-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.ws-member-email{color:#94a3b8;font-size:12px}.ws-col-role{font-size:12px}.ws-role-badge{border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.ws-role-select{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;outline:none;padding:4px 8px;font-family:inherit;font-size:12px}.ws-role-select:focus{border-color:#0284c7}.ws-col-date{color:#94a3b8;font-size:12px}.ws-col-actions{justify-content:flex-end;display:flex}.ws-branch-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.ws-branch-card{border:1px solid #e2e8f0;border-radius:8px;align-items:flex-start;gap:12px;padding:16px;transition:all .15s;display:flex;position:relative}.ws-branch-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.ws-branch-icon{color:#0284c7;background:#f0f9ff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.ws-branch-info h4{color:#1e293b;margin:0 0 2px;font-size:13px;font-weight:600}.ws-branch-info p{color:#94a3b8;margin:0;font-size:12px}.ws-branch-info span{color:#64748b;font-size:12px}.ws-branch-info{flex:1;min-width:0}.ws-branch-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.ws-branch-default{color:#10b981;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600}.ws-btn-delete-branch{color:#94a3b8;cursor:pointer;opacity:0;background:0 0;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.ws-branch-card:hover .ws-btn-delete-branch{opacity:1}.ws-btn-delete-branch:hover{color:#ef4444;background:#fef2f2;border-color:#fca5a5}.ws-perm-table-wrap{border:1px solid #e2e8f0;border-radius:8px;overflow-x:auto}.ws-perm-table{border-collapse:collapse;width:100%;font-size:12px}.ws-perm-table th{text-align:center;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 12px;font-weight:600}.ws-perm-table th:first-child{text-align:left}.ws-perm-table td{text-align:center;border-bottom:1px solid #f1f5f9;padding:8px 12px}.ws-perm-table tr:last-child td{border-bottom:none}.ws-perm-table tr:hover td{background:#fafbfc}.ws-perm-module-col{min-width:160px}.ws-perm-module-name{color:#475569;font-weight:500;text-align:left!important}.ws-perm-role-header{font-size:12px;font-weight:600}.ws-perm-badge{white-space:nowrap;border-radius:4px;padding:3px 8px;font-size:12px;font-weight:500;display:inline-block}.ws-modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ws-modal{background:#fff;border-radius:12px;width:420px;max-width:calc(90vw / var(--ui-vu, 1));box-shadow:0 20px 60px #00000026}.ws-modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.ws-modal-header h3{color:#1e293b;margin:0;font-size:15px;font-weight:600}.ws-modal-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.ws-modal-close:hover{background:#e2e8f0}.ws-modal-body{padding:20px}.ws-form-group{margin-bottom:16px}.ws-form-group label{color:#64748b;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.ws-modal-footer{justify-content:flex-end;gap:8px;padding:12px 20px 16px;display:flex}@media(max-width:768px){div.ws-modal-backdrop{box-sizing:border-box;justify-content:center;align-items:center;padding:16px}div.ws-modal{border-radius:18px;flex-direction:column;width:100%;max-width:380px;max-height:calc(90vh / var(--ui-vu, 1));animation:.22s cubic-bezier(.16,1,.3,1) ws-modal-pop;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000040}div.ws-modal .ws-modal-header{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;border-bottom:none;border-radius:0;padding:16px 18px}div.ws-modal .ws-modal-header h3{color:#fff;font-size:15px}div.ws-modal .ws-modal-close{color:#fff;background:#fff3}div.ws-modal .ws-modal-body{flex:1;padding:16px 18px;overflow-y:auto}div.ws-modal .ws-modal-footer{border-top:1px solid #e2e8f0;padding:12px 18px 16px}div.ws-modal .ws-modal-footer button{flex:1}}@keyframes ws-modal-pop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.ws-denied{text-align:center;max-width:400px;margin:0 auto;padding:80px 20px}.ws-denied h2{color:#475569;margin:16px 0 8px;font-size:16px;font-weight:600}.ws-denied p{color:#94a3b8;font-size:13px}.ws-perm-grid-wrap{border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;overflow-x:auto}.ws-perm-grid{border-collapse:collapse;width:100%;font-size:12px}.ws-perm-grid th{white-space:nowrap;text-align:center;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 8px;font-size:12px;font-weight:600}.ws-perm-role-col{z-index:5;background:#f8fafc;min-width:140px;position:sticky;left:0;text-align:left!important;padding-left:16px!important}.ws-perm-toggle-col{border-right:1px solid #e2e8f0;min-width:50px}.ws-perm-group-header{letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;border-left:2px solid #d1fae5;color:var(--color-primary-hover)!important;background:#f0fdf4!important;border-bottom:2px solid #d1fae5!important;padding:6px 4px!important;font-size:12px!important;font-weight:700!important}.ws-perm-feat-col{border-left:1px solid #f1f5f9;min-width:60px}.ws-perm-feat-label{color:#94a3b8;text-overflow:ellipsis;max-width:70px;margin:0 auto;font-size:12px;font-weight:500;display:block;overflow:hidden}.ws-perm-grid td{text-align:center;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:10px 8px}.ws-perm-grid tr:last-child td{border-bottom:none}.ws-perm-grid tr:hover td{background:#fafbfc}.ws-perm-role-cell{z-index:4;background:#fff;align-items:center;gap:8px;display:flex;position:sticky;left:0;text-align:left!important;padding-left:16px!important}.ws-perm-role-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;display:flex}.ws-perm-role-name{color:#1e293b;white-space:nowrap;font-size:13px;font-weight:600}.ws-perm-toggle-cell{border-right:1px solid #e2e8f0}.ws-perm-toggle-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:inline-flex}.ws-perm-toggle-btn:disabled{opacity:.6;cursor:default}.ws-perm-toggle-btn.ws-perm-all-on{color:#10b981;background:#ecfdf5}.ws-perm-toggle-btn.ws-perm-all-on:hover:not(:disabled){background:#d1fae5}.ws-perm-toggle-btn.ws-perm-all-off{color:#ef4444;background:#fef2f2;font-size:12px;font-weight:700}.ws-perm-toggle-btn.ws-perm-all-off:hover:not(:disabled){background:#fee2e2}.ws-perm-circle-cell{cursor:default}.ws-perm-circle{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;transition:transform .12s,background .12s;display:inline-flex}.ws-perm-circle:disabled{cursor:default}.ws-perm-circle:hover:not(:disabled){background:#0000000a;transform:scale(1.25)}.ws-perm-circle:active:not(:disabled){transform:scale(.9)}.ws-perm-circle-full{color:#10b981}.ws-perm-circle-delete{color:#ef4444}.ws-perm-circle-write{color:#3b82f6}.ws-perm-circle-read{color:#f59e0b}.ws-perm-circle-none{color:#d1d5db}.ws-perm-row-owner td{background:#fffbeb!important}.ws-perm-legend-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;display:flex}.ws-perm-legend-items{flex-wrap:wrap;gap:8px 16px;display:flex}.ws-perm-legend-dot{color:#64748b;align-items:center;gap:5px;font-size:12px;display:flex}.ws-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.ws-dot-full{background:#10b981}.ws-dot-delete{background:#ef4444}.ws-dot-write{background:#3b82f6}.ws-dot-read{background:#f59e0b}.ws-dot-none{background:0 0;border:2px solid #d1d5db;width:8px;height:8px}.ws-perm-actions{gap:8px;display:flex}.ws-btn{cursor:pointer;border:none;border-radius:8px;padding:6px 16px;font-size:13px;font-weight:600;transition:all .15s}.ws-btn-ghost{color:#475569;background:#f1f5f9}.ws-btn-ghost:hover{background:#e2e8f0}.ws-btn-primary{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.ws-btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 8px #2563eb4d}@media(max-width:768px){.ws-layout{flex-direction:column}.ws-sidebar{border-bottom:1px solid #e2e8f0;border-right:none;width:100%;padding:12px 0}.ws-sidebar-nav{flex-direction:row;padding:0 12px;overflow-x:auto}.ws-sidebar-item{white-space:nowrap;border-bottom:2px solid #0000;border-left:none;padding:8px 12px}.ws-sidebar-item.active{border-bottom-color:#0284c7;border-left-color:#0000}.ws-main{padding:16px}.ws-member-header,.ws-member-row{grid-template-columns:1fr 100px 40px}.ws-col-date{display:none}.ws-perm-grid{font-size:12px}.ws-tabs{overflow-x:auto}.ws-tab{white-space:nowrap;padding:8px 14px;font-size:12px}}.mobile-bottom-nav{display:none}@media(max-width:768px){.mobile-bottom-nav{z-index:200;background:#fff;border:none;border-radius:0;justify-content:space-around;align-items:center;position:fixed;bottom:0;left:0;right:0;overflow:visible;box-shadow:0 8px 24px #10201e14,0 0 0 1px #10201e0a;height:58px!important;height:calc(58px + env(safe-area-inset-bottom,0px))!important;padding:0 12px!important;padding:0 12px env(safe-area-inset-bottom,0px)!important;display:flex!important}.mobile-bottom-nav-item,button.mobile-bottom-nav-item{cursor:pointer;color:#94a3b8;letter-spacing:.01em;outline:none;min-width:0;font-size:12px;font-weight:600;transition:color .12s;position:relative;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:16px!important;flex-direction:column!important;flex:0 auto!important;justify-content:center!important;align-items:center!important;gap:3px!important;margin:0!important;padding:8px 14px!important;display:flex!important}.mobile-bottom-nav-item.active{color:var(--color-primary-hover)}.mobile-bottom-nav-item.active:before{content:"";background:var(--color-primary);border-radius:2px;width:20px;height:3px;position:absolute;top:-1px;left:50%;transform:translate(-50%)}.mobile-bottom-nav-item.active .mobile-bottom-nav-icon{color:var(--color-primary);background:0 0!important;padding:0!important}.mobile-bottom-nav-item:active{transform:scale(.95)}.mobile-bottom-nav-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex;padding:0!important}.mobile-bottom-nav-icon svg{width:22px;height:22px;display:block}.mobile-bottom-nav-label{font-size:12px;font-weight:600;font-family:var(--font-family-sans);white-space:nowrap;letter-spacing:.01em;line-height:1}.sidebar{visibility:hidden;transform:translate(-100%)!important}.sidebar.open{visibility:visible;transform:translate(0)!important}.mobile-menu-btn{display:none!important}.main-header{height:52px!important;min-height:52px!important;padding:8px 16px!important}.topbar-nav{display:none!important}.mobile-header-brand{flex:1;align-items:center;gap:10px;display:flex!important}.mobile-header-brand .brand-logo{background:linear-gradient(135deg,var(--color-primary),#14b8a6);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mobile-header-brand .brand-logo svg{color:#fff;width:18px;height:18px}.mobile-header-brand .brand-info{flex-direction:column;line-height:1.2;display:flex}.mobile-header-brand .brand-name{color:var(--color-text);font-size:14px;font-weight:600;font-family:var(--font-family-sans)}.mobile-header-brand .brand-role{color:var(--color-text-muted);font-size:12px;font-family:var(--font-family-sans)}.main-content{margin-left:0!important}.main-body{padding:0 0 76px!important}.header-right{gap:8px!important}.notification-btn{width:36px!important;height:36px!important}}.mobile-header-brand,.mobile-quick-tabs{display:none}@media(max-width:768px){.mobile-quick-tabs{background:var(--color-surface);border-bottom:1px solid var(--color-border);-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:0;padding:0 16px;display:flex;overflow-x:auto}.mobile-quick-tabs::-webkit-scrollbar{display:none}.mobile-quick-tab{color:var(--color-text-muted);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-family-sans);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;flex-shrink:0;padding:10px 14px;transition:all .2s}.mobile-quick-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.mobile-quick-tab:hover{color:var(--color-text)}}.modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.confirm-modal{text-align:center;background:#fff;border-radius:20px;width:90%;max-width:420px;padding:36px 32px 28px;animation:.2s scaleIn;box-shadow:0 24px 64px #0003}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.confirm-icon{margin-bottom:16px;font-size:48px;line-height:1}.confirm-modal h3{color:#1f2937;margin:0 0 10px;font-size:1.15rem;font-weight:700}.confirm-modal p{color:#6b7280;margin:0 0 28px;font-size:.9rem;line-height:1.6}.confirm-actions{justify-content:center;gap:12px;display:flex}.confirm-actions button{cursor:pointer;border:none;border-radius:10px;padding:10px 28px;font-size:.9rem;font-weight:600;transition:all .2s}.confirm-actions button:first-child{color:#475569;background:#f1f5f9;border:1px solid #e2e8f0}.confirm-actions button:first-child:hover{background:#e2e8f0}.btn-danger{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:10px 28px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-danger:hover{background:#dc2626;box-shadow:0 4px 14px #ef44444d}[data-theme=dark] .main-body,[data-theme=dark] .main-content{background:var(--color-background)}[data-theme=dark] .cal-page,[data-theme=dark] .staff-page,[data-theme=dark] .customers-page,[data-theme=dark] .vouchers-page,[data-theme=dark] .products-page,[data-theme=dark] .suppliers-page,[data-theme=dark] .inventory-page,[data-theme=dark] .finance-page,[data-theme=dark] .cashbook-page,[data-theme=dark] .payroll-page,[data-theme=dark] .timesheet-page,[data-theme=dark] .commissions-page,[data-theme=dark] .commission-rules-page,[data-theme=dark] .earnings-page,[data-theme=dark] .treatments-page,[data-theme=dark] .treatment-list-page,[data-theme=dark] .rooms-page,[data-theme=dark] .workspace-page,[data-theme=dark] .account-page,[data-theme=dark] .admin-page,[data-theme=dark] .legal-page,[data-theme=dark] .hr-hub-page,[data-theme=dark] .customer-groups-page,[data-theme=dark] .customer-lookup-page,[data-theme=dark] .report-page,[data-theme=dark] .academy-page,[data-theme=dark] .pos-page,[data-theme=dark] [class*=-page]{color:var(--color-text);background:var(--color-background)!important}[data-theme=dark] .cal-header,[data-theme=dark] .cal-legend,[data-theme=dark] .sv-header,[data-theme=dark] .tl-header,[data-theme=dark] .rv-header,[data-theme=dark] .detail-sidebar,[data-theme=dark] .page-header,[data-theme=dark] .filter-bar,[data-theme=dark] .toolbar,[data-theme=dark] [class*=-header]:not(.menu-group-header):not(.sidebar-logo):not(.topbar-nav){background:var(--color-surface)!important;border-color:var(--color-border)!important}[data-theme=dark] .card,[data-theme=dark] .panel,[data-theme=dark] [class*=-card],[data-theme=dark] [class*=-panel],[data-theme=dark] [class*=-box]:not(select):not(input),[data-theme=dark] [class*=-container]:not(.search-container),[data-theme=dark] [class*=-content]:not(.main-content),[data-theme=dark] [class*=-section]:not(.sidebar-section):not(.sidebar-ws-section):not(.sidebar-user-section),[data-theme=dark] [class*=-wrapper]:not(.cd-avatar-wrapper):not(.cal-picker-wrapper){background:var(--color-surface);color:var(--color-text)}[data-theme=dark] table,[data-theme=dark] thead,[data-theme=dark] tbody,[data-theme=dark] tr,[data-theme=dark] [class*=-table]{color:var(--color-text);background:0 0}[data-theme=dark] th,[data-theme=dark] thead tr,[data-theme=dark] [class*=-table-header],[data-theme=dark] [class*=-thead]{color:var(--color-text-muted)!important;border-color:var(--color-border)!important;background:#ffffff0a!important}[data-theme=dark] td{border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] tr:nth-child(2n),[data-theme=dark] [class*=-row]:nth-child(2n){background:#ffffff05}[data-theme=dark] tr:hover,[data-theme=dark] [class*=-row]:hover{background:#ffffff0a}[data-theme=dark] [class*=-border],[data-theme=dark] [style*=border],[data-theme=dark] :not(.sv-appt):not(.tl-appt):not(.rv-appt):not([class*=badge]):not([class*=dot]):not([class*=avatar]):not(button){border-color:var(--color-border)}[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),[data-theme=dark] select,[data-theme=dark] textarea,[data-theme=dark] .input,[data-theme=dark] [class*=-input],[data-theme=dark] [class*=-select],[data-theme=dark] [class*=search-inner]{color:var(--color-text)!important;border-color:var(--color-border)!important;background:#ffffff0d!important}[data-theme=dark] input::-moz-placeholder,[data-theme=dark] textarea::-moz-placeholder,[data-theme=dark] [class*=-input]::-moz-placeholder{color:var(--color-text-muted)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder,[data-theme=dark] [class*=-input]::placeholder{color:var(--color-text-muted)!important}[data-theme=dark] label,[data-theme=dark] [class*=-label]:not([class*=badge]):not(.legend-dot){color:var(--color-text-muted)}[data-theme=dark] .modal,[data-theme=dark] .modal-content,[data-theme=dark] [class*=-modal]:not(.modal-overlay),[data-theme=dark] [class*=-dropdown]:not(.sidebar-user-dropdown),[data-theme=dark] [class*=-popup],[data-theme=dark] [class*=-popover],[data-theme=dark] .cal-dropdown,[data-theme=dark] .confirm-modal{color:var(--color-text);background:var(--color-surface)!important;border-color:var(--color-border)!important;box-shadow:0 10px 40px #0006!important}[data-theme=dark] .confirm-modal h3{color:var(--color-text)}[data-theme=dark] .confirm-modal p{color:var(--color-text-muted)}[data-theme=dark] .confirm-actions button:first-child{color:var(--color-text-muted);border-color:var(--color-border);background:#ffffff14}[data-theme=dark] .confirm-actions button:first-child:hover{background:#ffffff1f}[data-theme=dark] .cal-tabs{background:#ffffff0f}[data-theme=dark] .cal-tab{color:var(--color-text-muted)}[data-theme=dark] .cal-tab:hover{color:var(--color-text);background:#ffffff14}[data-theme=dark] .cal-tab.active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 1px 3px #0000004d}[data-theme=dark] .nav-btn,[data-theme=dark] .cal-date-btn,[data-theme=dark] .today-btn{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-muted)}[data-theme=dark] .nav-btn:hover,[data-theme=dark] .cal-date-btn:hover,[data-theme=dark] .today-btn:hover{color:var(--color-text);background:#ffffff14}[data-theme=dark] .quick-btn{color:var(--color-text-muted)}[data-theme=dark] .quick-btn:hover{color:var(--color-text);background:#ffffff0f}[data-theme=dark] .quick-btn.active{color:var(--color-primary);background:#60a5fa1a}[data-theme=dark] .cal-mini-nav span{color:var(--color-text)}[data-theme=dark] .cal-mini-nav button:hover{background:#ffffff14}[data-theme=dark] .cal-day{color:var(--color-text)}[data-theme=dark] .cal-day:hover{background:#ffffff0f}[data-theme=dark] .cal-day.other{color:var(--color-text-muted);opacity:.4}[data-theme=dark] .cal-count{color:var(--color-primary);background:#60a5fa1a}[data-theme=dark] .legend-item{color:var(--color-text-muted)}[data-theme=dark] .sv-row,[data-theme=dark] .tl-row,[data-theme=dark] .rv-row{border-color:#ffffff0f}[data-theme=dark] .sv-row:nth-child(2n),[data-theme=dark] .tl-row:nth-child(2n),[data-theme=dark] .rv-row:nth-child(2n){background:#ffffff04}[data-theme=dark] .sv-cell:hover,[data-theme=dark] .rv-cell:hover{background:#60a5fa0f}[data-theme=dark] .sv-staff-name,[data-theme=dark] .tl-staff-name,[data-theme=dark] .rv-empty h3{color:var(--color-text)}[data-theme=dark] .sv-time-label,[data-theme=dark] .sv-time-col,[data-theme=dark] .rv-time-label,[data-theme=dark] .rv-time-col,[data-theme=dark] .sv-staff-title,[data-theme=dark] .tl-staff-title,[data-theme=dark] .tl-staff-col,[data-theme=dark] .tl-hour-mark{color:var(--color-text-muted)}[data-theme=dark] .sv-cell,[data-theme=dark] .rv-cell,[data-theme=dark] .sv-staff-col,[data-theme=dark] .tl-hour-line,[data-theme=dark] .rv-bed-name{border-color:#ffffff0f}[data-theme=dark] .rv-bed-name{color:var(--color-text-muted);background:#ffffff08}[data-theme=dark] .rv-room-name{background:var(--room-color,#60a5fa)}@supports (color:color-mix(in lab,red,red)){[data-theme=dark] .rv-room-name{background:color-mix(in srgb,var(--room-color,#60a5fa)12%,var(--color-surface))}}[data-theme=dark] .tl-staff-info{border-color:var(--color-border)}[data-theme=dark] .sv-header,[data-theme=dark] .tl-header,[data-theme=dark] .rv-header{border-color:var(--color-border)!important}[data-theme=dark] .detail-sidebar{box-shadow:-4px 0 20px #0000004d;background:var(--color-surface)!important;border-color:var(--color-border)!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6,[data-theme=dark] [class*=-name],[data-theme=dark] [class*=-title]:not(.sv-staff-title):not(.tl-staff-title):not(.sidebar-user-plan),[data-theme=dark] [class*=-value],[data-theme=dark] [class*=-info]:not(.sidebar-user-info):not(.sidebar-ws-item-info){color:var(--color-text)}[data-theme=dark] [class*=-muted],[data-theme=dark] [class*=-secondary],[data-theme=dark] [class*=-subtitle],[data-theme=dark] [class*=-description],[data-theme=dark] [class*=-hint],[data-theme=dark] [class*=-date],[data-theme=dark] [class*=-time]:not(.sv-appt-time):not(.tl-appt-time):not(.rv-appt-time),[data-theme=dark] [class*=-meta],[data-theme=dark] [class*=-phone],[data-theme=dark] [class*=-email],[data-theme=dark] [class*=-role]:not(.sidebar-ws-item-role){color:var(--color-text-muted)}[data-theme=dark] [class*=pagination] button:hover:not(:disabled),[data-theme=dark] [class*=pagination] a:hover{color:var(--color-text);background:#ffffff14}[data-theme=dark] [class*=-tabs]{border-color:var(--color-border);background:#ffffff0a}[data-theme=dark] [class*=-tab]:not(.cal-tab){color:var(--color-text-muted)}[data-theme=dark] [class*=-tab]:not(.cal-tab):hover{color:var(--color-text);background:#ffffff0f}[data-theme=dark] [class*=-tab]:not(.cal-tab).active{color:var(--color-primary);border-color:var(--color-primary);background:#60a5fa1a}[data-theme=dark] .btn-secondary,[data-theme=dark] [class*=-btn-secondary],[data-theme=dark] [class*=btn-outline]{color:var(--color-text-muted);border-color:var(--color-border);background:#ffffff0d}[data-theme=dark] .btn-secondary:hover,[data-theme=dark] [class*=-btn-secondary]:hover,[data-theme=dark] [class*=btn-outline]:hover{color:var(--color-text);background:#ffffff1a}[data-theme=dark] .cd-btn-edit,[data-theme=dark] .cd-btn-delete,[data-theme=dark] .cd-btn-qr{background:#ffffff0f}[data-theme=dark] .cd-btn-edit:hover{background:#3b82f626}[data-theme=dark] .cd-btn-delete:hover{background:#ef444426}[data-theme=dark] .cd-btn-qr:hover{background:#60a5fa1f}[data-theme=dark] .cl-item:hover,[data-theme=dark] .customer-item:hover{background:#ffffff0a!important}[data-theme=dark] .cl-item.selected,[data-theme=dark] .customer-item.selected{border-color:var(--color-primary)!important;background:#60a5fa1a!important}[data-theme=dark] .cl-item{border-bottom-color:#ffffff0f}[data-theme=dark] .cl-search-inner,[data-theme=dark] [class*=search-box] input,[data-theme=dark] [class*=search-inner]{border-color:var(--color-border)!important;background:#ffffff0d!important}[data-theme=dark] .stat-card,[data-theme=dark] [class*=stat-card],[data-theme=dark] [class*=stats-card],[data-theme=dark] [class*=summary-card],[data-theme=dark] [class*=kpi-card]{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .count-badge{color:var(--color-primary);background:#60a5fa1f}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}[data-theme=dark] [class*=report] table th,[data-theme=dark] [class*=report] thead{background:#ffffff0f!important}[data-theme=dark] [class*=report] table td{border-color:#ffffff0f}[data-theme=dark] [class*=tooltip]{color:var(--color-text)!important;background:#334155!important}[data-theme=dark] .cd-qr-display{background:#fff!important}[data-theme=dark] .menu-group-header{color:var(--color-text)}[data-theme=dark] .menu-group-items .menu-item{color:var(--color-text-muted)}[data-theme=dark] .menu-group-items .menu-item:hover{color:var(--color-primary)}[data-theme=dark] [class*=filter-btn],[data-theme=dark] [class*=action-btn]:not(.add-booking-btn){color:var(--color-text-muted);border-color:var(--color-border);background:#ffffff0f}[data-theme=dark] [class*=filter-btn]:hover,[data-theme=dark] [class*=action-btn]:not(.add-booking-btn):hover{color:var(--color-text);background:#ffffff1a}[data-theme=dark] [class*=booking-modal],[data-theme=dark] [class*=booking-form]{background:var(--color-surface)!important}[data-theme=dark] fieldset{border-color:var(--color-border)}[data-theme=dark] legend{color:var(--color-text)}[data-theme=dark] [class*=inline-confirm],[data-theme=dark] [class*=delete-confirm]{background:#ef44441a;border-color:#ef44444d}[data-theme=dark] .notif-dropdown{background:var(--color-surface);border-color:var(--color-border);box-shadow:0 10px 40px #0006}[data-theme=dark] .react-datepicker__day--outside-month{opacity:.4;color:var(--color-text-muted)!important}[data-theme=dark] .toast,[data-theme=dark] [class*=toast]{background:var(--color-surface)!important;color:var(--color-text)!important;border-color:var(--color-border)!important;box-shadow:0 8px 30px #0006!important}[data-theme=dark] .recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--color-surface)!important;border-color:var(--color-border)!important}[data-theme=dark] .supplier-detail,[data-theme=dark] .product-detail,[data-theme=dark] [class*=-detail]{background:var(--color-surface);color:var(--color-text)}[data-theme=dark] .invoice-detail,[data-theme=dark] [class*=invoice]{color:var(--color-text)}[data-theme=dark] .cl-item:hover{background:#ffffff0a!important}[data-theme=dark] .settings-sidebar{background:var(--color-surface)}@media print{[data-theme=dark] *{color:#000!important;background:#fff!important}}@media(max-width:768px){.invoice-detail-page,.pos-invoice-detail{padding:12px}.pos-id-summary,.invoice-summary-grid{gap:12px;grid-template-columns:1fr!important}.pos-id-table,.invoice-items-table{-webkit-overflow-scrolling:touch;overflow-x:auto}.pos-id-table table,.invoice-items-table table{min-width:500px}.pos-id-actions,.invoice-actions{flex-direction:column;gap:8px}.pos-id-actions .pos-id-btn,.invoice-actions button{width:100%}.pos-id-totals{padding:12px}.pos-id-row{font-size:13px}.invoices-page .invoices-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.invoices-page table{min-width:600px}.invoices-page .invoices-header{flex-direction:column;align-items:stretch;gap:12px}.invoices-page .invoices-filters{flex-wrap:wrap;gap:8px}.finance-page{padding:12px}.finance-page .finance-tabs{-webkit-overflow-scrolling:touch;gap:4px;overflow-x:auto}.finance-page .finance-summary-cards{grid-template-columns:repeat(2,1fr);gap:8px}.finance-page .finance-table-wrapper,.cashbook-table-wrapper,.input-invoices-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.finance-page table,.cashbook-page table,.input-invoices-page table{min-width:600px}}@media(max-width:480px){.finance-page .finance-summary-cards{grid-template-columns:1fr}}@media(max-width:768px){.treatments-page,.treatment-list-page{padding:12px}.treatments-page .treatment-header,.treatment-list-page .treatment-header{flex-direction:column;align-items:stretch;gap:10px}.treatments-page .treatment-search,.treatment-list-page .treatment-search{max-width:100%}.treatments-page .treatment-filters,.treatment-list-page .treatment-filters{flex-wrap:wrap;gap:8px}.treatment-card{padding:12px}.treatment-card .treatment-card-header{flex-direction:column;align-items:flex-start;gap:8px}.dashboard-page{padding:12px}.dashboard-page .kpi-grid,.dashboard-page .stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.dashboard-page .chart-container{height:250px}.dashboard-page .date-selector{flex-wrap:wrap;gap:8px}}@media(max-width:480px){.dashboard-page .kpi-grid,.dashboard-page .stats-grid{grid-template-columns:1fr}}@media(max-width:768px){.main-body table:not(.pos-cart-table){-webkit-overflow-scrolling:touch;white-space:nowrap;display:block;overflow-x:auto}.main-body{padding:0 0 76px}.form-row,.form-group-row{flex-direction:column;gap:8px}.modal-content,.modal-body{margin:12px;max-width:calc(calc(100vw / var(--ui-vu, 1)) - 24px)!important}.btn,button[class*=btn]{min-height:40px}.main-body table::-webkit-scrollbar{height:3px}.payroll-page{padding:12px}.payroll-page .payroll-header{flex-direction:column;align-items:stretch;gap:10px}.payroll-page .payroll-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.payroll-page table{min-width:700px}.commissions-page{padding:12px}.commissions-page .commissions-header{flex-direction:column;align-items:stretch;gap:10px}.commissions-page table{min-width:600px}.inventory-page,.products-page{padding:12px}.inventory-page .inventory-header,.products-page .products-header{flex-direction:column;align-items:stretch;gap:10px}.inventory-page table,.products-page table{min-width:600px}.settings-page{flex-direction:column}.settings-sidebar{-webkit-overflow-scrolling:touch;border-right:none;border-bottom:1px solid var(--color-border);flex-direction:row;width:100%;overflow-x:auto}.settings-content,.workspace-page,.account-page{padding:12px}.workspace-page .workspace-grid{grid-template-columns:1fr}.debts-page{padding:12px}.debts-page table{min-width:600px}.report-page,[class*=report-page],[class*=stats-page]{padding:12px}.report-page .report-filters,[class*=report] .report-filters{flex-direction:column;align-items:stretch;gap:8px}.report-page table,[class*=report] table{min-width:600px}.report-page .chart-container,[class*=report] .chart-container{height:250px}.notifications-page,.zalo-page{padding:12px}.zalo-page .zalo-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto}.vouchers-page{padding:12px}.vouchers-page .voucher-grid{grid-template-columns:1fr}.team-settings-page{padding:12px}.team-settings-page table{min-width:500px}.rooms-page{padding:12px}.rooms-page .rooms-grid{grid-template-columns:repeat(2,1fr);gap:8px}}@media(max-width:480px){.rooms-page .rooms-grid{grid-template-columns:1fr}}@media(max-width:768px){.main-body{padding-bottom:calc(86px + env(safe-area-inset-bottom,0px))!important}.mobile-quick-tabs{gap:0!important;padding:0 4px!important;position:relative!important}.mobile-quick-tab-wrap{flex-shrink:0;position:relative}.mobile-quick-tab{white-space:nowrap;gap:2px;align-items:center!important;padding:7px 8px!important;font-size:12px!important;display:flex!important}.mobile-quick-dropdown{min-width:unset;max-width:unset;background:var(--color-surface,#fff);border:1px solid var(--color-border,#e2e8f0);z-index:9999;-webkit-overflow-scrolling:touch;border-radius:14px;grid-template-columns:repeat(2,1fr);gap:2px;max-height:calc(55vh / var(--ui-vu, 1));padding:8px;animation:.2s mobileDropFade;display:grid;position:fixed;top:auto;left:8px;right:8px;overflow-y:auto;box-shadow:0 8px 32px #0000002e}@keyframes mobileDropFade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.mobile-quick-dropdown-item{text-align:center;width:100%;color:var(--color-text,#334155);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-family-sans);background:0 0;border:none;border-radius:10px;padding:11px 8px;transition:background .1s;display:block}.mobile-quick-dropdown-item:active{background:rgba(var(--color-primary-rgb),.1)}.mobile-quick-dropdown-item.active{color:var(--color-primary);background:rgba(var(--color-primary-rgb),.08);font-weight:600}.mobile-quick-dropdown-overlay{z-index:9998;background:#0000004d;animation:.15s mobileDropFade;position:fixed;inset:0}[data-theme=dark] .mobile-quick-dropdown{background:var(--color-surface,#1e293b);border-color:#ffffff1a}[data-theme=dark] .mobile-quick-dropdown-item{color:var(--color-text,#e2e8f0)}.main-header{height:48px!important;min-height:48px!important;padding:6px 12px!important}.mobile-header-brand .brand-name{font-size:13px!important}.mobile-header-brand .brand-role{font-size:12px!important}.pos-id-payment-overlay{align-items:flex-end!important}.pos-id-payment-modal{border-radius:16px 16px 0 0!important;max-width:100%!important;max-height:calc(85vh / var(--ui-vu, 1))!important;margin:0!important;overflow-y:auto!important}.customers-page{padding:12px!important}.customers-page .main-layout{grid-template-columns:1fr!important;gap:0!important}.customers-page .customer-list,.customers-page .list-panel{border-right:none!important;border-bottom:1px solid var(--color-border)!important;max-height:none!important}.customers-page .page-header{flex-direction:column!important;align-items:stretch!important;gap:10px!important;margin-bottom:12px!important}.customers-page .page-header h2{font-size:18px!important}.customers-page .page-header .header-actions{flex-wrap:wrap!important;gap:8px!important;display:flex!important}.customers-page .search-container,.customers-page .search-box{width:100%!important;max-width:100%!important}.customers-page .customer-item,.customers-page .cl-item{padding:10px 12px!important}.customers-page .customer-item .avatar,.customers-page .cl-item .cl-avatar{width:36px!important;height:36px!important;font-size:14px!important}.customers-page .cl-item .cl-name{font-size:13px!important}.customers-page .cl-item .cl-phone{font-size:12px!important}.cd-panel{padding:0!important}.cd-header{flex-wrap:wrap;gap:8px;padding:8px 0!important}.cd-header-left{gap:10px!important}.cd-header .cd-avatar{width:44px!important;height:44px!important;font-size:18px!important}.cd-header .cd-name{font-size:15px!important}.cd-header .cd-phone{font-size:12px!important}.cd-header .cd-actions{flex-wrap:wrap!important;gap:6px!important;display:flex!important}.cd-header .cd-actions button,.cd-header .cd-actions a{border-radius:8px!important;padding:6px 10px!important;font-size:12px!important}.cd-tabs{-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;gap:0!important;padding:0!important;overflow-x:auto!important}.cd-tabs::-webkit-scrollbar{display:none!important}.cd-tab{white-space:nowrap!important;flex-shrink:0!important;padding:6px 10px!important;font-size:12px!important}.cd-content{padding:8px 0!important}.cd-info-grid{grid-template-columns:1fr!important;gap:8px!important}.cd-info-item{padding:8px!important}.cd-info-label{font-size:12px!important}.cd-info-value{font-size:13px!important}.cd-stats{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.cd-stat-card{padding:10px!important}.cd-stat-value{font-size:16px!important}.cd-stat-label{font-size:12px!important}.customers-page .modal-overlay .modal-content{width:calc(calc(100vw / var(--ui-vu, 1)) - 24px)!important;max-height:calc(85vh / var(--ui-vu, 1))!important;overflow-y:auto!important}.customers-page .form-row,.customers-page .form-group-row{flex-direction:column!important;gap:8px!important}.page-title,h1.page-title,h2.page-title{font-size:18px!important}.sidebar-panel,.filter-sidebar,.left-panel{border-right:none!important;border-bottom:1px solid var(--color-border)!important;width:100%!important;max-width:100%!important;position:relative!important}button,a.btn,[role=button]{min-height:36px}input[type=text],input[type=search],input[type=tel],input[type=email],input[type=number],input[type=date],input[type=time],select,textarea{min-height:40px;font-size:16px!important}input:not([type]){font-size:16px!important}.table-wrapper,.table-container,[class*=table-wrapper],[class*=table-container]{-webkit-overflow-scrolling:touch!important;overflow-x:auto!important}.card,.section-card,[class*=card]{border-radius:12px}.dropdown-menu,[class*=dropdown]{max-height:calc(50vh / var(--ui-vu, 1))!important;overflow-y:auto!important}}.invoices-page-v2{background:var(--color-background);max-width:100%;min-height:100%;padding:24px 28px 88px}.invoices-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.invoices-title-section{min-width:0}.invoices-title{letter-spacing:-.02em;color:var(--color-text);margin:0;font-size:28px;font-weight:700;line-height:1.15}.invoices-subtitle{color:var(--color-text-muted);margin:4px 0 0;font-size:14px;line-height:1.5}.invoices-create-btn{background:var(--color-primary);color:#fff;cursor:pointer;white-space:nowrap;height:44px;box-shadow:0 8px 18px rgba(var(--color-primary-rgb),.18);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:0 20px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.invoices-create-btn:hover{background:var(--color-primary-hover);box-shadow:0 10px 22px rgba(var(--color-primary-rgb),.22);transform:translateY(-1px)}.invoices-create-btn .btn-icon{justify-content:center;align-items:center;display:inline-flex}.invoices-create-btn .btn-icon svg{width:16px;height:16px}.invoices-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.invoices-search-box{box-sizing:border-box;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;flex:0 420px;align-items:center;gap:10px;min-width:320px;max-width:420px;height:44px;padding:0 16px;transition:border-color .15s,box-shadow .15s;display:flex;box-shadow:0 2px 8px #0f172a08}.invoices-search-box .search-icon{width:18px;height:18px;color:var(--color-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.invoices-search-box .search-icon svg{width:18px;height:18px}.invoices-search-box input{color:var(--color-text);background:0 0;border:none;outline:none;flex:1;font-size:14px}.invoices-search-box input::-moz-placeholder{color:var(--color-text-muted)}.invoices-search-box input::placeholder{color:var(--color-text-muted)}.invoices-search-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.invoices-filter-select-wrap{flex:0 0 196px;position:relative}.invoices-status-filter{box-sizing:border-box;background:var(--color-surface);border:1px solid var(--color-border);width:100%;height:44px;color:var(--color-text);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:10px;padding:0 38px 0 16px;font-size:14px;box-shadow:0 2px 8px #0f172a08}.invoices-filter-chevron{width:16px;height:16px;color:var(--color-text-muted);pointer-events:none;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.invoices-filter-chevron svg{width:16px;height:16px}.invoices-advanced-filter{box-sizing:border-box;background:var(--color-surface);border:1px solid var(--color-border);height:44px;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.invoices-advanced-filter:hover{background:var(--teal-5);border-color:var(--color-primary)}.invoices-advanced-filter:disabled{opacity:1;cursor:not-allowed}.invoices-advanced-filter .filter-icon{justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.invoices-advanced-filter .filter-icon svg{width:16px;height:16px}.invoices-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0f172a0a}.invoices-table{table-layout:fixed;border-collapse:separate;border-spacing:0;width:100%}.invoices-table thead{background:var(--color-background)}.invoices-table th{text-align:left;height:36px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-bottom:1px solid var(--color-border);padding:0 14px;font-size:12px;font-weight:700}.invoices-table th:first-child,.invoices-table td:first-child:not([colspan]){width:22%}.invoices-table th:nth-child(2),.invoices-table td:nth-child(2):not([colspan]){text-align:right;width:10%}.invoices-table th:nth-child(3),.invoices-table td:nth-child(3):not([colspan]){text-align:right;width:8%}.invoices-table th:nth-child(4),.invoices-table td:nth-child(4):not([colspan]){width:16%}.invoices-table th:nth-child(5),.invoices-table td:nth-child(5):not([colspan]){width:20%}.invoices-table th:nth-child(6),.invoices-table td:nth-child(6):not([colspan]){width:11%}.invoices-table th:nth-child(7),.invoices-table th:nth-child(8),.invoices-table th:nth-child(9),.invoices-table td:nth-child(7):not([colspan]),.invoices-table td:nth-child(8):not([colspan]),.invoices-table td:nth-child(9):not([colspan]){text-align:center;width:72px}.invoices-table td.invoices-empty-state{background:var(--color-surface);text-align:center!important;width:100%!important;padding:56px 20px!important}.invoices-empty-content{flex-direction:column;justify-content:center;align-items:center;gap:8px;max-width:420px;margin:0 auto;display:flex}.invoices-empty-icon{opacity:.85;margin-bottom:2px;font-size:38px;line-height:1}.invoices-empty-title{color:var(--color-text);letter-spacing:-.01em;font-size:15px;font-weight:700}.invoices-empty-desc{color:var(--color-text-muted);font-size:13px;line-height:1.5}.invoices-table tbody tr{transition:background .15s}.invoices-table tbody tr:hover{background:rgba(var(--color-primary-rgb),.04)}.invoices-table td{vertical-align:middle;border-bottom:1px solid var(--color-border);color:var(--color-text);padding:10px 14px;font-size:13px;line-height:1.3}.invoices-table tbody tr:last-child td{border-bottom:none}.invoice-customer{align-items:center;gap:12px;min-width:0;display:flex}.customer-avatar{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 8px 16px #f472b62e}.customer-copy{min-width:0}.customer-name{color:var(--color-text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;line-height:1.3;overflow:hidden}.customer-phone{color:var(--color-text-muted);margin-top:2px;font-size:13px;line-height:1.3}.amount-cell{color:var(--color-text);white-space:nowrap;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:600}.debt-cell .debt-amount{color:#ef4444;white-space:nowrap;font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;font-weight:600}.debt-cell .no-debt{color:var(--color-text-muted);font-weight:500}.invoices-page-v2 .status-badge{box-sizing:border-box;letter-spacing:.02em;white-space:nowrap;justify-content:center;align-items:center;gap:8px;height:30px;font-size:12px;font-weight:700;line-height:1;border-radius:999px!important;min-width:0!important;padding:0 12px!important;display:inline-flex!important}.status-badge__icon{color:#fff;background:currentColor;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.status-badge__icon svg{width:11px;height:11px}.date-cell{color:#64748b;font-size:13px}.invoice-note{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.invoice-date{flex-direction:column;gap:2px;display:flex}.invoice-date-main{color:#111827;align-items:center;gap:6px;font-size:14px;font-weight:500;line-height:1.3;display:inline-flex}.invoice-date-icon{color:#64748b;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex}.invoice-date-icon svg{width:16px;height:16px}.invoice-date-time{color:#64748b;padding-left:22px;font-size:13px;line-height:1.3}.invoice-action-cell{text-align:center}.invoice-action-btn{cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:transform .15s,box-shadow .15s,background .15s;display:inline-flex;box-shadow:0 2px 8px #0f172a0a}.invoice-action-btn svg{width:16px;height:16px}.invoice-action-btn:hover{transform:translateY(-1px)}.invoice-action-btn--detail{background:var(--color-primary-soft);color:var(--color-primary)}.invoice-action-btn--edit{color:#b45309;background:#fef3c7}.invoice-action-btn--delete{color:#ef4444;background:#fee2e2}.invoice-action-btn--confirm{color:#fff;background:#16a34a;border-radius:8px;width:28px;height:28px}.invoice-action-btn--confirm svg,.invoice-action-btn--cancel svg{width:14px;height:14px}.invoice-action-btn--cancel{color:#64748b;background:#e5e7eb;border-radius:8px;width:28px;height:28px}.invoice-action-stack{justify-content:center;align-items:center;gap:6px;display:inline-flex}.invoice-action-placeholder{color:#cbd5e1;font-size:18px;line-height:1}.empty-state{text-align:center;color:#64748b;font-size:14px;padding:48px 20px!important}.invoices-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 4px 0;display:flex}.pagination-info{color:#64748b;font-size:14px}.pagination-info strong{color:#111827;font-weight:600}.pagination-controls{align-items:center;gap:8px;display:flex}.pagination-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 12px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.pagination-btn svg{width:16px;height:16px}.pagination-btn:hover:not(:disabled):not(.active){background:#f8fafa;border-color:#cbd5e1}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 8px 16px rgba(var(--color-primary-rgb),.18)}.pagination-ellipsis{color:#94a3b8;padding:0 6px;font-size:14px;font-weight:600}@media(max-width:768px){.invoices-page-v2{padding:12px 10px}.invoices-header{flex-flow:wrap;align-items:center;gap:8px}.invoices-title-section{flex:1;min-width:0}.invoices-title{font-size:1.1rem}.invoices-subtitle{display:none}.invoices-create-btn{flex-shrink:0;padding:6px 10px;font-size:.78rem}.invoices-filters{flex-direction:column;gap:8px}.invoices-search-box{max-width:100%}.invoices-status-filter{min-width:unset;width:100%}.invoices-advanced-filter{justify-content:center;width:100%}.invoices-table th:nth-child(4),.invoices-table td:nth-child(4),.invoices-table th:nth-child(5),.invoices-table td:nth-child(5),.invoices-table th:nth-child(7),.invoices-table td:nth-child(7),.invoices-table th:nth-child(8),.invoices-table td:nth-child(8){display:none}.invoices-table th:first-child,.invoices-table td:first-child{width:45%}.invoices-table th:nth-child(2),.invoices-table td:nth-child(2){text-align:right;width:28%}.invoices-table th:nth-child(3),.invoices-table td:nth-child(3){text-align:right;width:17%}.invoices-table th:nth-child(6),.invoices-table td:nth-child(6){width:10%;padding:8px 4px}.invoices-table th,.invoices-table td{padding:10px 8px;font-size:.8rem}.customer-name{font-size:.82rem}.customer-phone{font-size:.74rem}.status-badge{padding:3px 7px;font-size:.68rem}.invoices-pagination{flex-direction:column;align-items:center;gap:10px}}@media(min-width:769px){.pos-id-payment-overlay,.pos-invoice-overlay,.pcm-overlay{width:calc(100vw / var(--ui-vu, 1))!important;height:calc(100vh / var(--ui-vu, 1))!important}.cal-page{height:calc(100vh / var(--ui-vu, 1))!important}.update-template-bar{left:260px!important}.tele-panel{height:calc(100vh / var(--ui-vu, 1))!important}html,body{height:calc(100vh / var(--ui-vu, 1))!important;overflow:hidden!important}.main-body>div,.main-body>main,.main-body>section,.main-body>[class$=-page],.main-body>[class*=page-]{min-height:calc(calc(100vh / var(--ui-vu, 1)) - 80px)!important}}[data-theme=dark] html,[data-theme=dark],[data-theme=dark] body,[data-theme=dark] #root{color:var(--text-main,#f5f7fa);background:var(--bg-app,#101525)!important}[data-theme=dark] .sidebar,[data-theme=dark] .app-sidebar,[data-theme=dark] .side-nav,[data-theme=dark] .left-sidebar{background:var(--bg-sidebar,#151a2b)!important;border-right-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .main-header,[data-theme=dark] .app-header,[data-theme=dark] header.header,[data-theme=dark] .header{background:var(--bg-header,#151a2b)!important;border-bottom-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .main-body,[data-theme=dark] .main-content,[data-theme=dark] .app-layout,[data-theme=dark] .page-content,[data-theme=dark] .content-area{background:var(--bg-page,#151a2b)!important}[data-theme=dark] [class*=-card]:not([class*=badge]):not([class*=status]),[data-theme=dark] [class*=-panel]:not([class*=badge]),[data-theme=dark] [class*=-box]:not(select):not(input):not([class*=badge]),[data-theme=dark] [class*=-section]:not([class*=sidebar]):not([class*=badge]),[data-theme=dark] .card,[data-theme=dark] .panel,[data-theme=dark] .box{background:var(--bg-card,#202638);border-color:var(--border-soft,#ffffff14);color:var(--text-main,#f5f7fa)}[data-theme=dark] [class*=-modal]:not(.modal-overlay),[data-theme=dark] [class*=-dialog]:not(.modal-overlay),[data-theme=dark] [class*=-drawer],[data-theme=dark] .modal-content,[data-theme=dark] .dialog-content{background:var(--bg-card,#202638)!important;color:var(--text-main,#f5f7fa)!important;border-color:var(--border-soft,#ffffff14)!important;box-shadow:0 10px 40px #00000080!important}[data-theme=dark] [class*=-dropdown]:not(.sidebar-user-dropdown),[data-theme=dark] [class*=-popover],[data-theme=dark] [class*=-popup],[data-theme=dark] [class*=-tooltip],[data-theme=dark] .topbar-dropdown{background:var(--bg-panel,#1c2233)!important;border-color:var(--border-soft,#ffffff14)!important;color:var(--text-main,#f5f7fa)!important;box-shadow:0 8px 30px #00000073!important}[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=submit]):not([type=button]),[data-theme=dark] select,[data-theme=dark] textarea{background:var(--bg-input,#202638)!important;color:var(--text-main,#f5f7fa)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] input::-moz-placeholder,[data-theme=dark] textarea::-moz-placeholder{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:var(--color-primary,#0d9488)!important;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2)!important}[data-theme=dark] option{background:var(--bg-panel,#1c2233);color:var(--text-main,#f5f7fa)}[data-theme=dark] th,[data-theme=dark] thead tr,[data-theme=dark] thead{color:var(--text-muted,#a4adbf)!important;border-color:var(--border-soft,#ffffff14)!important;background:#ffffff0a!important}[data-theme=dark] td{color:var(--text-main,#f5f7fa);border-color:var(--border-soft,#ffffff14)}[data-theme=dark] tr:hover td,[data-theme=dark] [class*=-row]:hover{background:#ffffff0a!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--text-main,#f5f7fa)}[data-theme=dark] p,[data-theme=dark] span:not([class*=badge]):not([class*=dot]):not([class*=tag]):not([class*=chip]){color:inherit}[data-theme=dark] label:not([class*=badge]){color:var(--text-secondary,#d5dae6)}[data-theme=dark] [class*=-title]:not([class*=sidebar]):not([class*=badge]),[data-theme=dark] [class*=-name]:not([class*=badge]),[data-theme=dark] [class*=-value]:not([class*=badge]),[data-theme=dark] [class*=-label]:not([class*=badge]):not([class*=legend-dot]){color:var(--text-main,#f5f7fa)}[data-theme=dark] [class*=-muted],[data-theme=dark] [class*=-secondary],[data-theme=dark] [class*=-subtitle],[data-theme=dark] [class*=-description],[data-theme=dark] [class*=-hint],[data-theme=dark] [class*=-meta],[data-theme=dark] [class*=-date]:not([class*=badge]),[data-theme=dark] [class*=-phone],[data-theme=dark] [class*=-email]{color:var(--text-muted,#a4adbf)}[data-theme=dark] .btn-secondary,[data-theme=dark] [class*=btn-secondary],[data-theme=dark] [class*=btn-outline],[data-theme=dark] [class*=btn-ghost]{color:var(--text-main,#f5f7fa)!important;border-color:var(--border-soft,#ffffff14)!important;background:#ffffff0f!important}[data-theme=dark] .btn-secondary:hover,[data-theme=dark] [class*=btn-secondary]:hover{background:#ffffff1a!important}[data-theme=dark] [class*=-tab]:not([class*=cal-tab]){color:var(--text-muted,#a4adbf)}[data-theme=dark] [class*=-tab]:not([class*=cal-tab]).active,[data-theme=dark] [class*=-tab]:not([class*=cal-tab]):hover{color:var(--color-primary,#0d9488)}[data-theme=dark] hr,[data-theme=dark] [class*=divider],[data-theme=dark] [class*=separator]{border-color:var(--border-soft,#ffffff14);background:var(--border-soft,#ffffff14)}[data-theme=dark] .recharts-cartesian-axis-tick-value{fill:var(--text-muted,#a4adbf)!important}[data-theme=dark] .recharts-legend-item-text{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--bg-panel,#1c2233)!important;border-color:var(--border-soft,#ffffff14)!important;color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .recharts-tooltip-label,[data-theme=dark] .recharts-tooltip-item{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] [class*=-chart-wrap],[data-theme=dark] [class*=-chart-container],[data-theme=dark] .chart-container{border-radius:8px;background:var(--bg-card,#202638)!important}[data-theme=dark] .react-datepicker{background:var(--bg-panel,#1c2233)!important;border-color:var(--border-soft,#ffffff14)!important;color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .react-datepicker__header{border-color:var(--border-soft,#ffffff14)!important;background:#ffffff0a!important}[data-theme=dark] .react-datepicker__current-month,[data-theme=dark] .react-datepicker__day-name,[data-theme=dark] .react-datepicker__day{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .react-datepicker__day--selected{background:var(--color-primary,#0d9488)!important;color:#fff!important}[data-theme=dark] .login-page,[data-theme=dark] .register-page,[data-theme=dark] .auth-page,[data-theme=dark] .forgot-page,[data-theme=dark] .reset-page,[data-theme=dark] [class*=auth-],[data-theme=dark] [class*=login-],[data-theme=dark] [class*=register-]{background:var(--bg-app,#101525);color:var(--text-main,#f5f7fa)}[data-theme=dark] .auth-card,[data-theme=dark] .login-card,[data-theme=dark] .register-card,[data-theme=dark] [class*=auth-card],[data-theme=dark] [class*=login-box],[data-theme=dark] [class*=auth-box]{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important;color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .cs-pc-page{background:var(--bg-page,#151a2b)}[data-theme=dark] .cs-pc-header{background:var(--bg-card,#202638)!important;border-color:var(--border-soft)!important}[data-theme=dark] .cs-pc-title{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .cs-pc-subtitle{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .cs-pc-date{background:var(--bg-input,#202638)!important;border-color:var(--border-soft)!important;color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .cs-pc-date:hover{background:var(--bg-card-hover,#273047)!important}[data-theme=dark] .cs-pc-sep,[data-theme=dark] .cs-pc-dash{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .cs-pc-kpi{background:var(--bg-card,#202638)!important;border-color:var(--border-soft)!important}[data-theme=dark] .cs-pc-kpi-label{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .cs-pc-kpi-value{color:var(--color-primary,#0d9488)!important}[data-theme=dark] .cs-pc-section{background:var(--bg-card,#202638)!important;border-color:var(--border-soft)!important}[data-theme=dark] .cs-pc-section-title{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .cs-pc-legend-item,[data-theme=dark] .cs-pc-empty{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .cs-pc-dist{background:var(--bg-card,#202638)!important;border-color:var(--border-soft)!important}[data-theme=dark] .cs-pc-dist-title{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .cs-pc-doughnut-num{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .cs-pc-doughnut-sub,[data-theme=dark] .cs-pc-legend-name{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .cs-pc-legend-count{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .cs-pc-loading,[data-theme=dark] .cs-pc-error{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .cs-pc-chart-wrap{border-radius:8px;background:var(--bg-card,#202638)!important}[data-theme=dark] .customer-stats-page .kpi-icon.rose{background:#f43f5e26}[data-theme=dark] .customer-stats-page .kpi-icon.purple{background:#a855f726}[data-theme=dark] .customer-stats-page .kpi-icon.teal{background:rgba(var(--color-primary-rgb),.15)}[data-theme=dark] .customer-stats-page .kpi-icon.amber{background:#f59e0b26}[data-theme=dark] .dash3{background:var(--bg-page,#151a2b);color:var(--text-main,#f5f7fa)}[data-theme=dark] .dash3-greeting{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .dash3-kpi-card{background:var(--bg-card,#202638)!important;border-color:var(--border-soft)!important}[data-theme=dark] .dash3-kpi-value{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .dash3-kpi-icon{background:rgba(var(--color-primary-rgb),.12)!important}[data-theme=dark] .dash3-card{background:var(--bg-card,#202638)!important;border-color:var(--border-soft)!important}[data-theme=dark] .dash3-card-head h3{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .dash3-btn-ghost{background:var(--bg-card,#202638)!important;border-color:var(--border-soft)!important;color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .dash3-date-range{background:var(--bg-card,#202638)!important;border-color:var(--border-soft)!important}[data-theme=dark] .dash3-date-input,[data-theme=dark] .dash3-appt-time,[data-theme=dark] .dash3-appt-name{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .dash3-appt-desc{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .dash3-services-table td,[data-theme=dark] .dash3-activity-text{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .dash3-period-tabs{background:#ffffff0f!important}[data-theme=dark] .dash3-period-tabs button{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .dash3-period-tabs button.active{background:rgba(var(--color-primary-rgb),.18)!important;color:var(--color-primary,#0d9488)!important;box-shadow:none!important}[data-theme=dark] .dash3-axis-label,[data-theme=dark] .dash3-day-label{fill:var(--text-muted,#a4adbf)!important}[data-theme=dark] .dash3-banner{background:rgba(var(--color-primary-rgb),.08)!important;border-color:rgba(var(--color-primary-rgb),.15)!important}[data-theme=dark] .dash3-trend-chip.up{background:#10b98126!important}[data-theme=dark] .dash3-trend-chip.down{background:#ef444426!important}[data-theme=dark] .dash3-trend-chip.flat{color:var(--text-muted,#a4adbf)!important;background:#ffffff0f!important}[data-theme=dark] .dash3-badge-confirmed,[data-theme=dark] .dash3-badge-booked,[data-theme=dark] .dash3-badge-default{background:rgba(var(--color-primary-rgb),.12)!important;color:var(--color-primary,#0d9488)!important}[data-theme=dark] .dash3-badge-checked_in{color:#34d399!important;background:#10b98126!important}[data-theme=dark] .dash3-badge-in_progress,[data-theme=dark] .dash3-badge-waiting{color:#fbbf24!important;background:#d9770626!important}[data-theme=dark] .dash3-badge-completed{color:var(--text-muted,#a4adbf)!important;background:#ffffff14!important}[data-theme=dark] .dash3-kpi-widget{background:var(--bg-card,#202638)!important;border-color:var(--border-soft)!important}[data-theme=dark] .dash3-kpi-widget-title{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .dash3-kpi-widget-bar{background:#ffffff14!important}[data-theme=dark] .notif-bell-dropdown,[data-theme=dark] .notif-dropdown{background:var(--bg-panel,#1c2233)!important;border-color:var(--border-soft)!important}[data-theme=dark] .notif-bell-badge{box-shadow:0 0 0 2px var(--bg-page,#151a2b)!important}[data-theme=dark] .zalo-notif-dropdown,[data-theme=dark] .notif-bell-wrap .notif-bell-dropdown{background:var(--bg-panel,#1c2233)!important;border-color:var(--border-soft)!important;box-shadow:0 8px 30px #0006!important}[data-theme=dark] .info-value{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .info-item{border-bottom-color:var(--border-soft)!important}[data-theme=dark] .stock-summary-box,[data-theme=dark] .stock-table-wrap{background:var(--bg-card,#202638)!important;border-color:var(--border-soft)!important}[data-theme=dark] .stock-modal{background:var(--bg-card,#202638)!important}[data-theme=dark] .mhr-kpi-card.blue{background:#38bdf81f!important}[data-theme=dark] .mhr-kpi-card.green{background:#34d3991f!important}[data-theme=dark] .mhr-kpi-card.purple{background:#8b5cf61f!important}[data-theme=dark] .mhr-kpi-card.orange{background:#fb923c1f!important}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--bg-app,#101525)!important}[data-theme=dark] ::-webkit-scrollbar-thumb{border-radius:4px;background:#ffffff1f!important}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#fff3!important}[data-theme=dark] [class*=tooltip]{background:var(--bg-panel,#1c2233)!important;color:var(--text-main,#f5f7fa)!important;border-color:var(--border-soft)!important}[data-theme=dark] .toast,[data-theme=dark] [class*=toast]{background:var(--bg-card,#202638)!important;color:var(--text-main,#f5f7fa)!important;border-color:var(--border-soft)!important}[data-theme=dark] .m-sub{color:var(--text-secondary,#d5dae6)!important}[data-theme=dark] [class*=pagination] button,[data-theme=dark] [class*=pagination] a{background:var(--bg-card,#202638)!important;color:var(--text-muted,#a4adbf)!important;border-color:var(--border-soft)!important}[data-theme=dark] [class*=pagination] button.active,[data-theme=dark] [class*=pagination] a.active{background:var(--color-primary,#0d9488)!important;color:#fff!important}[data-theme=dark] [class*=-empty]{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] [class*=-empty-icon]{color:var(--text-muted,#a4adbf)!important;background:#ffffff0d!important}[data-theme=dark] .cd-family-guide{background:rgba(var(--color-primary-rgb),.08)!important;border-color:rgba(var(--color-primary-rgb),.2)!important;color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .cd-family-guide p{color:var(--color-primary,#0d9488)!important}[data-theme=dark] [class*=-tile]:not([class*=badge]),[data-theme=dark] [class*=-tiles]:not([class*=badge]){background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important;color:var(--text-main,#f5f7fa)!important}[data-theme=dark] [class*=-toolbar]:not([class*=badge]){background:var(--bg-panel,#1c2233)!important;border-color:var(--border-soft,#ffffff14)!important;color:var(--text-main,#f5f7fa)!important}[data-theme=dark] [class*=-table-wrap],[data-theme=dark] [class*=-table-container]{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] [class*=-search-wrap],[data-theme=dark] [class*=-search-inner],[data-theme=dark] [class*=-search-box]{background:var(--bg-input,#202638)!important;border-color:var(--border-soft,#ffffff14)!important;color:var(--text-main,#f5f7fa)!important}[data-theme=dark] [class*=-chip]:not([class*=badge]):not([class*=trend]):not(.active){border-color:var(--border-soft,#ffffff14)!important;color:var(--text-secondary,#d5dae6)!important;background:#ffffff0f!important}[data-theme=dark] [class*=-filter-bar],[data-theme=dark] [class*=-filters]:not([class*=badge]){background:0 0!important}[data-theme=dark] [class*=-summary-card],[data-theme=dark] [class*=-stat-card],[data-theme=dark] .summary-card{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important;color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .ord-table-wrap{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .ord-table thead th{color:var(--text-muted,#a4adbf)!important;border-color:var(--border-soft,#ffffff14)!important;background:#ffffff0a!important}[data-theme=dark] .ord-table tbody td{color:var(--text-main,#f5f7fa)!important;border-color:var(--border-soft,#ffffff0f)!important}[data-theme=dark] .ord-stat-tile{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .ord-stat-val{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .ord-stat-label{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .ord-search-wrap{background:var(--bg-input,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .ord-search-input{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .ord-chip:not(.active){border-color:var(--border-soft,#ffffff14)!important;color:var(--text-secondary,#d5dae6)!important;background:#ffffff0f!important}[data-theme=dark] .ord-chip-n{background:#ffffff1f!important}[data-theme=dark] .ord-select,[data-theme=dark] .ord-date-input{background:var(--bg-input,#202638)!important;border-color:var(--border-soft,#ffffff14)!important;color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .ord-cell-code,[data-theme=dark] .ord-cell-name,[data-theme=dark] .ord-cell-total{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .ord-cell-date,[data-theme=dark] .ord-cell-paid,[data-theme=dark] .ord-cell-channel,[data-theme=dark] .ord-cell-product{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .ord-pagination{border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .ord-mob-stat4{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .orders-modal,[data-theme=dark] .orders-mini-modal{background:var(--bg-card,#202638)!important;box-shadow:0 20px 60px #0009!important}[data-theme=dark] .orders-modal__header{border-color:var(--border-soft,#ffffff14)!important;background:#ffffff08!important}[data-theme=dark] .orders-modal__header h3,[data-theme=dark] .orders-modal__header h4{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .orders-modal__footer{border-color:var(--border-soft,#ffffff14)!important;background:#ffffff05!important}[data-theme=dark] .orders-detail-section{border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .orders-detail-section h4{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .orders-items-table th{color:var(--text-muted,#a4adbf)!important;background:#ffffff0a!important}[data-theme=dark] .orders-items-table td{border-color:var(--border-soft,#ffffff0f)!important}[data-theme=dark] .orders-totals{background:#ffffff0a!important;border-radius:8px!important}[data-theme=dark] .orders-totals>div{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .orders-payment-row{border-color:var(--border-soft,#ffffff0f)!important}[data-theme=dark] .orders-btn-cancel{color:var(--text-secondary,#d5dae6)!important;border-color:var(--border-soft,#ffffff1f)!important;background:#ffffff0f!important}[data-theme=dark] .orders-action-btn--cancel{color:#f87171!important;background:#ef44441a!important;border-color:#ef444466!important}[data-theme=dark] .cashbook-page{background:var(--bg-page,#151a2b)!important;color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .summary-card{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .summary-card .card-label{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .summary-card .card-value{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .cashbook-table-container{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .cashbook-table th{color:var(--text-muted,#a4adbf)!important;border-color:var(--border-soft,#ffffff14)!important;background:#ffffff0a!important}[data-theme=dark] .cashbook-table td{color:var(--text-main,#f5f7fa)!important;border-color:var(--border-soft,#ffffff0f)!important}[data-theme=dark] .cashbook-toolbar{background:var(--bg-panel,#1c2233)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .cashbook-tabs,[data-theme=dark] .cb-subtabs{border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .tab-btn:not(.active),[data-theme=dark] .cb-subtab:not(.active){color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .cb-chip:not(.active){border-color:var(--border-soft,#ffffff14)!important;color:var(--text-secondary,#d5dae6)!important;background:#ffffff0f!important}[data-theme=dark] .txn-type-tab{border-color:var(--border-soft)!important;color:var(--text-muted)!important;background:#ffffff0f!important}[data-theme=dark] .txn-type-tab.active{background:var(--color-primary,#0d9488)!important;color:#fff!important;border-color:var(--color-primary,#0d9488)!important}[data-theme=dark] .pos-cust-strip,[data-theme=dark] .pos-cust-placeholder,[data-theme=dark] .pos-cust-card-bal{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important;color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .pos-cat-tabs{border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .pos-cat-tab:not(.active){color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .pos-cat-item{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .pos-cat-name{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .pos-cat-price{color:var(--color-primary,#0d9488)!important}[data-theme=dark] .pos-cart-drawer{background:var(--bg-panel,#1c2233)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .pos-cart-hdr{border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .pos-cart-hdr-title{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .pos-cart-row{border-color:var(--border-soft,#ffffff0f)!important}[data-theme=dark] .pos-cart-row-name{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .pos-cart-row-sub{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .staff-page{background:var(--bg-page,#151a2b)!important}[data-theme=dark] .staff-table-container{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .staff-table th{color:var(--text-muted,#a4adbf)!important;border-color:var(--border-soft,#ffffff14)!important;background:#ffffff0a!important}[data-theme=dark] .staff-table td{color:var(--text-main,#f5f7fa)!important;border-color:var(--border-soft,#ffffff0f)!important}[data-theme=dark] .staff-search-box{background:var(--bg-input,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .staff-search-box input{color:var(--text-main,#f5f7fa)!important;background:0 0!important}[data-theme=dark] .staff-tab-bar{border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .staff-tab-btn:not(.active){color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .staff-header{border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .staff-header h1{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .customers-page .customer-list-panel,[data-theme=dark] .customers-page .customer-detail-panel,[data-theme=dark] .customers-page .cl-item{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .customers-page .cl-item:hover{background:var(--bg-hover,#28324a)!important}[data-theme=dark] .customers-page .cl-search-inner{background:var(--bg-input,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .customers-page .cl-name,[data-theme=dark] .customers-page .customer-name{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .customers-page .cl-phone,[data-theme=dark] .customers-page .customer-phone{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .customers-page .btn-secondary{color:var(--text-main,#f5f7fa)!important;border-color:var(--border-soft,#ffffff14)!important;background:#ffffff0f!important}[data-theme=dark] .customers-page .page-header{border-color:var(--border-soft,#ffffff14)!important;background:0 0!important}[data-theme=dark] .customers-page .page-header h1{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .cal-page{background:var(--bg-page,#151a2b)!important}[data-theme=dark] .cal-header{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .cal-header-left h1{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .cal-tab:not(.active){color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .cal-date-nav{border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .nav-btn,[data-theme=dark] .cal-date-btn{background:var(--bg-input,#202638)!important;border-color:var(--border-soft,#ffffff14)!important;color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .today-btn{background:rgba(var(--color-primary-rgb),.12)!important;color:var(--color-primary,#0d9488)!important;border-color:rgba(var(--color-primary-rgb),.2)!important}[data-theme=dark] .inv-detail{background:var(--bg-page,#151a2b)!important}[data-theme=dark] .inv-detail__header{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .inv-detail__title{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .inv-detail__subtitle{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .inv-detail__customer{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .tele-page,[data-theme=dark] .tele-content{background:var(--bg-page,#151a2b)!important}[data-theme=dark] .tele-header h1{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .tele-subtitle{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .tele-tabs{border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .tele-tab:not(.active){color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .tele-dashboard-filters{background:var(--bg-panel,#1c2233)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .tele-filter-label{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .tele-filter-select,[data-theme=dark] .tele-filter-input{background:var(--bg-input,#202638)!important;border-color:var(--border-soft,#ffffff14)!important;color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .appt-stats-page,[data-theme=dark] .svc-usage-page,[data-theme=dark] .sold-products-page,[data-theme=dark] .stock-export-page,[data-theme=dark] .import-report-page,[data-theme=dark] .customer-cards-page,[data-theme=dark] .card-usage-page,[data-theme=dark] .staff-revenue-page,[data-theme=dark] .customer-revenue-page,[data-theme=dark] .branch-revenue-page,[data-theme=dark] .item-report-page,[data-theme=dark] .cashier-report-page{background:var(--bg-page,#151a2b)!important;color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .appt-stats-page .page-header,[data-theme=dark] .svc-usage-page .page-header,[data-theme=dark] .sold-products-page .page-header,[data-theme=dark] .stock-export-page .page-header,[data-theme=dark] .import-report-page .page-header,[data-theme=dark] .customer-cards-page .page-header,[data-theme=dark] .staff-revenue-page .page-header,[data-theme=dark] .customer-revenue-page .page-header,[data-theme=dark] .branch-revenue-page .page-header,[data-theme=dark] .item-report-page .page-header,[data-theme=dark] .cashier-report-page .page-header,[data-theme=dark] .mhr-header-box{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .mhr-name{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .mhr-role,[data-theme=dark] .mhr-subtitle{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .mhr-header-combined{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .settings-page,[data-theme=dark] .settings-container{background:var(--bg-page,#151a2b)!important}[data-theme=dark] .settings-section,[data-theme=dark] .settings-card,[data-theme=dark] .settings-group{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .settings-label,[data-theme=dark] .settings-title{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .settings-description{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .stock-summary-box{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .stock-table-wrap{background:var(--bg-card,#202638)!important;border-color:var(--border-soft)!important}[data-theme=dark] .fin-section,[data-theme=dark] .fin-card,[data-theme=dark] .fin-table-wrap,[data-theme=dark] .fin-header{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important;color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .products-page,[data-theme=dark] .services-page{background:var(--bg-page,#151a2b)!important}[data-theme=dark] [class*=product-card],[data-theme=dark] [class*=service-card]{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] [class*=treatment-]{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] [class*=treatment-card],[data-theme=dark] [class*=treatment-item]{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] [class*=commission-],[data-theme=dark] [class*=payroll-]{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] [class*=commission-card],[data-theme=dark] [class*=payroll-card],[data-theme=dark] [class*=payroll-table]{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] [class*=zalo-]{color:inherit}[data-theme=dark] [class*=zalo-card],[data-theme=dark] [class*=zalo-panel]{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] [class*=cashier-],[data-theme=dark] [class*=reception-]{color:inherit}[data-theme=dark] [class*=cashier-card],[data-theme=dark] [class*=reception-card]{background:var(--bg-card,#202638)!important;border-color:var(--border-soft,#ffffff14)!important}[data-theme=dark] .page-header{border-color:var(--border-soft,#ffffff14)!important;background:0 0!important}[data-theme=dark] .page-header h1,[data-theme=dark] .page-header h2{color:var(--text-main,#f5f7fa)!important}[data-theme=dark] .page-header p{color:var(--text-muted,#a4adbf)!important}[data-theme=dark] .btn-secondary{color:var(--text-main,#f5f7fa)!important;border-color:var(--border-soft,#ffffff1f)!important;background:#ffffff0f!important}[data-theme=dark] .btn-secondary:hover{background:#ffffff1a!important}[data-theme=dark] [style*="background: white"],[data-theme=dark] [style*="background:white"],[data-theme=dark] [style*="background: #fff"],[data-theme=dark] [style*="background:#fff"],[data-theme=dark] [style*="background-color: white"],[data-theme=dark] [style*="background-color:#fff"]{background:var(--bg-card,#202638)!important;background-color:var(--bg-card,#202638)!important}[data-theme=dark] table th,[data-theme=dark] table thead,[data-theme=dark] table thead tr{color:var(--text-muted,#a4adbf)!important;border-color:var(--border-soft,#ffffff14)!important;background:#ffffff0a!important}[data-theme=dark] table td{color:var(--text-main,#f5f7fa)!important;border-color:var(--border-soft,#ffffff0f)!important}[data-theme=dark] table tr:hover td{background:#ffffff08!important}@media(max-width:768px){html,body,#root{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;padding:0!important;overflow-x:hidden!important}.main-body,.main-content,.app-layout,.m-page,.mv-only{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;overflow-x:hidden!important}}.stat-card-v2,.kpi-stat-box,.kpi-box,.chart-card-v2,.services-card-v2,.staff-card-v2,.card,.main-body .section-card,.main-body [class*=card]{border-radius:var(--card-radius,12px)}.btn-primary,.cta-btn,button[class*=primary],.main-body button[style*=background]{border-radius:var(--btn-radius,8px)}.stat-card-v2,.kpi-stat-box,.chart-card-v2,.services-card-v2,.staff-card-v2{background:var(--card-bg,#fff)}.mv-card,.mv-section,[class*=mv-card],.mpage-card,.mpage-section,.mpage-hero{border-radius:var(--card-radius,14px)!important}.mv-stat-card,.mpage-stat{border-radius:var(--card-radius,14px)!important;background:var(--card-bg,#fff)!important}.mv-btn,.mpage-btn,.mpage-fab,.mv-cta,button.mv-primary{border-radius:var(--btn-radius,10px)!important}.mobile-bottom-nav,.mpage-bottom-tabs{border-radius:0!important}.mv-card,.mpage-card{background:var(--card-bg,var(--bg-surface,#fff))!important}.mpage-quick-btn,.mv-quick-action{border-radius:var(--card-radius,14px)!important}.mhr-mobile .mhr-section,.mhr-mobile .mhr-header-combined,.mhr-mobile .mhr-income-box,.mhr-mobile .mhr-today-card,.mhr-mobile .mhr-quick-work-item,.mhr-mobile .mhr-qs-item{border-radius:var(--card-radius,16px)}button,a,label,summary,[role=button],[role=tab],[role=menuitem],[role=option],input[type=button],input[type=submit],input[type=reset],input[type=checkbox],input[type=radio]{touch-action:manipulation}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:where(a[href],button,input,select,textarea,summary,[tabindex]:not([tabindex="-1"]),[role=button],[role=link],[role=tab],[role=menuitem],[role=switch],[role=checkbox],[role=radio],[role=option]):focus-visible{box-shadow:var(--focus-ring);outline:2px solid var(--color-primary)!important;outline-offset:2px!important}@media(pointer:coarse){button,summary,[role=button],[role=tab],[role=switch],input[type=button],input[type=submit],input[type=reset]{min-width:-moz-min-content;min-width:min-content;min-height:24px}.acm-close-btn,.aia-icon-btn,.bed-action-btn,.btn-action,.btn-delete,.btn-delete-row,.btn-icon,.btn-icon-mini,.btn-icon-outline,.cc-icon-btn,.close-btn,.clp-page-btn,.favorite-btn,.finance-back-btn,.gm-close-btn,.icon-btn,.ii-hero-add-btn,.ii-hero-icon-btn,.iid-icon-btn,.inv-detail__phone-btn,.inv-edit__remove-btn,.inv-more-btn,.invoice-action-btn,.ir-icon-btn,.logout-btn,.mcal-back-btn,.mcal-filter-btn,.mhr-mn-btn,.mkt-pagi-btn,.mpage-hero-iconbtn,.mv-iconbtn,.nav-btn,.notif-bell-btn,.notification-btn,.page-btn,.pc2-filter-btn,.pc2-more-btn,.pc2-tool-btn,.pm-add-cat-btn,.pos-menu-btn,.pp-pagi-btn,.rc-icon-btn,.remove-btn,.remove-slot-btn,.room-action-btn,.sa-icon-btn,.sc-icon-btn,.scd-icon-btn,.scd-pagi-btn,.sd2-icon-btn,.ssp-act-btn,.svc-action-btn,.svc-cat-action-btn,.te-pagi-btn,.tele-ai-delete-btn,.tele-call-btn,.vc-delete-btn,.ws-btn-delete-branch,.ws-btn-remove,.ws-perm-toggle-btn,.zalo-btn-danger-sm{position:relative}.acm-close-btn:after,.aia-icon-btn:after,.bed-action-btn:after,.btn-action:after,.btn-delete:after,.btn-delete-row:after,.btn-icon:after,.btn-icon-mini:after,.btn-icon-outline:after,.cc-icon-btn:after,.close-btn:after,.clp-page-btn:after,.favorite-btn:after,.finance-back-btn:after,.gm-close-btn:after,.icon-btn:after,.ii-hero-add-btn:after,.ii-hero-icon-btn:after,.iid-icon-btn:after,.inv-detail__phone-btn:after,.inv-edit__remove-btn:after,.inv-more-btn:after,.invoice-action-btn:after,.ir-icon-btn:after,.logout-btn:after,.mcal-back-btn:after,.mcal-filter-btn:after,.mhr-mn-btn:after,.mkt-pagi-btn:after,.mpage-hero-iconbtn:after,.mv-iconbtn:after,.nav-btn:after,.notif-bell-btn:after,.notification-btn:after,.page-btn:after,.pc2-filter-btn:after,.pc2-more-btn:after,.pc2-tool-btn:after,.pm-add-cat-btn:after,.pos-menu-btn:after,.pp-pagi-btn:after,.rc-icon-btn:after,.remove-btn:after,.remove-slot-btn:after,.room-action-btn:after,.sa-icon-btn:after,.sc-icon-btn:after,.scd-icon-btn:after,.scd-pagi-btn:after,.sd2-icon-btn:after,.ssp-act-btn:after,.svc-action-btn:after,.svc-cat-action-btn:after,.te-pagi-btn:after,.tele-ai-delete-btn:after,.tele-call-btn:after,.vc-delete-btn:after,.ws-btn-delete-branch:after,.ws-btn-remove:after,.ws-perm-toggle-btn:after,.zalo-btn-danger-sm:after{content:"";border-radius:inherit;z-index:0;background:0 0;width:44px;height:44px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}@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}@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-divide-y-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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-outline-style{syntax:"*";inherits:false;initial-value:solid}@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-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}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--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-divide-y-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-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-outline-style:solid;--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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@media(max-width:768px){:root{--mobile-nav-height: 58px;--mobile-page-gutter: 16px;--mobile-safe-top: env(safe-area-inset-top, 0px);--mobile-safe-right: env(safe-area-inset-right, 0px);--mobile-safe-bottom: env(safe-area-inset-bottom, 0px);--mobile-safe-left: env(safe-area-inset-left, 0px);--mobile-nav-space: calc(var(--mobile-nav-height) + var(--mobile-safe-bottom))}html,body,#root{width:calc(100vw / var(--ui-vu, 1))!important;min-width:0!important;max-width:calc(100vw / var(--ui-vu, 1))!important;height:100%!important;min-height:calc(100dvh / var(--ui-vu, 1))!important;margin:0!important;overflow-x:clip!important}.app-layout,.main-content{width:calc(100vw / var(--ui-vu, 1))!important;min-width:0!important;max-width:calc(100vw / var(--ui-vu, 1))!important;height:calc(100dvh / var(--ui-vu, 1))!important;min-height:calc(100dvh / var(--ui-vu, 1))!important;margin:0!important;overflow-x:clip!important}.m-page{width:100%!important;min-width:0!important;max-width:100%!important;min-height:100%!important;margin:0!important;padding:0 0 var(--mobile-nav-space) 0!important;overflow-x:clip!important;box-sizing:border-box!important}.main-body,.main-content{width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;margin-top:0!important;padding-left:0!important;padding-right:0!important;padding-top:0!important;padding-bottom:var(--mobile-nav-space)!important;overflow-x:clip!important;box-sizing:border-box!important}.main-body{position:relative!important;min-height:0!important}.main-body{width:calc(100vw / var(--ui-vu, 1))!important;max-width:calc(100vw / var(--ui-vu, 1))!important}@supports (width: 100dvw){html,body,#root,.app-layout,.main-content,.main-body{width:calc(100dvw / var(--ui-vu, 1))!important;max-width:calc(100dvw / var(--ui-vu, 1))!important}}.mobile-screen-root,.m-subpage-wrap,.mobile-finance-subpage,.mmore-container,.fin-page,.system-documents-page,.ii-page,.cashbook-page,.mobile-finance-detail-page,.mobile-finance-hub-page{width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important;overflow-x:clip!important}.system-documents-page,.ii-page,.cashbook-page,.mobile-finance-detail-page,.mobile-finance-hub-page{min-height:calc(calc(100dvh / var(--ui-vu, 1)) - var(--mobile-nav-space))!important;padding-left:0!important;padding-right:0!important}.m-subpage-wrap,.mobile-finance-subpage,.mmore-container{min-height:calc(calc(100dvh / var(--ui-vu, 1)) - var(--mobile-nav-space))!important}.mobile-screen-root{left:0!important;right:0!important;width:auto!important;max-width:none!important;margin:0!important;background:var(--color-surface-page, #f8fafc)!important}.mobile-dashboard-root{padding-bottom:calc(var(--mobile-nav-space) + 100px)!important}.mobile-bottom-nav{left:0!important;right:0!important;bottom:0!important;width:100%!important;min-width:0!important;max-width:100%!important;height:var(--mobile-nav-space)!important;margin:0!important;padding:0 8px var(--mobile-safe-bottom)!important;box-sizing:border-box!important}.mobile-bottom-nav-item,button.mobile-bottom-nav-item{flex:1 1 0!important;min-width:0!important;max-width:none!important;gap:1px!important;padding:6px 2px!important}.mobile-bottom-nav-item.active:after{bottom:1px!important}.mobile-bottom-nav-label{max-width:100%!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important;overflow-wrap:normal!important;text-align:center!important;line-height:1.05!important;font-size:12px!important}.mobile-bottom-nav-icon svg{width:19px!important;height:19px!important}@media(max-width:380px){.mobile-dashboard-summary-head{align-items:stretch!important;flex-direction:column!important;gap:8px!important}.mobile-dashboard-range{display:flex!important;width:100%!important}.mobile-dashboard-range>button{flex:1 1 0!important;min-width:0!important;padding-left:6px!important;padding-right:6px!important;white-space:nowrap!important}}.m-header-sticky{position:sticky!important;top:0!important;z-index:110!important}.m-safe-area-top{padding-top:calc(env(safe-area-inset-top,0px) + 8px)!important}.m-section{padding-left:var(--mobile-page-gutter)!important;padding-right:var(--mobile-page-gutter)!important;box-sizing:border-box!important}.m-section+.m-section{margin-top:12px!important}.m-card{width:100%!important;background:#fff!important;border-radius:16px!important;padding:14px!important;border:1px solid #F0F2F3!important;box-shadow:0 1px 3px #10201e0a!important;box-sizing:border-box!important}.m-chip-row{display:flex!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none!important;padding-bottom:4px!important;margin-left:-16px!important;margin-right:-16px!important;padding-left:16px!important;padding-right:16px!important}.m-chip-row::-webkit-scrollbar{display:none!important}.m-chip{flex-shrink:0!important;white-space:nowrap!important;padding:8px 14px!important;min-height:36px!important;border-radius:999px!important;font-size:13px!important;font-weight:600!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:6px!important;border:1px solid #E5E7EA!important;background:#fff!important;color:#475569!important}.m-chip.active{background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important;box-shadow:0 4px 10px -4px rgba(var(--color-primary-rgb),.45)!important}.m-stat-row{display:flex!important;gap:8px!important}.m-stat-tile{flex:1 1 0!important;min-width:0!important;background:#fff!important;border-radius:12px!important;padding:10px 8px!important;text-align:center!important;box-shadow:0 1px 3px #0000000d!important;box-sizing:border-box!important}.m-hero-teal{background:var(--brand-gradient)!important;color:#fff!important;padding:14px 16px 16px!important;box-sizing:border-box!important}.m-hero-teal .m-hero-row{display:flex!important;align-items:center!important;gap:10px!important}.m-hero-teal .m-hero-back{width:36px!important;height:36px!important;border-radius:10px!important;background:#ffffff2e!important;border:1px solid rgba(255,255,255,.35)!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;flex-shrink:0!important;color:#fff!important}.m-hero-teal .m-hero-text{flex:1!important;min-width:0!important}.m-hero-teal .m-hero-title{font-size:17px!important;font-weight:800!important;letter-spacing:-.01em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.m-hero-teal .m-hero-sub{font-size:12px!important;opacity:.85!important;margin-top:2px!important}.m-hero-teal .m-hero-action{flex-shrink:0!important}.m-search{display:flex!important;align-items:center!important;gap:8px!important;background:#fff!important;border:1px solid #F0F2F3!important;border-radius:12px!important;padding:10px 12px!important;min-height:44px!important;box-sizing:border-box!important}.m-search input{flex:1!important;min-width:0!important;border:none!important;outline:none!important;font-size:13.5px!important;background:transparent!important}.m-list{display:flex!important;flex-direction:column!important;gap:10px!important}.m-empty{background:#fff!important;border-radius:14px!important;padding:32px 16px!important;text-align:center!important;color:#9ca3af!important;font-size:13px!important}.m-bottom-spacer{height:96px!important}}@media(max-width:768px){.treatment-page .m-standard-hero{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important}.customer-groups-page .m-standard-hero-inner>div:first-child,.loyalty-page .m-standard-hero-inner>div:first-child{gap:12px!important}}@media(max-width:768px){.m-standard-hero{width:100%!important;max-width:100%!important;min-width:0!important;height:calc(var(--mobile-safe-top) + 60px)!important;min-height:calc(var(--mobile-safe-top) + 60px)!important;max-height:calc(var(--mobile-safe-top) + 60px)!important;box-sizing:border-box!important;margin:0!important;padding:calc(var(--mobile-safe-top) + 8px) 12px 8px!important;border-radius:0!important;background:var(--brand-gradient)!important;color:#fff!important;overflow:hidden!important}.m-standard-hero-inner{width:100%!important;height:44px!important;min-height:44px!important;max-height:44px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:12px!important}.m-standard-hero-title,.m-standard-hero .fin-sub-hero-title{min-width:0!important;margin:0!important;color:#fff!important;font-family:var(--font-ui, var(--font-family-sans, "Be Vietnam Pro", sans-serif))!important;font-size:18px!important;font-weight:800!important;line-height:22px!important;letter-spacing:-.01em!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.m-standard-hero-sub,.m-standard-hero .fin-sub-hero-sub{min-width:0!important;margin:2px 0 0!important;color:#ffffffdb!important;font-family:var(--font-ui, var(--font-family-sans, "Be Vietnam Pro", sans-serif))!important;font-size:12px!important;font-weight:500!important;line-height:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.m-standard-hero-back,.m-standard-hero .fin-sub-hero-back,.m-standard-hero-action,.m-standard-hero .fin-sub-hero-add{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;padding:0!important;margin:0!important;border-radius:10px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important;font-family:var(--font-ui, var(--font-family-sans, "Be Vietnam Pro", sans-serif))!important}.m-standard-hero-back,.m-standard-hero .fin-sub-hero-back{background:#ffffff2e!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;font-size:21px!important;line-height:1!important}.m-standard-hero-action,.m-standard-hero .fin-sub-hero-add{background:#ffffff2e!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;margin-left:auto!important}.m-standard-hero-action.m-standard-hero-action--text,.m-standard-hero .fin-sub-hero-add.m-standard-hero-action--text,.m-standard-hero .m-standard-hero-action--text{width:auto!important;min-width:44px!important;max-width:none!important;padding:0 12px!important;white-space:nowrap!important}.m-standard-hero-text,.m-standard-hero .fin-sub-hero-text{min-width:0!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important}.m-standard-hero:before{display:none!important}.customer-stats-page .m-standard-hero>div[style*="position: absolute"]{pointer-events:none!important}}@media(max-width:768px){.app-layout .main-content{padding-top:0!important;padding-bottom:0!important}.app-layout:has(.rc-page){position:fixed!important;inset:0!important;width:100%!important;height:calc(100dvh / var(--ui-vu, 1))!important;min-height:calc(100dvh / var(--ui-vu, 1))!important;max-height:calc(100dvh / var(--ui-vu, 1))!important;margin:0!important;padding:0!important;overflow-y:auto!important;overflow-x:clip!important}.app-layout:has(.rc-page) .main-content,.app-layout:has(.rc-page) .main-body,.app-layout:has(.rc-page) .rc-page{position:relative!important;top:0!important;margin-top:0!important}.main-body .m-page,.main-body .customer-groups-page.m-page,.main-body .vouchers-page.m-page,.main-body .debts-page.m-page,.main-body .rc-page.m-page,.main-body .staff-revenue-page.m-page{margin-left:0!important;margin-right:0!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;padding-left:0!important;padding-right:0!important}.main-body,.main-body>*,.mobile-screen-root,.m-page,.vouchers-page,.rc-page,.staff-revenue-page,.debts-page,.customer-groups-page,.mobile-finance-subpage,.mmore-container{width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important}.main-body>*,.mobile-screen-root,.m-page,.vouchers-page,.rc-page,.staff-revenue-page,.debts-page,.customer-groups-page{overflow-x:clip!important}.main-body>*{flex-shrink:1!important}.main-body>.invoices-page-v2,.main-body>.cal-page,.main-body>.pos-page-v2,.main-body>.orders-page,.main-body>.customers-page,.main-body>.customer-groups-page,.main-body>.cs-pc-page,.main-body>.fin-page,.main-body>.ctv-admin-layout,.main-body>.tele-page,.main-body>.treatment-page,.main-body>.svc-page-wrap,.main-body>.svc-page,.main-body>.dashboard-v2,.main-body>.finance-page,.main-body>.staff-page,.main-body>.inventory-page{width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;box-sizing:border-box!important}.main-body>.inventory-page,.main-body>.products-page{padding-top:0!important}.m-page-header-root,.fin-sub-hero,.fin-sub-hero-inner,.mobile-bottom-nav{box-sizing:border-box!important;max-width:100%!important}.m-page-header-root,.fin-sub-hero,.mobile-page-header,.mobile-screen-header{padding-top:calc(var(--mobile-safe-top) + 8px)!important}.mobile-bottom-nav{left:var(--mobile-safe-left)!important;right:var(--mobile-safe-right)!important;width:auto!important;min-width:0!important;max-width:none!important;padding-left:max(8px,var(--mobile-safe-left))!important;padding-right:max(8px,var(--mobile-safe-right))!important}.mobile-bottom-nav-item,.mobile-bottom-nav-label{min-width:0!important;max-width:100%!important}.customer-groups-page.m-page,.debts-page.m-page{padding:0 0 var(--mobile-nav-space)!important}.vouchers-page.m-page{padding:calc(var(--mobile-safe-top) + 14px) 16px calc(var(--mobile-nav-space) + 16px)!important}.rc-page.m-page,.staff-revenue-page.m-page{padding-bottom:calc(var(--mobile-nav-space) + 16px)!important}.rc-page.m-page .rc-hero,.staff-revenue-page.m-page>div:first-child{box-sizing:border-box!important;width:100%!important;max-width:100%!important;padding-top:calc(var(--mobile-safe-top) + 14px)!important}.rc-page .rc-hero-title,.staff-revenue-page .srv-staff-name,.vouchers-page h1,.customer-groups-page .member-name{min-width:0!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}}[data-theme=dark]{--color-background: #151A2B;--color-surface: #202638;--color-sidebar: #151A2B;--color-text: #F5F7FA;--color-text-muted: #A4ADBF;--color-border: rgba(255,255,255,.08);--bg-app: #101525;--bg-page: #151A2B;--bg-card: #202638;--bg-panel: #1C2233;--bg-toolbar: #1B2232;--bg-input: #202638;--bg-hover: #28324A;--bg-table-head: rgba(255,255,255,.04);--text-main: #F5F7FA;--text-secondary: #D5DAE6;--text-muted: #A4ADBF;--border-soft: rgba(255,255,255,.08);--border-medium: rgba(255,255,255,.14);--shadow-card: 0 8px 24px rgba(0,0,0,.28);color-scheme:dark}html[data-theme=dark],[data-theme=dark] body,[data-theme=dark] #root,[data-theme=dark] .app-root{background:#101525!important;color:#f5f7fa!important}[data-theme=dark] .app-layout{background:#101525!important}[data-theme=dark] .main-content{background:#151a2b!important}[data-theme=dark] .main-body{background:#151a2b!important;color:#f5f7fa!important}[data-theme=dark] .sidebar{background:#151a2b!important;border-right-color:#ffffff14!important}[data-theme=dark] .sidebar-logo{border-bottom-color:#ffffff0f!important}[data-theme=dark] .sidebar-collapse-btn{border-color:#ffffff1a!important;color:#a4adbf!important}[data-theme=dark] .menu-group-header{color:#a4adbf!important}[data-theme=dark] .menu-item{color:#d5dae6!important}[data-theme=dark] .menu-item:hover{background:#ffffff0d!important}[data-theme=dark] .menu-item.active{background:rgba(var(--color-primary-rgb),.15)!important;color:var(--color-primary)!important;border-color:rgba(var(--color-primary-rgb),.25)!important}[data-theme=dark] .section-label{color:#6f7a90!important}[data-theme=dark] .sidebar-user-trigger{border-color:#ffffff14!important}[data-theme=dark] .sidebar-user-name{color:#f5f7fa!important}[data-theme=dark] .sidebar-user-role{color:#a4adbf!important}[data-theme=dark] .main-header{background:#151a2b!important;border-bottom-color:#ffffff14!important}[data-theme=dark] .topbar-nav-btn{color:#a4adbf!important}[data-theme=dark] .topbar-nav-btn:hover,[data-theme=dark] .topbar-nav-btn.active,[data-theme=dark] .topbar-nav-btn.open{background:rgba(var(--color-primary-rgb),.1)!important;color:var(--color-primary)!important}[data-theme=dark] .topbar-dropdown{background:#1c2233!important;border-color:#ffffff14!important;box-shadow:0 8px 30px #00000080!important}[data-theme=dark] .topbar-dropdown-item{color:#d5dae6!important}[data-theme=dark] .topbar-dropdown-item:hover{background:#ffffff0f!important;color:var(--color-primary)!important}[data-theme=dark] .topbar-dropdown-item.active{background:rgba(var(--color-primary-rgb),.12)!important;color:var(--color-primary)!important}[data-theme=dark] .topbar-section-title{color:#6f7a90!important;border-bottom-color:#ffffff14!important}[data-theme=dark] .header-actions{background:transparent!important}[data-theme=dark] .theme-toggle{color:#a4adbf!important}[data-theme=dark] .mobile-header-brand{background:transparent!important}[data-theme=dark] .brand-name{color:#f5f7fa!important}[data-theme=dark] .brand-role{color:#a4adbf!important}[data-theme=dark] [class$=-page]{background:#151a2b!important;color:#f5f7fa!important}[data-theme=dark] [class*=-page-wrap],[data-theme=dark] [class*=-page-body],[data-theme=dark] [class*=-page-container]{background:#151a2b!important}[data-theme=dark] [class*=-card]:not([class*=badge]):not([class*=status]):not([class*=gift]):not([class*=score]){background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] [class*=-panel]:not([class*=badge]){background:#1c2233!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] [class*=-box]:not(select):not(input):not(button):not([class*=badge]):not([class*=checkbox]){background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] [class*=-section]:not([class*=badge]):not([class*=btn]){background:transparent!important;border-color:#ffffff0f!important}[data-theme=dark] [class*=-container]:not([class*=badge]):not([class*=spinner]):not(select){background:transparent!important}[data-theme=dark] [class*=-tile]:not([class*=badge]){background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] [class*=-table-wrap],[data-theme=dark] [class*=-table-container],[data-theme=dark] [class*=-list-wrap]{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] table,[data-theme=dark] [class*=-table]{background:transparent!important}[data-theme=dark] table th,[data-theme=dark] thead th,[data-theme=dark] thead tr,[data-theme=dark] thead{background:#ffffff0a!important;color:#a4adbf!important;border-color:#ffffff14!important}[data-theme=dark] table td,[data-theme=dark] tbody td{color:#f5f7fa!important;border-color:#ffffff0f!important}[data-theme=dark] tbody tr:hover td,[data-theme=dark] [class*=-table] tr:hover td,[data-theme=dark] [class*=-row]:hover{background:#ffffff08!important}[data-theme=dark] [class*=-empty],[data-theme=dark] [class*=table] .empty{color:#a4adbf!important;background:transparent!important}[data-theme=dark] [class*=-toolbar]{background:#1b2232!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] [class*=-filter-bar],[data-theme=dark] [class*=-filterbar],[data-theme=dark] [class*=-filters]:not([class*=btn]){background:transparent!important;border-color:#ffffff0f!important}[data-theme=dark] [class*=-search-wrap],[data-theme=dark] [class*=-search-box],[data-theme=dark] [class*=-search-inner],[data-theme=dark] [class*=-search-bar]{background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] [class*=-search] input,[data-theme=dark] [class*=-search-input]{background:transparent!important;color:#f5f7fa!important}[data-theme=dark] [class*=-chip]:not([class*=badge]):not([class*=trend]):not(.active){background:#ffffff0f!important;border-color:#ffffff14!important;color:#d5dae6!important}[data-theme=dark] [class*=-tab]:not([class*=cal]):not(.active){color:#a4adbf!important}[data-theme=dark] [class*=-tabs]{border-color:#ffffff14!important}[data-theme=dark] input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=submit]):not([type=button]):not([type=file]){background:#202638!important;color:#f5f7fa!important;border-color:#ffffff14!important}[data-theme=dark] select,[data-theme=dark] textarea{background:#202638!important;color:#f5f7fa!important;border-color:#ffffff14!important}[data-theme=dark] input::-moz-placeholder,[data-theme=dark] textarea::-moz-placeholder{color:#6f7a90!important}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder{color:#6f7a90!important}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.18)!important;outline:none!important}[data-theme=dark] option{background:#1c2233!important;color:#f5f7fa!important}[data-theme=dark] label:not([class*=badge]):not([class*=chip]){color:#d5dae6!important}[data-theme=dark] [class*=-input]:not(input):not([class*=badge]){background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .btn-secondary,[data-theme=dark] [class*=btn-secondary],[data-theme=dark] [class*=btn-outline],[data-theme=dark] [class*=btn-ghost],[data-theme=dark] [class*=btn-cancel],[data-theme=dark] [class*=-btn-cancel],[data-theme=dark] [class*=-cancel-btn]{background:#ffffff12!important;color:#d5dae6!important;border-color:#ffffff1f!important}[data-theme=dark] .btn-secondary:hover,[data-theme=dark] [class*=btn-secondary]:hover{background:#ffffff1c!important}[data-theme=dark] [class*=-modal]:not(.modal-overlay):not([class*=overlay]){background:#202638!important;color:#f5f7fa!important;border-color:#ffffff14!important}[data-theme=dark] [class*=-modal-header],[data-theme=dark] [class*=-modal__header]{background:#ffffff08!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] [class*=-modal-footer],[data-theme=dark] [class*=-modal__footer]{background:#ffffff05!important;border-color:#ffffff14!important}[data-theme=dark] [class*=-modal-body],[data-theme=dark] [class*=-modal__body],[data-theme=dark] [class*=-modal-content]{background:transparent!important;color:#f5f7fa!important}[data-theme=dark] [class*=-drawer]{background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] [class*=-dialog]{background:#202638!important;color:#f5f7fa!important}[data-theme=dark] [class*=-dropdown]:not([class*=sidebar-user-dropdown]){background:#1c2233!important;border-color:#ffffff14!important;box-shadow:0 8px 32px #00000073!important;color:#f5f7fa!important}[data-theme=dark] [class*=-popup],[data-theme=dark] [class*=-popover]{background:#1c2233!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] [class*=-menu]:not([class*=menu-item]):not([class*=menu-group]):not(.sidebar-menu):not(.sidebar){background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] [class*=pagination] button:not(.active),[data-theme=dark] [class*=pagination] a:not(.active),[data-theme=dark] [class*=-pagi-page]:not(.active),[data-theme=dark] [class*=-pg-btn]:not(.active){background:#202638!important;border-color:#ffffff14!important;color:#a4adbf!important}[data-theme=dark] [class*=pagination] button.active,[data-theme=dark] [class*=pagination] a.active{background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important}[data-theme=dark] [class*=-pagination-info],[data-theme=dark] [class*=-pagi-info]{color:#a4adbf!important}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:#f5f7fa!important}[data-theme=dark] p{color:inherit}[data-theme=dark] [class*=-title]:not([class*=badge]):not([class*=sidebar]){color:#f5f7fa!important}[data-theme=dark] [class*=-label]:not([class*=badge]):not([class*=legend]){color:#d5dae6!important}[data-theme=dark] [class*=-value]:not([class*=badge]):not([class*=primary]){color:#f5f7fa!important}[data-theme=dark] [class*=-name]:not([class*=badge]){color:#f5f7fa!important}[data-theme=dark] [class*=-desc],[data-theme=dark] [class*=-subtitle],[data-theme=dark] [class*=-hint],[data-theme=dark] [class*=-meta],[data-theme=dark] [class*=-muted]{color:#a4adbf!important}[data-theme=dark] [class*=-phone],[data-theme=dark] [class*=-email],[data-theme=dark] [class*=-date]:not([class*=badge]){color:#a4adbf!important}[data-theme=dark] hr,[data-theme=dark] [class*=divider],[data-theme=dark] [class*=separator]{border-color:#ffffff14!important;background:#ffffff14!important}[data-theme=dark] [class*=-border]{border-color:#ffffff14!important}[data-theme=dark] .summary-card,[data-theme=dark] .summary-cards .card{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .summary-card .card-label,[data-theme=dark] .summary-card .card-icon{color:#a4adbf!important}[data-theme=dark] [class*=-stat-tile]{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] [class*=-stat-val],[data-theme=dark] [class*=-stat-value]{color:#f5f7fa!important}[data-theme=dark] [class*=-stat-label]{color:#a4adbf!important}[data-theme=dark] .ord-stat-label{color:#a4adbf!important}[data-theme=dark] .ord-table thead th{background:#ffffff0a!important;color:#a4adbf!important;border-color:#ffffff14!important}[data-theme=dark] .ord-table tbody td,[data-theme=dark] .ord-table tbody tr{color:#f5f7fa!important;border-color:#ffffff0f!important}[data-theme=dark] .ord-cell-code,[data-theme=dark] .ord-cell-name,[data-theme=dark] .ord-cell-total{color:#f5f7fa!important}[data-theme=dark] .ord-cell-channel,[data-theme=dark] .ord-cell-product,[data-theme=dark] .ord-cell-date,[data-theme=dark] .ord-cell-paid{color:#a4adbf!important}[data-theme=dark] .ord-search-wrap{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .ord-search-input{color:#f5f7fa!important}[data-theme=dark] .ord-chip:not(.active){background:#ffffff0f!important;border-color:#ffffff14!important;color:#d5dae6!important}[data-theme=dark] .ord-chip:hover:not(.active){background:rgba(var(--color-primary-rgb),.1)!important;border-color:rgba(var(--color-primary-rgb),.25)!important;color:var(--color-primary)!important}[data-theme=dark] .ord-select,[data-theme=dark] .ord-date-input{background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .ord-mob-stat4{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .ord-mob-stat4-l{color:#a4adbf!important}[data-theme=dark] .ord-mob-stat4-v{color:#f5f7fa!important}[data-theme=dark] .orders-modal,[data-theme=dark] .orders-mini-modal{background:#202638!important;box-shadow:0 20px 60px #0009!important}[data-theme=dark] .orders-modal__header{background:#ffffff08!important;border-color:#ffffff14!important}[data-theme=dark] .orders-modal__header h3,[data-theme=dark] .orders-modal__header h4{color:#f5f7fa!important}[data-theme=dark] .orders-modal__footer,[data-theme=dark] .orders-detail-footer{background:#ffffff05!important;border-color:#ffffff14!important}[data-theme=dark] .orders-items-table th{background:#ffffff0a!important;color:#a4adbf!important;border-color:#ffffff14!important}[data-theme=dark] .orders-items-table td{border-color:#ffffff0f!important;color:#f5f7fa!important}[data-theme=dark] .orders-totals{background:#ffffff0a!important}[data-theme=dark] .orders-totals>div{color:#f5f7fa!important}[data-theme=dark] .orders-detail-section{border-color:#ffffff14!important}[data-theme=dark] .orders-detail-section h4{color:#a4adbf!important}[data-theme=dark] .orders-btn-cancel{background:#ffffff0f!important;color:#d5dae6!important;border-color:#ffffff1f!important}[data-theme=dark] .orders-action-btn--cancel{background:#ef44441a!important;border-color:#ef444459!important;color:#f87171!important}[data-theme=dark] .ord-dots-btn{color:#a4adbf!important}[data-theme=dark] .cashbook-page{background:#151a2b!important;color:#f5f7fa!important}[data-theme=dark] .cashbook-table th{background:#ffffff0a!important;color:#a4adbf!important;border-color:#ffffff14!important}[data-theme=dark] .cashbook-table .code{color:var(--color-primary)!important}[data-theme=dark] .cashbook-toolbar{background:#1b2232!important;border-color:#ffffff14!important}[data-theme=dark] .cashbook-tabs{border-color:#ffffff14!important}[data-theme=dark] .tab-btn:not(.active){color:#a4adbf!important}[data-theme=dark] .cb-filter-chips{background:transparent!important}[data-theme=dark] .cb-chip:not(.active){background:#ffffff0f!important;border-color:#ffffff14!important;color:#d5dae6!important}[data-theme=dark] .cb-subtabs{border-color:#ffffff14!important}[data-theme=dark] .cb-subtab:not(.active){color:#a4adbf!important}[data-theme=dark] .txn-type-tab{background:#ffffff0f!important;color:#a4adbf!important;border-color:#ffffff14!important}[data-theme=dark] .txn-type-tab.active{background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important}[data-theme=dark] .cb-section-head,[data-theme=dark] .cb-section-title{color:#f5f7fa!important}[data-theme=dark] .cb-count{color:#a4adbf!important}[data-theme=dark] .cb-balance-box{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .cb-bal-label,[data-theme=dark] .cb-bal-sublabel{color:#a4adbf!important}[data-theme=dark] .cb-bal-amount,[data-theme=dark] .cb-bal-subval{color:#f5f7fa!important}[data-theme=dark] .pos-cust-strip{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .pos-cust-name{color:#f5f7fa!important}[data-theme=dark] .pos-cust-placeholder{background:#202638!important;color:#a4adbf!important}[data-theme=dark] .pos-cust-card-bal{background:#ffffff0a!important;border-color:#ffffff14!important}[data-theme=dark] .pos-cat-tabs{border-color:#ffffff14!important}[data-theme=dark] .pos-cat-tab:not(.active){color:#a4adbf!important}[data-theme=dark] .pos-cat-item{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .pos-cat-name{color:#f5f7fa!important}[data-theme=dark] .pos-cat-price{color:var(--color-primary)!important}[data-theme=dark] .pos-cat-badge--svc{background:#05966926!important;color:#34d399!important}[data-theme=dark] .pos-cat-badge--sp{background:#8b5cf626!important;color:#a78bfa!important}[data-theme=dark] .pos-cat-badge--pkg{background:#f59e0b26!important;color:#fbbf24!important}[data-theme=dark] .pos-cart-drawer{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .pos-cart-hdr{background:#ffffff08!important;border-color:#ffffff14!important}[data-theme=dark] .pos-cart-hdr-title{color:#f5f7fa!important}[data-theme=dark] .pos-cart-row{border-color:#ffffff0f!important}[data-theme=dark] .pos-cart-row-name{color:#f5f7fa!important}[data-theme=dark] .pos-cart-row-sub{color:#a4adbf!important}[data-theme=dark] .pos-qty-ctrl button{background:#ffffff14!important;color:#f5f7fa!important;border-color:#ffffff1a!important}[data-theme=dark] .staff-page{background:#151a2b!important}[data-theme=dark] .staff-table th{background:#ffffff0a!important;color:#a4adbf!important;border-color:#ffffff14!important}[data-theme=dark] .staff-search-box{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .staff-search-box input{color:#f5f7fa!important;background:transparent!important}[data-theme=dark] .staff-tab-bar{border-color:#ffffff14!important}[data-theme=dark] .staff-tab-btn:not(.active){color:#a4adbf!important}[data-theme=dark] .staff-header h1{color:#f5f7fa!important}[data-theme=dark] .staff-card{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .staff-title{color:#a4adbf!important}[data-theme=dark] .staff-grid-container{background:transparent!important}[data-theme=dark] .customers-page .customer-list-panel,[data-theme=dark] .customers-page .customer-detail-panel,[data-theme=dark] .customers-page .cl-item,[data-theme=dark] .customers-page .customer-item{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .customers-page .cl-item:hover,[data-theme=dark] .customers-page .customer-item:hover{background:#28324a!important}[data-theme=dark] .customers-page .cl-search-inner,[data-theme=dark] .customers-page .search-box{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .customers-page .cl-search-inner input,[data-theme=dark] .customers-page .search-box input{color:#f5f7fa!important;background:transparent!important}[data-theme=dark] .customers-page .cl-name,[data-theme=dark] .customers-page .customer-name{color:#f5f7fa!important}[data-theme=dark] .customers-page .cl-phone,[data-theme=dark] .customers-page .customer-phone{color:#a4adbf!important}[data-theme=dark] .customers-page .page-header{background:transparent!important;border-color:#ffffff14!important}[data-theme=dark] .customers-page .btn-secondary{background:#ffffff0f!important;color:#f5f7fa!important;border-color:#ffffff1a!important}[data-theme=dark] .cal-page{background:#151a2b!important}[data-theme=dark] .cal-tab:not(.active){color:#a4adbf!important}[data-theme=dark] .cal-tab.active{color:var(--color-primary)!important}[data-theme=dark] .nav-btn{background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .nav-btn:hover{background:#28324a!important}[data-theme=dark] .cal-date-btn{background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .today-btn{background:rgba(var(--color-primary-rgb),.12)!important;color:var(--color-primary)!important;border-color:rgba(var(--color-primary-rgb),.2)!important}[data-theme=dark] .add-booking-btn{background:var(--color-primary)!important;color:#fff!important}[data-theme=dark] .cal-picker-wrapper{background:transparent!important}[data-theme=dark] .mhr-mobile{background:#151a2b!important}[data-theme=dark] .mhr-header-box,[data-theme=dark] .mhr-header-combined{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .mhr-name{color:#f5f7fa!important}[data-theme=dark] .mhr-role,[data-theme=dark] .mhr-subtitle,[data-theme=dark] .mhr-status-label{color:#a4adbf!important}[data-theme=dark] .mhr-today-card{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .mhr-checkin-row{background:transparent!important}[data-theme=dark] .mhr-leave-card{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .mhr-leave-form{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .mhr-lf-row label{color:#d5dae6!important}[data-theme=dark] .mhr-leave-type,[data-theme=dark] .mhr-leave-dates{color:#a4adbf!important}[data-theme=dark] .tele-page,[data-theme=dark] .tele-content,[data-theme=dark] .tele-shell{background:#151a2b!important}[data-theme=dark] .tele-header h1{color:#f5f7fa!important}[data-theme=dark] .tele-subtitle{color:#a4adbf!important}[data-theme=dark] .tele-tabs{border-color:#ffffff14!important}[data-theme=dark] .tele-tab:not(.active){color:#a4adbf!important}[data-theme=dark] .tele-dashboard-filters{background:#1b2232!important;border-color:#ffffff14!important}[data-theme=dark] .tele-filter-label{color:#a4adbf!important}[data-theme=dark] .tele-filter-select,[data-theme=dark] .tele-filter-input{background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .tele-loading,[data-theme=dark] .tele-empty{color:#a4adbf!important;background:transparent!important}[data-theme=dark] [class^=tele-][class$=-card],[data-theme=dark] [class^=tele-][class$=-wrap],[data-theme=dark] [class^=tele-][class$=-box],[data-theme=dark] [class^=tele-][class$=-panel]{background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .lead-chip-active .lead-chip-dot{background:var(--color-primary)!important}[data-theme=dark] .inv-detail{background:#151a2b!important}[data-theme=dark] .inv-detail__subtitle,[data-theme=dark] .inv-detail__meta{color:#a4adbf!important}[data-theme=dark] .inv-detail__invoice-no{color:var(--color-primary)!important}[data-theme=dark] .appt-stats-page,[data-theme=dark] .svc-usage-page,[data-theme=dark] .sold-products-page,[data-theme=dark] .stock-export-page,[data-theme=dark] .import-report-page,[data-theme=dark] .customer-cards-page,[data-theme=dark] .card-usage-page,[data-theme=dark] .staff-revenue-page,[data-theme=dark] .customer-revenue-page,[data-theme=dark] .branch-revenue-page,[data-theme=dark] .item-report-page,[data-theme=dark] .cashier-report-page,[data-theme=dark] .revenue-orders-page,[data-theme=dark] .revenue-branch-page,[data-theme=dark] .appointment-stats-page{background:#151a2b!important;color:#f5f7fa!important}[data-theme=dark] .appt-stats-page .page-header,[data-theme=dark] .svc-usage-page .page-header,[data-theme=dark] .sold-products-page .page-header,[data-theme=dark] .customer-revenue-page .page-header,[data-theme=dark] .staff-revenue-page .page-header,[data-theme=dark] .branch-revenue-page .page-header,[data-theme=dark] .item-report-page .page-header,[data-theme=dark] .cashier-report-page .page-header,[data-theme=dark] .report-table-wrap,[data-theme=dark] .rp-table-wrap,[data-theme=dark] .rbp-table-head{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .rbp-table-title{color:#f5f7fa!important}[data-theme=dark] .rbp-table-count{color:#a4adbf!important}[data-theme=dark] [class^=sr-],[data-theme=dark] [class^=rbp-],[data-theme=dark] [class^=rc-],[data-theme=dark] [class^=rod-]{color:inherit}[data-theme=dark] .sr-toast{background:#1c2233!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .settings-page,[data-theme=dark] .settings-container{background:#151a2b!important}[data-theme=dark] .settings-section,[data-theme=dark] .settings-card,[data-theme=dark] .settings-group,[data-theme=dark] .settings-form{background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .settings-label,[data-theme=dark] .settings-title{color:#f5f7fa!important}[data-theme=dark] .settings-description{color:#a4adbf!important}[data-theme=dark] .info-item{border-color:#ffffff0f!important}[data-theme=dark] .info-label{color:#a4adbf!important}[data-theme=dark] .info-value{color:#f5f7fa!important}[data-theme=dark] .info-grid{background:transparent!important}[data-theme=dark] .stock-summary-box,[data-theme=dark] .stock-table-wrap,[data-theme=dark] .stock-modal{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] [class*=sales-stock],[data-theme=dark] [class*=inventory-]{background:transparent!important}[data-theme=dark] [class*=clp-]:not([class*=badge]):not([class*=btn]){color:inherit}[data-theme=dark] .clp-appt-detail{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .kanban-card-score{background:rgba(var(--color-primary-rgb),.12)!important}[data-theme=dark] .funnel-card,[data-theme=dark] .kanban-card{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] [class*=treatment-card],[data-theme=dark] [class*=treatment-item],[data-theme=dark] [class*=service-card],[data-theme=dark] [class*=service-item],[data-theme=dark] [class*=product-card],[data-theme=dark] [class*=product-item]{background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .svc-init-modal,[data-theme=dark] .svc-init-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .svc-init-desc{color:#a4adbf!important}[data-theme=dark] [class*=payroll-card],[data-theme=dark] [class*=payroll-table],[data-theme=dark] [class*=commission-card]{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .cm-item-label{color:#a4adbf!important}[data-theme=dark] .fin-section,[data-theme=dark] .fin-card,[data-theme=dark] .fin-table-wrap,[data-theme=dark] .fin-header,[data-theme=dark] [class*=ads-][class$=-card],[data-theme=dark] [class*=ads-][class$=-wrap],[data-theme=dark] [class*=zalo-card],[data-theme=dark] [class*=zalo-panel]{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .login-page,[data-theme=dark] .register-page,[data-theme=dark] .auth-page,[data-theme=dark] .forgot-page,[data-theme=dark] .reset-page{background:#101525!important;color:#f5f7fa!important}[data-theme=dark] .auth-card,[data-theme=dark] .login-card,[data-theme=dark] .register-card,[data-theme=dark] [class*=auth-card],[data-theme=dark] [class*=login-box]{background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .react-datepicker{background:#1c2233!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .react-datepicker__header{background:#ffffff0a!important;border-color:#ffffff14!important}[data-theme=dark] .react-datepicker__current-month,[data-theme=dark] .react-datepicker__day-name,[data-theme=dark] .react-datepicker__day,[data-theme=dark] .react-datepicker__time-name{color:#f5f7fa!important}[data-theme=dark] .react-datepicker__day:hover{background:#ffffff1a!important}[data-theme=dark] .react-datepicker__day--selected,[data-theme=dark] .react-datepicker__day--keyboard-selected{background:var(--color-primary)!important;color:#fff!important}[data-theme=dark] .react-datepicker__day--disabled{color:#6f7a90!important}[data-theme=dark] .react-datepicker-popper{z-index:9999!important}[data-theme=dark] .toast,[data-theme=dark] [class*=toast],[data-theme=dark] [class*=-toast]{background:#202638!important;color:#f5f7fa!important;border-color:#ffffff14!important}[data-theme=dark] [class*=alert]:not([class*=badge]){border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .notif-bell-dropdown,[data-theme=dark] .notif-dropdown{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .notif-item{border-color:#ffffff0f!important}[data-theme=dark] .notif-item:hover{background:#ffffff0a!important}[data-theme=dark] .recharts-cartesian-axis-tick-value{fill:#a4adbf!important}[data-theme=dark] .recharts-cartesian-grid line{stroke:#ffffff14!important}[data-theme=dark] .recharts-legend-item-text{color:#a4adbf!important;fill:#a4adbf!important}[data-theme=dark] .recharts-default-tooltip{background:#1c2233!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .recharts-tooltip-label,[data-theme=dark] .recharts-tooltip-item{color:#f5f7fa!important;fill:#f5f7fa!important}[data-theme=dark] ::-webkit-scrollbar{background:#101525!important}[data-theme=dark] ::-webkit-scrollbar-track{background:#101525!important}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff24!important;border-radius:4px!important}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff38!important}[data-theme=dark] [style*="background: white"],[data-theme=dark] [style*="background:white"],[data-theme=dark] [style*="background: #fff"],[data-theme=dark] [style*="background:#fff"],[data-theme=dark] [style*="background: #ffffff"],[data-theme=dark] [style*="background:#ffffff"],[data-theme=dark] [style*="background-color: white"],[data-theme=dark] [style*="background-color:white"],[data-theme=dark] [style*="background-color: #fff"],[data-theme=dark] [style*="background-color:#fff"],[data-theme=dark] [style*="background-color: #ffffff"],[data-theme=dark] [style*="background-color:#ffffff"]{background:#202638!important;background-color:#202638!important}[data-theme=dark] [style*="color: black"],[data-theme=dark] [style*="color:black"],[data-theme=dark] [style*="color: #000"],[data-theme=dark] [style*="color:#000"],[data-theme=dark] [style*="color: #111"],[data-theme=dark] [style*="color: #222"],[data-theme=dark] [style*="color: #333"],[data-theme=dark] [style*="color: #374151"],[data-theme=dark] [style*="color: #1f2937"],[data-theme=dark] [style*="color: #111827"]{color:#f5f7fa!important}[data-theme=dark] .bg-white{background-color:#202638!important}[data-theme=dark] .bg-gray-50{background-color:#1c2233!important}[data-theme=dark] .bg-gray-100{background-color:#202638!important}[data-theme=dark] .bg-gray-200{background-color:#2a3147!important}[data-theme=dark] .bg-gray-800{background-color:#1c2233!important}[data-theme=dark] .bg-gray-900{background-color:#151a2b!important}[data-theme=dark] .text-gray-900{color:#f5f7fa!important}[data-theme=dark] .text-gray-800{color:#e2e8f0!important}[data-theme=dark] .text-gray-700{color:#cbd5e1!important}[data-theme=dark] .text-gray-600{color:#94a3b8!important}[data-theme=dark] .text-gray-500{color:#64748b!important}[data-theme=dark] .text-black{color:#f5f7fa!important}[data-theme=dark] .border-gray-200{border-color:#ffffff1a!important}[data-theme=dark] .border-gray-100{border-color:#ffffff12!important}[data-theme=dark] .border-gray-300{border-color:#ffffff1f!important}[data-theme=dark] .divide-gray-200>*+*{border-color:#ffffff14!important}[data-theme=dark] .hover\:bg-gray-50:hover{background-color:#242b3d!important}[data-theme=dark] .hover\:bg-gray-100:hover{background-color:#2a3147!important}[data-theme=dark] [style*="background: #f1f5f9"],[data-theme=dark] [style*="background:#f1f5f9"],[data-theme=dark] [style*="background-color: #f1f5f9"],[data-theme=dark] [style*="background-color:#f1f5f9"],[data-theme=dark] [style*="background: #f8fafc"],[data-theme=dark] [style*="background:#f8fafc"],[data-theme=dark] [style*="background-color: #f8fafc"],[data-theme=dark] [style*="background-color:#f8fafc"],[data-theme=dark] [style*="background: #f9fafb"],[data-theme=dark] [style*="background:#f9fafb"],[data-theme=dark] [style*="background-color: #f9fafb"],[data-theme=dark] [style*="background-color:#f9fafb"]{background:#1c2233!important;background-color:#1c2233!important}[data-theme=dark] [style*="background: #F3F4F6"],[data-theme=dark] [style*="background:#F3F4F6"],[data-theme=dark] [style*="background-color: #F3F4F6"],[data-theme=dark] [style*="background-color:#F3F4F6"]{background:#202638!important;background-color:#202638!important}[data-theme=dark] [style*="background: #e2e8f0"],[data-theme=dark] [style*="background:#e2e8f0"],[data-theme=dark] [style*="background: #E2E8F0"],[data-theme=dark] [style*="background:#E2E8F0"]{background:#2a3147!important;background-color:#2a3147!important}[data-theme=dark] [style*="color: #1e293b"],[data-theme=dark] [style*="color:#1e293b"],[data-theme=dark] [style*="color: #1E293B"],[data-theme=dark] [style*="color: #0f172a"],[data-theme=dark] [style*="color: #475569"]{color:#e2e8f0!important}[data-theme=dark] .agent-chat-panel{background:#202638!important;border-color:#ffffff1a!important}[data-theme=dark] .agent-chat-panel>div:nth-child(2){background:#202638!important}[data-theme=dark] .agent-chat-panel [style*="#f1f5f9"]{background:#1c2233!important;background-color:#1c2233!important;color:#e2e8f0!important}[data-theme=dark] .agent-chat-panel>div:last-child{background:#202638!important;border-color:#ffffff1a!important}[data-theme=dark] .agent-chat-panel textarea{background:#151a2b!important;color:#e2e8f0!important;border-color:#ffffff26!important}[data-theme=dark] .agent-chat-panel textarea::-moz-placeholder{color:#64748b!important}[data-theme=dark] .agent-chat-panel textarea::placeholder{color:#64748b!important}[data-theme=dark] .group-switcher-btn{background:#1c2233!important;border-color:#ffffff1f!important;color:#e2e8f0!important}[data-theme=dark] .group-switcher-dropdown{background:#202638!important;border-color:#ffffff1a!important}[data-theme=dark] .group-switcher-dropdown>div{border-color:#ffffff12!important}[data-theme=dark] .group-switcher-dropdown [style*="color: #111827"],[data-theme=dark] .group-switcher-dropdown [style*="color: #6B7280"],[data-theme=dark] .group-switcher-dropdown [style*="color: #9CA3AF"]{color:#94a3b8!important}[data-theme=dark] .group-switcher-dropdown [style*="background: #EFF6FF"]{background:rgba(var(--color-primary-rgb),.15)!important;color:var(--color-accent)!important}@media(min-width:769px)and (max-width:1366px)and (pointer:coarse){.main-header{flex-wrap:nowrap}.main-header .topbar-nav{flex-wrap:nowrap;min-width:0;padding:2px 0;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.main-header .topbar-nav::-webkit-scrollbar{display:none}.main-header .topbar-nav-item{position:static;flex-shrink:0}.main-header .topbar-nav-btn{min-height:44px;padding:8px 6px 8px 10px}.main-header .topbar-nav-arrow{min-width:34px;min-height:44px}.main-header .topbar-dropdown{top:100%;left:8px;right:8px;grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));max-width:none;max-height:calc(calc(100dvh / var(--ui-vu, 1)) - 80px);overflow-y:auto}.main-header .topbar-dropdown.sectioned{flex-wrap:wrap!important}.main-header .topbar-dropdown-item{min-height:44px;padding:10px 12px;white-space:normal}.sidebar .sidebar-user-plan-name{max-width:none}.sidebar .sidebar-user-trigger{min-height:52px}.sidebar .sidebar-user-dropdown-item{min-height:44px}.sidebar .sidebar-user-dropdown-item--danger{color:#dc2626}.section-tab-bar .section-tab-btn,.adv-reports-page .adv-district-bar .section-tab-btn{flex-shrink:0;min-height:40px;padding:8px 14px}.payroll-page .tabs{overflow-x:auto;scrollbar-width:none}.payroll-page .tabs .tab{flex-shrink:0;padding:12px 16px;white-space:nowrap}.main-content .btn-primary,.main-content .btn-secondary,.main-content .svc-add-btn,.main-content .sd2-tab{white-space:nowrap}.main-content .filters-bar{flex-wrap:wrap}.main-content .products-grid{overflow-x:auto!important}.main-content .products-grid>*{min-width:1120px}.ws-member-list .ws-member-header,.ws-member-list .ws-member-row{grid-template-columns:minmax(0,1.6fr) auto minmax(90px,1fr) 44px}.ws-member-row .ws-role-badge,.main-content .ac-send{white-space:nowrap}.main-content .svc-sidebar-add,.main-content .svc-view-btn{min-width:36px;min-height:36px}.ws-perm-grid .ws-perm-toggle-btn{width:36px;height:36px}.ws-perm-grid .ws-perm-circle{padding:7px}}@media(min-width:769px)and (max-width:900px)and (pointer:coarse){.ws-member-list .ws-member-header{display:none}.ws-member-list .ws-member-row{grid-template-columns:auto 1fr 44px;row-gap:8px}.ws-member-list .ws-member-row .ws-col-user{grid-column:1 / -1}}@media(hover:none){.ws-perm-grid .ws-perm-circle:hover{transform:none}}html[data-embed="1"]{font-size:15px;--font-sans: "Geist Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--color-card: #1f1f1f;--color-control: #282828;--color-hairline: #383838;--color-ink: #f5f5f5;--color-ink-secondary: #f5f5f5a8;--color-accent: #1084fe;--color-accent-text: #7fc0ff;--color-menu-hover: #f5f5f50f}html[data-embed="1"] body{font-family:var(--font-sans);line-height:1.4}html[data-embed="1"] .app-layout{flex-direction:column}html[data-embed="1"] .main-content{width:100%;min-width:0}.crm-embed-bar{display:flex;align-items:center;gap:8px;flex-shrink:0;padding:6px 12px;background:var(--color-card, #1f1f1f);color:var(--color-ink, #f5f5f5);border-bottom:1px solid var(--color-hairline, #383838);font-family:var(--font-sans, system-ui);font-size:13px}.crm-embed-bar__title{font-weight:600}.crm-embed-bar__select{flex:1;min-width:0;padding:4px 8px;font:inherit;color:inherit;background:var(--color-control, #282828);border:1px solid var(--color-hairline, #383838);border-radius:8px}.crm-embed-bar__expand{flex-shrink:0;padding:4px 8px;border-radius:6px;font-size:12px;text-decoration:none;color:var(--color-accent-text, #7fc0ff)}.crm-embed-bar__expand:hover{background:var(--color-menu-hover, #f5f5f50f)}.crm-open-bot{display:flex;justify-content:flex-end;padding:4px 12px 0}.crm-open-bot a{font-size:12px;padding:3px 10px;border-radius:999px;text-decoration:none;color:#1084fe;border:1px solid #1084fe55;background:#fff}.crm-open-bot a:hover{background:#1084fe14}html.mobile-preview .mv-only{display:block!important}html.mobile-preview .mv-hide-mobile,html.mobile-preview .sidebar,html.mobile-preview .main-header,html.mobile-preview .sidebar-overlay{display:none!important}html.mobile-preview .app-layout{display:block!important;background:#e8eaed!important;min-height:calc(100vh / var(--ui-vu, 1))}html.mobile-preview .main-content{margin-left:0!important;display:flex!important;justify-content:center!important;align-items:center!important;background:#e8eaed!important;min-height:calc(100vh / var(--ui-vu, 1))}html.mobile-preview,html.mobile-preview body{margin:0!important;padding:0!important;overflow:hidden!important;height:calc(100vh / var(--ui-vu, 1))!important}html.mobile-preview .app-layout{height:calc(100vh / var(--ui-vu, 1))!important;overflow-y:auto!important;scrollbar-width:none!important}html.mobile-preview .app-layout::-webkit-scrollbar{display:none!important;width:0!important}html.mobile-preview .main-body{width:390px;max-width:390px;min-height:calc(100vh / var(--ui-vu, 1))!important;margin:0!important;padding:0!important;background:#fafafa!important;position:relative!important;box-shadow:0 0 40px #0000002e!important;overflow:hidden!important}@media(max-width:768px){html.mobile-preview .main-content,html.mobile-preview .app-layout{background:transparent!important}html.mobile-preview .main-body{width:calc(100vw / var(--ui-vu, 1))!important;max-width:calc(100vw / var(--ui-vu, 1))!important;box-shadow:none!important}}html.mobile-preview .mv-only,html.mobile-preview .m-page,html.mobile-preview .fin-page,html.mobile-preview .system-documents-page,html.mobile-preview .ii-page,html.mobile-preview .cashbook-page,html.mobile-preview .mobile-finance-detail-page,html.mobile-preview .mobile-finance-hub-page{width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:0 0 58px!important;box-sizing:border-box!important;overflow-x:clip!important}html.mobile-preview .mobile-bottom-nav{position:fixed!important;left:50%!important;transform:translate(-50%)!important;width:374px!important;right:auto!important;bottom:8px!important;border-radius:28px!important;border-top:none!important;border:none!important;height:72px!important;background:#fffffff7!important;backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;box-shadow:0 8px 24px #10201e14,0 0 0 1px #10201e0d!important;padding:0 12px!important;display:flex!important;align-items:center!important;justify-content:space-around!important}html.mobile-preview .mobile-bottom-nav-item{display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important;padding:8px 14px!important;border-radius:16px!important;color:var(--ink-400)!important;font-size:12px!important;font-weight:600!important;letter-spacing:.01em!important;transition:color .12s!important;position:relative!important;background:transparent!important;border:none!important}html.mobile-preview .mobile-bottom-nav-item.active{color:var(--teal-700)!important}html.mobile-preview .mobile-bottom-nav-item.active:before{content:"";position:absolute;top:-1px;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--teal-600);border-radius:2px}html.mobile-preview .mobile-bottom-nav-icon svg,html.mobile-preview .mobile-bottom-nav svg{width:22px!important;height:22px!important}html.mobile-preview .main-body{padding-bottom:96px!important}html.mobile-preview .main-body:has(.aia-shell),html.mobile-preview .main-body:has(.pc2-container){height:calc(calc(100vh / var(--ui-vu, 1)) - 80px)!important;flex:0 0 calc(calc(100vh / var(--ui-vu, 1)) - 80px)!important;min-height:0!important;padding-bottom:0!important;overflow:hidden!important}html.mobile-preview .aia-shell,html.mobile-preview .aia-body,html.mobile-preview .aia-center,html.mobile-preview .ac-root{height:100%!important;min-height:0!important;overflow:hidden!important}html.mobile-preview .aia-body,html.mobile-preview .aia-center,html.mobile-preview .ac-root{flex:1 1 auto!important}html.mobile-preview .aia-header-icon{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;border-radius:9px!important;font-size:15px!important}html.mobile-preview .aia-header-title{font-size:17px!important;line-height:20.4px!important}html.mobile-preview .aia-header-sub{font-size:12px!important;line-height:16px!important}html.mobile-preview .ac-head{flex-shrink:0!important;padding:10px 16px!important}html.mobile-preview .ac-head-avatar,html.mobile-preview .ac-msg-avatar{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;font-size:15px!important}html.mobile-preview .ac-head-name{font-size:1rem!important}html.mobile-preview .ac-head-sub{font-size:.8rem!important}html.mobile-preview .ac-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}html.mobile-preview .ac-input-bar{position:relative!important;inset:auto!important;flex-shrink:0!important;z-index:2!important}html.mobile-preview .pc2-container{height:100%!important;min-height:0!important;padding-bottom:0!important;overflow:hidden!important}html.mobile-preview .pc2-header{flex-shrink:0!important}html.mobile-preview .pc2-header-icon{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;font-size:16px!important;border-radius:9px!important}html.mobile-preview .pc2-header-title{font-size:17px!important;line-height:21px!important}html.mobile-preview .pc2-body{position:absolute!important;inset:86px 0 0!important;display:block!important;min-height:0!important;overflow:hidden!important}html.mobile-preview .pc2-sidebar,html.mobile-preview .pc2-main{inset:0!important;height:100%!important;min-height:0!important;overflow:hidden!important}html.mobile-preview .pc2-tabs{flex-wrap:wrap!important;flex-shrink:0!important}html.mobile-preview .pc2-tab{padding:8px 10px!important;font-size:12px!important;flex:0 0 auto!important}html.mobile-preview .pc2-conv-list,html.mobile-preview .pc2-messages{min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}html.mobile-preview .pc2-input-area{flex-shrink:0!important}html.mobile-preview .main-body:has(.guide-page-wrap){height:calc(100vh / var(--ui-vu, 1))!important;min-height:0!important;padding-bottom:0!important;overflow:hidden!important}html.mobile-preview .guide-page-wrap{position:absolute!important;inset:0!important;width:100%!important;height:100%!important}html.mobile-preview .guide-iframe{width:100%!important;height:100%!important}html.mobile-preview .mobile-bottom-nav-icon svg,html.mobile-preview .mobile-bottom-nav svg{width:19px!important;height:19px!important}html.mobile-preview .mobile-bottom-nav-label{font-size:12px!important}html.mobile-preview .mfab-btn{display:flex!important;align-items:center;justify-content:center;position:fixed!important;right:calc(50% - 179px);bottom:92px;width:56px;height:56px;border-radius:18px;background:var(--brand-gradient);border:none;cursor:pointer;box-shadow:0 10px 24px rgba(var(--color-primary-rgb),.32),0 0 0 4px #ffffff80;z-index:45;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s}html.mobile-preview .mfab-btn:active,html.mobile-preview .mfab-btn.open{transform:scale(.94)}html.mobile-preview .mfab-backdrop{display:block;position:fixed!important;inset:0;background:#10201e59;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:55}html.mobile-preview .mfab-sheet{display:flex!important;flex-direction:column;position:fixed!important;left:0;right:0;bottom:0;background:var(--bg-surface, #fff);border-radius:28px 28px 0 0;padding:8px 16px 28px;z-index:56;box-shadow:0 -10px 40px #10201e1f}html.mobile-preview .dash3-header,html.mobile-preview .dash3-kpi-row,html.mobile-preview .dash3-main-row{display:none!important}html.mobile-preview .dash-mhero{display:block!important}.mobile-preview-badge{display:none}html.mobile-preview .mobile-preview-badge{display:flex;align-items:center;gap:8px;position:fixed;top:16px;right:16px;left:auto;transform:none;background:#1a1a1a;color:#fff;padding:8px 16px;border-radius:999px;font-size:12px;font-weight:600;z-index:9999;box-shadow:0 4px 12px #00000040;white-space:nowrap;cursor:pointer;transition:background .15s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html.mobile-preview .mobile-preview-badge:hover{background:#333}html.mobile-preview .mobile-preview-badge .badge-dot{width:8px;height:8px;border-radius:50%;background:#10b981;flex-shrink:0}html.mobile-preview .m-standard-hero{width:100%!important;max-width:100%!important;min-width:0!important;height:86px!important;min-height:86px!important;max-height:86px!important;box-sizing:border-box!important;margin:0!important;padding:14px 16px 24px!important;border-radius:0!important;background:var(--brand-gradient)!important;color:#fff!important;overflow:hidden!important}html.mobile-preview .m-standard-hero-inner{width:100%!important;height:48px!important;min-height:48px!important;max-height:48px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:12px!important}html.mobile-preview .m-standard-hero-title,html.mobile-preview .m-standard-hero .fin-sub-hero-title{min-width:0!important;margin:0!important;color:#fff!important;font-family:var(--font-ui, var(--font-family-sans, "Be Vietnam Pro", sans-serif))!important;font-size:17px!important;font-weight:700!important;line-height:20.4px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}html.mobile-preview .m-standard-hero-sub,html.mobile-preview .m-standard-hero .fin-sub-hero-sub{min-width:0!important;margin:2px 0 0!important;color:#ffffffdb!important;font-family:var(--font-ui, var(--font-family-sans, "Be Vietnam Pro", sans-serif))!important;font-size:12px!important;font-weight:500!important;line-height:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}html.mobile-preview .m-standard-hero-back,html.mobile-preview .m-standard-hero-action,html.mobile-preview .m-standard-hero .fin-sub-hero-back,html.mobile-preview .m-standard-hero .fin-sub-hero-add{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;padding:0!important;margin:0!important;border-radius:10px!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}html.mobile-preview .m-standard-hero-back,html.mobile-preview .m-standard-hero .fin-sub-hero-back{background:#ffffff2e!important;border:1px solid rgba(255,255,255,.18)!important;color:#fff!important;font-size:21px!important;line-height:1!important}html.mobile-preview .m-standard-hero-action.m-standard-hero-action--text,html.mobile-preview .m-standard-hero .fin-sub-hero-add.m-standard-hero-action--text,html.mobile-preview .m-standard-hero .m-standard-hero-action--text{width:auto!important;min-width:44px!important;max-width:none!important;padding:0 12px!important;white-space:nowrap!important}html.mobile-preview .m-standard-hero .fin-sub-hero-text{min-width:0!important;flex:1 1 auto!important}html.mobile-preview .aia-shell{width:100%!important;max-width:100%!important;min-width:0!important;height:auto!important;min-height:calc(100vh / var(--ui-vu, 1))!important;margin:0!important;overflow:hidden!important}html.mobile-preview .aia-header{width:100%!important;height:86px!important;min-height:86px!important;max-height:86px!important;box-sizing:border-box!important;padding:14px 16px 24px!important;margin:0!important;border-radius:0!important;background:var(--brand-gradient)!important;flex-wrap:nowrap!important;gap:8px!important;overflow:hidden!important}html.mobile-preview .aia-header-back{display:flex!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border-radius:10px!important}html.mobile-preview .aia-header-icon{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;font-size:18px!important}html.mobile-preview .aia-header-text{min-width:0!important;flex:1 1 auto!important}html.mobile-preview .aia-header-title{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;font-family:var(--font-ui, var(--font-family-sans, "Be Vietnam Pro", sans-serif))!important;font-size:17px!important;font-weight:700!important;line-height:20.4px!important}html.mobile-preview .aia-header-sub{font-family:var(--font-ui, var(--font-family-sans, "Be Vietnam Pro", sans-serif))!important;font-size:12px!important;font-weight:500!important;line-height:16px!important}html.mobile-preview .aia-online{display:none!important}html.mobile-preview .aia-header-btn{height:36px!important;min-height:36px!important;padding:0 12px!important;border-radius:10px!important;font-size:12px!important;white-space:nowrap!important;flex-shrink:0!important}html.mobile-preview .aia-body{grid-template-columns:1fr!important;gap:0!important;padding:0!important;overflow:visible!important}html.mobile-preview .aia-side{display:none!important}html.mobile-preview .aia-center{width:100%!important;min-width:0!important;border:none!important;border-radius:0!important;box-shadow:none!important;min-height:calc(calc(100vh / var(--ui-vu, 1)) - 200px)!important}html.mobile-preview .pc2-container{width:100%!important;max-width:100%!important;min-width:0!important;height:calc(calc(100vh / var(--ui-vu, 1)) - 58px)!important;padding-bottom:84px!important;margin:0!important;position:relative!important;overflow:hidden!important}html.mobile-preview .pc2-header{width:100%!important;height:86px!important;min-height:86px!important;max-height:86px!important;box-sizing:border-box!important;margin:0!important;padding:14px 16px 24px!important;border-radius:0!important;background:var(--brand-gradient)!important;position:sticky!important;top:0!important;z-index:30!important;gap:10px!important}html.mobile-preview .pc2-header-left{min-width:0!important;flex:1 1 auto!important;gap:10px!important}html.mobile-preview .pc2-header-icon{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important}html.mobile-preview .pc2-header-title{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-family:var(--font-ui, var(--font-family-sans, "Be Vietnam Pro", sans-serif))!important;font-size:17px!important;font-weight:700!important;line-height:20.4px!important}html.mobile-preview .pc2-header-right{flex-shrink:0!important}html.mobile-preview .pc2-header-badge{min-height:36px!important;box-sizing:border-box!important;padding:0 10px!important;border-radius:10px!important;font-size:12px!important;white-space:nowrap!important}html.mobile-preview .pc2-sidebar{width:100%!important;position:absolute!important;inset:0!important;z-index:10!important;height:100%!important}html.mobile-preview .pc2-main{width:100%!important;position:absolute!important;inset:0!important;z-index:20!important;height:100%!important;flex-direction:column!important}html.mobile-preview .pc2-has-selected .pc2-sidebar,html.mobile-preview .pc2-no-selected .pc2-main{display:none!important}html.mobile-preview .trash-page,html.mobile-preview .audit-logs-page{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;box-sizing:border-box!important}html.mobile-preview .trash-page{padding:0 0 84px!important;background:#f8fafc!important}html.mobile-preview .trash-settings{display:flex!important;flex-direction:column!important;gap:10px!important;margin:12px 14px!important;padding:14px!important;background:#fff!important;border-radius:14px!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0f172a0a!important}html.mobile-preview .trash-settings-middle,html.mobile-preview .trash-settings-right{display:flex!important;flex-direction:column!important;gap:8px!important}html.mobile-preview .trash-table-wrap{margin:0 14px 16px!important;border-radius:14px!important;border:1px solid #e2e8f0!important;overflow-x:auto!important;background:#fff!important}html.mobile-preview .trash-table th:nth-child(3),html.mobile-preview .trash-table td:nth-child(3),html.mobile-preview .trash-table th:nth-child(4),html.mobile-preview .trash-table td:nth-child(4){display:none!important}html.mobile-preview .audit-logs-page{padding:0 0 84px!important}html.mobile-preview .main-content:has(.aia-shell),html.mobile-preview .main-content:has(.pc2-container){align-items:center!important;justify-content:flex-start!important}html.mobile-preview .main-body:has(.aia-shell),html.mobile-preview .main-body:has(.pc2-container){height:calc(calc(100vh / var(--ui-vu, 1)) - 80px)!important;min-height:0!important;flex:0 0 calc(calc(100vh / var(--ui-vu, 1)) - 80px)!important;padding-bottom:0!important;overflow:hidden!important}html.mobile-preview .aia-shell,html.mobile-preview .pc2-container{height:100%!important;min-height:0!important}html.mobile-preview .pc2-header{padding-left:12px!important;padding-right:12px!important;gap:0!important}html.mobile-preview .pc2-header-left{gap:8px!important}html.mobile-preview .pc2-header-badge{padding-left:8px!important;padding-right:8px!important;font-size:12px!important}html.mobile-preview .mobile-bottom-nav-item{flex:1 1 0!important;min-width:0!important;padding:8px 4px!important}html.mobile-preview .mobile-bottom-nav-label{max-width:none!important;overflow:visible!important;white-space:nowrap!important}html.mobile-preview .pc2-header-back{display:inline-flex!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border-radius:10px!important;border:1px solid rgba(255,255,255,.24)!important;background:#ffffff29!important;color:#fff!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}html.mobile-preview .trash-settings-middle{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;max-width:none!important;min-width:0!important;gap:8px!important}html.mobile-preview .trash-settings-right{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;width:100%!important;min-width:0!important;margin-left:0!important;gap:8px 10px!important}html.mobile-preview .trash-search,html.mobile-preview .trash-settings-middle select{width:100%!important;min-width:0!important;box-sizing:border-box!important}html.mobile-preview .trash-settings-middle .trash-secondary{justify-self:start!important;width:auto!important;min-width:76px!important}html.mobile-preview .trash-settings-right label{width:100%!important;min-width:0!important;justify-content:space-between!important}html.mobile-preview .trash-settings-right .trash-switch,html.mobile-preview .trash-settings-right .trash-save{grid-column:1 / -1!important}html.mobile-preview .cm-filters{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:6px!important;padding:6px!important;width:100%!important;box-sizing:border-box!important}html.mobile-preview .cm-date-group{display:grid!important;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;width:100%!important;min-width:0!important;gap:2px!important}html.mobile-preview .cm-date-group input[type=date],html.mobile-preview .cm-staff-dd,html.mobile-preview .cm-staff-dd select,html.mobile-preview .cm-btn-export{width:100%!important;min-width:0!important;box-sizing:border-box!important}html.mobile-preview .cm-btn-export{margin-left:0!important;justify-content:center!important}html.mobile-preview .main-body>.treatment-page,html.mobile-preview .treatment-page{width:100%!important;min-width:0!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;padding:0 0 84px!important;box-sizing:border-box!important;overflow-x:hidden!important}html.mobile-preview .treatment-page .treatment-header{display:none!important}html.mobile-preview .treatment-page .fin-sub-hero{width:100%!important;max-width:100%!important;margin:0 0 12px!important;border-radius:0!important;box-sizing:border-box!important}html.mobile-preview .treatment-page .tx-filter-container{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow-x:auto!important;padding-left:16px!important;padding-right:16px!important}html.mobile-preview .treatment-page .tx-filter-container button{flex-shrink:0!important;white-space:nowrap!important}.udr-container{position:relative;display:inline-block;font-family:inherit;box-sizing:border-box}.udr-trigger{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 12px;background:#fff;border:1.5px solid #E2E8F0;border-radius:10px;font-size:13px;font-weight:600;color:#1e293b;cursor:pointer;transition:all .15s ease;white-space:nowrap;box-sizing:border-box}.udr-trigger:hover{border-color:var(--color-primary, #008080);background:#fafafa}.udr-trigger.active{border-color:var(--color-primary, #008080);background:var(--brand-soft, #E6F4F2);color:var(--color-primary, #008080)}.udr-trigger-icon{display:flex;align-items:center;color:var(--color-primary, #008080);flex-shrink:0}.udr-trigger-text{font-size:13px;font-weight:600}.udr-trigger-chevron{display:flex;align-items:center;color:#94a3b8;margin-left:2px;transition:transform .2s ease}.udr-trigger:disabled{cursor:not-allowed;opacity:.55;background:#f8fafc}.udr-trigger:focus-visible,.udr-day-cell:focus-visible,.udr-preset-btn:focus-visible{outline:2px solid var(--color-primary, #008080);outline-offset:2px}.udr-trigger.is-empty .udr-trigger-text{color:#94a3b8;font-weight:500}.udr-container.udr-date-input{display:inline-block;vertical-align:middle;min-width:150px;max-width:100%;height:auto;padding:0;border:none;background:transparent;box-shadow:none}.udr-date-input .udr-trigger{width:100%;justify-content:flex-start}.udr-date-input .udr-trigger-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:left}.udr-trigger.udr-trigger--bare{height:auto;min-height:24px;padding:0;border:none;background:transparent;font-size:inherit;font-weight:inherit}.udr-trigger.udr-trigger--bare:hover,.udr-trigger.udr-trigger--bare.active{background:transparent}.udr-trigger.active .udr-trigger-chevron{transform:rotate(180deg);color:var(--color-primary, #008080)}.udr-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:1000;width:320px;background:#fff;border-radius:14px;border:1px solid #E2E8F0;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;padding:14px;box-sizing:border-box;animation:udrFadeIn .15s ease-out}@keyframes udrFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.udr-mobile-overlay{position:fixed;inset:0;z-index:10000010;background:#0f172a8c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;justify-content:center;animation:udrOverlayFade .2s ease}@keyframes udrOverlayFade{0%{opacity:0}to{opacity:1}}.udr-mobile-sheet{width:100%;max-width:420px;background:#fff;border-radius:20px 20px 0 0;padding:16px 16px 24px;box-sizing:border-box;animation:udrSlideUp .25s cubic-bezier(.16,1,.3,1);max-height:calc(90vh / var(--ui-vu, 1));overflow-y:auto}@keyframes udrSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.udr-sheet-handle{width:36px;height:4px;background:#cbd5e1;border-radius:2px;margin:0 auto 12px}.udr-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #F1F5F9}.udr-sheet-title{font-size:15px;font-weight:700;color:#1e293b}.udr-sheet-close{background:none;border:none;font-size:18px;color:#94a3b8;cursor:pointer;padding:4px}.udr-presets{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.udr-preset-btn{padding:6px 10px;border-radius:8px;border:1px solid #E2E8F0;background:#f8fafc;color:#475569;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s ease}.udr-preset-btn:hover{background:var(--brand-soft, #E6F4F2);color:var(--color-primary, #008080);border-color:var(--color-primary, #008080)}.udr-preset-btn.active{background:var(--color-primary, #008080);color:#fff;border-color:var(--color-primary, #008080)}.udr-cal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.udr-month-label{font-size:14px;font-weight:700;color:#1e293b}.udr-month-label{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;flex:0 1 auto;min-width:0}.udr-year-select{width:auto;min-width:0;flex:0 0 auto;margin:0;box-shadow:none;border:1px solid transparent;background:transparent;font:inherit;font-weight:700;color:#1e293b;padding:2px;border-radius:6px;cursor:pointer}.udr-year-select:hover,.udr-year-select:focus-visible{border-color:#e2e8f0;background:#f8fafc;outline:none}.udr-nav-btn{width:30px;height:30px;border-radius:8px;border:1px solid #E2E8F0;background:#fff;display:grid;place-items:center;color:#475569;cursor:pointer;transition:all .15s ease}.udr-nav-btn:hover{background:#f1f5f9;color:#1e293b}.udr-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:6px}.udr-weekday{font-size:11px;font-weight:700;color:#94a3b8;padding:4px 0}.udr-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.udr-day-cell{position:relative;height:36px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:#1e293b;border-radius:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .12s ease;border:0;padding:0;background:transparent;font-family:inherit}.udr-day-cell:hover:not(.disabled):not(.empty){background:#f1f5f9}.udr-day-cell.empty{cursor:default}.udr-day-cell.disabled,.udr-day-cell:disabled{color:#cbd5e1;cursor:not-allowed;background:transparent}.udr-day-cell.today{font-weight:800;color:var(--color-primary, #008080)}.udr-day-cell.today:after{content:"";position:absolute;bottom:3px;width:4px;height:4px;border-radius:50%;background:var(--color-primary, #008080)}.udr-day-cell.range-endpoint{background:var(--color-primary, #008080)!important;color:#fff!important;border-radius:8px}.udr-day-cell.range-endpoint:after{display:none}.udr-day-cell.in-range{background:var(--brand-soft, #E6F4F2);color:var(--color-primary, #008080);border-radius:0}.udr-day-cell.range-start{border-top-left-radius:8px;border-bottom-left-radius:8px}.udr-day-cell.range-end{border-top-right-radius:8px;border-bottom-right-radius:8px}.udr-footer{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid #F1F5F9}.udr-selection-text{font-size:12px;font-weight:600;color:#64748b}.udr-footer{flex-wrap:wrap;gap:8px}.udr-actions{display:flex;gap:8px;margin-left:auto}.udr-btn-cancel{height:32px;padding:0 12px;border-radius:8px;border:1px solid #E2E8F0;background:#fff;color:#64748b;font-size:12px;font-weight:600;cursor:pointer}.udr-btn-clear{height:32px;padding:0 10px;border-radius:8px;border:1px solid #FECACA;background:#fff;color:#dc2626;font-size:12px;font-weight:600;cursor:pointer}.udr-btn-apply:disabled{opacity:.5;cursor:not-allowed}.udr-btn-apply{height:32px;padding:0 14px;border-radius:8px;border:none;background:var(--color-primary, #008080);color:#fff;font-size:12px;font-weight:700;cursor:pointer}@media(min-width:768px){.udr-mobile-overlay{align-items:center;padding:24px 16px;box-sizing:border-box}.udr-mobile-sheet{width:360px;max-width:calc(calc(100vw / var(--ui-vu, 1)) - 32px);max-height:calc(calc(100vh / var(--ui-vu, 1)) - 48px);border-radius:16px;padding:16px;box-shadow:0 20px 45px -12px #0f172a59;animation:udrFadeIn .15s ease-out}.udr-sheet-handle{display:none}}@media(max-width:768px){.udr-day-cell{height:40px;min-width:0}}@media(max-width:767px){.udr-container.udr-date-input{min-width:0}.udr-date-input .udr-trigger{gap:6px;padding:0 8px}.udr-date-input .udr-trigger-chevron,.udr-date-input .udr-label-prefix{display:none}}@media(max-width:767px){.udr-mobile-overlay{align-items:center;padding:16px;box-sizing:border-box}.udr-mobile-sheet{width:100%;max-width:380px;max-height:calc(calc(100vh / var(--ui-vu, 1)) - 32px);max-height:calc(calc(100dvh / var(--ui-vu, 1)) - 32px);border-radius:18px;padding:14px 14px 16px;box-shadow:0 20px 45px -12px #0f172a59;animation:udrFadeIn .15s ease-out}.udr-sheet-handle{display:none}.udr-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.udr-preset-btn{width:100%;min-height:34px;padding:6px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}.udr-day-cell{height:38px}.udr-selection-text{flex:1 1 100%;text-align:center}.udr-actions{flex:1 1 100%;margin-left:0}.udr-actions>button{flex:1 1 0;height:40px;font-size:13px}}.mfab-btn,.mfab-backdrop,.mfab-sheet{display:none}@media(max-width:768px){.mfab-btn{display:flex;align-items:center;justify-content:center;position:fixed;right:18px;bottom:calc(env(safe-area-inset-bottom,0px) + 72px);width:48px;height:48px;border-radius:50%;background:var(--brand-gradient);border:none;cursor:pointer;box-shadow:0 8px 24px rgba(var(--color-primary-rgb),.35),0 0 0 3px #ffffffb3;z-index:45;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s}.mfab-btn:active,.mfab-btn.open{transform:scale(.94)}.mfab-backdrop{display:block;position:fixed;inset:0;background:#10201e59;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:55;animation:mfab-fade-in .18s cubic-bezier(.2,.8,.2,1)}@keyframes mfab-fade-in{0%{opacity:0}to{opacity:1}}@keyframes mfab-pop-in{0%{transform:translate(-50%,-50%) scale(.92);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.mfab-sheet{display:flex;flex-direction:column;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 48px);max-width:300px;background:var(--bg-surface, #fff);border-radius:18px;padding:6px 12px 14px;z-index:56;box-shadow:0 18px 48px #10201e38;animation:mfab-pop-in .2s cubic-bezier(.2,.8,.2,1)}.mfab-sheet-handle{display:none}.mfab-sheet-title{font-size:14px;font-weight:700;color:var(--ink-900, #1A2B2A);padding:8px 4px;text-align:center}.mfab-sheet-actions{display:flex;flex-direction:column;gap:2px}.mfab-action{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:10px;border:none;background:transparent;cursor:pointer;text-align:left;transition:background .12s;width:100%}.mfab-action:active{background:var(--bg-muted, #F5F5F5)}.mfab-action-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mfab-action-icon svg{width:16px;height:16px}.mfab-action-text{flex:1;text-align:left}.mfab-action-label{font-size:13px;font-weight:600;color:var(--ink-900, #1A2B2A);line-height:1.2}.mfab-action-sub{font-size:12px;color:var(--ink-500, #636E72);margin-top:1px;line-height:1.2}.mfab-cancel{margin-top:8px;width:100%;padding:9px;border-radius:10px;border:1px solid var(--ink-200, #E5E7EA);background:var(--bg-surface, #fff);font-size:12.5px;font-weight:600;color:var(--ink-700, #2D3436);cursor:pointer;transition:background .15s}.mfab-cancel:active{background:var(--bg-muted, #F5F5F5)}}.page-loading-fallback{box-sizing:border-box;min-height:min(360px,calc(calc(100dvh / var(--ui-vu, 1)) - 180px));width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 16px calc(96px + env(safe-area-inset-bottom,0px));background:var(--color-background, #f6f8fa);color:var(--color-text-secondary, #64748b);font-size:14px}.page-loading-fallback__spinner{width:32px;height:32px;border:3px solid rgba(var(--color-primary-rgb, 0, 128, 128),.16);border-top-color:var(--color-primary, #008080);border-radius:50%;animation:page-loading-spin .8s linear infinite}@keyframes page-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.page-loading-fallback__spinner{animation-duration:1.8s}}.main-body .dashboard-v2.dashboard-desktop{width:auto;max-width:none;min-width:0;min-height:100%;margin-left:-24px!important;margin-right:-24px!important;padding:20px!important;box-sizing:border-box;background:radial-gradient(circle at 96% 0%,rgba(var(--color-primary-rgb),.045),transparent 22rem),var(--color-background)}.dashboard-desktop .dashboard-date-row{display:none}.dashboard-desktop .date-display{min-height:38px;padding:0 14px;background:var(--color-surface);border-color:var(--color-border);box-shadow:0 2px 8px #0f172a0a}.dashboard-desktop .dashboard-kpi-grid{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:14px!important;margin-bottom:16px!important}.dashboard-desktop .dashboard-kpi-card{position:relative;min-width:0;min-height:108px;padding:17px 18px!important;gap:13px!important;border-radius:16px!important;border-color:#e2e8f0!important;box-shadow:0 3px 12px #0f172a0b;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;overflow:hidden}.dashboard-desktop .dashboard-kpi-card:after{content:"";position:absolute;inset:auto 18px 0;height:2px;border-radius:999px 999px 0 0;background:rgba(var(--color-primary-rgb),.28)}.dashboard-desktop .dashboard-kpi-card:hover{transform:translateY(-2px);border-color:rgba(var(--color-primary-rgb),.24)!important;box-shadow:0 10px 24px #0f172a13}.dashboard-desktop .dashboard-kpi-card--revenue{background:linear-gradient(145deg,var(--color-surface) 35%,rgba(var(--color-primary-rgb),.07))!important}.dashboard-desktop .dashboard-kpi-card--month{background:linear-gradient(145deg,var(--color-surface) 35%,rgba(59,130,246,.055))!important}.dashboard-desktop .dashboard-kpi-card .ui-stat-icon{width:42px!important;height:42px!important;border-radius:12px!important;box-shadow:inset 0 0 0 1px rgba(var(--color-primary-rgb),.06)}.dashboard-desktop .dashboard-kpi-card .ui-stat-label{margin-bottom:7px!important;font-size:12px!important;letter-spacing:.045em!important;line-height:1.25}.dashboard-desktop .dashboard-kpi-card .ui-stat-value{font-size:20px!important;font-weight:700!important;letter-spacing:-.02em}.dashboard-desktop .dashboard-kpi-card .ui-stat-delta{margin-top:5px!important;font-size:12px!important}.dashboard-desktop .dashboard-revenue-card{min-height:342px;margin-bottom:16px!important;padding:20px 22px!important;border-radius:16px!important;border-color:#e2e8f0;box-shadow:0 3px 14px #0f172a0b}.dashboard-desktop .dashboard-section-header{margin-bottom:16px!important}.dashboard-desktop .chart-title-wrap{align-items:center;gap:12px}.dashboard-desktop .chart-title-icon{width:38px!important;height:38px!important;border-radius:11px;box-shadow:inset 0 0 0 1px rgba(var(--color-primary-rgb),.07)}.dashboard-desktop .chart-header-v2 h2{margin:0 0 4px!important;font-size:16px!important}.dashboard-desktop .chart-header-v2 .chart-subtitle{margin:0;font-size:12px!important;line-height:1.4}.dashboard-desktop .chart-period-toggle{padding:4px;border:1px solid #e2e8f0;background:#f8fafc}.dashboard-desktop .chart-period-toggle button{min-height:30px;padding:0 13px!important;font-size:12px!important}.dashboard-desktop .dashboard-chart-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.dashboard-desktop .dashboard-revenue-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:stretch}.dashboard-desktop .dashboard-revenue-main{display:flex;flex-direction:column;min-width:0;gap:10px}.dashboard-desktop .chart-area-v2{height:232px!important;min-height:232px;border:1px solid #eef2f7;border-radius:14px;background:linear-gradient(180deg,rgba(var(--color-primary-rgb),.025),transparent 65%);overflow:hidden}.dashboard-desktop .dashboard-chart-empty,.dashboard-desktop .chart-area-v2>.empty-state-v2{width:100%;height:100%;padding:20px!important}.dashboard-desktop .chart-area-v2 .empty-icon,.dashboard-desktop .dashboard-bottom-card .empty-icon{width:48px;height:48px;margin-bottom:10px;border-radius:14px;background:#f8fafc;border:1px solid #edf2f7}.dashboard-desktop .chart-area-v2 .empty-title{margin:0 0 4px!important;font-size:13px!important;font-weight:600;color:var(--color-text-secondary)}.dashboard-desktop .chart-area-v2 .empty-sub{margin:0;font-size:12px!important}.dashboard-desktop .dashboard-revenue-summary{display:flex;align-items:stretch;min-width:0}.dashboard-desktop .dashboard-summary-list{width:100%;display:grid!important;grid-template-columns:1fr!important;gap:9px!important;align-content:center}.dashboard-desktop .dashboard-summary-list>div{display:flex!important;align-items:center!important;gap:12px!important;min-height:47px;padding:10px 13px!important;border:1px solid #e8edf3!important;border-radius:11px!important;background:#f8fafc!important}.dashboard-desktop .dashboard-summary-list>div>div:first-child{flex:1!important;min-width:0;font-size:12px!important;color:var(--color-text-secondary)!important}.dashboard-desktop .dashboard-summary-list>div>div:last-child{font-size:13.5px!important;font-weight:700!important;color:var(--color-text-primary)!important}.dashboard-desktop .dashboard-bottom-grid{grid-template-columns:minmax(0,1.45fr) minmax(360px,1fr);gap:16px!important;margin-bottom:0!important}.dashboard-desktop .dashboard-bottom-card{min-height:216px;padding:18px 20px!important;border-radius:16px!important;border-color:#e2e8f0;box-shadow:0 3px 14px #0f172a0b}.dashboard-desktop .dashboard-bottom-card .card-header-v2{margin-bottom:14px!important}.dashboard-desktop .dashboard-bottom-card .card-header-v2 h3{margin:0 0 4px!important;font-size:15px!important}.dashboard-desktop .dashboard-bottom-card .card-header-v2 p{margin:0!important;font-size:12px!important}.dashboard-desktop .dashboard-bottom-card .services-list-v2,.dashboard-desktop .dashboard-bottom-card .staff-grid-v2{flex:1;min-height:126px!important}.dashboard-desktop .dashboard-bottom-card>.empty-state-v2,.dashboard-desktop .dashboard-bottom-card .services-list-v2>.empty-state-v2,.dashboard-desktop .dashboard-bottom-card .staff-grid-v2>.empty-state-v2{min-height:126px;padding:16px!important}.dashboard-desktop .dashboard-bottom-card .empty-title{margin:0!important;font-size:12.5px!important;font-weight:600}.dashboard-desktop .view-all-staff-btn{min-height:38px;margin-top:10px!important;padding:0 14px!important;border:1px solid rgba(var(--color-primary-rgb),.18)!important;border-radius:10px!important;background:var(--color-primary-soft)!important;color:var(--color-primary)!important;font-size:12px!important}.dashboard-desktop .view-all-staff-btn:hover{background:var(--color-primary)!important;color:#fff!important}@media(max-width:1550px){.dashboard-desktop .dashboard-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(max-width:1300px){.dashboard-desktop .dashboard-revenue-layout{grid-template-columns:1fr}.dashboard-desktop .dashboard-summary-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-desktop .dashboard-bottom-grid{grid-template-columns:1fr}}@media(max-width:980px){.main-body .dashboard-v2.dashboard-desktop{padding:16px!important}.dashboard-desktop .dashboard-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dashboard-desktop .dashboard-chart-controls{justify-content:flex-start}}[data-theme=dark] .dashboard-desktop .dashboard-kpi-card,[data-theme=dark] .dashboard-desktop .dashboard-revenue-card,[data-theme=dark] .dashboard-desktop .dashboard-bottom-card{border-color:#ffffff14!important}[data-theme=dark] .dashboard-desktop .chart-period-toggle,[data-theme=dark] .dashboard-desktop .dashboard-summary-list>div,[data-theme=dark] .dashboard-desktop .chart-area-v2,[data-theme=dark] .dashboard-desktop .empty-icon{background:#ffffff09!important;border-color:#ffffff12!important}.aam-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:14px;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:aam-fade-in .16s ease}@keyframes aam-fade-in{0%{opacity:0}to{opacity:1}}.aam-menu{width:min(820px,calc(calc(100vw / var(--ui-vu, 1)) - 48px));max-height:calc(calc(100vh / var(--ui-vu, 1)) - 28px);overflow-x:hidden;overflow-y:auto;border-radius:20px;background:#f4f6f8;box-shadow:0 12px 40px #0f172a1f;animation:aam-rise-in .2s ease}.aam-menu--wide{padding:16px}.aam-menu--confirm{width:min(420px,calc(calc(100vw / var(--ui-vu, 1)) - 28px))}.aam-menu--narrow{width:min(520px,calc(calc(100vw / var(--ui-vu, 1)) - 48px))}@keyframes aam-rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.aam-shell{display:flex;flex-direction:column;gap:12px;font-family:Be Vietnam Pro,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.aam-header-card{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:64px;padding:14px 18px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;box-shadow:0 2px 8px #0f172a0a}.aam-header-main{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.aam-avatar{width:42px;height:42px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px;font-weight:700;line-height:1}.aam-header-content{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.aam-header-code{color:#111827;font-size:18px;font-weight:700;line-height:1.1;letter-spacing:-.02em}.aam-header-meta{display:flex;align-items:center;gap:6px;min-width:0;color:#64748b}.aam-header-meta-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:#6b7280}.aam-header-meta-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#64748b;font-size:13px;font-weight:500;line-height:1.35}.aam-header-separator{margin:0 3px}.aam-status-badge{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;padding:6px 14px;border:1.5px solid #a7f3d0;border-radius:999px;font-size:13px;font-weight:600;line-height:1;background:var(--teal-5, #f0fdfa)}.aam-status-icon{display:inline-flex;align-items:center;justify-content:center}.aam-status-icon svg{width:14px;height:14px}.aam-header-meta-icon svg{width:16px;height:16px}.aam-grid{display:flex;flex-direction:column;gap:12px}.aam-action-row{display:grid;min-width:0}.aam-action-row{gap:10px}.aam-action-card{display:flex;align-items:center;gap:10px;min-width:0;padding:14px 12px;border:1.5px solid var(--action-border);border-radius:14px;background:#fff;color:var(--action-color);text-align:left;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease;box-shadow:0 1px 3px #0f172a0a}.aam-action-card:hover{transform:translateY(-2px);background:var(--action-bg);box-shadow:0 6px 16px #0f172a14}.aam-action-card:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.aam-action-card--top,.aam-action-card--bottom{grid-column:span 1}.aam-action-card--noShow,.aam-action-card--cancel{background:#fff}.aam-action-card--primary{box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.06)}.aam-action-card--danger{border-style:dashed;border-color:#ef4444}.aam-action-icon{width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:color-mix(in srgb,var(--action-color) 12%,white);color:var(--action-color)}.aam-action-icon svg{width:20px;height:20px}.aam-action-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.aam-action-label{color:var(--action-color);font-size:13px;font-weight:700;line-height:1.2;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.aam-action-desc{color:#64748b;font-size:12px;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.aam-action-chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--action-color);opacity:.5}.aam-footer-note{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:12px;background:var(--teal-5, #f0fdfa);border:1px solid #d1fae5;font-size:12.5px;font-weight:500;color:#475569;line-height:1.4}.aam-footer-note svg{flex-shrink:0}.aam-confirm{padding:28px 28px 24px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;background:#fff;border-radius:20px}.aam-confirm-icon{width:64px;height:64px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#fef2f2;border:2px solid #fecaca}.aam-confirm-title{color:#111827;font-size:20px;font-weight:700;line-height:1.2}.aam-confirm-desc{max-width:360px;color:#64748b;font-size:14px;line-height:1.6}.aam-confirm-actions{width:100%;display:flex;gap:12px;margin-top:8px}.aam-confirm-cancel,.aam-confirm-delete{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:14px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.aam-confirm-cancel{border:1px solid #e2e8f0;background:#f8fafc;color:#475569}.aam-confirm-delete{border:none;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 10px 22px #dc26262e}.aam-confirm-cancel:hover,.aam-confirm-delete:hover{transform:translateY(-1px)}.aam-confirm-cancel:disabled,.aam-confirm-delete:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.aam-spinner-sm{display:inline-block;width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:999px;animation:aam-spin .7s linear infinite}@keyframes aam-spin{to{transform:rotate(360deg)}}.aam-info-layout{display:flex;gap:16px;align-items:stretch;width:100%}.aam-info-left{flex:1;min-width:0}.aam-customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px}.aam-customer-cell{display:flex;align-items:flex-start;gap:8px;min-width:0}.aam-customer-cell-icon{margin-top:2px;flex-shrink:0;color:#64748b;display:flex;align-items:center;justify-content:center}.aam-customer-cell-label{font-size:11.5px;color:#64748b;font-weight:500;line-height:1.2}.aam-customer-cell-value{font-size:13px;color:#0f172a;font-weight:600;margin-top:2px;line-height:1.3;word-break:break-word}.aam-activity-log{width:200px;flex-shrink:0;background:#f8fafc;border-radius:12px;padding:12px 14px;border:1px solid #e2e8f0;align-self:stretch}.aam-activity-events{display:flex;flex-direction:column;gap:0}@media(max-width:680px){.aam-menu--wide{padding:12px}.aam-info-layout{flex-direction:column!important;gap:12px!important}.aam-activity-log{width:100%!important;min-width:0!important;padding:12px 14px!important}.aam-action-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(max-width:520px){.aam-overlay{padding:10px;align-items:center}.aam-menu{width:calc(calc(100vw / var(--ui-vu, 1)) - 16px);max-height:calc(90vh / var(--ui-vu, 1));border-radius:18px}.aam-menu--wide{padding:12px}.aam-shell{gap:8px}.aam-header-card{padding:12px!important;gap:8px!important;border-radius:14px}.aam-customer-grid{padding:10px 12px;gap:8px 12px;border-radius:10px}.aam-activity-log{padding:10px 12px!important;border-radius:10px}.aam-status-badge{font-size:12px;padding:4px 10px}.aam-grid{gap:6px}.aam-action-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px}.aam-action-card{padding:9px 10px;border-radius:12px}.aam-action-icon{width:32px;height:32px;border-radius:8px}.aam-action-icon svg{width:16px;height:16px}.aam-action-label{font-size:12.5px}.aam-action-desc{font-size:11.5px}.aam-action-chevron svg{width:12px;height:12px}.aam-footer-note{padding:6px 8px;font-size:12px;gap:5px}.aam-footer-note svg{width:12px;height:12px}}.cal-page{display:flex;flex-direction:column;height:calc(100vh / var(--ui-vu, 1));background:#f8fafc;overflow:hidden}@media(min-width:769px){.cal-page{margin-left:-24px!important;margin-right:-24px!important;padding-left:0!important;padding-right:0!important}}.cal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#fff;border-bottom:1px solid #e2e8f0;gap:16px;flex-shrink:0;min-height:60px}.cal-header-left{display:flex;align-items:center;gap:20px}.cal-header-left h1{font-size:17px;font-weight:700;color:#0f172a;margin:0;white-space:nowrap;display:flex;align-items:center;gap:8px;letter-spacing:-.01em}.cal-tabs{display:flex;gap:3px;background:#f1f5f9;border-radius:10px;padding:3px;border:1px solid #e2e8f0}.cal-tab{display:flex;align-items:center;gap:6px;padding:6px 14px;border:none;background:transparent;border-radius:7px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);white-space:nowrap}.cal-tab:hover{color:#1e293b;background:#fff9}.cal-tab.active{background:#fff;color:var(--color-primary, #0d9488);font-weight:600;box-shadow:0 1px 3px #00000014,0 1px 2px #0000000a}.cal-tab svg{flex-shrink:0}.cal-header-right{display:flex;align-items:center;gap:12px}.cal-date-nav{display:flex;align-items:center;gap:4px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:3px 4px;height:38px;box-sizing:border-box}.nav-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:7px;font-size:15px;color:#64748b;cursor:pointer;transition:all .15s ease}.nav-btn:hover{background:#fff;color:var(--color-primary, #0d9488);box-shadow:0 1px 2px #0000000f}.cal-picker-wrapper{position:relative}.cal-date-btn{display:flex;align-items:center;gap:7px;padding:5px 12px;border:none;background:#fff;border-radius:7px;font-size:13px;font-weight:600;color:#1e293b;cursor:pointer;transition:all .15s ease;box-shadow:0 1px 2px #0000000a;height:30px;white-space:nowrap}.cal-date-btn:hover{color:var(--color-primary, #0d9488);background:#fdfefe}.today-btn{padding:5px 12px;border:1px solid #e2e8f0;background:#fff;border-radius:7px;font-size:12.5px;color:#475569;font-weight:500;cursor:pointer;transition:all .15s ease;white-space:nowrap;height:30px;display:flex;align-items:center}.today-btn:hover{background:var(--teal-5, #f0fdfa);border-color:var(--color-primary, #0d9488);color:var(--color-primary, #0d9488)}.add-booking-btn{display:flex;align-items:center;gap:6px;padding:0 18px;height:38px;background:linear-gradient(135deg,var(--color-primary, #0d9488) 0%,#0f766e 100%);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0d948840;white-space:nowrap}.add-booking-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0d948859}.cal-dropdown{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 12px 40px #0000001f;z-index:100;display:flex;overflow:hidden;min-width:320px}.cal-quick-dates{display:flex;flex-direction:column;padding:8px;border-right:1px solid #f1f5f9;gap:2px;min-width:110px;background:#f8fafc}.quick-btn{padding:7px 12px;border:none;background:transparent;border-radius:8px;font-size:13px;font-weight:500;color:#64748b;cursor:pointer;text-align:left;transition:all .15s}.quick-btn:hover{background:#fff;color:#334155}.quick-btn.active{background:var(--teal-5, #f0fdfa);color:var(--color-primary);font-weight:600}.cal-mini{padding:12px;min-width:220px}.cal-mini-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cal-mini-nav button{width:28px;height:28px;border:none;background:#f1f5f9;border-radius:6px;cursor:pointer;font-size:14px;color:#64748b;transition:all .15s}.cal-mini-nav button:hover{background:#e2e8f0;color:var(--color-primary)}.cal-mini-nav span{font-size:13px;font-weight:700;color:#1e293b}.cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.cal-weekdays div{text-align:center;font-size:12px;font-weight:700;color:#94a3b8;padding:4px;letter-spacing:.3px}.cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal-day{text-align:center;padding:6px 2px;font-size:12px;border-radius:6px;cursor:pointer;color:#334155;font-weight:500;transition:all .15s}.cal-day:hover{background:var(--teal-5, #f0fdfa);color:var(--color-primary)}.cal-day.other{color:#cbd5e1;font-weight:400}.cal-day.today{font-weight:700;color:var(--color-primary)}.cal-day.selected{background:var(--color-primary);color:#fff;font-weight:700}.cal-legend{display:flex;align-items:center;padding:8px 24px;background:#fff;border-bottom:1px solid #f1f5f9;gap:8px;flex-shrink:0;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:#475569;padding:4px 12px;border-radius:20px;border:1px solid #e2e8f0;background:#f8fafc;transition:all .15s ease;cursor:default}.legend-item:hover{background:#fff;border-color:#cbd5e1;color:#0f172a;box-shadow:0 1px 3px #0000000a}.legend-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.cal-count{margin-left:auto;font-size:12px;font-weight:600;color:var(--color-primary, #0d9488);background:var(--teal-5, #f0fdfa);border:1px solid #ccfbf1;padding:4px 14px;border-radius:20px}.cal-body{flex:1;overflow:hidden;display:flex;position:relative;background:#fff}.cal-body.with-sidebar .timeline-view{width:calc(100% - 380px)}.staff-view{width:100%;height:100%;overflow:auto;background:#fff}.sv-grid{min-width:100%;display:table;table-layout:fixed;border-collapse:collapse}.sv-header{display:flex;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;z-index:10;box-shadow:0 2px 4px #00000005}.sv-time-col{width:72px;min-width:72px;padding:12px 8px;font-size:12px;font-weight:700;color:#64748b;text-align:center;display:flex;align-items:center;justify-content:center;letter-spacing:.04em;background:#f8fafc;border-right:1px solid #e2e8f0}.sv-staff-col{flex:1;min-width:180px;padding:10px 14px;text-align:left;border-right:1px solid #f1f5f9;display:flex;flex-direction:row;align-items:center;gap:10px;background:#fff;transition:background .15s ease}.sv-unassigned-col{background:#fafbfc;border-right:1px dashed #e2e8f0}.sv-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary, #0d9488) 0%,#0f766e 100%);color:#fff;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 5px #0d948833}.sv-avatar-unassigned{background:#e2e8f0;color:#64748b;box-shadow:none}.sv-staff-info{display:flex;flex-direction:column;min-width:0;overflow:hidden}.sv-staff-name{font-size:13px;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.sv-staff-title{font-size:12px;color:#94a3b8;font-weight:500;line-height:1.2;margin-top:1px}.sv-body{position:relative}.sv-row{display:flex;min-height:48px;border-bottom:1px solid #f1f5f9}.sv-time-label{width:72px;min-width:72px;padding:10px 8px;font-size:12px;font-weight:600;color:#64748b;text-align:center;display:flex;align-items:flex-start;justify-content:center;background:#f8fafc;border-right:1px solid #e2e8f0}.sv-cell{flex:1;min-width:180px;padding:4px 6px;border-right:1px solid #f1f5f9;cursor:pointer;position:relative;transition:background .15s ease;background:#fff}.sv-cell-unassigned{background:#fafbfc;border-right:1px dashed #e2e8f0}.sv-cell:hover{background:#0d94880a}.sv-cell-unassigned:hover{background:#64748b0d}.sv-appt{padding:6px 10px;border-radius:8px;font-size:12px;cursor:pointer;margin-bottom:4px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;border:1px solid rgba(0,0,0,.06);border-left-width:4px;border-left-style:solid}.sv-appt:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.sv-appt-name{font-weight:700;font-size:12px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:center}.sv-appt-time{font-size:12px;opacity:.8;font-weight:600}.sv-appt-service{font-size:12px;opacity:.7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}.timeline-view{width:100%;overflow:auto;transition:width .3s}.tl-grid{min-width:100%}.tl-header{display:flex;background:#fff;border-bottom:2px solid #e5e7eb;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #0000000a}.tl-staff-col{width:160px;min-width:160px;padding:14px 10px;font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.tl-time-axis{display:flex;flex:1}.tl-hour-mark{flex:1;min-width:0;padding:14px 2px;font-size:12px;font-weight:600;color:#94a3b8;border-left:1px solid #f1f5f9;text-align:center}.tl-body{position:relative}.tl-row{display:flex;min-height:52px;border-bottom:1px solid #f1f5f9}.tl-staff-info{width:160px;min-width:160px;padding:8px 10px;display:flex;align-items:center;gap:8px;border-right:1px solid #e5e7eb;overflow:hidden;background:#fafbfc}.tl-staff-avatar{width:32px;height:32px;border-radius:50%;background:var(--brand-gradient);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 4px rgba(var(--color-primary-rgb),.2)}.tl-staff-name{font-size:12px;font-weight:600;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-staff-title{font-size:12px;color:#94a3b8;font-weight:500}.tl-timeline{flex:1;position:relative;min-height:52px}.tl-hour-line{position:absolute;top:0;bottom:0;width:1px;background:#f1f5f9}.tl-appt{position:absolute;top:6px;height:calc(100% - 12px);border-radius:8px;padding:5px 10px;font-size:12px;cursor:pointer;z-index:2;overflow:hidden;transition:all .15s;box-sizing:border-box;box-shadow:0 1px 4px #00000014}.tl-appt:hover,.tl-appt.active{transform:translateY(-1px);box-shadow:0 4px 14px #0000001f;z-index:3}.tl-appt.active{outline:2px solid var(--color-primary);outline-offset:1px}.tl-appt-name{font-weight:700;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-appt-time{font-size:12px;opacity:.75;font-weight:500}.room-view{width:100%;overflow:auto}.rv-grid{min-width:600px}.rv-header{display:flex;flex-direction:column;background:#fff;border-bottom:2px solid #e5e7eb;position:sticky;top:0;z-index:10;box-shadow:0 2px 8px #0000000a}.rv-header-row{display:flex}.rv-header-rooms{border-bottom:1px solid #e5e7eb}.rv-time-col{width:72px;min-width:72px;padding:8px;font-size:12px;font-weight:700;color:#94a3b8;text-align:center;display:flex;align-items:center;justify-content:center;letter-spacing:.5px}.rv-room-name{flex:1;min-width:140px;padding:10px 8px;font-size:13px;font-weight:700;color:var(--color-primary);text-align:center;background:var(--teal-5, #f0fdfa)}.rv-bed-name{flex:1;min-width:140px;padding:6px 8px;font-size:12px;font-weight:600;color:#475569;text-align:center;border-left:1px solid #f1f5f9;background:#f8fafc}.rv-body{position:relative}.rv-row{display:flex;min-height:52px;border-bottom:1px solid #f1f5f9}.rv-time-label{width:72px;min-width:72px;padding:10px 8px 8px;font-size:12px;font-weight:600;color:#94a3b8;text-align:center}.rv-cell{flex:1;min-width:140px;padding:4px 6px;border-left:1px solid #f1f5f9;cursor:pointer;transition:background .15s}.rv-cell:hover{background:var(--teal-5, #f0fdfa)}.rv-appt{padding:7px 10px;border-radius:8px;font-size:12px;cursor:pointer;margin-bottom:3px;transition:all .15s;box-shadow:0 1px 3px #0000000f}.rv-appt:hover{transform:translateY(-1px);box-shadow:0 3px 10px #0000001a}.rv-appt-name{font-weight:700;font-size:12px}.rv-appt-time{font-size:12px;opacity:.75;font-weight:500}.rv-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;width:100%}.rv-empty-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#f0fdfa,#ccfbf1);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:36px}.rv-empty h3{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 8px}.rv-empty p{font-size:14px;color:#94a3b8;margin:0;font-weight:500}.detail-sidebar{width:380px;min-width:380px;background:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;overflow-y:auto;box-shadow:-4px 0 24px #0000000f}.ds-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f1f5f9;background:#f8fafc}.ds-header h3{font-size:15px;font-weight:700;color:#1e293b;margin:0}.ds-close{width:30px;height:30px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .15s}.ds-close:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444}.ds-body{flex:1;padding:16px 20px;overflow-y:auto}.ds-customer{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:14px;background:#f8fafc;border-radius:12px;border:1px solid #f1f5f9}.ds-avatar{width:44px;height:44px;border-radius:50%;background:var(--brand-gradient);color:#fff;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.25)}.ds-name{font-size:15px;font-weight:700;color:#1e293b}.ds-phone{font-size:13px;color:#64748b;font-weight:500}.ds-status{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:16px}.ds-section{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.ds-section-title{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;margin-bottom:10px}.ds-info-row{display:flex;align-items:center;gap:8px;font-size:13px;color:#334155;margin-bottom:6px;font-weight:500}.ds-service-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;color:#334155;border-bottom:1px solid #f8fafc}.ds-total{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid #e5e7eb;font-size:14px;font-weight:700;color:var(--color-primary)}.ds-note{font-size:13px;color:#64748b;margin:0;line-height:1.6;background:#f8fafc;padding:10px 12px;border-radius:8px;border:1px solid #f1f5f9}.ds-footer{padding:14px 20px;border-top:1px solid #f1f5f9;display:flex;gap:8px;background:#f8fafc}.ds-btn-edit,.ds-btn-pay{flex:1;padding:10px 16px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.ds-btn-edit{background:#fff;color:#334155;border:1px solid #e2e8f0}.ds-btn-edit:hover{background:#f1f5f9}.ds-btn-pay{background:var(--brand-gradient);color:#fff;box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.25)}.ds-btn-pay:hover{box-shadow:0 4px 14px rgba(var(--color-primary-rgb),.35);transform:translateY(-1px)}.booking-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.booking-modal{width:540px;max-width:calc(95vw / var(--ui-vu, 1));max-height:calc(90vh / var(--ui-vu, 1));background:#fff;border-radius:16px;box-shadow:0 24px 60px #0000002e;display:flex;flex-direction:column;animation:slideUp .2s ease;overflow:hidden}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}.bm-header{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid #f1f5f9;background:#f8fafc}.bm-header h2{font-size:16px;font-weight:700;color:#1e293b;margin:0}.bm-close{width:32px;height:32px;border:1px solid #e5e7eb;background:#fff;border-radius:8px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .15s}.bm-close:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444}.bm-body{padding:18px 22px;overflow-y:auto;flex:1}.bm-field{margin-bottom:14px}.bm-field label{display:block;font-size:12px;font-weight:700;color:#475569;margin-bottom:6px;text-transform:uppercase;letter-spacing:.3px}.bm-hint{font-weight:400;font-size:12px;color:#94a3b8;margin-left:4px;text-transform:none;letter-spacing:0}.bm-field select,.bm-field input,.bm-field textarea{width:100%;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;color:#1e293b;background:#f8fafc;outline:none;transition:all .15s;box-sizing:border-box;font-family:inherit}.bm-field select:focus,.bm-field input:focus,.bm-field textarea:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.bm-row{display:flex;gap:12px}.bm-row .bm-field{flex:1}.bm-services{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:200px;overflow-y:auto}.bm-svc-card{display:flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .15s;background:#f8fafc}.bm-svc-card:hover,.bm-svc-card.selected{border-color:var(--color-primary);background:var(--teal-5, #f0fdfa)}.bm-svc-check{width:20px;height:20px;border:2px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;color:transparent;font-weight:700;flex-shrink:0;transition:all .15s}.bm-svc-card.selected .bm-svc-check{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.bm-svc-name{font-size:12px;font-weight:600;color:#1e293b;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bm-svc-meta{font-size:12px;color:#64748b;font-weight:500}.bm-footer{padding:14px 22px;border-top:1px solid #f1f5f9;display:flex;gap:8px;justify-content:flex-end;background:#f8fafc}.bm-btn-cancel,.bm-btn-save{padding:9px 22px;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.bm-btn-cancel{background:#fff;color:#64748b;border:1px solid #e2e8f0}.bm-btn-cancel:hover{background:#f1f5f9}.bm-btn-save{background:var(--brand-gradient);color:#fff;box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.25)}.bm-btn-save:hover{box-shadow:0 4px 14px rgba(var(--color-primary-rgb),.35);transform:translateY(-1px)}.bm-btn-save:disabled,.bm-btn-cancel:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.bm-error-banner{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:13px;font-weight:500;margin-bottom:14px;animation:slideDown .2s ease}.bm-error-banner svg{flex-shrink:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.bm-time-row{display:flex;align-items:center;gap:6px}.bm-time-select{flex:1;padding:9px 10px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;color:#1e293b;background:#f8fafc;outline:none;cursor:pointer;text-align:center;transition:all .15s;min-width:0;font-family:inherit}.bm-time-select:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.bm-time-sep{font-size:18px;font-weight:700;color:#94a3b8}.bm-time-input{flex:1;min-width:0;padding:9px 6px;border:1px solid #e2e8f0;border-radius:10px;font-size:14px;font-weight:600;color:#1e293b;background:#f8fafc;outline:none;text-align:center;transition:all .15s;font-family:inherit;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.bm-time-input::-webkit-outer-spin-button,.bm-time-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bm-time-input:focus{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.bm-required{color:#ef4444;font-weight:700}.staff-view::-webkit-scrollbar,.timeline-view::-webkit-scrollbar,.room-view::-webkit-scrollbar,.bm-body::-webkit-scrollbar,.ds-body::-webkit-scrollbar{width:5px;height:5px}.staff-view::-webkit-scrollbar-track,.timeline-view::-webkit-scrollbar-track,.room-view::-webkit-scrollbar-track,.bm-body::-webkit-scrollbar-track,.ds-body::-webkit-scrollbar-track{background:transparent}.staff-view::-webkit-scrollbar-thumb,.timeline-view::-webkit-scrollbar-thumb,.room-view::-webkit-scrollbar-thumb,.bm-body::-webkit-scrollbar-thumb,.ds-body::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.staff-view::-webkit-scrollbar-thumb:hover,.timeline-view::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.cal-mobile-only{display:none}@media(max-width:768px){.cal-desktop-only,.cal-body{display:none!important}.cal-mobile-only{display:block;padding:0 0 20px}.cal-mobile-section-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 8px}.cal-mobile-section-header h2{font-size:20px;font-weight:700;color:var(--color-text, #1e293b);margin:0}.cal-mobile-date-badge{display:flex;align-items:center;gap:6px;background:var(--teal-5, #f0fdfa);border:1px solid #ccfbf1;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500;color:var(--color-primary);cursor:pointer}.cal-mobile-days{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;scrollbar-width:none}.cal-mobile-days::-webkit-scrollbar{display:none}.cal-mobile-day{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:48px;padding:8px 12px;border-radius:14px;background:#f8fafc;border:1px solid #e2e8f0;cursor:pointer;transition:all .2s ease}.cal-mobile-day .day-label{font-size:12px;font-weight:500;color:#94a3b8}.cal-mobile-day .day-number{font-size:16px;font-weight:700;color:#334155}.cal-mobile-day.active{background:var(--color-primary);border-color:var(--color-primary)}.cal-mobile-day.active .day-label,.cal-mobile-day.active .day-number{color:#fff}.cal-mobile-day.today:not(.active){border-color:var(--color-primary)}.cal-mobile-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px 16px}.cal-mobile-stat-card{display:flex;align-items:center;gap:10px;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:14px;padding:14px;position:relative}.cal-mobile-stat-card .stat-icon-wrap{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cal-mobile-stat-card .stat-content{display:flex;flex-direction:column;gap:2px}.cal-mobile-stat-card .stat-label{font-size:12px;font-weight:600;color:#94a3b8;letter-spacing:.3px}.cal-mobile-stat-card .stat-value{font-size:18px;font-weight:700;color:var(--color-text, #1e293b)}.cal-mobile-stat-card .stat-badge{position:absolute;top:8px;right:10px;background:var(--color-primary);color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px;min-width:20px;text-align:center}.cal-mobile-appts-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 8px}.cal-mobile-appts-header h3{font-size:17px;font-weight:700;color:var(--color-text, #1e293b);margin:0}.view-all-link{background:none;border:none;font-size:13px;font-weight:500;color:var(--color-primary);cursor:pointer}.cal-mobile-appts{display:flex;flex-direction:column;gap:10px;padding:0 16px}.cal-mobile-appt-card{display:flex;gap:12px;background:var(--color-surface, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:14px;padding:14px;cursor:pointer;transition:all .2s ease}.cal-mobile-appt-card:hover{box-shadow:0 2px 12px #0000000f}.appt-card-left{display:flex;flex-direction:column;align-items:center;gap:2px;border-left:3px solid var(--color-primary);padding-left:10px;min-width:50px}.appt-time{display:flex;flex-direction:column;align-items:center}.time-value{font-size:16px;font-weight:700;color:var(--color-text, #1e293b)}.time-period{font-size:12px;font-weight:500;color:#94a3b8}.appt-duration{font-size:12px;color:#94a3b8;font-weight:500}.appt-card-center{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.appt-customer-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.appt-customer{font-size:15px;font-weight:700;color:var(--color-text, #1e293b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appt-status-badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:12px;border:1px solid;white-space:nowrap;flex-shrink:0}.appt-service{font-size:13px;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appt-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:4px;font-size:12px;color:#94a3b8}.meta-item svg{flex-shrink:0}.cal-mobile-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:40px 20px;text-align:center}.cal-mobile-empty p{font-size:14px;color:#94a3b8;margin:0}.cal-mobile-fab{position:fixed;bottom:80px;right:20px;width:52px;height:52px;border-radius:50%;background:var(--brand-gradient);border:none;box-shadow:0 4px 20px rgba(var(--color-primary-rgb),.4);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:all .2s ease}.cal-mobile-fab:active{transform:scale(.95)}.detail-sidebar{position:absolute;right:0;top:0;bottom:0;width:100%;z-index:20}.booking-overlay{align-items:flex-end;background:#0000004d}.booking-modal{width:100%;max-width:100%;max-height:calc(100vh / var(--ui-vu, 1));height:calc(100vh / var(--ui-vu, 1));border-radius:0;box-shadow:none;animation:mobileSlideUp .3s ease}@keyframes mobileSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bm-header{padding:14px 20px;border-bottom:1px solid #e5e7eb;background:var(--color-surface, #fff);position:sticky;top:0;z-index:10}.bm-header h2{font-size:17px;font-weight:700;color:var(--color-primary);display:flex;align-items:center}.bm-close{width:32px;height:32px;border-radius:50%;background:transparent;font-size:22px;color:#94a3b8;border:none}.bm-body{padding:0 20px 90px}.bm-required{color:#ef4444;margin-left:2px}.bm-label-between{display:flex!important;align-items:center;gap:4px}.bm-label-between .bm-hint{margin-left:auto;text-transform:lowercase;font-size:12px;letter-spacing:0}.bm-field label{font-size:12px;font-weight:700;color:#475569;text-transform:none;letter-spacing:.3px;margin-bottom:8px}.bm-hint{font-weight:400;font-size:12px;color:#94a3b8}.bm-field select,.bm-field input,.bm-field textarea{padding:12px 14px;border-radius:10px;font-size:14px;border:1px solid #e2e8f0;background:var(--color-surface, #fff)}.bm-field select:focus,.bm-field input:focus,.bm-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.bm-field{margin-bottom:0;padding:14px 0;border-bottom:1px solid #f1f5f9}.bm-field-last{border-bottom:none}.bm-row .bm-field{border-bottom:none;padding:0}.bm-row{padding:14px 0;border-bottom:1px solid #f1f5f9;margin-bottom:0}.bm-services{grid-template-columns:1fr;gap:0;max-height:180px;overflow-y:auto;border:1px solid #e2e8f0;border-radius:12px}.bm-svc-card{padding:12px 14px;border:none;border-bottom:1px solid #f1f5f9;border-radius:0;gap:10px}.bm-svc-card:last-child{border-bottom:none}.bm-svc-card:hover{background:transparent;border-color:transparent}.bm-svc-card.selected{background:var(--teal-5, #f0fdfa);border-color:transparent;border-bottom:1px solid #f1f5f9}.bm-svc-check{width:22px;height:22px;border-radius:50%;border:2px solid #d1d5db}.bm-svc-card.selected .bm-svc-check{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.bm-svc-info{flex:1;display:flex;justify-content:space-between;align-items:center}.bm-svc-name{font-size:14px;font-weight:500;color:#334155}.bm-svc-meta{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-size:12px;color:var(--color-primary);font-weight:600;text-align:right;white-space:nowrap}.bm-svc-price{font-size:13px;font-weight:700;color:var(--color-primary)}.bm-svc-dur{font-size:12px;font-weight:500;color:#94a3b8}.bm-footer{position:fixed;bottom:0;left:0;right:0;padding:12px 20px;padding-bottom:calc(12px + env(safe-area-inset-bottom,0));background:var(--color-surface, #fff);border-top:1px solid #e5e7eb;gap:10px;justify-content:stretch;z-index:1001}.bm-btn-cancel,.bm-btn-save{padding:14px 20px;font-size:14px;font-weight:600;border-radius:12px}.bm-btn-cancel{flex:.6;background:transparent;border:1px solid #e2e8f0;color:#64748b}.bm-btn-save{flex:1;background:var(--brand-gradient);color:#fff;box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}}.staff-filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 24px;background:#fff;border-bottom:1px solid #e2e8f0;margin-bottom:0}.staff-filter-bar .sf-label{font-size:12px;font-weight:600;color:#475569;margin-right:4px}.staff-filter-bar .sf-chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #e2e8f0;background:#f8fafc;color:#475569;font-size:12px;font-weight:500;padding:4px 12px;border-radius:999px;cursor:pointer;transition:all .15s ease;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;align-items:center;gap:4px}.staff-filter-bar .sf-chip:hover{border-color:var(--color-primary, #0d9488);color:var(--color-primary, #0d9488);background:var(--teal-5, #f0fdfa)}.staff-filter-bar .sf-chip.active{background:var(--color-primary, #0d9488);color:#fff;border-color:var(--color-primary, #0d9488);box-shadow:0 1px 3px #0d948840}.staff-filter-bar .sf-chip.active:hover{background:#0f766e;border-color:#0f766e}.staff-filter-bar .sf-chip-all,.staff-filter-bar .sf-chip-quick{font-weight:600;background:#fff}.staff-filter-bar .sf-divider{width:1px;height:18px;background:#e2e8f0;margin:0 4px}.staff-filter-bar .sf-count{margin-left:auto;font-size:12px;color:#64748b;font-weight:500}[data-theme=dark] .cal-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .cal-header-left h1{color:#f5f7fa!important}[data-theme=dark] .cal-tabs{background:#151a2b!important;border-color:#ffffff14!important}[data-theme=dark] .cal-tab{color:#94a3b8!important}[data-theme=dark] .cal-tab.active{background:#202638!important;color:#f5f7fa!important;border-color:#ffffff1f!important}[data-theme=dark] .cal-tab:hover{background:#ffffff0a!important}[data-theme=dark] .cal-date-nav{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .nav-btn{background:#1c2233!important;border-color:#ffffff1a!important;color:#f5f7fa!important}[data-theme=dark] .nav-btn:hover{background:#ffffff14!important}[data-theme=dark] .cal-date-btn{background:#1c2233!important;border-color:#ffffff1a!important;color:#f5f7fa!important}[data-theme=dark] .today-btn{background:rgba(var(--color-primary-rgb),.15)!important;border-color:rgba(var(--color-primary-rgb),.3)!important;color:#2dd4bf!important}[data-theme=dark] .add-booking-btn{background:var(--color-primary)!important}[data-theme=dark] .cal-dropdown{background:#202638!important;border-color:#ffffff1a!important;box-shadow:0 8px 32px #00000080!important}[data-theme=dark] .quick-btn{color:#f5f7fa!important}[data-theme=dark] .quick-btn:hover{background:#ffffff0f!important}[data-theme=dark] .quick-btn.active{background:rgba(var(--color-primary-rgb),.15)!important;color:#2dd4bf!important}[data-theme=dark] .cal-mini-nav{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .cal-mini-nav button{color:#f5f7fa!important}[data-theme=dark] .cal-mini-nav button:hover{background:#ffffff0f!important}[data-theme=dark] .cal-mini-nav span{color:#94a3b8!important}[data-theme=dark] .cal-day{background:#1c2233!important;border-color:#ffffff0f!important;color:#f5f7fa!important}[data-theme=dark] .cal-day.selected{background:var(--color-primary)!important;color:#fff!important}[data-theme=dark] .sv-header{background:#1c2233!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .sv-row,[data-theme=dark] .sv-cell{background:#202638!important;border-color:#ffffff0f!important}[data-theme=dark] .sv-cell:hover{background:#ffffff0a!important}[data-theme=dark] .sv-appt{border-color:#ffffff1a!important}[data-theme=dark] .sv-appt-name{color:#f5f7fa!important}[data-theme=dark] .sv-appt-time,[data-theme=dark] .sv-appt-service{color:#94a3b8!important}[data-theme=dark] .tl-header{background:#1c2233!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .tl-row{background:#202638!important;border-color:#ffffff0f!important}[data-theme=dark] .tl-appt{border-color:#ffffff1a!important}[data-theme=dark] .tl-appt.active{background:rgba(var(--color-primary-rgb),.2)!important}[data-theme=dark] .tl-appt-name{color:#f5f7fa!important}[data-theme=dark] .tl-appt-time{color:#94a3b8!important}[data-theme=dark] .rv-header{background:#1c2233!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .rv-header-row{border-color:#ffffff14!important}[data-theme=dark] .rv-header-rooms{color:#94a3b8!important}[data-theme=dark] .legend-item{color:#f5f7fa!important}.mcal-filter-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-surface, #FFFFFF);border:1px solid var(--ink-200, #E5E7EA);border-radius:10px;color:var(--ink-700, #2D3436);cursor:pointer;transition:background .15s,transform .1s;box-shadow:0 1px 3px #10201e0f}.mcal-filter-btn:active{transform:scale(.95);background:var(--bg-muted, #F5F5F5)}.mcal-filter-btn--floating{position:fixed;top:64px;right:12px;z-index:50}.mcal-filter-btn--inline{flex-shrink:0}.mcal-altbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-surface, #FFFFFF);border-bottom:1px solid var(--ink-200, #E5E7EA);box-shadow:0 1px 3px #10201e0a}.mcal-back-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:10px;color:var(--ink-700, #2D3436);cursor:pointer;flex-shrink:0}.mcal-back-btn:active{background:var(--bg-muted, #F5F5F5);transform:scale(.95)}.mcal-altbar-title{flex:1;display:flex;align-items:center;gap:6px;font-size:16px;font-weight:600;color:var(--ink-900, #1A2B2A)}.mcal-altbar-icon{font-size:18px}.mcal-sheet-backdrop{position:fixed;inset:0;z-index:1000;background:#10201e66;display:flex;align-items:center;justify-content:center;animation:mcal-fade-in .18s ease-out}@keyframes mcal-fade-in{0%{opacity:0}to{opacity:1}}.mcal-sheet{width:280px;background:var(--bg-surface, #FFFFFF);border-radius:16px;padding:14px 14px 10px;animation:mcal-pop-in .2s ease-out;box-shadow:0 12px 36px #10201e2e}@keyframes mcal-pop-in{0%{transform:scale(.92);opacity:0}to{transform:scale(1);opacity:1}}.mcal-sheet-grip{display:none}.mcal-sheet-title{font-size:12px;font-weight:700;color:var(--ink-500, #636E72);text-align:center;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.mcal-sheet-list{display:flex;flex-direction:column;gap:4px}.mcal-sheet-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px;background:transparent;border:1px solid var(--ink-200, #E5E7EA);border-radius:10px;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}.mcal-sheet-item:active{background:var(--bg-muted, #F5F5F5);transform:scale(.99)}.mcal-sheet-item.active{border-color:var(--teal-500, var(--color-primary));background:var(--teal-50, #E6F4F2);color:var(--teal-700, var(--color-primary-hover))}.mcal-sheet-item-icon{font-size:22px;width:36px;text-align:center;flex-shrink:0}.mcal-sheet-item-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.mcal-sheet-item-label{font-size:13px;font-weight:600;color:var(--ink-900, #1A2B2A)}.mcal-sheet-item.active .mcal-sheet-item-label{color:var(--teal-700, var(--color-primary-hover))}.mcal-sheet-item-desc{font-size:12px;color:var(--ink-500, #636E72);line-height:1.2}.mcal-sheet-item-check{color:var(--teal-600, var(--color-primary));flex-shrink:0}.mcal-sheet-cancel{width:100%;margin-top:8px;padding:10px;background:var(--bg-muted, #F5F5F5);border:none;border-radius:10px;font-family:inherit;font-size:15px;font-weight:500;color:var(--ink-700, #2D3436);cursor:pointer}.mcal-sheet-cancel:active{background:var(--ink-200, #E5E7EA);transform:scale(.99)}.mtl-wrap{margin:0 12px 12px;background:var(--bg-surface, #FFFFFF);border-radius:14px;overflow:hidden;box-shadow:0 1px 3px #10201e0d}.mtl-summary{display:flex;align-items:baseline;gap:6px;padding:10px 14px;background:var(--brand-soft, #E6F4F2);border-bottom:1px solid var(--ink-100, #F0F2F3);font-size:12px;color:var(--ink-700, #2D3436)}.mtl-summary-count{font-size:18px;font-weight:800;color:var(--teal-700, var(--color-primary-hover))}.mtl-summary-label{font-weight:500;color:var(--ink-700, #2D3436)}.mtl-summary-sep{color:var(--ink-300, #B8BEC2)}.mtl-summary-hours{font-size:12px;color:var(--ink-500, #636E72)}.mtl-scroll{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;max-height:calc(calc(100vh / var(--ui-vu, 1)) - 260px);overflow-y:auto;touch-action:pan-x pan-y;cursor:grab}.mtl-scroll.is-dragging{cursor:grabbing}.mtl-hint{padding:8px 12px;font-size:12px;color:var(--ink-400, #8A9499);background:var(--bg-muted, #F5F5F5);text-align:center;border-top:1px solid var(--ink-100, #F0F2F3)}.mtl-grid{--mtl-hour-width: 70px;--mtl-day-width: calc(24 * var(--mtl-hour-width));width:-moz-max-content;width:max-content;min-width:100%;-moz-user-select:none;user-select:none;-webkit-user-select:none}.mtl-row{display:flex;border-bottom:1px solid var(--ink-100, #F0F2F3);min-height:56px}.mtl-row:last-child{border-bottom:none}.mtl-row-header{background:var(--bg-muted, #F5F5F5);min-height:36px;position:sticky;top:0;z-index:5}.mtl-staff-col{position:sticky;left:0;z-index:4;width:80px;flex-shrink:0;background:var(--bg-surface, #FFFFFF);border-right:1px solid var(--ink-200, #E5E7EA);padding:6px;display:flex;align-items:center;gap:6px}.mtl-row-header .mtl-staff-col{background:var(--bg-muted, #F5F5F5)}.mtl-staff-col-header{font-size:12px;font-weight:700;color:var(--ink-500, #636E72);letter-spacing:.4px;text-transform:uppercase;justify-content:center}.mtl-avatar{width:26px;height:26px;border-radius:50%;background:var(--teal-soft, var(--brand-soft, #E6F4F2));color:var(--teal-700, var(--color-primary-hover));font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mtl-avatar--gray{background:var(--bg-muted, #F5F5F5);color:var(--ink-400, #8A9499)}.mtl-staff-name{font-size:12px;font-weight:600;color:var(--ink-900, #1A2B2A);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.mtl-staff-name--muted{color:var(--ink-400, #8A9499);font-weight:500}.mtl-hours-col{flex:0 0 var(--mtl-day-width);display:flex}.mtl-hour-mark{flex:0 0 var(--mtl-hour-width);box-sizing:border-box;padding:8px 0;text-align:center;font-size:12px;font-weight:600;color:var(--ink-500, #636E72);border-left:1px solid var(--ink-100, #F0F2F3)}.mtl-track{flex:0 0 var(--mtl-day-width);position:relative;min-height:56px;background:repeating-linear-gradient(to right,transparent 0,transparent calc(100% / 24 - 1px),var(--ink-100, #F0F2F3) calc(100% / 24 - 1px),var(--ink-100, #F0F2F3) calc(100% / 24))}.mtl-grid-line{position:absolute;top:0;bottom:0;width:1px;background:var(--ink-100, #F0F2F3);pointer-events:none}.mtl-track-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;color:var(--ink-300, #B8BEC2);font-style:italic}.mtl-appt{position:absolute;top:6px;bottom:6px;padding:4px 6px;border-radius:6px;background:var(--teal-50, #E6F4F2);border:none;border-left:3px solid var(--teal-600, var(--color-primary));font-family:inherit;text-align:left;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:1px;box-shadow:0 1px 2px #10201e0f;z-index:2}.mtl-appt:active{transform:scale(.97)}.mtl-appt-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mtl-appt-time{font-size:12px;opacity:.8}.mrv-grid{min-width:100%}.mrv-row{display:flex;border-bottom:1px solid var(--ink-100, #F0F2F3);min-height:56px}.mrv-row-header{background:var(--bg-muted, #F5F5F5);min-height:52px;position:sticky;top:0;z-index:5}.mrv-time-col{position:sticky;left:0;z-index:4;width:56px;flex-shrink:0;padding:8px 4px;background:var(--bg-surface, #FFFFFF);border-right:1px solid var(--ink-200, #E5E7EA);text-align:center;font-size:12px;font-weight:600;color:var(--ink-500, #636E72);display:flex;align-items:center;justify-content:center}.mrv-row-header .mrv-time-col{background:var(--bg-muted, #F5F5F5);font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-500, #636E72);font-weight:700}.mrv-time-col-header{font-size:12px}.mrv-bed-col{width:130px;flex-shrink:0;padding:6px 8px;border-top:3px solid var(--teal-500, var(--color-primary));border-left:1px solid var(--ink-100, #F0F2F3);display:flex;flex-direction:column;justify-content:center;gap:2px;text-align:center}.mrv-bed-room{font-size:12px;font-weight:700;color:var(--ink-900, #1A2B2A);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mrv-bed-name{font-size:12px;color:var(--ink-500, #636E72)}.mrv-cell{width:130px;flex-shrink:0;padding:4px 6px;background:transparent;border:none;border-left:1px solid var(--ink-100, #F0F2F3);border-left-width:3px;border-left-color:transparent;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:4px;font-family:inherit}.mrv-cell.is-empty:active{background:var(--bg-muted, #F5F5F5)}.mrv-appt{display:flex;flex-direction:column;gap:1px;padding:4px 6px;border-radius:6px;background:var(--teal-50, #E6F4F2);border-left:3px solid var(--teal-600, var(--color-primary));cursor:pointer;overflow:hidden;box-shadow:0 1px 2px #10201e0f}.mrv-appt:active{transform:scale(.97)}.mrv-appt-name{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mrv-appt-time{font-size:12px;opacity:.8}.mcal-empty{text-align:center;padding:48px 24px;margin:12px;background:var(--bg-surface, #FFFFFF);border-radius:12px;box-shadow:0 1px 2px #10201e0a}.mcal-empty-icon{font-size:40px;margin-bottom:12px}.mcal-empty h3{font-size:16px;font-weight:600;color:var(--ink-700, #2D3436);margin:0 0 6px}.mcal-empty p{font-size:13px;color:var(--ink-500, #636E72);margin:0;line-height:1.5}.inv-detail{padding:0 0 100px;font-family:Be Vietnam Pro,system-ui,-apple-system,sans-serif;background:var(--color-background, #f8fafc);min-height:100%}.inv-detail__header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--color-surface, #fff);border-bottom:1px solid var(--color-border, #e5e7eb);position:sticky;top:0;z-index:10}.inv-detail__back{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;border:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #fff);cursor:pointer;color:#374151;transition:all .15s;flex-shrink:0}.inv-detail__back:hover{background:#f3f4f6}.inv-detail__title{font-size:15px;font-weight:700;color:var(--color-text, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inv-detail__subtitle{font-size:12px;color:var(--color-text-muted, #9ca3af);margin-top:1px}.inv-detail__meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.inv-detail__invoice-no{font-size:12px;color:#6b7280;font-weight:500}.inv-detail__badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.inv-detail__badge--DRAFT{background:#fef9c3;color:#92400e}.inv-detail__badge--ISSUED{background:#dbeafe;color:#1e40af}.inv-detail__badge--PARTIAL{background:#fef3c7;color:#b45309}.inv-detail__badge--PAID{background:#d1fae5;color:#065f46}.inv-detail__badge--VOID{background:#fee2e2;color:#991b1b}.inv-detail__badge-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.inv-detail__customer{background:var(--color-surface, #fff);border-radius:18px;padding:14px 16px;margin:14px 16px 0;border:1px solid var(--color-border, #e5e7eb);display:flex;align-items:center;gap:12px}.inv-detail__customer-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.inv-detail__customer-label{font-size:12px;color:var(--color-text-muted, #9ca3af);margin-top:2px}.inv-detail__customer-info{font-size:14px;font-weight:600;color:var(--color-text, #111827)}.inv-detail__customer-info span{color:#6b7280;font-weight:400;margin-left:6px}.inv-detail__phone-btn{width:34px;height:34px;border-radius:10px;background:var(--teal-5, #f0fdfa);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0;text-decoration:none;border:1px solid #ccfbf1}.inv-detail__section-label{font-size:14px;font-weight:600;color:#374151;padding:14px 16px 6px}.inv-detail__items-mobile{background:var(--color-surface, #fff);border-radius:16px;margin:0 16px;border:1px solid var(--color-border, #e5e7eb);overflow:hidden}.inv-detail__item-row-mobile{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px}.inv-detail__totals-mobile{background:var(--color-surface, #fff);border-radius:16px;margin:0 16px;border:1px solid var(--color-border, #e5e7eb);padding:14px}.inv-detail__items{background:var(--color-surface, #fff);border-radius:14px;overflow:hidden;margin:0 16px 8px;border:1px solid var(--color-border, #e5e7eb)}.inv-detail__items table{width:100%;border-collapse:collapse}.inv-detail__items thead{background:#f9fafb}.inv-detail__items th{padding:12px 20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;text-align:left;border-bottom:1px solid #f3f4f6}.inv-detail__items th:nth-child(2),.inv-detail__items th:nth-child(4){text-align:right}.inv-detail__items th:nth-child(3){text-align:center}.inv-detail__items td{padding:16px 20px;font-size:14px;color:#374151;border-bottom:1px solid #f3f4f6}.inv-detail__items td:nth-child(2),.inv-detail__items td:nth-child(4){text-align:right;white-space:nowrap}.inv-detail__items td:nth-child(3){text-align:center}.inv-detail__items tr:last-child td{border-bottom:none}.inv-detail__item-name{font-weight:500;color:#111827}.inv-detail__item-code{font-size:12px;color:#9ca3af;margin-top:2px}.inv-detail__item-amount{color:#16a34a;font-weight:600}.inv-detail__notes{background:#fefce8;border:1px solid #fef08a;border-radius:8px;padding:8px 12px;margin:4px 16px}.inv-detail__notes-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:#92400e;margin-bottom:3px}.inv-detail__notes-text{font-size:13px;color:#78716c;font-style:italic;line-height:1.5}.inv-detail__totals{background:#fff;border-radius:10px;padding:10px 14px;border:1px solid var(--color-border, #e5e7eb)}.inv-detail__total-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;font-size:12px;color:var(--color-text-muted, #6b7280)}.inv-detail__total-row span:last-child{font-weight:500;color:var(--color-text, #374151)}.inv-detail__total-row--grand{padding:6px 0 2px;margin-top:4px;border-top:1px dashed var(--color-border, #d1d5db)}.inv-detail__total-row--grand span:first-child{font-size:13px;font-weight:700;color:var(--color-text, #111827)}.inv-detail__total-row--grand span:last-child{font-size:18px;font-weight:700;color:var(--color-text, #111827)}.inv-detail__total-row--paid{margin-top:4px}.inv-detail__total-row--paid span:first-child{color:#059669}.inv-detail__total-row--paid span:last-child{color:#059669;font-weight:700}.inv-detail__total-row--debt span:first-child{font-weight:600;color:#dc2626}.inv-detail__total-row--debt span:last-child{font-weight:700;color:#dc2626;font-size:14px}.inv-detail__payments{background:var(--color-surface, #fff);border-radius:14px;padding:14px 16px;margin:8px 16px 0;border:1px solid var(--color-border, #e5e7eb)}.inv-detail__payments-title{font-size:14px;font-weight:600;color:#374151;margin-bottom:12px}.inv-detail__payment-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #f3f4f6;font-size:14px}.inv-detail__payment-item:last-child{border-bottom:none}.inv-detail__payment-date{color:#6b7280}.inv-detail__payment-method{background:#f0f9ff;color:#0369a1;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:500;margin-left:8px}.inv-detail__payment-amount{color:#16a34a;font-weight:600}.inv-detail__cta-bar{position:fixed;bottom:calc(80px + env(safe-area-inset-bottom,0px));left:0;right:0;display:flex;gap:8px;padding:10px 16px 14px;background:var(--color-surface, #fff);border-top:1px solid var(--color-border, #e5e7eb);z-index:50}.inv-detail__cta-ghost{flex:1;padding:14px;border-radius:12px;border:1.5px solid var(--color-border, #e5e7eb);background:var(--color-background, #f8fafc);color:var(--color-text, #374151);font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px}.inv-detail__cta-primary{flex:2;padding:14px;border-radius:12px;border:none;background:var(--color-primary);color:#fff;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:background .15s}.inv-detail__cta-primary:hover{background:var(--color-primary-hover)}.inv-detail__cta-primary:disabled{opacity:.6;cursor:default}.inv-detail__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0 16px}.inv-detail__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all .15s}.inv-detail__btn--issue{background:#16a34a;color:#fff}.inv-detail__btn--issue:hover{background:#15803d}.inv-detail__btn--pay{background:#16a34a;color:#fff}.inv-detail__btn--pay:hover{background:#15803d}.inv-detail__btn--void{background:#fff;color:#dc2626;border:1.5px solid #dc2626}.inv-detail__btn--void:hover{background:#fef2f2}.inv-detail__btn--back{background:#fff;color:#374151;border:1.5px solid #d1d5db;margin-left:auto}.inv-detail__btn--back:hover{background:#f9fafb}.inv-detail__modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.inv-detail__modal{background:#fff;border-radius:16px;padding:28px;width:100%;max-width:440px;box-shadow:0 20px 60px #0003}.inv-detail__modal h2{font-size:18px;font-weight:700;color:#111827;margin-bottom:20px}.inv-detail__modal label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.inv-detail__modal input,.inv-detail__modal select{width:100%;padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;margin-bottom:16px;outline:none;transition:border-color .15s}.inv-detail__modal input:focus,.inv-detail__modal select:focus{border-color:#16a34a}.inv-detail__modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.inv-detail__loading{display:flex;align-items:center;justify-content:center;min-height:300px;font-size:15px;color:#9ca3af}.inv-detail__edit-trigger{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid #3b82f6;background:#eff6ff;color:#2563eb;transition:all .15s;flex-shrink:0}.inv-detail__edit-trigger:hover{background:#dbeafe;border-color:#2563eb}.inv-detail__items--edit th:nth-child(3),.inv-detail__items--edit td:nth-child(3){text-align:right}.inv-detail__items--edit th:nth-child(4),.inv-detail__items--edit td:nth-child(4){text-align:center}.inv-detail__items--edit th:nth-child(5),.inv-detail__items--edit td:nth-child(5){text-align:right}.inv-detail__items--edit th:nth-child(6),.inv-detail__items--edit td:nth-child(6){text-align:center;width:40px}.inv-edit__input{padding:6px 10px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:13px;outline:none;transition:border-color .15s;background:#fff;font-family:inherit}.inv-edit__input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.inv-edit__input--name{width:100%;min-width:140px}.inv-edit__input--qty{width:56px;text-align:center}.inv-edit__select{padding:6px 8px;border:1.5px solid #e2e8f0;border-radius:6px;font-size:12px;cursor:pointer;background:#fff;outline:none;transition:border-color .15s}.inv-edit__select:focus{border-color:#3b82f6}.inv-edit__remove-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:#94a3b8;cursor:pointer;transition:all .15s}.inv-edit__remove-btn:hover{background:#fef2f2;color:#ef4444}.inv-edit__add-btn{display:block;width:100%;padding:10px;border:2px dashed #e2e8f0;border-radius:0 0 14px 14px;background:#fafbfc;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s}.inv-edit__add-btn:hover{border-color:#3b82f6;color:#3b82f6;background:#eff6ff}.inv-edit__textarea{width:100%;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:8px;font-size:14px;font-family:inherit;resize:vertical;outline:none;transition:border-color .15s;background:#fff;line-height:1.5}.inv-edit__textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.inv-detail__btn--save{background:#2563eb;color:#fff}.inv-detail__btn--save:hover{background:#1d4ed8}.inv-detail__btn--save:disabled{background:#93c5fd;cursor:not-allowed}.inv-detail__btn--cancel{background:#fff;color:#64748b;border:1.5px solid #d1d5db}.inv-detail__btn--cancel:hover{background:#f9fafb}.inv-detail__btn--cancel:disabled{opacity:.5;cursor:not-allowed}.inv-modal-overlay{position:fixed;inset:0;z-index:1000;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:invModalFadeIn .2s ease}@keyframes invModalFadeIn{0%{opacity:0}to{opacity:1}}.inv-modal-content{background:#fff;border-radius:16px;width:92%;max-width:780px;max-height:calc(90vh / var(--ui-vu, 1));overflow-y:auto;box-shadow:0 20px 60px #00000040;animation:invModalSlideUp .25s ease}@keyframes invModalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.inv-modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px 10px;border-bottom:1px solid #e5e7eb}.inv-modal-label{font-size:12px;font-weight:700;letter-spacing:.08em;color:#2563eb;margin-bottom:2px}.inv-modal-title{font-size:16px;font-weight:700;color:#111827;margin:0}.inv-modal-close{width:32px;height:32px;border:none;background:#f3f4f6;border-radius:8px;font-size:20px;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.inv-modal-close:hover{background:#e5e7eb;color:#111827}.inv-modal-body{padding:12px 20px 16px}.inv-modal-body .inv-detail__customer{border-radius:8px;margin-bottom:10px;padding:10px 14px}.inv-modal-body .inv-detail__items{border-radius:8px;margin-bottom:10px;margin-left:0;margin-right:0}.inv-modal-body .inv-detail__items--edit td,.inv-modal-body .inv-detail__items--edit th{padding:10px 8px}.inv-modal-body .inv-detail__items--edit td:last-child{padding-right:14px}.inv-modal-body .inv-detail__items--edit .inv-edit__input--name{min-width:140px;width:100%}.inv-modal-body .inv-detail__items--edit .inv-edit__select{min-width:56px}.inv-modal-body .inv-detail__items--edit .inv-edit__input--qty{width:48px}.inv-modal-body .inv-detail__summary,.inv-modal-body .inv-detail__payments{margin-bottom:10px}.inv-modal-body .inv-detail__actions{padding:0;border:none;background:none}[data-theme=dark] .inv-modal-content{background:var(--color-surface)}[data-theme=dark] .inv-modal-header{border-color:var(--color-border)}[data-theme=dark] .inv-modal-title{color:var(--color-text)}[data-theme=dark] .inv-modal-close{background:var(--color-surface-hover);color:var(--color-text-secondary)}[data-theme=dark] .inv-detail{background:#101525!important}[data-theme=dark] .inv-detail__header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .inv-detail__back{background:#1c2233!important;border-color:#ffffff1a!important;color:#f5f7fa!important}[data-theme=dark] .inv-detail__back:hover{background:#ffffff0f!important}[data-theme=dark] .inv-detail__title{color:#f5f7fa!important}[data-theme=dark] .inv-detail__subtitle,[data-theme=dark] .inv-detail__invoice-no{color:#94a3b8!important}[data-theme=dark] .inv-detail__customer{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .inv-detail__customer-label{color:#94a3b8!important}[data-theme=dark] .inv-detail__customer-info span{color:#f5f7fa!important}[data-theme=dark] .inv-detail__section-label{color:#94a3b8!important}[data-theme=dark] .inv-detail__items{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .inv-detail__items table{background:#202638!important}[data-theme=dark] .inv-detail__items thead{background:#1c2233!important}[data-theme=dark] .inv-detail__items th{color:#94a3b8!important;border-color:#ffffff14!important;background:#1c2233!important}[data-theme=dark] .inv-detail__items td{color:#f5f7fa!important;border-color:#ffffff0f!important}[data-theme=dark] .inv-detail__items tr{background:#202638!important}[data-theme=dark] .inv-detail__item-name{color:#f5f7fa!important}[data-theme=dark] .inv-detail__item-code{color:#94a3b8!important}[data-theme=dark] .inv-detail__notes{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .inv-detail__notes-label{color:#94a3b8!important}[data-theme=dark] .inv-detail__notes-text{color:#f5f7fa!important}[data-theme=dark] .inv-detail__totals{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .inv-detail__total-row{color:#f5f7fa!important;border-color:#ffffff0f!important}[data-theme=dark] .inv-detail__total-row--grand{background:#1c2233!important;border-color:#ffffff1a!important}[data-theme=dark] .inv-detail__item-row-mobile{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .inv-detail__totals-mobile{background:#202638!important;border-color:#ffffff14!important}.orders-page{background:var(--color-background, #f8fafa);min-height:-moz-fit-content;min-height:fit-content;padding:0 0 16px}.ord-chips-filters{margin-left:12px;display:flex;align-items:center;gap:6px;flex-shrink:0}.ord-table-wrap{margin:4px 20px 0;background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 2px 10px #0f172a0a}.ord-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}.ord-table thead th{text-align:left;padding:10px 14px;font-size:12px;font-weight:700;color:#6b7280;letter-spacing:.06em;text-transform:uppercase;background:var(--color-background);border-bottom:1px solid #e5e7eb;white-space:nowrap}.ord-table thead th.ord-th-right{text-align:left}.ord-table tbody td{padding:10px 14px;border-bottom:1px solid #f1f5f9;vertical-align:middle;color:#1f2937}.ord-table tbody tr:last-child td{border-bottom:none}.ord-row{cursor:pointer;transition:background .12s}.ord-row:hover{background:#f8fafc}.ord-cell-code{color:#1f2937;font-weight:600;font-size:14px;white-space:nowrap}.ord-cell-name{font-weight:600;color:#1f2937;font-size:14px}.ord-cell-phone{font-size:13px;color:var(--color-primary);margin-top:2px}.ord-cell-channel{color:#475569;font-size:.83rem;white-space:nowrap}.ord-cell-product{color:#475569;font-size:.85rem}.ord-cell-total{font-weight:700;color:#1f2937;white-space:nowrap}.ord-cell-debt{color:#ef4444;font-weight:600;white-space:nowrap}.ord-cell-paid{color:#374151;font-weight:600;white-space:nowrap}.ord-cell-status{display:inline-block;padding:5px 14px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;letter-spacing:.01em}.ord-cell-date{color:#374151;font-size:.85rem;white-space:nowrap}.ord-table-wrap .ord-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 16px;border-top:1px solid #f1f5f9}.ord-table-wrap .ord-pagination button{padding:6px 14px;border:1px solid #cbd5e1;background:#fff;border-radius:8px;cursor:pointer;font-size:.82rem}.ord-table-wrap .ord-pagination button:disabled{opacity:.4;cursor:not-allowed}.ord-table-wrap .ord-empty{padding:32px 16px;text-align:center;color:#94a3b8;font-size:.9rem}.ord-table-wrap .ord-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid #f1f5f9}.ord-pagination-info{font-size:.83rem;color:#94a3b8}.ord-pagination-controls{display:flex;align-items:center;gap:4px}.ord-pagination-controls button{min-width:32px;height:32px;padding:0 8px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;font-size:.83rem;color:#374151;transition:all .12s}.ord-pagination-controls button:hover:not(:disabled){background:#f8fafc}.ord-pagination-controls button:disabled{opacity:.35;cursor:not-allowed}.ord-pagination-controls button.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:700}.ord-pagination-controls select{height:32px;padding:0 8px;border:1px solid #e2e8f0;border-radius:8px;font-size:.83rem;color:#374151;background:#fff;cursor:pointer;margin-left:8px}.ord-cell-actions{width:32px;text-align:center}.ord-dots-btn{background:none;border:none;cursor:pointer;font-size:13px;color:#94a3b8;letter-spacing:1px;padding:4px 6px;border-radius:6px;transition:background .12s}.ord-dots-btn:hover{background:#f1f5f9;color:#475569}.ord-topbar{display:flex;align-items:center;gap:12px;padding:12px 20px 8px}.ord-search-wrap{flex:1;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:9px 14px;transition:border-color .15s}.ord-search-wrap:focus-within{border-color:var(--color-primary)}.ord-search-input{flex:1;border:none;outline:none;font-size:13px;color:#1f2937;background:transparent}.ord-search-input::-moz-placeholder{color:#9ca3af}.ord-search-input::placeholder{color:#9ca3af}.ord-create-btn{flex-shrink:0;padding:8px 16px;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s;height:38px}.ord-create-btn:hover{background:var(--color-primary-hover)}.ord-chips-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 20px 10px}.ord-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 10px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.ord-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.ord-chip:hover:not(.active){border-color:var(--color-primary);color:var(--color-primary);background:var(--teal-5, #f0fdfa)}.ord-chip-n{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:#0000000f;font-size:12px;font-weight:700;line-height:1}.ord-chip.active .ord-chip-n{background:#ffffff38}.ord-chip-filters{margin-left:auto;display:flex;align-items:center;gap:8px;flex-shrink:0}.ord-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 20px 4px}.ord-stat-tile{background:#fff;border-radius:16px;padding:22px 24px;border:1px solid #e5e7eb;box-shadow:0 2px 10px #0f172a0a;display:flex;align-items:center;gap:18px}.ord-stat-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ord-stat-val{font-size:32px;font-weight:800;color:#1f2937;letter-spacing:-.02em;line-height:1.1}.ord-stat-label{font-size:13px;color:#6b7280;margin-top:4px;font-weight:500}.ord-filter-bar{display:flex;align-items:center;flex-wrap:nowrap;gap:8px;padding:10px 16px 0;scrollbar-width:none}.ord-filter-bar::-webkit-scrollbar{display:none}.ord-select{flex-shrink:0;height:30px;padding:0 10px;border:1px solid #e5e7eb;border-radius:8px;font-size:12px;color:#374151;background:#fff;outline:none;cursor:pointer;width:auto}.ord-select:focus{border-color:var(--color-primary)}.ord-filter-bar .ord-date-input,.ord-date-input{flex:0 0 130px!important;width:130px!important;max-width:130px!important;min-width:130px!important;height:30px;padding:0 8px!important;border:1px solid #e5e7eb;border-radius:8px;font-size:12px;color:#374151;background:#fff;outline:none;box-sizing:border-box}.ord-date-input:focus{border-color:var(--color-primary)}.ord-date-input.ord-date-input--m{flex:none!important;width:100%!important;max-width:none!important;min-width:0!important;height:auto;padding:0!important}.ord-date-input--m .udr-trigger{width:100%;height:40px;border-radius:10px;border-color:#f0f2f3}.ord-clear-btn{flex-shrink:0;padding:6px 10px;border:1px solid var(--color-border, #e5e7eb);border-radius:10px;background:var(--color-surface, #fff);color:var(--color-text-muted, #9ca3af);font-size:12px;cursor:pointer}.ord-list{padding:12px 16px 0;display:flex;flex-direction:column;gap:8px}.ord-empty{text-align:center;padding:40px 24px;color:var(--color-text-muted, #9ca3af);font-size:14px;background:var(--color-surface, #fff);border-radius:16px;border:1px solid var(--color-border, #e5e7eb)}.ord-item{background:var(--color-surface, #fff);border-radius:16px;padding:13px 14px;border:1px solid var(--color-border, #e5e7eb);box-shadow:0 1px 3px #0000000d;cursor:pointer;transition:box-shadow .15s}.ord-item:active{box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.12)}.ord-item-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.ord-item-left{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.ord-item-id{font-size:13px;font-weight:700;color:var(--color-text, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.ord-item-ch{font-size:12px;font-weight:600;color:var(--color-text-muted, #6b7280);background:var(--color-background, #f3f4f6);padding:2px 7px;border-radius:5px;white-space:nowrap;flex-shrink:0}.ord-item-right-top{display:flex;align-items:center;gap:8px;flex-shrink:0}.ord-item-time{font-size:12px;color:var(--color-text-muted, #9ca3af);white-space:nowrap}.ord-item-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.ord-item-divider{border:none;border-top:1px dashed var(--color-border, #e5e7eb);margin:10px 0}.ord-item-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.ord-item-name{font-size:13px;font-weight:600;color:var(--color-text, #374151);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.ord-item-sub{font-size:12px;color:var(--color-text-muted, #9ca3af);margin-top:1px}.ord-item-total{font-size:15px;font-weight:800;color:var(--color-primary);white-space:nowrap;flex-shrink:0}.ord-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 0;font-size:13px;color:var(--color-text-muted, #6b7280)}.ord-pagination button{padding:6px 14px;border:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, #fff);border-radius:8px;font-size:13px;cursor:pointer}.ord-pagination button:disabled{opacity:.4;cursor:default}.ord-mob-stats4{display:none}@media(max-width:768px){.ord-mob-stats4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 12px 12px}.ord-mob-stat4{background:#fff;border:1px solid #F0F2F3;border-radius:12px;padding:8px 6px;text-align:center}.ord-mob-stat4-l{font-size:12px;color:#8a9499;font-weight:600;white-space:nowrap;margin-bottom:2px}.ord-mob-stat4-v{font-size:18px;font-weight:800;line-height:1.1}.orders-page .ord-topbar,.orders-page .ord-stats-row,.orders-page .ord-filter-bar{display:none!important}}.orders-modal__footer.orders-detail-footer{display:flex;flex-wrap:wrap;gap:8px;padding:14px 16px 16px;border-top:1px solid #F0F2F3;background:#fff}.orders-action-btn{flex:1 1 auto;min-width:110px;padding:12px 14px;border-radius:10px;border:none;font-size:13.5px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .05s;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.orders-action-btn:disabled{opacity:.55;cursor:not-allowed}.orders-action-btn:active:not(:disabled){transform:translateY(1px)}.orders-action-btn--confirm{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.25)}.orders-action-btn--prepare{background:#2563eb;color:#fff}.orders-action-btn--ship{background:#f59e0b;color:#fff}.orders-action-btn--deliver{background:#16a34a;color:#fff}.orders-action-btn--invoice{background:#7c3aed;color:#fff}.orders-action-btn--pay{background:#f59e0b;color:#fff;box-shadow:0 2px 8px #f59e0b40}.orders-action-btn--cancel{background:#fff;color:#ef4444;border:1.5px solid #ef4444}.orders-modal-overlay{position:fixed;inset:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;animation:ord-overlay-in .15s ease}@keyframes ord-overlay-in{0%{opacity:0}to{opacity:1}}.orders-modal{background:#fff;border-radius:16px;width:100%;max-width:720px;max-height:calc(90vh / var(--ui-vu, 1));display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 50px #0000002e;animation:ord-modal-in .2s ease}@keyframes ord-modal-in{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.orders-modal--detail{max-width:760px}.orders-mini-modal{max-width:420px}.orders-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #F0F2F3;background:#fafafa}.orders-modal__header h3,.orders-modal__header h4{margin:0;font-size:16px;font-weight:700;color:#1e293b}.orders-modal__header button{background:none;border:none;font-size:22px;cursor:pointer;color:#64748b;line-height:1;padding:4px 8px}.orders-modal__header button:hover{color:#ef4444}.orders-modal__body,.orders-detail-body{flex:1;overflow-y:auto;padding:16px 20px}.orders-detail-section{margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid #F0F2F3}.orders-detail-section:last-child{border-bottom:none}.orders-detail-section h4{margin:0 0 8px;font-size:13px;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.04em}.orders-code{display:inline-block;padding:3px 10px;background:#e0f2fe;color:#0369a1;border-radius:6px;font-family:monospace;font-size:12.5px;font-weight:700;letter-spacing:.5px}.orders-items-table{width:100%;border-collapse:collapse;margin-top:8px}.orders-items-table th,.orders-items-table td{padding:8px 10px;text-align:left;border-bottom:1px solid #F0F2F3;font-size:13px}.orders-items-table th{font-weight:700;color:#64748b;font-size:12px;text-transform:uppercase;background:#fafafa}.orders-items-table td:nth-child(2),.orders-items-table td:nth-child(3),.orders-items-table td:nth-child(4){text-align:right}.orders-items-table th:nth-child(2),.orders-items-table th:nth-child(3),.orders-items-table th:nth-child(4){text-align:right}.orders-totals{margin-top:12px;padding:10px 12px;background:#f8fafc;border-radius:8px}.orders-totals>div{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}.orders-totals>div:last-child{border-top:1px solid #e2e8f0;margin-top:4px;padding-top:8px;font-weight:700;font-size:14.5px;color:var(--color-primary)}.orders-payment-row{display:flex;justify-content:space-between;padding:6px 0;font-size:13px;border-bottom:1px dashed #F0F2F3}.orders-payment-row:last-child{border-bottom:none}.orders-btn-save,.orders-btn-cancel{padding:10px 18px;border-radius:10px;font-size:13.5px;font-weight:700;cursor:pointer;border:1px solid transparent}.orders-btn-save{background:var(--color-primary);color:#fff}.orders-btn-save:disabled{opacity:.6;cursor:not-allowed}.orders-btn-cancel{background:#fff;color:#475569;border-color:#e2e8f0}.orders-btn-cancel:hover{background:#f8fafc}[data-theme=dark] .orders-page{background:#101525!important}[data-theme=dark] .ord-topbar{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .ord-search-wrap{background:#1c2233!important;border-color:#ffffff1f!important}[data-theme=dark] .ord-search-input{background:transparent!important;color:#f5f7fa!important}[data-theme=dark] .ord-chip{background:#1c2233!important;border-color:#ffffff1a!important;color:#94a3b8!important}[data-theme=dark] .ord-chip.active{background:rgba(var(--color-primary-rgb),.2)!important;border-color:rgba(var(--color-primary-rgb),.4)!important;color:#2dd4bf!important}[data-theme=dark] .ord-chip-n{background:#101525!important;color:#94a3b8!important}[data-theme=dark] .ord-chip.active .ord-chip-n{background:rgba(var(--color-primary-rgb),.3)!important;color:#2dd4bf!important}[data-theme=dark] .ord-stat-tile{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .ord-stat-label{color:#94a3b8!important}[data-theme=dark] .ord-stat-val{color:#f5f7fa!important}[data-theme=dark] .ord-stat-icon{opacity:.7}[data-theme=dark] .ord-filter-bar{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .ord-select,[data-theme=dark] .ord-date-input{background:#1c2233!important;border-color:#ffffff1f!important;color:#f5f7fa!important}[data-theme=dark] .ord-table-wrap{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .ord-table thead th{background:#1c2233!important;color:#94a3b8!important;border-color:#ffffff14!important}[data-theme=dark] .ord-table tbody td{color:#f5f7fa!important;border-color:#ffffff0f!important}[data-theme=dark] .ord-row{background:#202638!important}[data-theme=dark] .ord-row:hover{background:#ffffff0a!important}[data-theme=dark] .ord-pagination button{background:#1c2233!important;border-color:#ffffff1a!important;color:#f5f7fa!important}[data-theme=dark] .ord-pagination button:hover:not(:disabled){background:#ffffff14!important}[data-theme=dark] .ord-pagination-controls button{background:#1c2233!important;border-color:#ffffff1a!important;color:#f5f7fa!important}[data-theme=dark] .ord-pagination-controls button.active{background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}[data-theme=dark] .ord-pagination-controls select{background:#1c2233!important;border-color:#ffffff1f!important;color:#f5f7fa!important}[data-theme=dark] .ord-dots-btn{background:transparent!important;color:#94a3b8!important}[data-theme=dark] .ord-dots-btn:hover{background:#ffffff0f!important}[data-theme=dark] .orders-btn-cancel{background:#1c2233!important;color:#94a3b8!important;border-color:#ffffff1f!important}[data-theme=dark] .orders-btn-cancel:hover{background:#ffffff0f!important}:root{--bg-page: #FAFAFA;--bg-surface: #FFFFFF;--bg-muted: #F5F5F5;--bg-hover: #F0F2F3;--teal-50: var(--brand-soft, #E6F4F2);--teal-100: var(--teal-10, #CCE9E5);--teal-200: #99D3CC;--teal-500: var(--color-primary);--teal-600: var(--color-primary);--teal-700: var(--color-primary-hover);--teal-800: var(--color-primary-hover);--teal-grad: var(--brand-gradient);--teal-soft: var(--brand-soft, #E6F4F2);--ink-900: #1A2B2A;--ink-700: #2D3436;--ink-500: #636E72;--ink-400: #8A9499;--ink-300: #B8BEC2;--ink-200: #E5E7EA;--ink-100: #F0F2F3;--success: #10b981;--success-bg: #ECFDF5;--warning: #D97706;--warning-bg: #FEF3C7;--danger: #ef4444;--danger-bg: #FEF2F2;--info: #3B82F6;--info-bg: #EFF6FF;--shadow-xs: 0 1px 2px rgba(16,32,30,.04);--shadow-sm: 0 2px 8px rgba(16,32,30,.05);--shadow-md: 0 6px 16px rgba(16,32,30,.07);--shadow-lg: 0 14px 40px rgba(16,32,30,.1);--shadow-teal: 0 10px 24px rgba(var(--color-primary-rgb),.28);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 24px;--r-pill: 999px;--ease: cubic-bezier(.2, .8, .2, 1)}@media(max-width:768px){body,.m-screen,.mv-screen,.m-subpage-wrap{font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}.mv-only{display:none}@media(max-width:768px){.mv-only{display:block}.mv-hide-mobile{display:none!important}}.mv-screen{min-height:calc(100vh / var(--ui-vu, 1));background:var(--bg-page);color:var(--ink-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding-bottom:80px}.mv-scroll{padding:0}.mv-sec{padding:0 16px}.mv-sec-head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 8px}.mv-sec-title{font-size:14px;font-weight:700;color:var(--ink-900);letter-spacing:-.01em}.mv-sec-see{background:transparent;border:none;font-size:12px;font-weight:600;color:var(--teal-700);cursor:pointer}.mv-card{background:var(--bg-surface);border-radius:18px;box-shadow:var(--shadow-xs);border:1px solid var(--ink-100);padding:14px}.mv-search{display:flex;align-items:center;gap:10px;background:var(--bg-surface);border:1px solid var(--ink-100);border-radius:14px;padding:10px 12px;box-shadow:var(--shadow-xs)}.mv-search input{flex:1;border:none;outline:none;background:transparent;font-size:13px;color:var(--ink-900)}.mv-search input::-moz-placeholder{color:var(--ink-400)}.mv-search input::placeholder{color:var(--ink-400)}.mv-iconbtn{width:38px;height:38px;border-radius:12px;background:var(--bg-surface);border:1px solid var(--ink-100);display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;font-size:16px}.mv-iconbtn-badge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;font-size:12px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #fff}.mv-header{padding:44px 20px 20px;background:var(--brand-gradient);color:#fff;border-radius:0 0 24px 24px;position:relative;overflow:hidden}.mv-header-plain{padding:44px 20px 16px;background:var(--bg-surface);border-bottom:1px solid var(--ink-100)}.mv-daycell{display:flex;flex-direction:column;align-items:center;padding:10px 0;border-radius:14px;background:var(--bg-surface);border:1px solid var(--ink-100);cursor:pointer;gap:4px;position:relative}.mv-daycell .d-dow{font-size:12px;font-weight:600;color:var(--ink-500);text-transform:uppercase;letter-spacing:.05em}.mv-daycell .d-num{font-size:16px;font-weight:700;color:var(--ink-900)}.mv-daycell .d-dot{position:absolute;bottom:6px;width:4px;height:4px;border-radius:50%;background:var(--teal-600)}.mv-daycell.today{background:var(--teal-600);border:none}.mv-daycell.today .d-dow,.mv-daycell.today .d-num{color:#fff}.mv-daycell.today .d-dot{background:#fff}.mv-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:12px;font-weight:600;background:var(--teal-50);color:var(--teal-700)}.mv-pill-muted{background:var(--ink-100);color:var(--ink-700)}.mv-tier{display:inline-block;padding:2px 7px;border-radius:6px;font-size:12px;font-weight:700;letter-spacing:.03em}.mv-tier-VIP{background:linear-gradient(135deg,#fce7a2,#f5c76e);color:#7c5a12}.mv-tier-Gold{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#78350f}.mv-tier-Silver{background:linear-gradient(135deg,#e5e7eb,#9ca3af);color:#374151}.mv-tier-Bronze{background:linear-gradient(135deg,#fed7aa,#c2410c);color:#7c2d12}.mv-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:700;color:#fff;flex-shrink:0}.mv-avatar-xs{width:22px;height:22px;font-size:12px;border-radius:7px}.mv-avatar-md{width:36px;height:36px;font-size:13px;border-radius:12px}.mv-avatar-lg{width:46px;height:46px;font-size:16px;border-radius:14px}.mv-avatar-coral{background:linear-gradient(135deg,#f87171,#dc2626)}.mv-avatar-lavender{background:linear-gradient(135deg,#a78bfa,#7c3aed)}.mv-avatar-mint{background:linear-gradient(135deg,#34d399,#059669)}.mv-avatar-sand{background:linear-gradient(135deg,#fbbf24,#d97706)}.mv-avatar-teal{background:var(--brand-gradient)}.mv-statuspill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.mv-statuspill-done{background:#10b9811f;color:var(--success)}.mv-statuspill-checkin{background:rgba(var(--color-primary-rgb),.12);color:var(--teal-700)}.mv-statuspill-upcoming{background:var(--ink-100);color:var(--ink-500)}.mv-bottomnav{display:none}@media(max-width:768px){.mv-bottomnav{display:flex;position:fixed;left:0;right:0;bottom:0;background:var(--bg-surface);border-top:1px solid var(--ink-100);padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));justify-content:space-around;z-index:50}}.mv-bottomnav-item{background:transparent;border:none;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--ink-500);font-size:12px;font-weight:600;cursor:pointer;padding:4px 10px}.mv-bottomnav-item.active{color:var(--teal-700)}.mv-bottomnav-item .ic{font-size:18px}.mv-flex{display:flex}.mv-flex-between{display:flex;align-items:center;justify-content:space-between}.mv-flex-center{display:flex;align-items:center}.mv-gap-2{gap:8px}.mv-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customers-desktop-shell{height:100%;min-height:0}.customers-page{padding:18px 20px;background:var(--color-background, #f5f7fa);height:100%;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.main-body .customers-page{width:100%;max-width:100%;min-width:0;margin-left:0!important;margin-right:0!important;padding:18px 20px!important}.customers-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:14px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172a0a}.customers-page .page-header h1{font-size:22px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.01em}.customers-page .header-actions{display:flex;gap:10px}.customers-page .btn-primary{display:inline-flex;align-items:center;gap:6px;background:var(--color-primary, #0f766e);color:#fff;border:none;height:38px;padding:0 16px;border-radius:8px;font-weight:600;font-size:13.5px;cursor:pointer;transition:background .15s,box-shadow .15s,transform .1s;box-shadow:0 2px 8px #0f766e33}.customers-page .btn-primary:hover{background:var(--color-primary-hover, #0d9488);box-shadow:0 4px 12px #0f766e47}.customers-page .btn-primary:active{transform:scale(.99)}.customers-page .btn-secondary{display:inline-flex;align-items:center;gap:6px;background:#fff;color:#334155;border:1px solid #cbd5e1;height:38px;padding:0 14px;border-radius:8px;font-weight:500;font-size:13.5px;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.customers-page .btn-secondary:hover{background:#f8fafc;border-color:#94a3b8;color:#0f172a}.customers-page .count-badge{background:var(--color-primary-soft, #f0fdfa);color:var(--color-primary, #0f766e);padding:6px 13px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid rgba(15,118,110,.15)}.customers-page .main-layout{display:grid;grid-template-columns:260px minmax(0,1fr) 310px;gap:16px;flex:1;min-height:0;overflow:hidden}@media(min-width:1600px){.customers-page .main-layout{grid-template-columns:270px minmax(0,1fr) 320px;gap:16px}}@media(min-width:1920px){.customers-page .main-layout{grid-template-columns:280px minmax(0,1fr) 330px;gap:18px}}.customers-page .customer-list-panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172a0a;display:flex;flex-direction:column;overflow:hidden;padding:12px;gap:10px}.customers-page .cl-search{padding:0;border-bottom:none}.customers-page .cl-search-inner{display:flex;align-items:center;gap:10px;height:42px;padding:0 12px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;transition:border-color .15s,box-shadow .15s,background .15s}.customers-page .cl-search-inner:focus-within{border-color:var(--color-primary, #0f766e);background:#fff;box-shadow:0 0 0 3px #0f766e1f}.customers-page .cl-search-inner svg{color:#94a3b8;flex-shrink:0}.customers-page .cl-search-inner input,.customers-page .cl-search-inner input:focus,.customers-page .cl-search-inner input:focus-visible,.cl-search-inner input,.cl-search-inner input:focus,.cl-search-inner input:focus-visible{flex:1;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;font-size:13.5px;color:#0f172a}.customers-page .cl-search-inner input::-moz-placeholder{color:#94a3b8}.customers-page .cl-search-inner input::placeholder{color:#94a3b8}.customers-page .cl-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:4px;padding-right:4px;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.customers-page .cl-list::-webkit-scrollbar{width:4px}.customers-page .cl-list::-webkit-scrollbar-track{background:transparent}.customers-page .cl-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.customers-page .cl-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.customers-page .cl-item{padding:8px 10px;border-bottom:none;border-radius:10px;cursor:pointer;transition:background .18s ease,box-shadow .18s ease,border-color .18s ease;border-left:2.5px solid transparent;background:#fff}.customers-page .cl-item:hover{background:#f1f5f9}.customers-page .cl-item.selected{background:var(--color-primary-soft, #f0fdfa);border-left-color:var(--color-primary, #0f766e);box-shadow:0 1px 6px #0f766e1a}.customers-page .cl-item-inner{display:flex;align-items:center;gap:10px}.customers-page .cl-avatar{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:13px;flex-shrink:0;box-shadow:0 1px 3px #0f172a14}.customers-page .cl-info{flex:1;min-width:0}.customers-page .cl-name{font-weight:600;color:#111827;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.customers-page .cl-phone{font-size:12px;color:#64748b;margin-top:3px}.customers-page .cl-item.selected .cl-phone{color:var(--color-primary);font-weight:500}.customers-page .search-box{padding:10px;border-bottom:1px solid var(--color-border, #e5e7eb)}.customers-page .search-box input{width:100%;padding:8px 12px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;font-size:13px;box-sizing:border-box}.customers-page .search-box input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.customers-page .customer-list{flex:1;overflow-y:auto;padding:8px}.customers-page .customer-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;cursor:pointer;transition:all .15s;border:1px solid transparent}.customers-page .customer-item:hover{background:var(--color-background, #f8fafc)}.customers-page .customer-item.selected{background:#eff6ff;border-color:var(--color-primary)}.customers-page .customer-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.customers-page .customer-info{flex:1;min-width:0}.customers-page .customer-name{font-weight:600;color:var(--color-text, #1e293b);font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customers-page .customer-phone{font-size:.8rem;color:var(--color-text-muted, #64748b)}.customers-page .customer-detail-panel{background:transparent;border-radius:0;box-shadow:none;overflow-y:auto;padding:0}.customers-page .detail-header{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid var(--color-border, #e5e7eb);margin-bottom:24px}.customers-page .detail-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:600;color:#fff}.customers-page .detail-info h2{font-size:1.25rem;font-weight:600;color:var(--color-text, #1e293b);margin:0 0 4px}.customers-page .detail-info .date{font-size:.8rem;color:var(--color-text-muted, #64748b)}.customers-page .tier-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:.75rem;font-weight:600;margin-left:12px}.customers-page .tier-badge.normal{background:#fee2e2;color:#dc2626}.customers-page .tier-badge.vip{background:#fef3c7;color:#d97706}.customers-page .info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.customers-page .info-item{display:flex;flex-direction:column;gap:4px}.customers-page .info-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px}.customers-page .info-value{font-size:.9rem;color:var(--color-text, #374151)}.customers-page .activity-panel{display:flex;flex-direction:column;overflow:hidden;background:transparent;gap:14px;height:100%}.customers-page .ca-spending-box{padding:16px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172a0a}.customers-page .ca-spending-label{display:flex;align-items:center;gap:6px;color:#64748b;font-size:12px;font-weight:700;margin-bottom:4px;letter-spacing:.04em;text-transform:uppercase}.customers-page .ca-spending-icon{width:20px;height:20px;border-radius:5px;background:#fef3c7;color:#d97706;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.customers-page .ca-spending-value{font-size:24px;font-weight:800;color:#0f172a;margin-bottom:14px;letter-spacing:-.02em}.customers-page .ca-stats-row{display:flex;gap:10px}.customers-page .ca-stat-box{flex:1;min-height:64px;padding:8px 12px;border-radius:10px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:transform .15s,box-shadow .15s}.customers-page .ca-stat-box.blue{background:#f0f9ff;border:1px solid #e0f2fe;color:#0284c7;box-shadow:none}.customers-page .ca-stat-box.green{background:#f0fdf4;border:1px solid #dcfce7;color:#16a34a;box-shadow:none}.customers-page .ca-stat-box.blue .ca-stat-label{color:#0369a1}.customers-page .ca-stat-box.blue .ca-stat-value{color:#0284c7}.customers-page .ca-stat-box.green .ca-stat-label{color:#15803d}.customers-page .ca-stat-box.green .ca-stat-value{color:#16a34a}.customers-page .ca-stat-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.customers-page .ca-stat-value{font-size:18px;font-weight:800;letter-spacing:-.01em}.customers-page .ca-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding-right:4px;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.customers-page .ca-scroll::-webkit-scrollbar{width:4px}.customers-page .ca-scroll::-webkit-scrollbar-track{background:transparent}.customers-page .ca-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.customers-page .ca-section{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:16px;box-shadow:0 2px 8px #0f172a0a;min-height:0}.customers-page .ca-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.customers-page .ca-section-title{font-weight:700;font-size:14px;color:#0f172a;margin:0}.customers-page .ca-section-icon{color:#94a3b8;display:inline-flex;align-items:center;justify-content:center}.customers-page .ca-empty{text-align:center;padding:14px 6px;display:flex;flex-direction:column;align-items:center;gap:6px}.customers-page .ca-empty-icon{width:42px;height:42px;margin:0 auto;background:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#cbd5e1}.customers-page .ca-empty-text{font-size:13.5px;color:#94a3b8;margin:0}.customers-page .activity-header{padding:16px 20px;border-bottom:1px solid var(--color-border, #e5e7eb)}.customers-page .activity-header h3{font-size:1rem;font-weight:600;color:var(--color-text, #1e293b);margin:0}.customers-page .activity-content{flex:1;overflow-y:auto;padding:16px 20px}.customers-page .stats-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.customers-page .stat-card{background:var(--color-background, #f8fafc);border-radius:12px;padding:16px;text-align:center}.customers-page .stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text, #1e293b)}.customers-page .stat-value.text-red{color:#dc2626}.customers-page .stat-value.text-green{color:#16a34a}.customers-page .stat-label{font-size:.75rem;color:var(--color-text-muted, #6b7280);margin-top:4px}.customers-page .appointments-section h4{font-size:.85rem;font-weight:600;color:var(--color-text-muted, #64748b);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.customers-page .appointment-item{display:flex;align-items:center;gap:8px;padding:8px 0;font-size:.85rem;color:var(--color-text, #374151)}.customers-page .no-data{text-align:center;padding:24px;color:var(--color-text-muted, #9ca3af);font-size:.9rem}.customers-page .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.customers-page .modal-content{background:var(--color-surface, white);border-radius:16px;padding:28px;width:100%;max-width:700px;max-height:calc(90vh / var(--ui-vu, 1));overflow-y:auto;display:flex;flex-direction:column}.customers-page .modal-content h2{display:block;width:100%;font-size:1.25rem;font-weight:600;margin-bottom:24px;color:var(--color-text, #1e293b);text-align:center}.customers-page .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border, #e5e7eb)}.customers-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted, #9ca3af);font-size:1rem}.cd-panel{flex:1;background:transparent;border-radius:0;box-shadow:none;display:flex;flex-direction:column;overflow:hidden}.cd-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 2px 8px #0f172a0a;margin-bottom:12px;gap:16px}.cd-header-left{display:flex;align-items:center;gap:14px;min-width:0}.cd-avatar-wrapper{position:relative;cursor:pointer}.cd-avatar-img{width:58px;height:58px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 8px #0f172a1a;transition:box-shadow .2s}.cd-avatar-wrapper:hover .cd-avatar-img{box-shadow:0 3px 12px #0f766e40}.cd-avatar-placeholder{width:58px;height:58px;border-radius:50%;background:var(--brand-gradient, linear-gradient(135deg, #0f766e, #0d9488));display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:700;transition:opacity .2s;border:2px solid #fff;box-shadow:0 2px 8px #0f766e2e}.cd-avatar-wrapper:hover .cd-avatar-placeholder{opacity:.92}.cd-header-info{display:flex;flex-direction:column;gap:4px;min-width:0}.cd-name{font-size:20px;font-weight:700;color:#0f172a;margin:0;letter-spacing:-.01em}.cd-meta{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}.cd-meta svg{color:#94a3b8}.cd-new-badge{color:var(--color-primary, #0f766e);font-weight:600}.cd-header-actions{display:flex;gap:10px;flex-shrink:0}.cd-btn{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s}.cd-btn-edit{background:#fff;color:var(--color-primary, #0f766e);border-color:#cbd5e1}.cd-btn-edit:hover{background:var(--color-primary-soft, #f0fdfa);border-color:var(--color-primary, #0f766e)}.cd-btn-delete{background:#fff;color:#ef4444;border-color:#fecaca}.cd-btn-delete:hover{background:#fef2f2;border-color:#ef4444}.cd-btn-qr{background:#fff;color:#334155;border-color:#cbd5e1}.cd-btn-qr:hover{background:#f8fafc;border-color:#94a3b8}.cd-qr-modal{max-width:380px;text-align:center}.cd-qr-display{display:flex;justify-content:center;padding:16px;background:#fff;border-radius:12px;margin:16px 0}.cd-qr-display svg{max-width:260px;max-height:260px}.cd-qr-code-label{font-size:.9rem;color:var(--color-text);margin:8px 0 4px}.cd-qr-hint{font-size:.78rem;color:var(--color-text-secondary, #94a3b8);margin:0 0 16px}.cd-btn-cancel{background:#fff;color:#64748b;border-color:#d1d5db}.cd-btn-cancel:hover{background:#f8fafc}.cd-btn-save{background:var(--color-primary, #0f766e);color:#fff;border-color:var(--color-primary, #0f766e)}.cd-btn-save:hover{background:var(--color-primary-hover, #0d9488);border-color:var(--color-primary-hover, #0d9488)}.cd-tabs{display:flex;gap:4px;background:#f1f5f9;padding:4px;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:12px;overflow-x:auto;scrollbar-width:none}.cd-tabs::-webkit-scrollbar{display:none}.cd-tab{padding:8px 14px;font-size:13px;font-weight:500;color:#64748b;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease;white-space:nowrap;flex-shrink:0}.cd-tab:hover{color:#0f172a}.cd-tab.active{background:#fff;color:var(--color-primary, #0f766e);font-weight:600;box-shadow:0 1px 3px #0f172a14}.cd-content{flex:1;overflow:auto;padding:0;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.cd-content::-webkit-scrollbar{width:4px}.cd-content::-webkit-scrollbar-track{background:transparent}.cd-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.cd-items-row{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(300px,1.35fr) minmax(250px,1.05fr);gap:14px;margin-bottom:14px;align-items:stretch}.cd-item{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px;box-shadow:0 2px 8px #0f172a0a;display:flex;flex-direction:column;overflow:visible;min-width:0;word-break:break-word;overflow-wrap:break-word}.cd-item-full{grid-column:1 / -1}.cd-item-title{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:700;color:#0f172a;margin-bottom:14px;padding-bottom:11px;border-bottom:1px solid #f1f5f9}.cd-item-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px}.cd-item-icon.blue{background:var(--color-primary-soft, #f0fdfa);color:var(--color-primary, #0f766e)}.cd-item-icon.purple{background:#f5f3ff;color:#7c3aed}.cd-item-icon.amber{background:#fef3c7;color:#d97706}.cd-item-icon.red{background:#fef2f2;color:#dc2626}.cd-item-icon.indigo{background:var(--color-primary-soft, #f0fdfa);color:var(--color-primary, #0f766e)}.cd-item-body{display:flex;flex-direction:column;gap:13px;flex:1;min-width:0}.cd-item-grid-3{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 16px}.cd-cards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:6px}.cd-card{background:var(--color-surface, white);border:1px solid #e8e0d0;border-radius:12px;padding:8px 10px;box-shadow:0 1px 3px #0000000a}.cd-card-full{width:100%}.cd-card-title{display:flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:var(--color-text, #1e293b);margin-bottom:6px;padding-bottom:4px;border-bottom:1px solid #f1f5f9}.cd-card-icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center}.cd-card-icon.blue{background:#eff6ff}.cd-card-icon.purple{background:#f5f3ff}.cd-card-icon.amber{background:#fffbeb}.cd-card-icon.red{background:#fef2f2}.cd-card-icon.indigo{background:#eef2ff}.cd-card-body{display:flex;flex-direction:column;gap:3px}.cd-card-row{display:grid;grid-template-columns:1fr 1fr;gap:3px}.cd-info-item{display:flex;flex-direction:column;gap:5px;min-width:0}.cd-info-label{font-size:12px;font-weight:600;color:#94a3b8;text-transform:none;letter-spacing:0}.cd-info-value{font-size:14px;font-weight:500;color:#111827;word-break:break-word;overflow-wrap:break-word}.cd-info-value.bold{font-weight:700;font-size:15px;color:#111827}.cd-tier-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;background:#f1f5f9;color:#334155;width:-moz-fit-content;width:fit-content;letter-spacing:.02em}.cd-address-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 12px}.cd-address-detail{grid-column:1 / -1}.cd-note-text{font-size:14px;color:#111827;line-height:1.5;margin:0}.cd-note-text em{color:#64748b;font-style:italic}.cd-edit-layout{display:flex;gap:16px;flex:1;overflow:hidden}.cd-edit-card,.cd-edit-box{flex:1;background:#fff;border:1px solid var(--color-border, #e5e7eb);border-radius:12px;padding:20px;overflow-y:auto}.cd-edit-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.cd-edit-field{display:flex;flex-direction:column;gap:4px}.cd-edit-field label{font-size:.78rem;color:var(--color-text-muted, #64748b);font-weight:500}.cd-edit-field input,.cd-edit-field select,.cd-edit-field textarea{width:100%;padding:8px 12px;border:1px solid var(--color-border, #d1d5db);border-radius:8px;font-size:.85rem;box-sizing:border-box;transition:all .15s}.cd-edit-field input:focus,.cd-edit-field select:focus,.cd-edit-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.cd-edit-field input.error{border-color:#ef4444;background:#fef2f2}.cd-edit-full{grid-column:1 / -1}.cd-field-error{font-size:.75rem;color:#ef4444;margin:0}.cd-gender-options{display:flex;gap:16px;padding-top:4px}.cd-gender-options label{display:flex;align-items:center;gap:6px;font-size:.85rem;cursor:pointer}.cd-edit-sidebar{width:240px;flex-shrink:0;display:flex;flex-direction:column;gap:12px}.cd-edit-sidebar-card,.cd-edit-sidebar-box{background:#fff;border:1px solid var(--color-border, #e5e7eb);border-radius:12px;padding:14px}.cd-edit-sidebar-title{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:600;color:var(--color-text, #1e293b);margin-bottom:10px}.cd-edit-note{width:100%;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;padding:10px;font-size:.82rem;resize:vertical;min-height:120px;box-sizing:border-box;outline:none;transition:border-color .15s}.cd-edit-note:focus{border-color:var(--color-primary)}.cd-system-info .cd-edit-sidebar-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted, #64748b)}.cd-system-row{display:flex;justify-content:space-between;align-items:center;padding:5px 0;font-size:.78rem;color:var(--color-text-muted, #64748b)}.cd-system-value{font-weight:600;color:var(--color-text, #1e293b)}.cd-empty-tab{text-align:center;padding:40px;color:var(--color-text-muted, #9ca3af);font-size:.95rem}.cd-family-tab{padding:16px 0}.cd-family-section{margin-bottom:20px}.cd-family-section-title{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:var(--color-text, #1e293b);text-transform:none;letter-spacing:.04em;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--color-border, #e5e7eb)}.cd-family-count{background:#3b82f6;color:#fff;font-size:.7rem;font-weight:700;padding:1px 7px;border-radius:10px;min-width:20px;text-align:center}.cd-family-list{display:flex;flex-direction:column;gap:8px}.cd-referral-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--color-surface, #f8fafc);border:1px solid var(--color-border, #e5e7eb);border-radius:12px;transition:box-shadow .15s,border-color .15s}.cd-referral-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.08)}.cd-referral-avatar{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-weight:700;font-size:1rem;overflow:hidden}.cd-referral-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.cd-referral-info{flex:1;min-width:0}.cd-referral-name{font-weight:600;font-size:.9rem;color:var(--color-text, #1e293b);display:flex;align-items:center;gap:6px}.cd-referral-vip{font-size:.6rem;font-weight:700;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;padding:1px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.05em}.cd-referral-phone{font-size:.8rem;color:var(--color-text-muted, #64748b);margin-top:2px}.cd-referral-label{font-size:.72rem;color:#94a3b8;margin-top:2px;font-style:italic}.cd-referral-date{font-size:.75rem;color:#94a3b8;white-space:nowrap;flex-shrink:0}.cd-family-empty-mini{padding:12px 14px;background:var(--color-surface, #f8fafc);border:1px dashed var(--color-border, #d1d5db);border-radius:10px;font-size:.82rem;color:var(--color-text-muted, #94a3b8);text-align:center}.cd-family-guide{display:flex;gap:10px;padding:14px 16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;font-size:.82rem;color:#1e40af;margin-top:8px}.cd-family-guide svg{flex-shrink:0;margin-top:2px}.cd-family-guide p{margin:4px 0 0;line-height:1.5;color:#3b82f6}[data-theme=dark] .cd-referral-card,[data-theme=dark] .cd-family-empty-mini{background:var(--color-surface, #1e293b);border-color:var(--color-border, #334155)}[data-theme=dark] .cd-family-guide{background:#3b82f614;border-color:#3b82f633;color:#93c5fd}[data-theme=dark] .cd-family-guide p{color:#60a5fa}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cd-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.cd-modal{background:#fff;border-radius:16px;padding:28px;width:100%;max-width:440px}.cd-modal h3{font-size:1.1rem;font-weight:700;color:#dc2626;margin:0 0 12px}.cd-modal p{font-size:.9rem;color:#374151;margin:0 0 8px}.cd-modal-warning{font-size:.8rem!important;color:var(--color-text-muted, #64748b)!important;margin-bottom:20px!important}.cd-modal-actions{display:flex;justify-content:flex-end;gap:10px}.acm-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.acm-modal{background:var(--color-surface, white);border-radius:16px;width:100%;max-width:780px;max-height:calc(90vh / var(--ui-vu, 1));overflow:hidden;position:relative;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000040}.acm-header{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid var(--color-border, #e5e7eb)}.acm-header h2{font-size:1.2rem;font-weight:700;color:var(--color-text, #1e293b);margin:0}.acm-close-btn{width:32px;height:32px;border:none;background:transparent;font-size:1.4rem;color:var(--color-text-secondary, #94a3b8);cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s}.acm-close-btn:hover{background:var(--color-surface-hover, #f1f5f9);color:var(--color-text, #475569)}.acm-body{padding:20px 28px;overflow-y:auto;flex:1}.acm-form-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.acm-field{display:flex;flex-direction:column;gap:4px}.acm-field label{font-size:.78rem;color:var(--color-text-secondary, #64748b);font-weight:500}.acm-field input,.acm-field select,.acm-field textarea{width:100%;padding:8px 12px;border:1px solid var(--color-border, #d1d5db);border-radius:8px;font-size:.85rem;box-sizing:border-box;transition:all .15s;background:var(--color-surface, white);color:var(--color-text, #1e293b)}.acm-field input:focus,.acm-field select:focus,.acm-field textarea:focus{outline:none;border-color:var(--color-primary, #0d9488);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.acm-input-error{border-color:#ef4444!important;background:#fef2f2!important}.acm-input-highlight{border-left:3px solid var(--color-primary, #0d9488)!important;background:var(--color-surface, white)!important}.acm-error{font-size:.72rem;color:#ef4444;margin:2px 0 0}.acm-full{grid-column:1 / -1}.acm-gender-options{display:flex;gap:16px;padding-top:6px}.acm-gender-options label{display:flex;align-items:center;gap:6px;font-size:.85rem;cursor:pointer;color:var(--color-text, #374151)}.acm-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 28px;border-top:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, white)}.acm-btn-cancel{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--color-surface, white);color:var(--color-text-secondary, #475569);border:1px solid var(--color-border, #d1d5db);border-radius:10px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .15s}.acm-btn-cancel:hover{background:var(--color-surface-hover, #f8fafc);border-color:var(--color-text-secondary, #94a3b8)}.acm-btn-save{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3b82f6;color:#fff;border:none;border-radius:10px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .15s}.acm-btn-save:hover{background:#2563eb}.acm-btn-save:disabled{opacity:.6;cursor:not-allowed}.acm-success-overlay{position:absolute;inset:0;background:var(--color-surface, rgba(255, 255, 255, .95));display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.acm-success-icon{font-size:3rem;margin-bottom:12px}.acm-success-text{font-size:1.15rem;font-weight:700;color:#16a34a}.acm-success-sub{font-size:.85rem;color:#94a3b8;margin-top:6px}.acm-top-section{display:flex;gap:24px;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #f1f5f9}.acm-avatar-section{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.acm-avatar-wrapper{width:90px;height:90px;border-radius:50%;cursor:pointer;position:relative;overflow:hidden;border:2px dashed var(--color-border, #d1d5db);transition:all .2s}.acm-avatar-wrapper:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.08)}.acm-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.acm-avatar-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-text-secondary, #94a3b8);background:var(--color-surface-hover, #f8fafc)}.acm-avatar-placeholder span{font-size:.68rem;font-weight:500}.acm-avatar-remove{position:absolute;top:2px;right:2px;width:22px;height:22px;border-radius:50%;background:#ef4444;color:#fff;border:2px solid white;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.acm-avatar-hint{font-size:.68rem;color:#94a3b8}.acm-avatar-spinner{width:24px;height:24px;border:2px solid #e5e7eb;border-top-color:var(--color-primary);border-radius:50%;animation:acm-spin .7s linear infinite}@keyframes acm-spin{to{transform:rotate(360deg)}}.acm-basic-info{flex:1;display:flex;flex-direction:column;gap:12px}.acm-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.acm-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.gm-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.gm-modal{background:#fff;border-radius:16px;width:100%;max-width:680px;max-height:calc(80vh / var(--ui-vu, 1));display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000026}.gm-header{display:flex;align-items:flex-start;justify-content:space-between;padding:24px 28px 18px;text-align:center}.gm-header>div{flex:1}.gm-title{font-size:1.3rem;font-weight:700;color:#1e293b;margin:0}.gm-subtitle{font-size:.82rem;color:#94a3b8;margin:6px 0 0;line-height:1.4}.gm-close-btn{width:32px;height:32px;border:none;background:transparent;font-size:1.4rem;color:#94a3b8;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.gm-close-btn:hover{background:#f1f5f9;color:#475569}.gm-toolbar{display:flex;align-items:center;gap:12px;padding:14px 28px;border-bottom:1px solid #e5e7eb}.gm-search-wrap{flex:1;position:relative}.gm-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.gm-search-input{width:100%;padding:10px 14px 10px 36px;border:1px solid #e5e7eb;border-radius:10px;font-size:.85rem;box-sizing:border-box;transition:border-color .15s}.gm-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.08)}.gm-new-input{width:160px;padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:.85rem;box-sizing:border-box;transition:border-color .15s}.gm-new-input:focus{outline:none;border-color:var(--color-primary)}.gm-create-btn{padding:10px 18px;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-weight:500;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:all .15s}.gm-create-btn:hover{background:var(--color-primary-hover)}.gm-create-btn:disabled{opacity:.5;cursor:not-allowed}.gm-table-wrap{flex:1;overflow-y:auto;padding:0 28px}.gm-table{width:100%;border-collapse:collapse}.gm-table thead{position:sticky;top:0;background:#fff}.gm-table th{padding:12px 0;font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;text-align:left;border-bottom:1px solid #e5e7eb}.gm-table td{padding:12px 0}.gm-table tbody tr{border-bottom:1px solid #f3f4f6}.gm-table tbody tr:last-child{border-bottom:none}.gm-group-name{display:flex;align-items:center;gap:8px;font-weight:500;color:#374151;font-size:.88rem}.gm-group-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.gm-empty-cell{padding:40px!important;text-align:center}.gm-empty-state{display:flex;flex-direction:column;align-items:center;gap:8px}.gm-empty-icon{width:64px;height:64px;background:#f1f5f9;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.gm-empty-title{font-size:.95rem;font-weight:600;color:#374151;margin:0}.gm-empty-desc{font-size:.82rem;color:#94a3b8;margin:0;max-width:280px;line-height:1.4}.gm-delete-confirm{display:flex;align-items:center;gap:8px}.gm-confirm-yes{color:#dc2626;font-weight:500;font-size:.8rem;background:none;border:none;cursor:pointer}.gm-confirm-no{color:#6b7280;font-size:.8rem;background:none;border:none;cursor:pointer}.gm-delete-btn{color:#ef4444;font-size:.8rem;background:none;border:none;cursor:pointer}.gm-delete-btn:hover{text-decoration:underline}.gm-footer{display:flex;justify-content:flex-end;padding:14px 28px;border-top:1px solid #e5e7eb}.gm-btn-close{padding:10px 24px;background:#fff;color:#475569;border:1px solid #d1d5db;border-radius:10px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .15s}.gm-btn-close:hover{background:#f8fafc;border-color:#94a3b8}.customers-page .cl-pagination{display:flex;align-items:center;justify-content:center;gap:3px;padding:6px 4px 4px;border-top:1px solid #f1f5f9;flex-shrink:0;flex-wrap:wrap}.customers-page .cl-page-btn{min-width:26px;height:26px;padding:0 5px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#475569;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s;display:flex;align-items:center;justify-content:center}.customers-page .cl-page-btn:hover:not(:disabled){background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.customers-page .cl-page-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.customers-page .cl-page-btn:disabled{opacity:.45;cursor:not-allowed}.customers-page .cl-page-dots{font-size:12px;color:#94a3b8;padding:0 2px}.customers-page .cl-page-info{font-size:12px;color:#94a3b8;margin-left:4px}.cd-purchases{display:flex;flex-direction:column;gap:12px;padding:16px}.cd-purchase-intro{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cd-purchase-intro h3{margin:0;color:var(--color-text, #0f172a);font-size:1rem}.cd-purchase-intro p{margin:4px 0 0;color:var(--color-text-muted, #64748b);font-size:.82rem}.cd-purchase-intro>span{flex:0 0 auto;color:var(--color-text-muted, #64748b);font-size:.78rem;font-weight:600}.cd-purchase-filters{display:flex;gap:8px;overflow-x:auto;padding:2px 1px 4px;scrollbar-width:thin}.cd-purchase-filters button,.cd-purchase-retry{min-height:36px;padding:7px 12px;border:1px solid var(--color-border, #dbe3ec);border-radius:999px;background:var(--color-surface, #fff);color:var(--color-text-secondary, #475569);font:inherit;font-size:.8rem;font-weight:600;white-space:nowrap;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.cd-purchase-filters button:hover,.cd-purchase-filters button.active,.cd-purchase-retry:hover{border-color:var(--color-primary, #0f766e);background:var(--color-primary-soft, #ecfdf5);color:var(--color-primary, #0f766e)}.cd-purchase-filters button:focus-visible,.cd-purchase-retry:focus-visible,.cd-purchase-expand:focus-visible,.cd-purchase-link:focus-visible{outline:3px solid rgba(var(--color-primary-rgb, 15, 118, 110),.22);outline-offset:2px}.cd-purchase-card{overflow:hidden;border:1px solid var(--color-border, #e2e8f0);border-radius:12px;background:var(--color-surface, #fff)}.cd-purchase-card-head,.cd-purchase-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px}.cd-purchase-card-head{border-bottom:1px solid var(--color-border, #eef2f7)}.cd-purchase-code{display:flex;align-items:center;gap:10px;min-width:0;color:var(--color-primary, #0f766e)}.cd-purchase-code>div{display:flex;flex-direction:column;min-width:0}.cd-purchase-code strong{color:var(--color-text, #1e293b);font-size:.84rem;overflow-wrap:anywhere}.cd-purchase-code span{margin-top:2px;color:var(--color-text-muted, #64748b);font-size:.72rem}.cd-purchase-status{flex:0 0 auto;padding:4px 9px;border:1px solid color-mix(in srgb,var(--status-color) 30%,transparent);border-radius:999px;background:color-mix(in srgb,var(--status-color) 10%,white);color:var(--status-color);font-size:.72rem;font-weight:700;white-space:nowrap}.cd-purchase-items{padding:0 14px}.cd-purchase-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:12px 0;border-bottom:1px solid var(--color-border, #f1f5f9)}.cd-purchase-item:last-child{border-bottom:0}.cd-purchase-item-main{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.cd-purchase-item-main>strong{flex:1 1 180px;min-width:0;color:var(--color-text, #1e293b);font-size:.84rem;font-weight:650;overflow-wrap:anywhere}.cd-purchase-kind,.cd-purchase-sessions{display:inline-flex;align-items:center;min-height:22px;padding:2px 7px;border-radius:999px;font-size:.68rem;font-weight:650;white-space:nowrap}.cd-purchase-kind.service{background:#ecfeff;color:#0e7490}.cd-purchase-kind.product{background:#eff6ff;color:#1d4ed8}.cd-purchase-kind.treatment{background:#f5f3ff;color:#6d28d9}.cd-purchase-sessions{background:#f8fafc;color:#475569}.cd-purchase-item-numbers{display:flex;align-items:center;justify-content:flex-end;gap:14px;min-width:150px;color:var(--color-text-muted, #64748b);font-size:.76rem;font-variant-numeric:tabular-nums}.cd-purchase-item-numbers strong{min-width:86px;color:var(--color-text, #1e293b);text-align:right}.cd-purchase-expand{display:inline-flex;align-items:center;gap:5px;min-height:36px;margin:0 14px 8px;padding:6px 2px;border:0;background:transparent;color:var(--color-primary, #0f766e);font:inherit;font-size:.78rem;font-weight:650;cursor:pointer}.cd-purchase-card-foot{border-top:1px solid var(--color-border, #eef2f7);background:var(--color-surface-subtle, #f8fafc)}.cd-purchase-total{display:flex;align-items:baseline;gap:7px;color:var(--color-text-muted, #64748b);font-size:.76rem}.cd-purchase-total strong{color:var(--color-text, #0f172a);font-size:.9rem;font-variant-numeric:tabular-nums}.cd-purchase-debt{color:#dc2626;font-size:.76rem;font-weight:650;font-variant-numeric:tabular-nums}.cd-purchase-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:7px 11px;border:1px solid var(--color-primary, #0f766e);border-radius:8px;background:var(--color-primary, #0f766e);color:#fff;font:inherit;font-size:.78rem;font-weight:650;cursor:pointer}.cd-purchase-link:hover{background:var(--color-primary-hover, #0d9488)}.cd-purchase-empty,.cd-purchase-error,.cd-purchase-filter-empty,.cd-purchase-no-items{color:var(--color-text-muted, #64748b);text-align:center}.cd-purchase-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:40px 20px}.cd-purchase-empty p,.cd-purchase-error p{margin:0}.cd-purchase-error{display:flex;flex-direction:column;align-items:center;gap:12px}.cd-purchase-filter-empty,.cd-purchase-no-items{padding:28px 16px;font-size:.82rem}@media(max-width:1720px){.customers-page .main-layout{grid-template-columns:270px minmax(0,1fr);gap:16px}.customers-page .activity-panel{display:none}}@media(max-width:1400px){.main-body .customers-page{padding:16px!important}.customers-page .main-layout{grid-template-columns:250px minmax(0,1fr);gap:14px}.cd-items-row{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.cd-items-row>:nth-child(3){grid-column:1 / -1}.cd-header{align-items:flex-start;flex-wrap:wrap}.cd-header-actions{margin-left:auto}}@media(max-width:1100px){.customers-page .main-layout{grid-template-columns:230px minmax(0,1fr)}.cd-items-row{grid-template-columns:1fr}.cd-items-row>:nth-child(3){grid-column:auto}.cd-item-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.main-body .customers-page{padding:16px 0!important}.customers-page .main-layout{grid-template-columns:1fr}.customers-page .page-header{flex-direction:column;gap:14px;align-items:flex-start}.cd-purchases{padding:12px}.cd-purchase-intro{align-items:flex-end}.cd-purchase-intro p{max-width:32ch}.cd-purchase-filters button{min-height:44px;padding-inline:14px}.cd-purchase-card-head,.cd-purchase-card-foot{align-items:flex-start;flex-wrap:wrap;padding:12px}.cd-purchase-items{padding-inline:12px}.cd-purchase-item{grid-template-columns:1fr;gap:8px}.cd-purchase-item-numbers{justify-content:space-between;min-width:0}.cd-purchase-item-numbers strong{min-width:0}.cd-purchase-expand{min-height:44px;margin-inline:12px}.cd-purchase-total{flex:1 1 auto}.cd-purchase-link{min-height:44px;margin-left:auto}}[data-theme=dark] .customers-page .page-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .customers-page .page-header h1{color:#f5f7fa!important}[data-theme=dark] .customers-page .customer-list-panel{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .customers-page .cl-search-inner{background:#1c2233!important;border-color:#ffffff1f!important}[data-theme=dark] .customers-page .cl-search-inner input{background:transparent!important;color:#f5f7fa!important}[data-theme=dark] .customers-page .cl-item{border-color:#ffffff0f!important}[data-theme=dark] .customers-page .cl-item:hover{background:#ffffff0a!important}[data-theme=dark] .customers-page .cl-item.selected{background:rgba(var(--color-primary-rgb),.15)!important;border-color:rgba(var(--color-primary-rgb),.3)!important}[data-theme=dark] .customers-page .customer-detail-panel{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .customers-page .detail-header{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .customers-page .detail-info h2{color:#f5f7fa!important}[data-theme=dark] .customers-page .detail-info .date{color:#94a3b8!important}[data-theme=dark] .customers-page .info-item{border-color:#ffffff0f!important;color:#f5f7fa!important}[data-theme=dark] .customers-page .activity-panel{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .customers-page .ca-spending-box,[data-theme=dark] .customers-page .ca-stat-box{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .customers-page .ca-stat-label{color:#94a3b8!important}[data-theme=dark] .customers-page .ca-stat-value{color:#f5f7fa!important}[data-theme=dark] .customers-page .stats-cards{background:transparent!important}[data-theme=dark] .customers-page .stat-card{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .customers-page .stat-label{color:#94a3b8!important}[data-theme=dark] .customers-page .stat-value{color:#f5f7fa!important}[data-theme=dark] .customers-page .appointment-item{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .customers-page .modal-overlay{background:#000000b3!important}[data-theme=dark] .customers-page .modal-content{background:#202638!important;border-color:#ffffff1a!important}[data-theme=dark] .customers-page .modal-content h2{color:#f5f7fa!important}[data-theme=dark] .cd-panel{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .cd-header{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .cd-purchase-card,[data-theme=dark] .cd-purchase-filters button{background:#202638;border-color:#ffffff1a}[data-theme=dark] .cd-purchase-card-head,[data-theme=dark] .cd-purchase-card-foot,[data-theme=dark] .cd-purchase-item{border-color:#ffffff14}[data-theme=dark] .cd-purchase-card-foot{background:#1c2233}[data-theme=dark] .cd-purchase-code strong,[data-theme=dark] .cd-purchase-item-main>strong,[data-theme=dark] .cd-purchase-item-numbers strong,[data-theme=dark] .cd-purchase-total strong,[data-theme=dark] .cd-purchase-intro h3{color:#f5f7fa}[data-theme=dark] .cd-purchase-status{background:color-mix(in srgb,var(--status-color) 16%,#202638)}[data-theme=dark] .cd-purchase-sessions{background:#ffffff14;color:#cbd5e1}[data-theme=dark] .customers-page [class*=search-box],[data-theme=dark] .customers-page [class*=filter]{background:#1c2233!important;border-color:#ffffff1f!important}.zalo-link-badge{display:inline-flex;align-items:center;gap:4px;margin-left:8px;padding:1px 7px;border-radius:10px;font-size:.72rem;font-weight:700;color:#1d4ed8;background:#dbeafe;white-space:nowrap;vertical-align:middle}.zalo-link-badge.is-stale{color:#92400e;background:#fef3c7}.zalo-link-badge-count{padding:0 5px;border-radius:8px;background:#1d4ed8;color:#fff;font-size:.66rem;line-height:1.4}.zalo-link-badge.is-stale .zalo-link-badge-count{background:#b45309}.cd-zalo-summary{display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:8px 10px;border-radius:8px;background:#eff6ff;font-size:13px;color:#1e3a8a}.cd-zalo-summary-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cd-zalo-summary-count{font-size:12px;font-weight:600;color:#1e40af}.cd-zalo-account-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.cd-zalo-account{display:flex;align-items:flex-start;gap:10px;padding:6px 8px;border-radius:6px;background:#fff9}.cd-zalo-account.is-stale{opacity:.85}.cd-zalo-account img,.cd-zalo-account-avatar-fallback{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.cd-zalo-account-avatar-fallback{display:inline-flex;align-items:center;justify-content:center;background:#bfdbfe;color:#1e3a8a;font-weight:700;font-size:14px}.cd-zalo-summary-meta{display:flex;flex-direction:column;gap:2px;min-width:0;word-break:break-all}.cd-zalo-account-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-weight:600}.cd-zalo-account-name em{font-weight:400;opacity:.7}.cd-zalo-account-observed{font-size:12px;opacity:.8}.cd-zalo-tag{font-size:.68rem;font-weight:700;padding:0 6px;border-radius:8px;white-space:nowrap}.cd-zalo-tag.verified{background:#dcfce7;color:#166534}.cd-zalo-tag.stale{background:#fef3c7;color:#92400e}[data-theme=dark] .cd-zalo-summary{background:#3b82f61f;color:#bfdbfe}[data-theme=dark] .cd-zalo-account{background:#ffffff0a}[data-theme=dark] .cd-zalo-summary-count{color:#93c5fd}[data-theme=dark] .zalo-link-badge{background:#3b82f633;color:#93c5fd}[data-theme=dark] .zalo-link-badge.is-stale{background:#f59e0b33;color:#fcd34d}.svc-page{display:flex;height:100%;background:var(--color-background);overflow:hidden;font-family:Be Vietnam Pro,Segoe UI,sans-serif}.svc-sidebar{width:280px;min-width:280px;background:var(--color-surface);border:1px solid var(--color-border);border-bottom:none;border-radius:14px 14px 0 0;box-shadow:0 1px 3px #00000008;display:flex;flex-direction:column;overflow:visible!important}.svc-sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px 16px 12px;border-bottom:1px solid var(--color-border)}.svc-sidebar-header h3{font-size:14px;font-weight:700;color:var(--color-text);letter-spacing:-.01em;margin:0}.svc-sidebar-add{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;background:var(--teal-5, #f0fdfa);color:var(--color-primary);cursor:pointer;transition:all .15s}.svc-sidebar-add:hover{background:#ccfbf1;transform:scale(1.05)}.svc-sidebar-list{flex:1;overflow-y:auto;padding:8px}.svc-cat-item{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:13px;color:var(--color-text-muted);transition:all .15s;border:1px solid transparent;margin-bottom:2px}.svc-cat-item:hover{background:var(--color-background);color:var(--color-text)}.svc-cat-item.active{background:var(--teal-5, #f0fdfa);color:var(--color-primary-hover);font-weight:600;border-color:#ccfbf1}.svc-cat-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.svc-cat-count{font-size:12px;color:var(--color-text-muted);background:#f1f5f9;padding:1px 7px;border-radius:10px;font-weight:500;flex:0 0 auto;white-space:nowrap}.svc-cat-name-wrap{display:flex;align-items:center;gap:8px;flex:1 1 auto;min-width:0;overflow:hidden}.svc-cat-item.active .svc-cat-count{background:#ccfbf1;color:var(--color-primary)}.svc-danhmuc-pager{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 8px 4px;margin-top:4px}.svc-danhmuc-pager button{width:30px;height:30px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface, #fff);color:var(--color-text);cursor:pointer;font-size:16px;line-height:1;transition:all .15s}.svc-danhmuc-pager button:hover:not(:disabled){background:var(--color-background)}.svc-danhmuc-pager button:disabled{opacity:.4;cursor:default}.svc-danhmuc-pager span{font-size:12px;color:var(--color-text-muted);min-width:32px;text-align:center}.svc-group{margin-top:4px;border-radius:10px;overflow:visible!important;transition:opacity .2s}.svc-group.disabled{opacity:.5}.svc-group.disabled:hover{opacity:.75}.svc-group-header{display:flex;flex-direction:row!important;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:10px;background:var(--color-background);border:1px solid var(--color-border);cursor:default;transition:all .15s;overflow:visible!important}.svc-group.enabled .svc-group-header{background:var(--teal-5, #f0fdfa);border-color:#ccfbf1}.svc-group-title{display:flex;align-items:center;gap:8px;cursor:pointer;flex:1;min-width:0}.svc-group.disabled .svc-group-title{cursor:default}.svc-group-chevron{color:var(--color-text-muted);flex-shrink:0}.svc-group-icon{font-size:14px;flex-shrink:0}.svc-group-label{font-size:13px;font-weight:600;color:var(--color-text);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35}.svc-group.disabled .svc-group-label{color:var(--color-text-muted)}.svc-group-badge{font-size:12px;color:var(--color-text-muted);white-space:nowrap;margin-left:2px}.svc-group-toggle{display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:2px;flex-shrink:0;transition:color .15s}.svc-group-toggle.on{color:var(--color-primary)}.svc-group-toggle.off{color:#cbd5e1}.svc-group-toggle:hover{opacity:.8}.svc-group-children{padding:2px 0 4px 8px;border-left:2px solid var(--color-border);margin-left:18px;margin-top:2px;overflow:visible!important}.svc-group-children::-webkit-scrollbar{width:4px}.svc-group-children::-webkit-scrollbar-track{background:transparent}.svc-group-children::-webkit-scrollbar-thumb{background:var(--color-border, #e2e8f0);border-radius:4px}.svc-group-children::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted, #94a3b8)}.svc-group.enabled .svc-group-children{border-left-color:var(--teal-15, #99f6e4)}.svc-cat-item.sub{display:flex!important;flex-direction:row!important;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;font-size:13px}.svc-cat-item.sub>.svc-cat-name-wrap{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.svc-cat-name-text{font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.35;min-width:0;flex:1}.svc-cat-item.sub .svc-cat-item-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;flex-shrink:0;position:relative}.svc-cat-3dots-btn{background:none;border:none;padding:4px;border-radius:4px;cursor:pointer;color:#64748b;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.svc-cat-3dots-btn:hover{background:#f1f5f9;color:#0f172a}.svc-cat-menu-dropdown{position:absolute;top:-4px;right:100%;margin-right:6px;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;z-index:20000;display:flex;flex-direction:column;align-items:center;padding:3px;gap:2px}.svc-cat-menu-dropdown button{background:none;border:none;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:background .15s,color .15s}.svc-cat-menu-dropdown button:hover{background:#f1f5f9;color:#0f172a}.svc-cat-menu-dropdown button.delete{color:#ef4444}.svc-cat-menu-dropdown button.delete:hover{background:#fef2f2;color:#dc2626}.svc-cat-menu-dropdown button.svc-group-toggle-btn.on{color:var(--color-primary, #0d9488)}.svc-cat-menu-dropdown button.svc-group-toggle-btn.off{color:#cbd5e1}.svc-group-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px;flex-shrink:0}.svc-cat-action-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:5px;cursor:pointer;color:var(--color-text-muted);font-size:12px;transition:all .15s;padding:0;flex-shrink:0}.svc-cat-action-btn:hover{background:#f1f5f9;color:var(--color-text)}.svc-cat-action-btn.delete:hover{background:#fef2f2;color:#ef4444}.svc-cat-action-btn.delete-confirm{color:#fff;background:#dc2626;font-weight:700;font-size:12px}.svc-cat-action-btn.delete-confirm:hover{background:#b91c1c}.svc-cat-action-btn.delete-cancel{color:var(--color-text-muted);background:var(--color-border);font-weight:700;font-size:12px}.svc-cat-action-btn.delete-cancel:hover{background:#cbd5e1}.svc-cat-item-actions{position:relative;display:flex;align-items:center;gap:2px;margin-left:auto;flex:0 0 auto}.svc-cat-item.sub .svc-cat-action-btn{opacity:0;transition:opacity .15s,background .15s,color .15s}.svc-cat-item.sub:hover .svc-cat-action-btn,.svc-cat-item.sub .svc-cat-action-btn.delete-confirm,.svc-cat-item.sub .svc-cat-action-btn.delete-cancel{opacity:1}.svc-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.svc-topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;margin:14px 20px 0;gap:12px;flex-wrap:wrap;box-shadow:0 1px 3px #00000008}.svc-topbar-left h2{font-size:16px;font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.02em}.svc-topbar-left p{font-size:12px;color:var(--color-text-muted);margin:2px 0 0}.svc-topbar-right{display:flex;align-items:center;gap:10px}.svc-search{position:relative}.svc-search input{width:200px;padding:8px 12px 8px 34px;border:1px solid var(--color-border);border-radius:10px;font-size:13px;background:var(--color-background);outline:none;transition:all .2s;color:var(--color-text)}.svc-search input:focus{border-color:var(--color-accent);background:var(--color-surface);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.08);width:240px}.svc-search input::-moz-placeholder{color:#a0aec0}.svc-search input::placeholder{color:#a0aec0}.svc-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.svc-view-toggle{display:flex;background:var(--color-background);border-radius:8px;padding:3px;gap:2px}.svc-view-btn{padding:6px 8px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center;transition:all .15s}.svc-view-btn.active{background:var(--color-surface);color:var(--color-primary);box-shadow:0 1px 3px #0000000f}.svc-view-btn:hover:not(.active){color:var(--color-text-muted)}.svc-add-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:none;border-radius:8px;background:var(--color-primary);color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;text-decoration:none}.svc-add-btn:hover{background:var(--color-primary-hover)}.svc-add-btn:active{transform:scale(.97)}.svc-content{flex:1;overflow-y:auto;padding:16px 0 0}.svc-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;background:var(--color-surface);border-radius:16px;border:2px dashed var(--color-border);text-align:center}.svc-empty-icon{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#f0fdfa,#ccfbf1);display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:var(--color-accent)}.svc-empty p{color:var(--color-text-muted);font-size:14px;margin:0 0 12px}.svc-empty-link{color:var(--color-primary);font-weight:600;font-size:14px;cursor:pointer;border:none;background:none;transition:color .15s}.svc-empty-link:hover{color:var(--color-primary-hover);text-decoration:underline}.svc-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px;color:var(--color-text-muted);font-size:13px}.svc-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}.svc-table-wrap{background:var(--color-surface);border-radius:14px;border:1px solid var(--color-border);overflow:hidden;box-shadow:0 1px 3px #00000008}.svc-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 16px;border-top:1px solid var(--color-border)}.svc-pagination-info{font-size:12px;color:var(--color-primary);font-weight:500;white-space:nowrap;flex-shrink:0}.svc-pagination-btns{display:flex;align-items:center;gap:4px}.svc-pagination-btns button{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;font-size:13px;font-weight:500;color:var(--color-text-muted);cursor:pointer;transition:all .15s}.svc-pagination-btns button:hover:not(:disabled):not(.active){background:var(--color-background);border-color:var(--color-border)}.svc-pagination-btns button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.svc-pagination-btns button:disabled{opacity:.4;cursor:not-allowed}.svc-pagination-input{width:50px;height:32px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:8px;font-size:13px;font-weight:500;color:var(--color-text);text-align:center;outline:none;transition:all .15s;margin:0 4px}.svc-pagination-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.svc-pagination-input::-webkit-outer-spin-button,.svc-pagination-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.svc-pagination-input[type=number]{-moz-appearance:textfield}.svc-table{width:100%;border-collapse:collapse}.svc-table thead{background:var(--color-background);border-bottom:1px solid var(--color-border)}.svc-table thead th{padding:10px 16px;text-align:left;font-size:12px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.svc-table thead th:last-child{text-align:right}.svc-table tbody tr{border-bottom:1px solid #f5f6f8;transition:background .12s}.svc-table tbody tr:last-child{border-bottom:none}.svc-table tbody tr:hover{background:rgba(var(--color-primary-rgb),.04)}.svc-table td{padding:12px 16px;font-size:13px;vertical-align:middle}.svc-row-img{width:40px;height:40px;border-radius:10px;background:var(--color-background);overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:1px solid var(--color-border)}.svc-row-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.svc-row-img svg{color:#cbd5e1}.svc-row-name{font-weight:600;color:var(--color-text);font-size:13px}.svc-row-sku{font-size:12px;color:var(--color-text-muted);margin-top:2px}.svc-row-price{font-weight:600;color:var(--color-text);font-size:13px}.svc-row-duration{color:var(--color-text-muted);font-size:13px}.svc-status{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;gap:5px}.svc-status.active{background:#ecfdf5;color:#059669}.svc-status.inactive{background:var(--color-background);color:var(--color-text-muted)}.svc-status-dot{width:5px;height:5px;border-radius:50%}.svc-status.active .svc-status-dot{background:#059669}.svc-status.inactive .svc-status-dot{background:#94a3b8}.svc-row-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;opacity:0;transition:opacity .15s}.svc-table tbody tr:hover .svc-row-actions{opacity:1}.svc-action-btn{width:30px;height:30px;display:inline-grid;place-items:center;border:1px solid #e2e8f0;background:#fff;border-radius:7px;cursor:pointer;color:#475569;transition:all .15s}.svc-action-btn:hover{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.svc-action-btn.delete{color:#ef4444;border-color:#fecaca}.svc-action-btn.delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.svc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.svc-item{background:var(--color-surface);border-radius:14px;border:1px solid var(--color-border);overflow:hidden;transition:all .2s;display:flex;flex-direction:column;box-shadow:0 1px 3px #00000008}.svc-item:hover{border-color:var(--teal-15, #99f6e4);box-shadow:0 4px 16px #0000000f;transform:translateY(-2px)}.svc-item-img{height:140px;background:var(--color-background);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.svc-item-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s}.svc-item:hover .svc-item-img img{transform:scale(1.05)}.svc-item-img svg{color:#cbd5e1}.svc-item-badge{position:absolute;top:8px;right:8px}.svc-item-body{padding:14px 16px;flex:1;display:flex;flex-direction:column}.svc-item-name{font-weight:700;font-size:14px;color:var(--color-text);margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.svc-item-sku{font-size:12px;color:var(--color-text-muted);margin:0}.svc-item-meta{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px}.svc-item-duration{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-text-muted)}.svc-item-price{font-size:15px;font-weight:700;color:var(--color-primary)}.svc-item-actions{display:flex;gap:6px;padding:0 16px 14px}.svc-item-actions button{flex:1;padding:7px 0;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:5px;transition:all .15s}.svc-item-actions .svc-edit-btn{background:var(--color-background);color:var(--color-text)}.svc-item-actions .svc-edit-btn:hover{background:var(--color-border)}.svc-item-actions .svc-del-btn{background:#fef2f2;color:#ef4444}.svc-item-actions .svc-del-btn:hover{background:#fee2e2}.svc-item-actions .svc-delete-btn{background:#fef2f2;color:#ef4444}.svc-item-actions .svc-delete-btn:hover{background:#fee2e2}.svc-modal-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:16px;animation:fadeIn .15s}.svc-modal{background:var(--color-surface);border-radius:16px;padding:24px;max-width:380px;width:100%;box-shadow:0 20px 50px #0000001f}.svc-modal h3{font-size:16px;font-weight:700;color:#dc2626;margin:0 0 8px}.svc-modal p{color:var(--color-text-muted);font-size:14px;margin:0 0 20px;line-height:1.5}.svc-modal-actions{display:flex;justify-content:flex-end;gap:8px}.svc-modal-cancel{padding:8px 16px;border:none;background:var(--color-background);color:var(--color-text);border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.svc-modal-cancel:hover{background:var(--color-border)}.svc-modal-delete{padding:8px 16px;border:none;background:#dc2626;color:#fff;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;box-shadow:0 2px 8px #dc262640}.svc-modal-delete:hover{background:#b91c1c}@media(max-width:768px){.svc-sidebar{width:180px;min-width:180px}.svc-topbar{padding:12px 16px}.svc-content{padding:16px 0}.svc-grid{grid-template-columns:1fr}}.svc-add-menu-wrap{position:relative}.svc-add-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 24px #0000001f;min-width:220px;z-index:20;padding:6px;animation:fadeIn .12s}.svc-add-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:none;border-radius:8px;font-size:13px;color:var(--color-text);cursor:pointer;transition:all .12s;text-align:left;font-weight:500}.svc-add-dropdown button:hover{background:var(--teal-5, #f0fdfa);color:var(--color-primary)}.svc-add-dropdown button:last-child{color:#7c3aed}.svc-add-dropdown button:last-child:hover{background:#f5f3ff;color:#6d28d9}.svc-init-modal{max-width:460px}.svc-init-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.svc-init-header h3{color:var(--color-text);margin:0;flex:1}.svc-init-icon{color:#7c3aed}.svc-init-close{width:32px;height:32px;border:none;background:var(--color-background);border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);transition:all .12s}.svc-init-close:hover{background:var(--color-border);color:var(--color-text)}.svc-init-desc{color:var(--color-text-muted);font-size:14px;line-height:1.6;margin:0 0 16px}.svc-init-preview{background:var(--color-background);border-radius:12px;padding:14px;margin-bottom:20px}.svc-init-cats{display:flex;flex-wrap:wrap;gap:6px}.svc-init-cat-tag{background:var(--color-surface);border:1px solid var(--color-border);padding:4px 12px;border-radius:20px;font-size:12px;color:var(--color-text);font-weight:500}.svc-init-confirm{padding:10px 20px;border:none;background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:6px;box-shadow:0 2px 10px #7c3aed4d}.svc-init-confirm:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 4px 16px #7c3aed66}.svc-init-confirm:disabled{opacity:.7;cursor:not-allowed}.svc-spin{animation:spin 1s linear infinite}.svc-toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:12px;font-size:14px;font-weight:500;box-shadow:0 8px 24px #0000001f;z-index:100;animation:slideUp .3s;max-width:420px}.svc-toast--success{background:#ecfdf5;color:#059669;border:1px solid #a7f3d0}.svc-toast--error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.svc-toast button{border:none;background:none;cursor:pointer;color:inherit;opacity:.6;padding:2px;display:flex;transition:opacity .15s}.svc-toast button:hover{opacity:1}.svc-row-inactive{opacity:.4;transition:opacity .2s}.svc-row-inactive:hover{opacity:.65}.svc-item-inactive{opacity:.4;transition:opacity .2s}.svc-item-inactive:hover{opacity:.65}.svc-action-btn.toggle{border:none;background:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:all .15s}.svc-action-btn.toggle.on{color:var(--color-primary)}.svc-action-btn.toggle.on:hover{color:#b91c1c;background:#fef2f2}.svc-action-btn.toggle.off{color:var(--color-text-muted)}.svc-action-btn.toggle.off:hover{color:var(--color-primary);background:var(--teal-5, #f0fdfa)}.svc-toggle-btn{display:flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);cursor:pointer;font-size:12px;transition:all .15s}.svc-toggle-btn.on{color:var(--color-primary);border-color:var(--teal-15, #99f6e4)}.svc-toggle-btn.on:hover{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.svc-toggle-btn.off{color:var(--color-text-muted);border-color:#e2e8f0}.svc-toggle-btn.off:hover{color:var(--color-primary);background:var(--teal-5, #f0fdfa);border-color:var(--teal-15, #99f6e4)}[data-theme=dark] .svc-page{background:var(--color-background)}[data-theme=dark] .svc-sidebar{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .svc-sidebar-header{border-color:var(--color-border)}[data-theme=dark] .svc-sidebar-header h3{color:var(--color-text)}[data-theme=dark] .svc-sidebar-add{background:rgba(var(--color-primary-rgb),.15);color:var(--color-accent)}[data-theme=dark] .svc-sidebar-add:hover{background:rgba(var(--color-primary-rgb),.25)}[data-theme=dark] .svc-cat-item:hover{background:#ffffff0d}[data-theme=dark] .svc-cat-item.active{background:rgba(var(--color-primary-rgb),.15);color:var(--color-accent);border-color:rgba(var(--color-primary-rgb),.3)}[data-theme=dark] .svc-cat-count{background:#ffffff14;color:var(--color-text-muted)}[data-theme=dark] .svc-cat-item.active .svc-cat-count{background:rgba(var(--color-primary-rgb),.2);color:var(--color-accent)}[data-theme=dark] .svc-main{background:var(--color-background)}[data-theme=dark] .svc-toolbar{border-color:var(--color-border)}[data-theme=dark] .svc-search-input{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .svc-search-input::-moz-placeholder{color:var(--color-text-muted)}[data-theme=dark] .svc-search-input::placeholder{color:var(--color-text-muted)}[data-theme=dark] .svc-table-header{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .svc-table-header span{color:var(--color-text-muted)}[data-theme=dark] .svc-row{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .svc-row:hover{background:#ffffff08}[data-theme=dark] .svc-name{color:var(--color-text)}[data-theme=dark] .svc-code{color:var(--color-text-muted)}[data-theme=dark] .svc-price{color:var(--color-text)}[data-theme=dark] .svc-duration,[data-theme=dark] .svc-status{color:var(--color-text-muted)}[data-theme=dark] .svc-action-btn{background:#ffffff0d;border-color:var(--color-border);color:var(--color-text-muted)}[data-theme=dark] .svc-action-btn:hover{background:#ffffff1a;color:var(--color-text)}[data-theme=dark] .svc-status-badge.active{background:rgba(var(--color-primary-rgb),.15);color:var(--color-accent)}[data-theme=dark] .svc-status-badge.inactive{background:#ffffff0f;color:var(--color-text-muted)}[data-theme=dark] .svc-toggle-btn{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .svc-toggle-btn.on{color:var(--color-accent);border-color:rgba(var(--color-primary-rgb),.3)}[data-theme=dark] .svc-toggle-btn.on:hover{color:#f87171;background:#ef44441a;border-color:#ef44444d}[data-theme=dark] .svc-toggle-btn.off{border-color:var(--color-border)}[data-theme=dark] .svc-toggle-btn.off:hover{color:var(--color-accent);background:rgba(var(--color-primary-rgb),.1);border-color:rgba(var(--color-primary-rgb),.3)}[data-theme=dark] .svc-img-upload{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .svc-img-placeholder{background:#ffffff0d;color:var(--color-text-muted)}[data-theme=dark] .svc-modal{background:var(--color-surface)}[data-theme=dark] .svc-modal-header{border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .svc-modal input,[data-theme=dark] .svc-modal select,[data-theme=dark] .svc-modal textarea{background:var(--color-background);border-color:var(--color-border);color:var(--color-text)}[data-theme=dark] .svc-modal label{color:var(--color-text-muted)}[data-theme=dark] .svc-pagination{border-color:var(--color-border)}[data-theme=dark] .svc-pagination button{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-muted)}[data-theme=dark] .svc-pagination button:hover:not(:disabled){background:#ffffff14;color:var(--color-text)}[data-theme=dark] .svc-pagination button.active{background:var(--color-primary);color:#fff}[data-theme=dark] .svc-pagination-info{color:var(--color-text-muted)}[data-theme=dark] .svc-item{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .svc-item:hover{border-color:#60a5fa4d}[data-theme=dark] .svc-detail{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .svc-detail-header,[data-theme=dark] .svc-detail-section{border-color:var(--color-border)}[data-theme=dark] .svc-detail-label{color:var(--color-text-muted)}[data-theme=dark] .svc-detail-value{color:var(--color-text)}[data-theme=dark] .svc-icon-option{background:#ffffff0d;border-color:var(--color-border)}[data-theme=dark] .svc-icon-option:hover{background:#ffffff1a}[data-theme=dark] .svc-icon-option.selected{border-color:var(--color-primary);background:#60a5fa1a}[data-theme=dark] .svc-empty{color:var(--color-text-muted)}[data-theme=dark] .svc-group-header{background:#ffffff08;color:var(--color-text)}[data-theme=dark] .svc-delete-btn{color:var(--color-text-muted)}[data-theme=dark] .svc-delete-btn:hover{color:#f87171;background:#ef44441a}[data-theme=dark] .svc-view-btn{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text-muted)}[data-theme=dark] .svc-view-btn.active{background:#ffffff1a;color:var(--color-text)}[data-theme=dark] .svc-add-btn{background:var(--color-primary);color:#fff}.svc-page-wrap .svc-desktop-ui{display:none!important}.svc-page-wrap .svc-mobile-ui{display:flex!important;flex-direction:column;flex:1;padding-bottom:96px!important}@media(min-width:769px){.svc-page-wrap{background:var(--color-background)!important;margin-left:-24px!important;margin-right:-24px!important;margin-bottom:0!important}.svc-page-wrap .svc-mobile-ui{display:none!important}.svc-page-wrap .svc-desktop-ui{display:flex!important;flex-direction:column!important;align-items:stretch!important;flex:1;min-height:0;padding:12px 0 0;height:100%!important}.svc-desktop-content{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:stretch!important;flex:1;min-height:0;gap:16px;width:100%;padding:0 10px;box-sizing:border-box}.main-body:has(.svc-page-wrap),.admin-content:has(.svc-page-wrap),.ui-page-container:has(.svc-page-wrap),.ui-page:has(.svc-page-wrap){padding-bottom:0!important}.svc-d-tabs{display:flex!important;gap:6px;width:100%;padding:0 10px;border-bottom:1px solid var(--color-border);margin:0 0 16px;height:42px;align-items:flex-end}.svc-d-tab{background:transparent;border:1px solid transparent;border-bottom:none;padding:8px 16px;font-size:.92rem;font-weight:600;color:var(--color-text-muted);cursor:pointer;display:inline-flex;align-items:center;gap:6px;height:38px;border-radius:8px 8px 0 0;transition:all .15s;line-height:1;margin-bottom:-1px}.svc-d-tab:hover{color:var(--color-text)}.svc-d-tab.active.svc,.svc-d-tab.active.combo{background:var(--color-surface)!important;border-color:var(--color-border)!important;border-bottom:1px solid var(--color-surface)!important;color:var(--color-text)!important;z-index:2}.svc-d-tab-ic{font-size:14px}}.fin-page{display:flex;flex-direction:column;min-height:100%;background:var(--color-background, #F0F2F3);padding-bottom:32px}.fin-sub-hero{background:var(--brand-gradient);padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 16px;color:var(--color-primary-contrast-text, white);position:relative;overflow:hidden}@media(min-width:769px){.fin-sub-hero{margin:0 -10px 18px;border-radius:14px;padding:22px 24px}.fin-sub-hero-back{width:40px!important;height:40px!important;background:#fff3!important}.fin-sub-hero-title{font-size:22px!important}.fin-sub-hero-sub{font-size:13px!important}}.fin-sub-hero:before{display:none!important}.fin-sub-hero-inner{display:flex;align-items:center;gap:12px;position:relative}.fin-sub-hero-back,.fin-sub-hero-add{width:36px;height:36px;border-radius:12px;background:var(--color-primary-contrast-soft, rgba(255, 255, 255, .18));border:none;display:grid;place-items:center;cursor:pointer;flex-shrink:0;color:var(--color-primary-contrast, #fff)}.fin-sub-hero-back svg,.fin-sub-hero-add svg{stroke:var(--color-primary-contrast, currentColor)!important}.fin-sub-hero-text{flex:1}.fin-sub-hero-title{font-size:17px;font-weight:800;letter-spacing:-.02em;color:var(--color-primary-contrast, #fff);line-height:1.2}.fin-sub-hero-sub{font-size:12px;color:var(--color-primary-contrast-muted, rgba(255, 255, 255, .85));margin-top:2px}.fin-page .fin-header{display:none}.fin-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:20px}.fin-header h2{margin:0 0 6px;font-size:26px;font-weight:700;color:#111827}.fin-header p{margin:0;color:#6b7280;font-size:14px;line-height:1.6}.fin-header-right{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.tab-filter{display:flex;gap:4px;background:#f3f4f6;padding:4px;border-radius:10px}.tab-filter button{padding:6px 12px;background:transparent;border:none;border-radius:7px;cursor:pointer;font-size:12px;color:#4b5563;transition:all .15s;white-space:nowrap}.tab-filter button.active{background:#fff;color:#111827;box-shadow:0 1px 3px #0000001a;font-weight:600}.btn-primary{padding:8px 16px;background:var(--color-primary, #0d9488);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;white-space:nowrap}.btn-primary:hover{background:var(--color-primary-dark, #0f766e)}.fin-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.fin-table{width:100%;border-collapse:collapse;font-size:14px}.fin-table th{text-align:left;padding:14px 18px;background:#f9fafb;border-bottom:2px solid #e5e7eb;font-weight:700;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#6b7280;white-space:nowrap}.fin-table td{padding:14px 18px;border-bottom:1px solid #f3f4f6;color:#111827;font-size:14px;line-height:1.5}.fin-table tr:last-child td{border-bottom:none}.fin-table tr:hover td{background:#f9fafb}.fin-table .muted{color:#6b7280;font-size:13px}.fin-table .mono{font-family:ui-monospace,monospace;font-size:13px;letter-spacing:.03em;color:#4f46e5;font-weight:600}.fin-table .num{text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.fin-table .bold{font-weight:700}.fin-table .small{font-size:12px}@media(max-width:768px){.stocktake-page{max-width:calc(100vw / var(--ui-vu, 1))!important;overflow-x:hidden!important;width:100%!important}.stocktake-page .fin-header{flex-wrap:wrap!important;overflow-x:hidden!important;max-width:100%!important}.stocktake-page .fin-header .fin-header-right,.stocktake-page .tab-filter{flex-wrap:wrap!important;max-width:100%!important}.stocktake-page .fin-table-wrap{background:transparent!important;border:none!important;border-radius:0!important;padding:0!important;overflow-x:hidden!important;max-width:calc(100vw / var(--ui-vu, 1))!important;box-sizing:border-box!important}.stocktake-page .stk-desktop-table{display:none!important}.stocktake-page .fin-empty{background:#fff;border:1px solid #F0F2F3;border-radius:12px;padding:32px 16px!important}}@media(max-width:768px){.fin-table th{padding:8px 6px;font-size:12px;letter-spacing:.01em;white-space:normal;word-break:break-word;line-height:1.25;vertical-align:top}.fin-table td{padding:10px 6px;font-size:12px;word-break:break-word}.fin-table .num,.fin-table .small{font-size:12px}}.fin-empty{text-align:center;padding:48px;color:#9ca3af}.fin-actions{display:flex;gap:6px;white-space:nowrap}.fin-actions button{padding:6px 14px;border:1px solid #d1d5db;border-radius:7px;background:#fff;font-size:13px;font-weight:500;cursor:pointer;color:#374151}.fin-actions button:hover{background:#f3f4f6}.fin-actions button.danger{border-color:#fca5a5;color:#dc2626}.fin-actions button.danger:hover{background:#fef2f2}.fin-actions button.success{border-color:#6ee7b7;color:#059669}.fin-actions button.success:hover{background:#ecfdf5}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;background:#f3f4f6;color:#374151;letter-spacing:.02em}.badge.green{background:#dcfce7;color:#166534}.badge.red{background:#fee2e2;color:#991b1b}.badge.yellow{background:#fef9c3;color:#854d0e}.badge.blue{background:#dbeafe;color:#1e40af}.badge.gray{background:#f3f4f6;color:#6b7280}.fin-pagination{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-top:1px solid #e5e7eb;font-size:14px;color:#6b7280}.fin-pagination div{display:flex;gap:8px;align-items:center}.fin-pagination button{padding:4px 10px;border:1px solid #d1d5db;border-radius:6px;background:#fff;cursor:pointer;font-size:13px}.fin-pagination button:disabled{opacity:.4;cursor:default}.fin-loading{text-align:center;padding:60px;color:#6b7280;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.fin-overlay{position:fixed;inset:0;background:#0f172a80;z-index:999999;display:flex;align-items:center;justify-content:center;padding:16px;margin:0}.fin-modal{background:#fff;border-radius:14px;padding:24px;width:100%;max-width:480px;max-height:calc(90vh / var(--ui-vu, 1));overflow-y:auto;box-shadow:0 20px 60px #00000040}@media(max-width:768px){div.fin-overlay{align-items:center;padding:12px}div.fin-modal{max-width:400px;max-height:calc(88vh / var(--ui-vu, 1));border-radius:18px;padding:0 14px 14px;box-shadow:0 18px 48px #10201e38;animation:finPopIn .22s ease-out}div.fin-modal>h3{margin:0 -14px 12px;padding:12px 14px;background:var(--brand-gradient);color:#fff;border-radius:18px 18px 0 0;font-size:14.5px;position:sticky;top:0;z-index:2}div.fin-modal .fin-modal-footer{position:sticky;bottom:0;background:#fff;margin:12px -14px 0;padding:10px 14px;z-index:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px}div.fin-modal .fin-modal-footer button{width:100%;min-height:46px;flex:1;padding:11px 14px!important;border-radius:999px!important;font-size:13.5px!important;font-weight:700!important;border:1px solid #E5E7EA!important;background:#fff!important;color:#1a2b2a!important;box-shadow:0 1px 3px #10201e14!important}div.fin-modal .fin-modal-footer button.danger{background:#fff!important;color:#dc2626!important;border:1px solid #FEE2E2!important;box-shadow:0 2px 6px #dc26262e!important;margin-right:0!important;padding:11px 14px!important}div.fin-modal .fin-modal-footer .btn-primary{background:var(--brand-gradient)!important;color:#fff!important;border:none!important;box-shadow:0 6px 16px rgba(var(--color-primary-rgb),.32)!important}}@keyframes finPopIn{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.fin-modal.small{max-width:360px}.fin-modal h3{margin:0 0 20px;font-size:17px;color:#111827}.fin-modal label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:#374151;font-weight:500;margin-bottom:14px}.fin-modal input,.fin-modal select,.fin-modal textarea{padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;width:100%;box-sizing:border-box;outline:none}.fin-modal input:focus,.fin-modal select:focus,.fin-modal textarea:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f126}.fin-modal .req{color:#dc2626}@media(min-width:769px){.fin-modal .tier-form-row{display:flex;gap:12px;align-items:flex-start}.fin-modal .tier-form-row>label{flex:1;min-width:0}}.fin-modal .checkbox-row{flex-direction:row;align-items:center;gap:8px;font-weight:400;white-space:nowrap}.fin-modal .checkbox-row input[type=checkbox]{flex-shrink:0}.fin-modal .checkbox-row-label{font-weight:600;color:#1a2b2a;font-size:13px}.fin-modal-footer{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid #e5e7eb}.fin-modal-footer button{padding:8px 18px;border:1px solid #d1d5db;border-radius:8px;background:#fff;cursor:pointer;font-size:13px}.fin-modal-footer .btn-primary{background:var(--color-primary, #0d9488);color:#fff;border-color:var(--color-primary, #0d9488)}.fin-modal-footer .btn-primary:hover{background:var(--color-primary-dark, #0f766e);border-color:var(--color-primary-dark, #0f766e)}.fin-modal-footer button.danger{background:#dc2626;color:#fff;border-color:#dc2626}.fin-modal-footer button.danger:hover{background:#b91c1c}.kpi-stat-box{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:16px 20px;text-align:center}.kpi-stat-val{font-size:28px;font-weight:700;color:#111827;line-height:1.2}.kpi-stat-label{font-size:12px;color:#6b7280;margin-top:4px}@media(min-width:769px){.adv-old-mob-date{display:none!important}.fin-header .fin-header-right input[type=date],.fin-header .fin-header-right>span{display:none!important}.adv-old-tabs{border-bottom:none!important;padding-top:16px!important;padding-bottom:0!important;margin-top:14px!important;margin-bottom:12px!important}}@media(max-width:768px){.adv-tab-dates{display:none!important}}[data-theme=dark] .fin-page{background:#101525!important}[data-theme=dark] .fin-sub-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)!important}[data-theme=dark] .fin-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .fin-header h2{color:#f5f7fa!important}[data-theme=dark] .fin-header p{color:#94a3b8!important}[data-theme=dark] .tab-filter{background:#151a2b!important;border-color:#ffffff14!important}[data-theme=dark] .tab-filter button{color:#94a3b8!important}[data-theme=dark] .tab-filter button.active{color:#f5f7fa!important;border-color:var(--color-primary)!important}[data-theme=dark] .tab-filter button:hover{background:#ffffff0a!important}[data-theme=dark] .fin-table-wrap{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .fin-table th{background:#1c2233!important;color:#94a3b8!important;border-color:#ffffff14!important}[data-theme=dark] .fin-table td{color:#f5f7fa!important;border-color:#ffffff0f!important}[data-theme=dark] .fin-table tr{background:#202638!important}[data-theme=dark] .fin-table tr:hover td{background:#ffffff0a!important}[data-theme=dark] .fin-table .muted{color:#64748b!important}[data-theme=dark] .fin-table .mono{color:#818cf8!important}[data-theme=dark] .fin-actions button{background:#1c2233!important;border-color:#ffffff1a!important;color:#f5f7fa!important}[data-theme=dark] .fin-actions button:hover{background:#ffffff0f!important}[data-theme=dark] .fin-actions button.danger{border-color:#ef44444d!important;color:#f87171!important}[data-theme=dark] .fin-actions button.danger:hover{background:#ef444414!important}[data-theme=dark] .fin-actions button.success{border-color:#10b9814d!important;color:#34d399!important}[data-theme=dark] .fin-actions button.success:hover{background:#10b98114!important}@media(max-width:768px){.finance-page,.card-deposit-page,.payment-method-page,.marketing-cost-page,.service-cancel-page,.cashbook-page,.input-invoices-page,.deposit-page{height:auto!important;min-height:calc(100vh / var(--ui-vu, 1))!important;overflow:visible!important;padding-bottom:96px!important}.fin-table-container,.fin-table-wrap,.table-container,.table-wrapper{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.fin-kpi-grid,.fin-summary-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}}@media(max-width:768px){.finance-page .deposit-page,.deposit-page{padding-top:0!important;padding-left:0!important;padding-right:0!important}}.staff-page{display:flex;flex-direction:column;min-height:100%;background:var(--color-background, #F0F2F3);padding:0}.sl-hero{background:var(--brand-gradient);padding:52px 16px 18px;position:relative;overflow:hidden}.sl-hero:before{content:"";position:absolute;right:-20px;top:-20px;width:120px;height:120px;border-radius:50%;background:#ffffff14}.sl-hero-inner{display:flex;align-items:center;gap:12px;position:relative}.sl-hero-back,.sl-hero-add{width:36px;height:36px;border-radius:12px;background:#ffffff2e;border:none;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.sl-hero-title{flex:1;font-size:17px;font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1.2}.staff-tab-bar{display:flex;gap:4px;padding:4px;background:var(--color-surface, white);border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #0000000f;border:1px solid var(--color-border, #e5e7eb);overflow-x:auto}.staff-tab-btn{padding:10px 20px;border:none;background:transparent;border-radius:8px;font-size:14px;font-weight:500;color:var(--color-text-muted, #6b7280);cursor:pointer;white-space:nowrap;transition:all .2s ease}.staff-tab-btn:hover{background:var(--color-background, #f3f4f6);color:var(--color-text, #374151)}.staff-tab-btn.active{background:var(--color-primary);color:#fff;font-weight:600;box-shadow:0 1px 3px rgba(var(--color-primary-rgb),.3)}.staff-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.staff-header h1{font-size:1.75rem;font-weight:700;color:var(--color-text, #1f2937);margin:0}.staff-search-box{position:relative;display:flex;align-items:center;margin-bottom:24px}.staff-search-box svg{position:absolute;left:16px;color:#9ca3af}.staff-search-box input{padding:14px 16px 14px 44px;border:1px solid var(--color-border, #e5e7eb);border-radius:12px;font-size:14px;background:var(--color-surface, white);width:100%;max-width:400px}.staff-search-box input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.staff-table-container{background:var(--color-surface, white);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000014}.staff-table{width:100%;border-collapse:collapse}.staff-table th{text-align:left;padding:18px 24px;background:var(--color-background, #f9fafb);font-size:.75rem;font-weight:600;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border, #e5e7eb)}.staff-table th.actions-header{text-align:right}.staff-table td{padding:18px 24px;font-size:14px;color:var(--color-text, #374151);vertical-align:middle}.staff-table tbody tr{border-bottom:1px solid var(--color-border, #e5e7eb)}.staff-table tr:hover{background:var(--color-background, #f9fafb)}.staff-table .empty{text-align:center;color:var(--color-text-muted, #9ca3af);padding:60px}.staff-info{display:flex;flex-direction:row;align-items:center;gap:14px}.staff-avatar{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.staff-avatar-placeholder{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.staff-name{font-weight:600;color:var(--color-text, #1f2937);white-space:nowrap}.staff-title{color:var(--color-text-muted, #6b7280)}.status-badge{display:inline-block;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600}.status-badge.active{background:#dcfce7;color:#15803d}.status-badge.inactive{background:#fef3c7;color:#d97706}.actions-cell{display:flex;gap:8px;justify-content:flex-end;align-items:center}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-icon{padding:10px;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s}.staff-modal{background:#fff;border-radius:20px;width:100%;max-width:820px;max-height:calc(92vh / var(--ui-vu, 1));overflow-y:auto;box-shadow:0 20px 60px #00000026}.staff-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 28px 12px;border-bottom:1px solid #f0f0f0}.staff-modal-header h2{font-size:1.35rem;font-weight:700;color:#1f2937;margin:0 0 4px;text-align:left}.staff-modal-subtitle{font-size:13px;color:#9ca3af;margin:0}.staff-modal-close{background:none;border:none;font-size:18px;color:#9ca3af;cursor:pointer;padding:4px;line-height:1;transition:color .2s}.staff-modal-close:hover{color:#374151}.staff-modal-body{display:flex;gap:0;padding:0}.staff-modal-left{width:240px;min-width:240px;padding:18px 20px;border-right:1px solid #f0f0f0;background:#fafbfc;display:flex;flex-direction:column;gap:12px}.staff-modal-left .avatar-section,.staff-modal-left .status-box{background:transparent;border:none;padding:0}.staff-modal-left .status-box{padding-top:12px;border-top:1px dashed #E5E7EB}.staff-modal-left .avatar-section-title{margin:0 0 8px;font-size:13px}.staff-modal-left .avatar-upload-wrapper{margin-bottom:6px}.staff-modal-left .avatar-preview-lg,.staff-modal-left .avatar-placeholder-lg{width:76px;height:76px}.staff-modal-left .avatar-placeholder-lg svg{width:38px;height:38px}.staff-modal-left .avatar-hint{font-size:12px;margin:0;line-height:1.4}.avatar-section{text-align:center}.avatar-section-title{font-size:14px;font-weight:600;color:#374151;margin:0 0 16px}.avatar-upload-wrapper{position:relative;display:inline-block;margin-bottom:10px}.avatar-preview-lg{width:92px;height:92px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid #e5e7eb}.avatar-placeholder-lg{width:92px;height:92px;border-radius:50%;background:linear-gradient(145deg,#99f6e4,var(--color-accent));display:flex;align-items:center;justify-content:center;color:#fff}.avatar-upload-icon{position:absolute;bottom:2px;right:2px;width:26px;height:26px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;border:2px solid white;box-shadow:0 2px 6px #00000026;transition:background .2s}.avatar-upload-icon:hover{background:var(--color-primary-hover)}.avatar-remove-icon{position:absolute;top:2px;right:2px;width:24px;height:24px;border-radius:50%;background:#ef4444;color:#fff;border:2px solid white;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.avatar-hint{font-size:12px;color:#9ca3af;margin:0;line-height:1.4}.status-box{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f9fafb;border-radius:12px;border:1px solid #f0f0f0}.status-box-info{display:flex;flex-direction:column;gap:2px}.status-box-label{font-size:13px;font-weight:600;color:#374151}.status-box-text{font-size:12px}.status-box-text.active{color:var(--color-primary)}.status-box-text.inactive{color:#ef4444}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-slider{position:absolute;cursor:pointer;inset:0;background:#d1d5db;border-radius:24px;transition:.3s}.toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #00000026}.toggle-switch input:checked+.toggle-slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(20px)}.staff-modal-right{flex:1;padding:18px 28px;display:flex;flex-direction:column;gap:10px}.sm-form-group{display:flex;flex-direction:column;gap:5px}.sm-label{font-size:13px;font-weight:500;color:#374151}.sm-label .required{color:#ef4444}.sm-label-upper{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.sm-input{padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:13.5px;color:#1f2937;background:#fff;width:100%;box-sizing:border-box;transition:border-color .2s,box-shadow .2s}.sm-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.sm-input::-moz-placeholder{color:#c0c4cc}.sm-input::placeholder{color:#c0c4cc}.sm-input-icon-wrap{position:relative}.sm-input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:14px;pointer-events:none}.sm-input.has-icon{padding-left:36px}.sm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.sm-section-divider{margin:2px 0 0;padding-bottom:4px;border-bottom:1px solid #e5e7eb}.sm-section-divider span{font-size:13px;font-weight:600;color:var(--color-primary)}.sm-qr-dropzone{border:2px dashed #99f6e4;border-radius:12px;background:var(--teal-5, #f0fdfa);transition:border-color .2s,background .2s}.sm-qr-dropzone:hover{border-color:var(--color-primary);background:#ccfbf1}.sm-qr-upload-label{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 16px;cursor:pointer}.sm-qr-icon{display:flex;align-items:center;justify-content:center}.sm-qr-text{font-size:13px;font-weight:500;color:#374151}.sm-qr-subtext{font-size:12px;color:#9ca3af}.sm-qr-preview{position:relative;display:flex;justify-content:center;padding:16px}.sm-qr-img{width:120px;height:120px;-o-object-fit:contain;object-fit:contain;border-radius:8px}.sm-qr-remove{position:absolute;top:8px;right:8px;width:24px;height:24px;border-radius:50%;background:#ef4444;color:#fff;border:2px solid white;font-size:12px;display:flex;align-items:center;justify-content:center;cursor:pointer}.sm-qr-remove:hover{background:#dc2626}.staff-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 28px;border-top:1px solid #f0f0f0}.btn-cancel{padding:11px 24px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel:hover{background:#f3f4f6}.btn-save{padding:11px 28px;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-save:hover{background:var(--color-primary-hover)}.loading{text-align:center;padding:60px;color:#9ca3af}.delete-modal{background:#fff;border-radius:20px;padding:24px 36px 28px;max-width:420px;width:100%}.delete-modal h3{font-size:1.1rem;font-weight:600;color:#ef4444;margin:0 0 16px}.delete-modal p{color:#374151;margin-bottom:8px}.delete-modal .warning-text{font-size:.875rem;color:#6b7280;margin-bottom:24px}.delete-modal .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}@media(max-width:768px){.staff-modal{max-width:calc(95vw / var(--ui-vu, 1))}.staff-modal-body{flex-direction:column}.staff-modal-left{width:100%;min-width:unset;border-right:none;border-bottom:1px solid #f0f0f0;flex-direction:row;align-items:center;gap:12px;padding:10px 0}.staff-modal-right{padding:10px 0 0;gap:12px}.avatar-section-title{font-size:12px;margin:0 0 8px}.avatar-preview-lg,.avatar-placeholder-lg{width:64px;height:64px}.avatar-placeholder-lg svg{width:30px;height:30px}.avatar-upload-icon{width:20px;height:20px;bottom:0;right:0}.avatar-upload-icon svg{width:10px;height:10px}.avatar-hint{font-size:12px;margin-top:4px}.sm-form-row{grid-template-columns:1fr}.sm-form-row.sm-form-row-2col{grid-template-columns:1fr 1fr;gap:10px}}@media(max-width:768px){.staff-page{padding:0}.staff-header{flex-direction:column;align-items:stretch;gap:16px}.staff-search-box input{max-width:100%}.staff-table-container{overflow-x:auto}.staff-table th,.staff-table td{padding:12px 16px}}.staff-pagination{display:flex;align-items:center;justify-content:center;gap:6px;padding:16px 24px;border-top:1px solid var(--color-border, #e5e7eb)}.pagination-btn{padding:8px 14px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--color-surface, white);color:var(--color-text, #374151);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;min-width:36px;text-align:center}.pagination-btn:hover:not(:disabled):not(.active){background:var(--color-background, #f3f4f6);border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{margin-left:12px;font-size:13px;color:var(--color-text-muted, #9ca3af)}.staff-header-actions{display:flex;gap:10px;align-items:center}.dept-badge{display:inline-block;padding:4px 12px;background:#ede9fe;color:#6d28d9;border-radius:6px;font-size:12.5px;font-weight:500}.title-badge{display:inline-block;padding:4px 12px;background:#dbeafe;color:#1d4ed8;border-radius:6px;font-size:12.5px;font-weight:500}.date-cell{font-size:13px;color:var(--color-text-muted, #6b7280);white-space:nowrap}.days-cell{white-space:nowrap}.days-badge{display:inline-block;padding:4px 10px;background:#dbeafe;color:#1d4ed8;border-radius:6px;font-size:12.5px;font-weight:600}.sm-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;cursor:pointer}.dept-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;max-height:calc(80vh / var(--ui-vu, 1));overflow-y:auto;box-shadow:0 20px 60px #00000026}.dept-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px 16px;border-bottom:1px solid #f0f0f0}.dept-modal-header h2{font-size:1.15rem;font-weight:700;color:#1f2937;margin:0}.dept-modal-body{padding:20px 28px 28px}.dept-add-row{display:flex;gap:10px;margin-bottom:20px}.dept-add-row .sm-input{flex:1}.btn-sm{padding:10px 16px;font-size:13px;white-space:nowrap}.dept-list{display:flex;flex-direction:column;gap:6px}.dept-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f9fafb;border-radius:10px;border:1px solid #f0f0f0;transition:background .15s}.dept-item:hover{background:#f3f4f6}.dept-item-name{font-size:14px;font-weight:500;color:#374151}.dept-empty{text-align:center;color:#9ca3af;font-size:13px;padding:24px 0}.staff-grid-container{margin-top:8px;overflow:visible}.staff-card-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}.staff-card{background:var(--color-surface, white);border:1px solid var(--color-border, #e5e7eb);border-radius:10px;padding:12px 8px 10px;text-align:center;position:relative;overflow:visible;transition:box-shadow .2s,border-color .2s}.staff-card:hover{box-shadow:0 4px 16px #00000014;border-color:#d1d5db}.staff-card-actions{position:absolute;top:4px;right:4px;display:flex;gap:2px;opacity:0;transition:opacity .2s}.staff-card:hover .staff-card-actions{opacity:1}.staff-card-actions .btn-icon{width:22px;height:22px;border-radius:5px;font-size:12px}.staff-card-avatar{position:relative;display:inline-block;margin-bottom:6px}.card-avatar-img{width:48px;height:48px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid #e5e7eb}.card-avatar-placeholder{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;border:2px solid #e5e7eb;margin:0 auto}.active-dot{position:absolute;bottom:2px;right:2px;width:10px;height:10px;border-radius:50%;background:#10b981;border:2px solid white;z-index:1}.staff-card-name{font-size:12px;font-weight:600;color:var(--color-text, #1f2937);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-card-badges{display:flex;justify-content:center;gap:3px;flex-wrap:wrap;margin-bottom:6px}.staff-card-badges .dept-badge,.staff-card-badges .title-badge{font-size:12px;padding:2px 5px;text-transform:uppercase;letter-spacing:.2px;font-weight:600}.staff-card-dates{display:flex;justify-content:space-between;border-top:1px solid #f3f4f6;padding-top:6px;margin-top:2px}.card-date-item{display:flex;flex-direction:column;gap:2px}.card-date-label{font-size:12px;color:#9ca3af;text-transform:uppercase;font-weight:500;letter-spacing:.2px}.card-date-value{font-size:12px;font-weight:600;color:var(--color-text, #374151)}.card-date-value.days-highlight{color:var(--color-primary)}@media(max-width:1200px){.staff-card-grid{grid-template-columns:repeat(6,1fr)}}@media(max-width:960px){.staff-card-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:680px){.staff-card-grid{grid-template-columns:repeat(3,1fr)}}.sm-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:16px;flex-wrap:wrap}.sm-page-header-left h1{font-size:1.6rem;font-weight:700;color:var(--color-text, #1e293b);margin:0 0 4px}.sm-page-subtitle{font-size:.85rem;color:var(--color-text-muted, #64748b);margin:0}.sm-page-header-right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-icon-outline{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border, #d1d5db);border-radius:10px;background:var(--color-surface, white);color:var(--color-text-muted, #6b7280);cursor:pointer;transition:all .2s}.btn-icon-outline:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05)}.sm-stat-boxes{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.sm-stat-box{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;background:var(--color-surface, white);border:1px solid var(--color-border, #e5e7eb);border-radius:16px;position:relative;transition:box-shadow .25s,transform .25s}.sm-stat-box:hover{box-shadow:0 8px 24px #0000000f;transform:translateY(-2px)}.sm-stat-icon{width:48px;height:48px;min-width:48px;border-radius:14px;display:flex;align-items:center;justify-content:center}.sm-stat-info{display:flex;flex-direction:column;gap:2px}.sm-stat-label{font-size:.82rem;color:var(--color-text-muted, #64748b);font-weight:500}.sm-stat-value{font-size:2rem;font-weight:800;color:var(--color-text, #1e293b);line-height:1.1}.sm-stat-badge{position:absolute;top:16px;right:16px;font-size:.7rem;font-weight:600;padding:3px 10px;border-radius:20px}.sm-stat-badge.up{background:#dcfce7;color:#16a34a}.sm-stat-extra{position:absolute;top:16px;right:16px;font-size:.75rem;color:var(--color-text-muted, #94a3b8)}.sm-table-box{background:var(--color-surface, white);border:1px solid var(--color-border, #e5e7eb);border-radius:16px;overflow:hidden}.sm-table-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid var(--color-border, #f1f5f9);gap:16px;flex-wrap:wrap}.sm-table-toolbar .staff-search-box{margin-bottom:0;max-width:300px}.sm-table-toolbar .staff-search-box input{padding:10px 14px 10px 40px;font-size:13px;border-radius:10px}.sm-filter-tabs{display:flex;gap:4px}.sm-filter-tab{padding:8px 18px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:transparent;font-size:.82rem;font-weight:500;color:var(--color-text-muted, #6b7280);cursor:pointer;transition:all .2s;white-space:nowrap}.sm-filter-tab:hover{border-color:var(--color-primary);color:var(--color-primary)}.sm-filter-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600}.sm-staff-table{width:100%;border-collapse:collapse}.sm-staff-table thead th{text-align:left;padding:14px 20px;font-size:.7rem;font-weight:600;color:var(--color-text-muted, #94a3b8);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border, #e5e7eb);background:var(--color-background, #f8fafc);white-space:nowrap}.sm-staff-table tbody tr{border-bottom:1px solid var(--color-border, #f1f5f9);transition:background .15s}.sm-staff-table tbody tr:hover{background:var(--color-background, #f8fafc)}.sm-staff-table td{padding:16px 20px;vertical-align:middle;font-size:.88rem;color:var(--color-text, #334155)}.sm-staff-cell{display:flex;align-items:center;gap:14px}.sm-staff-avatar{width:44px;height:44px;min-width:44px;border-radius:50%;overflow:hidden;flex-shrink:0}.sm-staff-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.sm-avatar-placeholder{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff}.sm-staff-info{display:flex;flex-direction:column;gap:2px}.sm-staff-name{font-size:.9rem;font-weight:600;color:var(--color-text, #1e293b)}.sm-staff-role{font-size:.78rem;color:var(--color-text-muted, #64748b)}.sm-status-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;font-size:.78rem;font-weight:600;white-space:nowrap}.sm-status-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.sm-status-badge.active{background:#dcfce7;color:#15803d}.sm-status-badge.active .sm-status-dot{background:#22c55e}.sm-status-badge.busy{background:#fff7ed;color:#c2410c}.sm-status-badge.busy .sm-status-dot{background:#f97316}.sm-status-badge.off{background:#fef3c7;color:#92400e}.sm-status-badge.off .sm-status-dot{background:#f59e0b}.sm-sparkline{display:block}.sm-shift-container{display:flex;align-items:center;gap:8px;min-width:180px}.sm-shift-label{font-size:.72rem;color:var(--color-text-muted, #94a3b8);font-weight:500;white-space:nowrap;min-width:36px}.sm-shift-track{flex:1;height:8px;background:var(--color-border, #e5e7eb);border-radius:10px;position:relative;overflow:hidden;min-width:80px}.sm-shift-bar{position:absolute;top:0;height:100%;background:var(--brand-gradient);border-radius:10px;transition:width .3s ease}.sm-no-shift{font-size:.78rem;color:var(--color-text-muted, #94a3b8);font-style:italic}.sm-actions-cell{display:flex;gap:4px;align-items:center}.sm-table-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-top:1px solid var(--color-border, #f1f5f9)}.sm-table-count{font-size:.8rem;color:var(--color-text-muted, #94a3b8)}@media(max-width:1024px){.sm-stat-boxes{grid-template-columns:1fr 1fr}}@media(max-width:768px){.sm-page-header{display:none}.sm-stat-boxes{grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px;margin-bottom:12px}.sm-stat-box{flex-direction:column;gap:6px;padding:12px 10px;border-radius:12px;align-items:center;text-align:center}.sm-stat-icon{width:32px;height:32px;min-width:32px;border-radius:10px}.sm-stat-icon svg{width:16px;height:16px}.sm-stat-info{align-items:center}.sm-stat-label{font-size:12px;text-align:center}.sm-stat-value{font-size:1.4rem}.sm-stat-badge,.sm-stat-extra{display:none}.sm-table-toolbar{flex-direction:column;align-items:stretch}.sm-table-toolbar .staff-search-box{max-width:100%}.sm-filter-tabs{overflow-x:auto}.sm-table-box{margin:0 16px 16px;border-radius:14px}.section-tab-bar{margin:0 16px 12px!important}}.sm-staff-cards{display:flex;flex-direction:column;gap:10px;padding:14px 16px}.sm-staff-card{padding:14px;border-radius:16px;border:1px solid #F0F2F3;background:#fff;box-shadow:0 1px 4px #0000000d;transition:box-shadow .15s}.sm-staff-card:last-child{border-bottom:1px solid #F0F2F3}.sm-staff-card:active{box-shadow:none;background:#fafafa}.btn-icon.view:hover{background:#3b82f61a;color:#3b82f6}.staff-detail-modal{background:var(--color-surface, white);border-radius:20px;width:100%;max-width:520px;max-height:calc(90vh / var(--ui-vu, 1));overflow-y:auto;box-shadow:0 20px 60px #00000026;position:relative;animation:sd-slide-up .25s ease-out}@keyframes sd-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.staff-detail-modal .staff-modal-close{position:absolute;top:16px;right:16px;z-index:2}.sd-header{text-align:center;padding:32px 24px 20px;border-bottom:1px solid var(--color-border, #f0f0f0);background:linear-gradient(135deg,#f0fdfa,#ecfdf5);border-radius:20px 20px 0 0}.sd-avatar-wrap{position:relative;display:inline-block;margin-bottom:12px}.sd-avatar{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid white;box-shadow:0 4px 12px #0000001a}.sd-avatar.placeholder{display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff}.sd-status-dot{position:absolute;bottom:4px;right:4px;width:16px;height:16px;border-radius:50%;border:3px solid white}.sd-status-dot.active{background:#10b981}.sd-status-dot.off{background:#9ca3af}.sd-name{font-size:20px;font-weight:700;color:var(--color-text, #1f2937);margin:0 0 8px}.sd-badges{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.sd-badge{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.sd-badge.role{background:#dbeafe;color:#1d4ed8}.sd-badge.status.active{background:#dcfce7;color:#15803d}.sd-badge.status.off{background:#fee2e2;color:#dc2626}.sd-body{padding:20px 24px}.sd-section{margin-bottom:20px}.sd-section:last-child{margin-bottom:0}.sd-section-title{font-size:14px;font-weight:700;color:var(--color-text, #374151);margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid var(--color-border, #f0f0f0)}.sd-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sd-info-item{display:flex;flex-direction:column;gap:3px}.sd-info-item.full{grid-column:1 / -1}.sd-info-label{font-size:12px;color:var(--color-text-muted, #6b7280);font-weight:500}.sd-info-value{font-size:14px;font-weight:600;color:var(--color-text, #1f2937)}.sd-info-value.sd-salary{color:var(--color-primary);font-size:15px}.sd-qr-wrap{text-align:center;margin-top:12px}.sd-qr-img{width:100px;height:100px;-o-object-fit:contain;object-fit:contain;border-radius:8px;border:1px solid var(--color-border, #e5e7eb)}.sd-footer{display:flex;gap:10px;padding:16px 24px;border-top:1px solid var(--color-border, #f0f0f0)}.sd-footer .btn-secondary,.sd-footer .btn-primary{flex:1;justify-content:center;padding:10px 16px;font-size:13px}@media(max-width:640px){.staff-detail-modal{max-width:calc(95vw / var(--ui-vu, 1))}.sd-info-grid{grid-template-columns:1fr}}.sd2-wrap{background:var(--color-background);padding:24px 32px 40px;min-height:calc(100vh / var(--ui-vu, 1));display:flex;flex-direction:column;gap:20px}.sd2-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.sd2-title{font-size:1.7rem;font-weight:700;color:var(--color-text-heading, #111827);margin:0 0 6px;letter-spacing:-.02em}.sd2-subtitle{font-size:.92rem;color:var(--color-text-muted, #94a3b8)}.sd2-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sd2-icon-btn{width:42px;height:42px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#475569;cursor:pointer;display:grid;place-items:center}.sd2-icon-btn:hover{background:#f8fafc;color:var(--color-primary)}.sd2-text-btn{height:42px;padding:0 18px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#475569;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:500;font-size:.9rem}.sd2-text-btn:hover{background:#f8fafc;color:var(--color-primary)}.sd2-add-btn{height:42px;padding:0 22px;border:none;border-radius:10px;background:var(--color-primary);color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.92rem}.sd2-add-btn:hover{background:var(--color-primary-hover)}.sd2-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.sd2-kpi{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:22px 26px;display:flex;align-items:center;gap:18px;box-shadow:0 1px 3px #00000008;position:relative}.sd2-kpi-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.sd2-kpi-icon.teal{background:var(--color-primary-soft);color:var(--color-primary)}.sd2-kpi-icon.amber{background:#fef3c7;color:#d97706}.sd2-kpi-info{flex:1;min-width:0}.sd2-kpi-label{font-size:.95rem;color:#64748b;margin-bottom:8px}.sd2-kpi-value{font-size:2rem;font-weight:800;line-height:1;letter-spacing:-.02em}.sd2-kpi-value.teal{color:var(--color-primary)}.sd2-kpi-value.amber{color:#d97706}.sd2-kpi-badge{background:#d1fae5;color:#059669;padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:600;flex-shrink:0}.sd2-kpi-meta{color:#94a3b8;font-size:.85rem;flex-shrink:0}.sd2-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #00000008;overflow:hidden}.sd2-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid #f1f5f9;flex-wrap:wrap}.sd2-search{flex:1;min-width:240px;max-width:380px;display:flex;align-items:center;gap:10px;padding:0 14px;height:40px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.sd2-search input{flex:1;border:none;outline:none;font-size:14px;background:transparent;color:#1e293b}.sd2-search input::-moz-placeholder{color:#94a3b8}.sd2-search input::placeholder{color:#94a3b8}.sd2-tabs{display:flex;gap:8px}.sd2-toolbar .sd2-tabs{margin-left:auto}.sd2-toolbar .sd2-header-actions{margin-left:0}.sd2-tab{padding:9px 22px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;color:#475569;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .15s}.sd2-tab:hover{border-color:var(--teal-15, #99f6e4);color:var(--color-primary)}.sd2-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.sd2-table-wrap{overflow-x:auto}.sd2-table{width:100%;border-collapse:collapse;font-size:.9rem}.sd2-table thead th{text-align:left;padding:14px 12px;font-size:.72rem;font-weight:600;color:#94a3b8;letter-spacing:.5px;background:#fafbfc;border-bottom:1px solid #f1f5f9}.sd2-table tbody td{padding:18px 12px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.sd2-table tbody tr:last-child td{border-bottom:none}.sd2-table tbody tr:hover{background:#f8fafc}.sd2-table tbody td:first-child,.sd2-table thead th:first-child{padding-left:22px}.sd2-table tbody td:last-child,.sd2-table thead th:last-child{padding-right:22px}.sd2-cust{display:flex;align-items:center;gap:12px}.sd2-avatar{width:44px;height:44px;border-radius:50%;color:#fff;font-weight:700;font-size:14px;display:grid;place-items:center;flex-shrink:0;overflow:hidden}.sd2-cust-name{font-size:.95rem;font-weight:600;color:#111827}.sd2-cust-role{font-size:.82rem;color:#64748b;margin-top:2px}.sd2-status{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;font-size:.82rem;font-weight:600}.sd2-status.on{background:#d1fae5;color:#059669}.sd2-status.off{background:#fee2e2;color:#dc2626}.sd2-status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.sd2-spark{display:block;overflow:visible}.sd2-shift{display:flex;align-items:center;gap:12px;min-width:240px}.sd2-shift-time{font-size:.85rem;color:#475569;font-weight:500;white-space:nowrap}.sd2-shift-bar{flex:1;height:6px;background:#f1f5f9;border-radius:999px;position:relative;overflow:hidden}.sd2-shift-fill{position:absolute;top:0;height:100%;background:var(--brand-gradient);border-radius:999px}.sd2-actions{display:inline-flex;gap:8px;justify-content:flex-end}.sd2-act{width:34px;height:34px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;display:grid;place-items:center;transition:all .15s}.sd2-act.view{color:var(--color-primary)}.sd2-act.view:hover{background:var(--teal-5, #f0fdfa);border-color:var(--teal-15, #99f6e4)}.sd2-act.detail{color:#7c3aed}.sd2-act.detail:hover{background:#f5f3ff;border-color:#ddd6fe}.sd2-act.edit{color:#2563eb}.sd2-act.edit:hover{background:#eff6ff;border-color:#bfdbfe}.sd2-act.del{color:#ef4444;border-color:#fecaca}.sd2-act.del:hover{background:#fef2f2}.sd2-empty-cell{text-align:center;color:#94a3b8;padding:60px 12px!important;font-size:14px}.sd2-footer{padding:14px 22px;border-top:1px solid #f1f5f9;color:#64748b;font-size:.85rem}@media(max-width:1280px){.sd2-kpi-row{grid-template-columns:1fr}}.staff-tab-bar{position:sticky;top:0;z-index:20;border-radius:0;border-left:none;border-right:none;border-top:none;box-shadow:0 1px 0 var(--color-border, #e5e7eb);padding:0 16px;min-height:46px;align-items:center;scrollbar-width:none}.staff-tab-bar::-webkit-scrollbar{display:none}@media(min-width:769px){.staff-page{background:var(--color-background)!important;padding:0!important;min-height:calc(100vh / var(--ui-vu, 1))}.staff-page .sl-hero{background:transparent!important;padding:0 0 18px!important;margin:0!important;border:none!important;box-shadow:none!important;position:static!important}.staff-page .sl-hero:before,.staff-page .sl-hero:after{display:none!important}.staff-page .sl-hero-inner{background:transparent!important;padding:0!important;gap:16px!important}.staff-page .sl-hero-back{display:none!important}.staff-page .sl-hero-inner>div:nth-child(2)>div:first-child{font-size:1.7rem!important;font-weight:700!important;color:#111827!important;letter-spacing:-.02em!important;line-height:1.2!important}.staff-page .sl-hero-inner>div:nth-child(2)>div:last-child{font-size:.9rem!important;color:#94a3b8!important;margin-top:4px!important}.staff-page .sl-hero-add{background:#10b981!important;border-radius:10px!important;padding:0 18px!important;height:42px!important;width:auto!important;color:#fff!important;font-weight:600!important;font-size:.9rem!important;gap:6px!important;display:inline-flex!important;align-items:center!important}.staff-page .sl-hero-add:after{content:" Thêm nhân viên";white-space:nowrap}.staff-page .sl-hero-add:hover{background:var(--color-primary-hover)!important}.staff-page .sl-hero+div{padding:0!important}.staff-page .sl-hero+div>div:first-child{background:#fff!important;border:1px solid #f1f5f9!important;border-radius:16px!important;box-shadow:0 1px 3px #00000008!important}.staff-page .sl-hero+div>div:first-child>div{padding:16px 22px!important;gap:16px!important}.staff-page .sl-hero+div>div:first-child>div:hover{background:rgba(var(--color-primary-rgb),.04)!important}.staff-page .sl-hero+div>div:first-child>div>div:first-child>div:first-child{width:48px!important;height:48px!important;font-size:16px!important}.staff-page .sl-hero+div>div:first-child>div>div:nth-child(2)>div:first-child{font-size:1rem!important;font-weight:600!important;color:#111827!important}.staff-page .sl-hero+div>div:first-child>div>div:nth-child(2)>div:last-child{font-size:.82rem!important;color:#64748b!important;margin-top:4px!important}.staff-page .sl-hero+div>div:first-child>div>div:last-child>div:first-child{font-size:.7rem!important;color:#94a3b8!important;font-weight:600!important;letter-spacing:.5px!important}.staff-page .sl-hero+div>div:first-child>div>div:last-child>div:last-child{font-size:1.2rem!important;font-weight:700!important;margin-top:2px!important}.staff-page .sl-hero+div>div:last-child{margin-top:14px!important;font-size:.85rem!important;color:#64748b!important}.staff-page,.timesheet-page,.commissions-page,.payroll-page,.salary-advance-page,.reward-penalty-page{height:auto!important;min-height:calc(100vh / var(--ui-vu, 1))!important;overflow:visible!important;padding-bottom:96px!important}.staff-table-container,.timesheet-table-container,.commission-table-container,.payroll-table-container{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}}[data-theme=dark] .staff-tab-bar{background:#151a2b!important;border-color:#ffffff14!important}[data-theme=dark] .staff-tab-btn{color:#94a3b8!important}[data-theme=dark] .staff-tab-btn.active{background:#202638!important;color:#f5f7fa!important;border-color:#ffffff1f!important}[data-theme=dark] .staff-header{background:#151a2b!important;border-color:#ffffff14!important}[data-theme=dark] .staff-search-box{background:#202638!important;border-color:#ffffff1f!important}[data-theme=dark] .staff-search-box input{background:transparent!important;color:#f5f7fa!important}[data-theme=dark] .staff-search-box svg{color:#94a3b8!important}[data-theme=dark] .staff-table-container{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .staff-table th{background:#1c2233!important;color:#94a3b8!important;border-color:#ffffff14!important}[data-theme=dark] .staff-table td{color:#f5f7fa!important;border-color:#ffffff0f!important}[data-theme=dark] .staff-table tbody tr:hover{background:#ffffff0a!important}[data-theme=dark] .staff-table tbody tr{background:#202638!important}[data-theme=dark] .staff-modal{background:#202638!important;border-color:#ffffff1a!important}[data-theme=dark] .staff-modal-header{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .staff-modal-header h2{color:#f5f7fa!important}[data-theme=dark] .staff-modal-body{background:#202638!important}[data-theme=dark] .staff-modal-left{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .staff-modal-right{background:#202638!important}[data-theme=dark] .staff-modal-footer{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .sm-input{background:#1c2233!important;border-color:#ffffff1f!important;color:#f5f7fa!important}[data-theme=dark] .sm-input:focus{border-color:var(--color-primary)!important}[data-theme=dark] .sm-label{color:#94a3b8!important}[data-theme=dark] .sm-section-divider{border-color:#ffffff14!important}[data-theme=dark] .sm-section-divider span{color:#94a3b8!important;background:#202638!important}[data-theme=dark] .sm-qr-dropzone{background:#1c2233!important;border-color:#ffffff1f!important}[data-theme=dark] .status-box{background:transparent!important;border-color:transparent!important}[data-theme=dark] .staff-modal-left{background:#1c2233!important}[data-theme=dark] .staff-modal-left .status-box{border-top:1px dashed rgba(255,255,255,.1)!important}[data-theme=dark] .status-box-label{color:#94a3b8!important}[data-theme=dark] .status-box-info{color:#cbd5e1!important}[data-theme=dark] .avatar-upload-wrapper,[data-theme=dark] .avatar-preview-lg{background:#1c2233!important;border-color:#ffffff1a!important}[data-theme=dark] .delete-modal{background:#202638!important;border-color:#ffffff1a!important}[data-theme=dark] .delete-modal h3{color:#f5f7fa!important}[data-theme=dark] .delete-modal p{color:#94a3b8!important}[data-theme=dark] .staff-pagination .pagination-btn{background:#202638!important;border-color:#ffffff1a!important;color:#f5f7fa!important}[data-theme=dark] .staff-pagination .pagination-btn.active{background:var(--color-primary)!important;border-color:var(--color-primary)!important}[data-theme=dark] .staff-pagination .pagination-info{color:#94a3b8!important}[data-theme=dark] .dept-badge{background:rgba(var(--color-primary-rgb),.15)!important;color:#2dd4bf!important}[data-theme=dark] .title-badge{background:#6366f126!important;color:#a5b4fc!important}[data-theme=dark] .staff-table tr[style],[data-theme=dark] .staff-table td[style]{background:#202638!important}[data-theme=dark] .staff-header-actions{background:#151a2b!important}[data-theme=dark] .date-cell,[data-theme=dark] .days-cell{color:#cbd5e1!important}[data-theme=dark] .days-badge{background:rgba(var(--color-primary-rgb),.15)!important;color:#2dd4bf!important}@media(max-width:768px){.staff-page .sl-hero{height:86px!important;min-height:86px!important;max-height:86px!important;box-sizing:border-box!important;padding:14px 16px 16px!important;margin:0!important;border-radius:0!important}.staff-page .sl-hero-inner{min-height:56px!important;align-items:center!important;gap:10px!important}.staff-page .sl-hero-title{font-size:17px!important;line-height:1.2!important}}html.mobile-preview .staff-page .sl-hero{height:86px!important;min-height:86px!important;max-height:86px!important;box-sizing:border-box!important;padding:14px 16px 16px!important;margin:0!important;border-radius:0!important}html.mobile-preview .staff-page .sl-hero-inner{min-height:56px!important;align-items:center!important;gap:10px!important}html.mobile-preview .staff-page .sl-hero-title{font-size:17px!important;line-height:1.2!important}@media(max-width:768px){.staff-page .sl-hero+div{padding-left:16px!important;padding-right:16px!important}}html.mobile-preview .staff-page .sl-hero+div{padding:14px 16px 100px!important}.sm-mtools{padding:12px 16px 8px;display:flex;flex-direction:column;gap:10px}.sm-msearch{display:flex;align-items:center;gap:8px;height:44px;padding:0 14px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;color:#9ca3af}.sm-msearch:focus-within{border-color:#0f766e;box-shadow:0 0 0 3px #0f766e1f}.sm-msearch input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-size:16px;color:#111827}.sm-mchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.sm-mchips::-webkit-scrollbar{display:none}.sm-mchip{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid #E5E7EB;background:#fff;color:#374151;font-size:13px;font-weight:600;cursor:pointer;touch-action:manipulation}.sm-mchip.active{background:#0f766e;border-color:#0f766e;color:#fff}.sm-mchip-n{font-size:12px;font-weight:700;padding:1px 7px;border-radius:999px;background:#f3f4f6;color:#6b7280}.sm-mchip.active .sm-mchip-n{background:#ffffff38;color:#fff}.sm-mactions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sm-maction{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border-radius:12px;border:1px solid #E5E7EB;background:#fff;color:#0f766e;font-size:13px;font-weight:600;cursor:pointer;touch-action:manipulation}.sm-maction:active{background:#f0fdfa;transform:scale(.97)}@media(max-width:767px){.dept-modal{max-width:100%}.dept-modal-header{padding:18px 18px 12px}.dept-modal-body{padding:16px 18px 20px}.dept-add-row .sm-input{font-size:16px}}.finance-page{min-height:calc(100vh / var(--ui-vu, 1));padding:0;background:var(--color-background)}.finance-subpage{display:flex;flex-direction:column;min-height:calc(100vh / var(--ui-vu, 1))}.finance-subpage-header{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--brand-gradient);border-bottom:1px solid var(--color-primary);position:sticky;top:0;z-index:10;color:#fff}@media(max-width:768px){.finance-subpage-header{display:none}}.finance-back-btn{width:36px;height:36px;border:none;background:#ffffff2e;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;transition:background .15s}.finance-back-btn:hover{background:#ffffff47}.finance-subpage-title{flex:1;text-align:center;font-size:1rem;font-weight:700;color:#fff}.finance-hub{padding:0;background:var(--color-background, #f8fafc);min-height:calc(100vh / var(--ui-vu, 1))}.fin-hub-overview-wrap{padding:14px 16px 0}.fin-hub-overview{background:var(--brand-gradient);border-radius:22px;padding:18px 20px;color:#fff;position:relative;overflow:hidden}.fin-hub-ov-bg-circle{position:absolute;top:-30px;right:-30px;width:140px;height:140px;border-radius:50%;background:rgba(var(--color-accent-rgb),.18);pointer-events:none}.fin-hub-ov-month{font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.85;font-weight:600}.fin-hub-ov-sublabel{font-size:12px;opacity:.85;margin-top:10px}.fin-hub-ov-amount{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-top:2px;font-family:SF Mono,Monaco,Consolas,monospace}.fin-hub-ov-unit{font-size:16px;font-weight:500;opacity:.8}.fin-hub-ov-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.18)}.fin-hub-ov-stat.divider{border-left:1px solid rgba(255,255,255,.18);padding-left:12px}.fin-hub-ov-stat-label{font-size:12px;opacity:.8}.fin-hub-ov-stat-val{font-size:13px;font-weight:700;margin-top:3px}.fin-hub-section-title{font-size:13px;font-weight:700;color:var(--color-text, #111827);text-transform:uppercase;letter-spacing:.05em;padding:18px 16px 4px}.fin-hub-group{padding:0 16px 8px}.fin-hub-group-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted, #9ca3af);margin-bottom:8px;margin-top:14px}.fin-hub-tiles-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.fin-hub-tile{background:var(--color-surface, #fff);border-radius:16px;padding:14px 14px 12px;border:1px solid var(--color-border, #e5e7eb);box-shadow:0 1px 3px #0000000f;text-align:left;display:flex;flex-direction:column;gap:8px;min-height:92px;cursor:pointer;transition:box-shadow .15s,transform .1s}.fin-hub-tile:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.fin-hub-tile:active{transform:translateY(0);box-shadow:0 1px 3px #0000000f}.fin-hub-tile-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.fin-hub-tile-label{font-size:13px;font-weight:600;color:var(--color-text, #111827);line-height:1.3}.fin-hub-tile-sub{font-size:12px;color:var(--color-text-muted, #6b7280);margin-top:-4px;line-height:1.4}.finance-subpage .cashier-report-page,.finance-subpage .item-report-page,.finance-subpage .branch-revenue-page,.finance-subpage .customer-revenue-page,.finance-subpage .staff-revenue-page,.finance-subpage .customer-cards-page,.finance-subpage .card-usage-page{height:calc(calc(100vh / var(--ui-vu, 1)) - 57px)}.section-tab-bar{display:flex;gap:2px;padding:3px;background:var(--color-surface, white);border-radius:10px;margin:0;box-shadow:0 1px 3px #0000000f;border:1px solid var(--color-border, #e5e7eb);overflow-x:auto}.section-tab-btn{padding:5px 11px;border:none;background:transparent;border-radius:7px;font-size:13px;font-weight:500;color:var(--color-text-muted, #6b7280);cursor:pointer;white-space:nowrap;transition:all .2s ease}.section-tab-btn:hover{background:var(--color-background, #f3f4f6);color:var(--color-text, #374151)}.section-tab-btn.active{background:var(--color-primary);color:#fff;font-weight:600;box-shadow:0 1px 3px rgba(var(--color-primary-rgb),.3)}[data-theme=dark] .finance-page,[data-theme=dark] .finance-subpage{background:#101525!important}[data-theme=dark] .finance-subpage-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .finance-subpage-title{color:#f5f7fa!important}[data-theme=dark] .finance-back-btn{background:#1c2233!important;border-color:#ffffff1a!important;color:#f5f7fa!important}[data-theme=dark] .finance-back-btn:hover{background:#ffffff0f!important}[data-theme=dark] .fin-hub-overview{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .fin-hub-ov-month{color:#94a3b8!important}[data-theme=dark] .fin-hub-ov-amount{color:#f5f7fa!important}[data-theme=dark] .fin-hub-ov-unit,[data-theme=dark] .fin-hub-ov-stat-label{color:#94a3b8!important}[data-theme=dark] .fin-hub-ov-stat-val,[data-theme=dark] .fin-hub-section-title{color:#f5f7fa!important}.commission-rules-page{padding:14px 0;background:var(--color-background, #f8fafc)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.header-info h1{font-size:1.75rem;font-weight:700;color:var(--color-text, #1e293b);margin:0 0 8px}.header-info p{color:var(--color-text-muted, #6b7280);margin:0}.btn-danger{background:#ef4444;color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:500;font-size:14px;cursor:pointer}.btn-danger:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.rules-item{background:var(--color-surface, white);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000014}.rules-table{width:100%;border-collapse:collapse}.rules-table th{padding:16px 24px;text-align:left;font-size:.75rem;font-weight:600;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px;background:var(--color-background, #f9fafb);border-bottom:1px solid var(--color-border, #e5e7eb)}.rules-table td{padding:20px 24px;font-size:14px;color:var(--color-text, #374151);border-bottom:1px solid var(--color-border, #f3f4f6)}.rules-table tbody tr:hover{background:var(--color-background, #f9fafb)}.service-info{display:flex;align-items:center;justify-content:flex-start;gap:12px}.service-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.service-name{font-weight:600;color:var(--color-text, #1f2937);text-align:left}.type-badge{display:inline-block;padding:6px 12px;background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);border-radius:8px;font-size:12px;font-weight:500}.value-cell{font-weight:600;color:var(--color-text, #1f2937)}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;inset:0;background-color:#cbd5e1;border-radius:26px;transition:.3s}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.action-buttons{display:flex;gap:8px}.btn-icon{width:36px;height:36px;border:none;border-radius:8px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted, #6b7280);transition:all .2s}.btn-icon.edit:hover{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.btn-icon.delete:hover{background:#fee2e2;color:#ef4444}.empty-state{text-align:center;padding:60px;color:var(--color-text-muted, #9ca3af)}.modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:crFadeIn .2s ease}@keyframes crFadeIn{0%{opacity:0}to{opacity:1}}@keyframes crSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content{background:var(--color-surface, white);border-radius:10px;padding:0;width:100%;max-width:440px;max-height:calc(90vh / var(--ui-vu, 1));overflow-y:auto;animation:crSlideUp .3s cubic-bezier(.16,1,.3,1);box-shadow:0 25px 50px -12px #00000040;height:-moz-fit-content;height:fit-content;display:block!important}.modal-content form{padding:16px 24px 18px;width:100%;box-sizing:border-box}.modal-content.modal-small{max-width:400px}.modal-content h2{font-size:1.15rem;font-weight:700;margin:0;color:var(--color-text, #1e293b)}.modal-content h3{font-size:1.1rem;font-weight:600;margin-bottom:16px}.cr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px 16px;border-bottom:1px solid var(--color-border, #e5e7eb);margin:-16px -24px 16px}.cr-modal-header h2{font-size:15px;font-weight:700;color:var(--color-text, #1e293b);margin:0}.cr-modal-close{width:28px;height:28px;border-radius:6px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted, #94a3b8);transition:all .15s}.cr-modal-close:hover{background:#fee2e2;color:#ef4444}.cr-checkbox-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.cr-checkbox-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.cr-checkbox-row label{font-size:14px;color:var(--color-text, #374151);cursor:pointer}.cr-required{color:#ef4444;margin-left:2px}.cr-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;background:var(--color-background, #f1f5f9);padding:3px;border-radius:10px}.cr-mode-tab{display:flex;align-items:center;justify-content:center;gap:8px;padding:7px 12px;border-radius:8px;border:none;background:transparent;cursor:pointer;font-size:13px;font-weight:600;color:var(--color-text-muted, #64748b);transition:all .2s}.cr-mode-tab:hover{color:var(--color-text, #334155);background:#ffffff80}.cr-mode-tab.active{background:#fff;color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.cr-value-section{margin-bottom:10px;background:linear-gradient(135deg,#f0fdfa,#ecfdf5);border:2px solid #99f6e4;border-radius:10px;padding:10px 14px}.cr-value-label{display:block;font-size:12px;font-weight:600;color:var(--color-primary);margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.cr-value-input-wrap{display:flex;align-items:center;gap:8px}.cr-value-input{flex:1;font-size:20px;font-weight:700;color:#0f172a;background:transparent;border:none;outline:none;padding:0;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.cr-value-input::-webkit-outer-spin-button,.cr-value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.cr-value-unit{font-size:16px;font-weight:700;color:var(--color-primary);opacity:.7}.cr-toggle-row{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--color-background, #f8fafc);border-radius:10px;margin-bottom:2px}.cr-toggle-info{display:flex;flex-direction:column;gap:2px}.cr-toggle-label{font-size:13px;font-weight:600;color:var(--color-text, #334155)}.cr-toggle-hint{font-size:12px;color:var(--color-text-muted, #94a3b8)}.delete-title{color:#dc2626}.delete-warning{font-size:13px;color:var(--color-text-muted, #9ca3af);margin-top:8px;margin-bottom:20px}.form-group label{display:block;font-size:13px;font-weight:600;color:var(--color-text, #374151);margin-bottom:4px}.form-group input,.form-group select{display:block;width:100%;padding:10px 12px;border:1px solid var(--color-border, #d1d5db);border-radius:8px;font-size:14px;transition:all .15s;background:var(--color-surface, white);color:var(--color-text, #1e293b);box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.form-group input:disabled,.form-group select:disabled{background:var(--color-background, #f3f4f6);cursor:not-allowed;opacity:.7}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin:16px -24px -18px;padding:14px 24px;background:#f9fafb;border-top:1px solid var(--color-border, #e5e7eb);border-radius:0 0 10px 10px}@media(max-width:768px){.commission-rules-page{padding:20px 0}.page-header{flex-direction:column;gap:16px}.rules-table th,.rules-table td{padding:12px 16px}.service-info{gap:10px}.service-icon{width:32px;height:32px}}.cr-page{background:var(--color-background);min-height:calc(100vh / var(--ui-vu, 1));padding:24px 32px 40px;display:flex;flex-direction:column;gap:18px}.cr-header{display:flex;align-items:center;gap:18px;background:var(--brand-gradient, var(--color-primary, #0F766E));border:1px solid transparent;border-radius:16px;padding:18px 24px;box-shadow:0 4px 14px #0f172a0a;position:relative;overflow:hidden}.cr-header:before{content:"";position:absolute;right:-20px;top:-20px;width:120px;height:120px;border-radius:50%;background:var(--color-primary-contrast-soft, rgba(255, 255, 255, .08));pointer-events:none}.cr-back{width:42px;height:42px;border-radius:10px;border:1px solid rgba(255,255,255,.2);background:var(--color-primary-contrast-soft, rgba(255, 255, 255, .14));color:var(--color-primary-contrast, #fff);cursor:pointer;display:grid;place-items:center;flex-shrink:0;position:relative;z-index:1;transition:all .15s ease}.cr-back:hover{background:var(--color-primary-contrast-soft-hover, rgba(255, 255, 255, .22));color:var(--color-primary-contrast, #fff)}.cr-header-text{flex:1;min-width:0;position:relative;z-index:1}.cr-title{font-size:1.5rem;font-weight:700;color:var(--color-primary-contrast, #fff);margin:0 0 4px;letter-spacing:-.01em}.cr-subtitle{font-size:.88rem;color:var(--color-primary-contrast-muted, rgba(255, 255, 255, .85))}.cr-add-btn{height:42px;padding:0 22px;border:none;border-radius:10px;background:var(--color-primary, #0F766E);color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.95rem;flex-shrink:0;position:relative;z-index:1;box-shadow:0 2px 6px #0000000d;transition:all .15s ease}.cr-add-btn:hover{background:var(--color-primary-hover, #0d9488);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.cr-info-banner{background:#eff6ff;border:1px solid #dbeafe;border-radius:12px;padding:14px 18px;display:flex;align-items:center;gap:12px;color:#1e40af;font-size:.92rem;line-height:1.5}.cr-body{display:flex;flex-direction:column;gap:18px}.cr-state{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:60px 20px;text-align:center;color:#94a3b8;box-shadow:0 1px 3px #00000008}.cr-empty{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:60px 24px;text-align:center;box-shadow:0 1px 3px #00000008}.cr-empty-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin-bottom:6px}.cr-empty-sub{font-size:.88rem;color:#94a3b8}.cr-section-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:22px 24px;box-shadow:0 1px 3px #00000008}.cr-section-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid #f1f5f9;margin-bottom:14px}.cr-section-title{font-size:1.15rem;font-weight:700;color:var(--color-primary)}.cr-filter-btn{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:8px 14px;color:var(--color-primary);font-size:.85rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.cr-filter-btn:hover{background:var(--teal-5, #f0fdfa)}.cr-section-head-actions{display:flex;align-items:center;gap:10px}.cr-add-btn--inhead{display:none}@media(min-width:769px){.cr-topbar{display:none}.cr-add-btn--inhead{display:inline-flex}}.cr-cols{display:grid;grid-template-columns:1fr auto;padding:0 16px 8px;color:#94a3b8;font-size:.92rem}.cr-col-right{padding-right:110px}.cr-list{display:flex;flex-direction:column;gap:8px}.cr-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:14px 18px;transition:all .15s}.cr-row:hover{border-color:var(--teal-15, #99f6e4);box-shadow:0 2px 6px #0000000a}.cr-row{min-width:0;box-sizing:border-box}.cr-row.inactive{background:#f8fafc}.cr-row.inactive .cr-row-icon,.cr-row.inactive .cr-row-name-text,.cr-row.inactive .cr-row-pill{opacity:.55}.cr-row-name-text{min-width:0;overflow-wrap:anywhere}.cr-row-badge{flex-shrink:0;padding:2px 8px;border-radius:999px;background:#f1f5f9;color:#64748b;font-size:11px;font-weight:700;white-space:nowrap}.cr-row-icon{width:40px;height:40px;border-radius:10px;background:#ccfbf1;color:var(--color-primary);display:grid;place-items:center;flex-shrink:0}.cr-row-name{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:1rem;color:#1e293b;font-weight:500}.cr-row-pill{background:#ccfbf1;color:var(--color-primary);padding:8px 22px;border-radius:999px;font-size:1rem;font-weight:700;flex-shrink:0;min-width:80px;text-align:center}.cr-row-edit,.cr-row-del{width:30px;height:30px;border-radius:7px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;display:grid;place-items:center;transition:all .15s;flex-shrink:0;padding:0}.cr-row-edit{color:#475569}.cr-row-edit:hover{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.cr-row-del{color:#ef4444;border-color:#fecaca}.cr-row-del:hover{background:#fef2f2}.cr-add-row{margin-top:12px;width:100%;background:transparent;border:1.5px dashed #99f6e4;border-radius:14px;padding:18px 20px;cursor:pointer;display:flex;align-items:center;gap:14px;transition:all .15s}.cr-add-row:hover{background:var(--teal-5, #f0fdfa);border-color:var(--color-primary)}.cr-add-row-plus{width:36px;height:36px;border-radius:10px;background:#ccfbf1;color:var(--color-primary);display:grid;place-items:center;flex-shrink:0}.cr-add-row-text{color:var(--color-primary);font-weight:700;font-size:.95rem}.cr-add-row-hint{margin-left:auto;color:#94a3b8;font-size:.85rem}@media(max-width:768px){.cr-page{padding:16px 0;gap:12px}.cr-header{padding:14px 16px;gap:12px}.cr-add-row-hint,.cr-cols{display:none}.cr-row{gap:8px;padding:10px 12px}.cr-row-icon{width:32px;height:32px}.cr-row-name{font-size:14px}.cr-row-pill{min-width:0;padding:6px 10px;font-size:13px}.cr-row{display:grid;grid-template-columns:32px minmax(0,1fr) 30px 30px;grid-template-areas:"icon name edit del" "icon pill edit del";-moz-column-gap:8px;column-gap:8px;row-gap:4px;align-items:center}.cr-row-icon{grid-area:icon}.cr-row-name{grid-area:name}.cr-row-pill{grid-area:pill;justify-self:start;max-width:100%;padding:3px 10px}.cr-row-edit{grid-area:edit}.cr-row-del{grid-area:del}}[data-theme=dark] .commission-rules-page{background:#101525!important}[data-theme=dark] .header-info h1{color:#f5f7fa!important}[data-theme=dark] .header-info p{color:#94a3b8!important}[data-theme=dark] .rules-item{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .rules-table{background:#202638!important}[data-theme=dark] .rules-table th{background:#1c2233!important;color:#94a3b8!important;border-color:#ffffff14!important}[data-theme=dark] .rules-table td{color:#f5f7fa!important;border-color:#ffffff0f!important}[data-theme=dark] .rules-table tbody tr:hover{background:#ffffff0a!important}[data-theme=dark] .rules-table tbody tr{background:#202638!important}[data-theme=dark] .service-name{color:#f5f7fa!important}[data-theme=dark] .table-footer{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .record-count{color:#94a3b8!important}[data-theme=dark] .page-btn{background:#1c2233!important;border-color:#ffffff1a!important;color:#f5f7fa!important}[data-theme=dark] .page-btn.active{background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}[data-theme=dark] .page-btn:hover:not(:disabled){background:#ffffff14!important}[data-theme=dark] .empty-state{color:#94a3b8!important}[data-theme=dark] .cr-page{background:#101525!important}[data-theme=dark] .cr-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .cr-title{color:#f5f7fa!important}[data-theme=dark] .cr-subtitle{color:#94a3b8!important}[data-theme=dark] .cr-back{background:#1c2233!important;border-color:#ffffff1a!important;color:#f5f7fa!important}[data-theme=dark] .cr-back:hover{background:#ffffff0f!important}[data-theme=dark] .cr-info-banner{background:rgba(var(--color-primary-rgb),.1)!important;border-color:rgba(var(--color-primary-rgb),.3)!important;color:#2dd4bf!important}[data-theme=dark] .cr-section-card{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .cr-section-head{border-color:#ffffff14!important}[data-theme=dark] .cr-section-title{color:#f5f7fa!important}[data-theme=dark] .cr-filter-btn{background:#1c2233!important;border-color:#ffffff1a!important;color:#94a3b8!important}[data-theme=dark] .cr-filter-btn:hover{background:#ffffff0f!important}[data-theme=dark] .cr-row{background:#202638!important;border-color:#ffffff0f!important}[data-theme=dark] .cr-row:hover{background:#ffffff0a!important}[data-theme=dark] .cr-row-name{color:#f5f7fa!important}[data-theme=dark] .cr-row-badge{background:#ffffff14!important;color:#94a3b8!important}[data-theme=dark] .cr-row-pill{background:rgba(var(--color-primary-rgb),.15)!important;color:#2dd4bf!important}[data-theme=dark] .cr-row-edit{background:#1c2233!important;border-color:rgba(var(--color-primary-rgb),.3)!important;color:var(--color-primary)!important}[data-theme=dark] .cr-row-edit:hover{background:rgba(var(--color-primary-rgb),.15)!important}[data-theme=dark] .cr-row-del{background:#1c2233!important;border-color:#ef44444d!important;color:#ef4444!important}[data-theme=dark] .cr-row-del:hover{background:#ef44441a!important}[data-theme=dark] .cr-add-row{background:#1c2233!important;border-color:#ffffff14!important;color:#94a3b8!important}[data-theme=dark] .cr-add-row:hover{background:#ffffff0a!important}[data-theme=dark] .cr-modal-header{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .cr-modal-header h2{color:#f5f7fa!important}[data-theme=dark] .cr-value-input{background:#1c2233!important;border-color:#ffffff1f!important;color:#f5f7fa!important}[data-theme=dark] .cr-value-unit{background:#101525!important;border-color:#ffffff1a!important;color:#94a3b8!important}[data-theme=dark] .cr-toggle-label{color:#f5f7fa!important}[data-theme=dark] .cr-toggle-hint{color:#94a3b8!important}.payroll-page{display:flex;flex-direction:column;min-height:100%;background:var(--color-background, #F0F2F3);padding-bottom:32px}.pr-hero{background:var(--brand-gradient);padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 16px;color:#fff;position:relative;overflow:hidden}.pr-hero:before{content:"";position:absolute;right:-20px;top:-20px;width:120px;height:120px;border-radius:50%;background:#ffffff14}.pr-hero-inner{display:flex;align-items:center;gap:12px;position:relative}.pr-hero-back,.pr-hero-add{width:36px;height:36px;border-radius:12px;background:#ffffff2e;border:none;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.pr-hero-text{flex:1}.pr-hero-title{font-size:17px;font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1.2}.pr-hero-sub{font-size:12px;color:#ffffffd9;margin-top:2px}.page-header{display:none;justify-content:space-between;align-items:center;margin-bottom:14px}.header-actions{display:flex;gap:12px}.btn-secondary{display:flex;align-items:center;gap:8px;background:var(--color-surface, white);color:var(--color-text, #475569);border:1px solid var(--color-border, #d1d5db);padding:12px 20px;border-radius:10px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.btn-small{padding:8px 16px;font-size:.875rem;border-radius:8px;cursor:pointer;font-weight:500}.btn-view{background:var(--color-primary);color:#fff;border:none}.btn-view:hover{background:var(--color-primary-hover)}.tabs{display:flex;gap:0;margin-bottom:24px;border-bottom:2px solid var(--color-border, #e5e7eb)}.tab{padding:14px 24px;background:none;border:none;font-size:1rem;font-weight:500;color:var(--color-text-muted, #64748b);cursor:pointer;position:relative;transition:color .2s}.tab:hover:not(:disabled){color:var(--color-primary)}.tab.active{color:var(--color-primary)}.tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--color-primary);border-radius:2px 2px 0 0}.tab:disabled{opacity:.5;cursor:not-allowed}.loading,.empty-state{text-align:center;padding:60px;color:var(--color-text-muted, #64748b)}.empty-state p{margin-bottom:20px}.periods-container,.detail-container{background:var(--color-surface, white);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000014}.data-table{width:100%;border-collapse:collapse;background:var(--color-surface, white)}.data-table th{padding:16px 24px;text-align:left;background:var(--color-background, #f9fafb);font-size:.75rem;font-weight:600;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border, #e5e7eb)}.data-table td{padding:18px 24px;text-align:left;border-bottom:1px solid var(--color-border, #f3f4f6);font-size:14px;color:var(--color-text, #374151)}.data-table td:first-child{font-weight:700;color:var(--color-text, #1f2937);text-transform:uppercase}.data-table .positive{color:#10b981}.data-table .negative{color:#ef4444}.data-table .total-cell{font-weight:600;color:#1e293b}.status-badge{display:inline-block;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:none}.status-draft{background:#f1f5f9;color:#64748b}.status-processing{background:#fef3c7;color:#d97706}.status-approved,.status-finalized{background:#fee2e2;color:#dc2626}.status-paid{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary-hover)}.period-info{padding:24px;border-bottom:1px solid var(--color-border, #e5e7eb);margin-bottom:0}.period-info h2{font-size:1.5rem;font-weight:700;color:var(--color-text, #1e293b);margin-bottom:12px}.period-meta{display:flex;gap:20px;align-items:center;color:var(--color-text-muted, #64748b);font-size:.9rem}.generate-controls{display:flex;gap:12px;align-items:center;margin-top:16px}.generate-controls .staff-select{min-width:180px;padding:8px 12px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;font-size:.9rem;background:var(--color-surface, white)}.generate-controls .btn-generate{padding:8px 16px;font-size:.9rem}.summary-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:24px;background:var(--color-background, #f9fafb)}.summary-box{background:var(--color-surface, white);border-radius:14px;padding:24px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;gap:10px}.summary-box .label{font-size:.8rem;color:var(--color-text-muted, #64748b);text-transform:uppercase;letter-spacing:.5px}.summary-box .value{font-size:1.5rem;font-weight:700;color:var(--color-text, #1e293b);font-family:SF Mono,Monaco,Consolas,monospace}.summary-box .value.total{color:#10b981}.modal-content{background:var(--color-surface, white);border-radius:20px;padding:28px;width:100%;max-width:500px;max-height:calc(90vh / var(--ui-vu, 1));overflow-y:auto}.modal-content.modal-large{max-width:800px}.modal-content h2{font-size:1.25rem;font-weight:600;margin-bottom:24px;color:var(--color-text, #1e293b);flex-shrink:0}.form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text, #374151);margin-bottom:8px}.form-group input[type=text],.form-group input[type=date],.form-group input[type=number]{width:100%;padding:12px 16px;border:1px solid var(--color-border, #d1d5db);border-radius:10px;font-size:1rem}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.9rem}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:18px;border-top:1px solid var(--color-border, #e5e7eb)}.settings-list{display:flex;flex-direction:column;gap:16px;max-height:400px;overflow-y:auto}.setting-row{display:grid;grid-template-columns:1fr 2fr 150px;gap:16px;align-items:center;padding:16px;background:var(--color-background, #f8fafc);border-radius:10px}.staff-name{font-weight:600;color:var(--color-text, #1e293b)}.salary-type-options{display:flex;gap:16px}.salary-rate-input{display:flex;align-items:center;gap:8px}.salary-rate-input input{width:100px;padding:10px 12px;border:1px solid var(--color-border, #d1d5db);border-radius:8px}.salary-rate-input .unit{font-size:.875rem;color:var(--color-text-muted, #64748b);white-space:nowrap}@media(max-width:768px){.payroll-page{padding:0 0 96px!important;box-sizing:border-box}.payroll-page>.pr-hero{padding-left:16px!important;padding-right:16px!important;box-sizing:border-box}.page-header{flex-direction:column;gap:16px;align-items:flex-start}.setting-row{grid-template-columns:1fr;gap:12px}.form-row{grid-template-columns:1fr}.payroll-modal{padding:28px 24px}.payroll-modal .form-row{gap:8px;grid-template-columns:1fr 1fr}.payroll-modal .form-row>.form-group{min-width:0;overflow:hidden}.payroll-modal .form-row .form-group input,.payroll-modal .form-row .form-group select{padding:10px 8px;font-size:13px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;display:block}.summary-boxes{grid-template-columns:1fr 1fr}.data-table th,.data-table td{padding:12px 16px}}.slr-modal{max-width:880px;width:calc(92vw / var(--ui-vu, 1));display:flex;flex-direction:column;max-height:calc(88vh / var(--ui-vu, 1));overflow:hidden;border-radius:16px}.slr-header{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:52px;border-bottom:1px solid #e5e7eb;box-sizing:border-box}.slr-header-left{display:flex;align-items:center;gap:10px}.slr-header-icon{font-size:18px}.slr-header h2{font-size:1.05rem;font-weight:700;color:#1e293b;margin:0}.slr-close{background:none;border:none;cursor:pointer;color:#94a3b8;padding:4px;border-radius:6px;transition:all .15s}.slr-close:hover{background:#f1f5f9;color:#475569}.slr-body{display:grid;grid-template-columns:220px 1fr;flex:1;overflow:hidden}.slr-staff-panel{border-right:1px solid #e5e7eb;display:flex;flex-direction:column;overflow:hidden}.slr-search{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid #f1f5f9}.slr-search input{flex:1;border:none;outline:none;font-size:13px;color:#374151;background:transparent}.slr-search input::-moz-placeholder{color:#94a3b8}.slr-search input::placeholder{color:#94a3b8}.slr-staff-list{flex:1;overflow-y:auto;padding:6px 8px}.slr-staff-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;cursor:pointer;transition:all .15s;border:2px solid transparent}.slr-staff-item:hover{background:#f8fafc}.slr-staff-item.active{background:#f0fdf4;border-color:var(--color-primary)}.slr-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.slr-staff-info{display:flex;flex-direction:column;min-width:0}.slr-staff-name{font-size:13px;font-weight:600;color:#1e293b}.slr-staff-sub{font-size:12px;color:#64748b}.slr-staff-item.active .slr-staff-sub{color:var(--color-primary);font-weight:500}.slr-detail{padding:12px 16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.slr-detail-header{font-size:13px;color:#64748b;display:flex;align-items:center;gap:8px}.slr-badge{display:inline-block;padding:2px 10px;background:#1e293b;color:#fff;border-radius:4px;font-size:12px;font-weight:600}.slr-items-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.slr-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.slr-item-title{font-size:.7rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.slr-item-title svg{color:var(--color-primary)}.slr-item-fields{display:flex;flex-direction:column;gap:8px}.slr-field label{display:block;font-size:12px;font-weight:500;color:#6b7280;margin-bottom:4px}.slr-field select{width:100%;padding:7px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;background:#fff;color:#1e293b}.slr-field select:focus{outline:none;border-color:var(--color-primary)}.slr-input-unit{display:flex;align-items:center;gap:6px}.slr-input-unit input{flex:1;min-width:0;padding:7px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#1e293b;background:#fff}.slr-input-unit input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.slr-input-unit span{font-size:12px;color:#94a3b8;white-space:nowrap;min-width:28px}.slr-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:12px}.slr-section-title{font-size:.7rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:flex;align-items:center;gap:6px}.slr-section-title svg{color:#f59e0b}.slr-section-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.slr-example{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #a7f3d0;border-radius:10px;padding:10px 14px}.slr-example-title{font-size:.7rem;font-weight:700;color:#047857;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.slr-example-row{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.slr-ex-item{display:flex;flex-direction:column;align-items:center;padding:6px 4px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.slr-ex-item.highlight{background:#f0fdf4;border-color:var(--color-primary)}.slr-ex-label{font-size:12px;color:#6b7280;margin-bottom:2px;text-align:center}.slr-ex-val{font-size:12px;font-weight:700;color:#1e293b;font-family:SF Mono,Monaco,Consolas,monospace}.slr-ex-val.pos{color:#059669}.slr-ex-val.neg{color:#dc2626}.slr-no-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:#9ca3af}.slr-no-selection p{font-size:14px;margin:0}.slr-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 20px;border-top:1px solid #e5e7eb}.slr-footer .btn-primary{display:flex;align-items:center;gap:6px}@media(max-width:900px){.slr-body{grid-template-columns:1fr}.slr-staff-panel{border-right:none;border-bottom:1px solid #e5e7eb;max-height:150px}.slr-items-row{grid-template-columns:1fr}.slr-section-fields{grid-template-columns:repeat(2,1fr)}.slr-example-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.slr-body{grid-template-columns:minmax(0,1fr)}.slr-detail{min-width:0;padding:12px}.slr-items-row>*,.slr-section-fields>*,.slr-example-row>*{min-width:0}.slr-section-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.slr-input-unit{gap:4px}.slr-input-unit input{padding:7px 8px}.slr-input-unit span{min-width:0}.slr-example{padding:10px}.slr-example-row{grid-template-columns:repeat(2,minmax(0,1fr))}.slr-ex-val{overflow-wrap:anywhere;text-align:center}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.payroll-modal{background:var(--color-surface, white);border-radius:16px;padding:28px 40px;width:100%;max-width:550px;height:-moz-fit-content;height:fit-content;max-height:calc(90vh / var(--ui-vu, 1));overflow-y:auto;box-sizing:border-box;display:flex;flex-direction:column}.payroll-modal h2{display:block;width:100%;font-size:1.25rem;font-weight:600;color:var(--color-text, #1f2937);margin:0 0 24px;text-align:center}.payroll-modal .form-group{margin-bottom:16px}.payroll-modal .form-group label{display:block;font-size:13px;font-weight:500;color:var(--color-text, #374151);margin-bottom:6px}.payroll-modal .form-group input:not([type=radio]),.payroll-modal .form-group select{width:100%;min-width:0;padding:10px 14px;border:1px solid var(--color-border, #d1d5db);border-radius:8px;font-size:14px;box-sizing:border-box}.payroll-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-width:0}.payroll-modal .modal-actions{display:flex;justify-content:center;gap:12px;margin-top:24px}.payroll-modal .radio-group{display:flex;flex-direction:column;gap:10px}.payroll-modal .radio-label{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.payroll-modal .radio-label input[type=radio]{width:auto}@media(min-width:769px){.payroll-page{background:var(--color-background)!important;padding:18px 24px 32px!important;min-height:calc(100vh / var(--ui-vu, 1))}.payroll-page>.pr-hero{display:none!important}.payroll-page>.pr-hero+div{display:none!important}.payroll-page .page-header{background:transparent!important;border:none!important;padding:0!important;margin:0 0 14px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;box-shadow:none!important}.payroll-page .page-header-icon-container{width:42px;height:42px;border-radius:50%;background:var(--color-primary-soft);display:flex;align-items:center;justify-content:center;flex-shrink:0}.payroll-page .page-header h1{font-size:1.25rem!important;font-weight:700!important;color:#0f172a!important;margin:0!important;flex:1!important;letter-spacing:-.02em!important}.payroll-page .page-header h1:after{content:"Quản lý và theo dõi các bảng lương của nhân viên";display:block;font-size:.8rem;font-weight:400;color:#64748b;margin-top:2px}.payroll-page .page-header .header-actions{display:flex!important;gap:10px!important;flex-shrink:0}.payroll-page .page-header .btn-secondary{background:#fff!important;border:1px solid #e5e7eb!important;color:#475569!important;height:36px!important;padding:0 14px!important;border-radius:8px!important;font-size:.84rem!important;font-weight:500!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:8px}.payroll-page .page-header .btn-secondary:before{content:"⚙";font-size:16px}.payroll-page .page-header .btn-secondary:hover{background:#f8fafc!important;color:var(--color-primary)!important}.payroll-page .page-header .btn-primary{background:var(--color-primary)!important;border:none!important;color:#fff!important;height:36px!important;padding:0 16px!important;border-radius:8px!important;font-size:.84rem!important;font-weight:600!important;cursor:pointer!important}.payroll-page .page-header .btn-primary:hover{background:var(--color-primary-hover)!important}.payroll-page .pr-tabbar{display:flex!important;flex-direction:row-reverse!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;margin:0 0 14px!important}.payroll-page .pr-tabbar>.page-header{margin:0!important;flex-shrink:0!important}.payroll-page .pr-tabbar>.tabs{flex:1 1 auto!important;margin:0!important}.payroll-page .tabs{background:transparent!important;border:none!important;border-bottom:1px solid #e5e7eb!important;padding:0 4px!important;margin:0 0 14px!important;gap:4px!important;display:flex!important}.payroll-page .tabs .tab{background:transparent!important;border:none!important;border-bottom:2px solid transparent!important;padding:10px 18px!important;color:#64748b!important;font-size:.95rem!important;font-weight:600!important;border-radius:0!important;margin-bottom:-1px!important;cursor:pointer!important}.payroll-page .tabs .tab.active{color:var(--color-primary)!important;border-bottom-color:var(--color-primary)!important;font-weight:700!important}.payroll-page .periods-container{background:#fff!important;border:1px solid #f1f5f9!important;border-radius:12px!important;padding:0!important;margin:0!important;box-shadow:0 1px 3px #00000008!important;overflow:hidden!important}.payroll-page .periods-container>div[style*="flex-direction: column"],.payroll-page .periods-container>div[style*="flex-direction:column"]{padding:0!important;display:block!important;gap:0!important}.payroll-page .periods-container>div[style*=flex-direction]>div{background:#fff!important;border:none!important;border-bottom:1px solid #f1f5f9!important;border-radius:0!important;padding:16px 22px!important;margin:0!important}.payroll-page .periods-container>div[style*=flex-direction]>div:last-child{border-bottom:none!important}.payroll-page .periods-container>div[style*=flex-direction]>div:hover{background:#f8fafc!important}.payroll-page .periods-container .empty-state{padding:60px 20px!important;text-align:center!important;background:transparent!important}.payroll-page>div[style*="position: fixed"]{display:none!important}.pp-table-wrap{overflow-x:auto}.pp-table{width:100%;border-collapse:collapse;font-size:.9rem}.pp-table thead th{text-align:left;padding:10px 14px;font-size:.7rem;font-weight:600;color:#94a3b8;letter-spacing:.5px;background:#fafbfc;border-bottom:1px solid #f1f5f9}.pp-table tbody td{padding:12px 14px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.pp-table tbody tr:last-child td{border-bottom:none}.pp-table tbody tr:hover{background:#f8fafc}.pp-table tbody td:first-child,.pp-table thead th:first-child{padding-left:22px}.pp-table tbody td:last-child,.pp-table thead th:last-child{padding-right:22px}.pp-name-cell{display:flex;align-items:center;gap:10px}.pp-name-icon{width:32px;height:32px;border-radius:8px;background:#ccfbf1;color:var(--color-primary);display:grid;place-items:center;flex-shrink:0}.pp-name-text{font-size:.85rem;font-weight:700;color:#1e293b;text-transform:uppercase;letter-spacing:.3px}.pp-date{color:#475569;font-size:.82rem}.pp-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:999px;font-size:.73rem;font-weight:600}.pp-pill-dot{width:6px;height:6px;border-radius:50%}.pp-act-view{background:var(--color-primary);color:#fff;border:none;padding:6px 14px;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.pp-act-view:hover{background:var(--color-primary-hover)}.pp-act-del{background:#fef2f2;color:#ef4444;border:1px solid #fecaca;padding:6px 12px;border-radius:6px;font-size:.78rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.pp-act-del:hover{background:#fee2e2;border-color:#fca5a5}.pp-act-confirm{width:30px;height:30px;border-radius:8px;border:none;background:#dc2626;color:#fff;cursor:pointer;font-weight:700}.pp-act-cancel{width:30px;height:30px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#475569;cursor:pointer;font-weight:700}.pp-footer{display:flex;align-items:center;justify-content:space-between;padding:10px 18px;border-top:1px solid #f1f5f9;color:#64748b;font-size:.82rem}.pp-pagi{display:inline-flex;gap:6px}.pp-pagi-btn{width:28px;height:28px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;color:#475569;cursor:pointer;font-weight:600;font-size:.85rem}.pp-pagi-btn:hover:not(:disabled){background:#f8fafc}.pp-pagi-btn.active{background:#fff;color:var(--color-primary);border-color:var(--color-primary)}.pp-pagi-btn:disabled{opacity:.4;cursor:not-allowed}}[data-theme=dark] .payroll-page{background:#101525!important}[data-theme=dark] .pr-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)!important}[data-theme=dark] .page-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .page-header h1{color:#f5f7fa!important}[data-theme=dark] .tabs{background:#151a2b!important;border-color:#ffffff14!important}[data-theme=dark] .tab{color:#94a3b8!important}[data-theme=dark] .tab.active{color:#f5f7fa!important;border-color:var(--color-primary)!important}[data-theme=dark] .tab:hover:not(:disabled){color:#f5f7fa!important;background:#ffffff0a!important}[data-theme=dark] .periods-container,[data-theme=dark] .detail-container{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .data-table th{background:#1c2233!important;color:#94a3b8!important;border-color:#ffffff14!important}[data-theme=dark] .data-table td{color:#f5f7fa!important;border-color:#ffffff0f!important}[data-theme=dark] .data-table tbody tr{background:#202638!important}[data-theme=dark] .data-table tbody tr:hover{background:#ffffff0a!important}[data-theme=dark] .summary-boxes{background:transparent!important}[data-theme=dark] .summary-box{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .summary-box .label{color:#94a3b8!important}[data-theme=dark] .summary-box .value{color:#f5f7fa!important}[data-theme=dark] .period-info{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .period-info h2{color:#f5f7fa!important}[data-theme=dark] .period-meta{color:#94a3b8!important}[data-theme=dark] .generate-controls{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .generate-controls .staff-select{background:#202638!important;border-color:#ffffff1f!important;color:#f5f7fa!important}[data-theme=dark] .modal-overlay{background:#000000b3!important}[data-theme=dark] .modal-content{background:#202638!important;border-color:#ffffff1a!important}[data-theme=dark] .modal-content h2,[data-theme=dark] .modal-content h3{color:#f5f7fa!important}[data-theme=dark] .form-group label{color:#94a3b8!important}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select{background:#1c2233!important;border-color:#ffffff1f!important;color:#f5f7fa!important}[data-theme=dark] .settings-list{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .setting-row{border-color:#ffffff0f!important;color:#f5f7fa!important}[data-theme=dark] .setting-row:hover{background:#ffffff08!important}[data-theme=dark] .staff-name{color:#f5f7fa!important}[data-theme=dark] .slr-modal{background:#202638!important;border-color:#ffffff1a!important}[data-theme=dark] .slr-header{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .slr-header h2{color:#f5f7fa!important}[data-theme=dark] .slr-body{background:#202638!important}[data-theme=dark] .slr-staff-panel{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .slr-search input{background:#202638!important;border-color:#ffffff1f!important;color:#f5f7fa!important}[data-theme=dark] .slr-staff-item{border-color:#ffffff0f!important;color:#f5f7fa!important}[data-theme=dark] .slr-staff-item:hover{background:#ffffff0a!important}[data-theme=dark] .slr-staff-item.active{background:rgba(var(--color-primary-rgb),.15)!important;border-color:var(--color-primary)!important}[data-theme=dark] .slr-detail{background:#202638!important}[data-theme=dark] .slr-detail-header,[data-theme=dark] .slr-item{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .slr-item-title{color:#f5f7fa!important}[data-theme=dark] .slr-field select,[data-theme=dark] .slr-input-unit input{background:#202638!important;border-color:#ffffff1f!important;color:#f5f7fa!important}[data-theme=dark] .slr-input-unit span{background:#1c2233!important;border-color:#ffffff14!important;color:#94a3b8!important}[data-theme=dark] .slr-section-title{color:#94a3b8!important;border-color:#ffffff14!important}[data-theme=dark] .slr-example{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .slr-ex-item{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .slr-ex-item.highlight{background:rgba(var(--color-primary-rgb),.1)!important;border-color:rgba(var(--color-primary-rgb),.3)!important}[data-theme=dark] .slr-ex-label{color:#94a3b8!important}[data-theme=dark] .slr-no-selection{background:#1c2233!important;color:#94a3b8!important}[data-theme=dark] .slr-footer{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .payroll-modal{background:#202638!important;border-color:#ffffff1a!important}[data-theme=dark] .payroll-modal h2{color:#f5f7fa!important}[data-theme=dark] .payroll-modal .form-group input:not([type=radio]),[data-theme=dark] .payroll-modal .form-group select{background:#1c2233!important;border-color:#ffffff1f!important;color:#f5f7fa!important}[data-theme=dark] .slr-staff-panel *,[data-theme=dark] .slr-detail *{color:inherit}[data-theme=dark] .radio-label{color:#f5f7fa!important}[data-theme=dark] .payroll-page .page-header h1{color:var(--text-main, #F5F7FA)!important}[data-theme=dark] .payroll-page .page-header h1:after{color:var(--text-muted, #A4ADBF)!important}.cm-page{display:flex;flex-direction:column;min-height:100%;background:var(--color-background, #F0F2F3);padding-bottom:32px;gap:0}@media(max-width:768px){.cm-page{overflow-x:hidden;scrollbar-width:none}.cm-page::-webkit-scrollbar{display:none}}.cm-hero{background:linear-gradient(135deg,#c2410c,#9a3412);padding:52px 16px 18px;color:#fff;position:relative;overflow:hidden}.cm-hero:before{content:"";position:absolute;right:-20px;top:-20px;width:120px;height:120px;border-radius:50%;background:#ffffff14}.cm-hero-inner{display:flex;align-items:center;gap:12px;position:relative}.cm-hero-back{width:36px;height:36px;border-radius:12px;background:#ffffff2e;border:none;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.cm-hero-text{flex:1}.cm-hero-title{font-size:17px;font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1.2}.cm-hero-sub{font-size:12px;color:#ffffffd9;margin-top:2px}.cm-header{flex-shrink:0}.cm-title{font-family:Be Vietnam Pro,sans-serif;font-style:italic;font-size:1.15rem;font-weight:700;color:var(--color-text, #1e293b);margin:0 0 1px}.cm-subtitle{color:var(--color-text-muted, #6b7280);font-size:12px;margin:0}.cm-summary-row{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:8px;flex-shrink:0}.cm-item{background:var(--color-surface, white);border-radius:10px;padding:10px 12px;box-shadow:0 1px 2px #0000000f}.cm-item-label{font-size:.6rem;font-weight:600;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.4px}.cm-item-value{font-size:1.3rem;font-weight:700;color:var(--color-text, #1e293b);margin-top:1px;line-height:1.1}.cm-badge-success{display:inline-block;margin-top:4px;padding:1px 7px;border-radius:12px;font-size:12px;font-weight:500;background:#dcfce7;color:#15803d}.cm-services .cm-services-body{display:flex;align-items:center;gap:12px;margin-top:2px}.cm-donut{width:40px;height:40px;position:relative;flex-shrink:0}.cm-donut svg{width:100%;height:100%}.cm-donut-pct{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:700;color:var(--color-text, #1e293b)}.cm-item-sub{display:block;margin-top:2px;font-size:12px;color:var(--color-text-muted, #9ca3af)}.cm-top3{background:linear-gradient(135deg,#1e293b,#334155)}.cm-top3-header{display:flex;align-items:center;justify-content:space-between}.cm-top3-header .cm-item-label{color:#ffffffb3}.cm-top3-header svg{color:#fff9;width:16px;height:16px}.cm-top-list{margin-top:6px}.cm-top-item{display:flex;align-items:center;gap:8px;padding:3px 0;border-bottom:1px solid rgba(255,255,255,.06)}.cm-top-item:last-child{border-bottom:none}.cm-rank{width:18px;height:18px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff}.cm-name{flex:1;color:#fff;font-size:12px}.cm-amount{font-weight:700;font-size:12px}.cm-amount.gold{color:#fbbf24}.cm-amount.silver{color:#9ca3af}.cm-amount.bronze{color:#f97316}.cm-top-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 0 2px;gap:4px}.cm-top-empty svg{color:#ffffff4d;width:24px;height:24px}.cm-top-empty p{color:#ffffff80;font-size:12px;margin:0}.cm-filters{display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--color-surface, white);border-radius:10px 10px 0 0;border-bottom:1px solid var(--color-border, #e5e7eb);box-shadow:0 1px 2px #0000000f;flex-shrink:0}.cm-date-group{display:flex;align-items:center;gap:4px;color:var(--color-text-muted, #6b7280)}.cm-date-group input[type=date]{padding:4px 8px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;font-size:12px;color:var(--color-text, #374151);background:var(--color-surface, white)}.cm-date-group input:focus{outline:none;border-color:var(--color-primary)}.cm-date-sep{color:var(--color-text-muted, #9ca3af);font-size:12px}.cm-staff-dd{position:relative;display:flex;align-items:center}.cm-staff-dd select{padding:4px 26px 4px 8px;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;font-size:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-surface, white);color:var(--color-text, #374151);min-width:140px}.cm-staff-dd svg{position:absolute;right:8px;pointer-events:none;color:var(--color-text-muted, #6b7280)}.cm-btn-export{margin-left:auto;display:flex;align-items:center;gap:5px;padding:4px 12px;background:var(--color-surface, white);border:1px solid var(--color-border, #d1d5db);border-radius:6px;font-size:12px;font-weight:500;color:var(--color-text, #374151);cursor:pointer;transition:all .2s}.cm-btn-export:hover{background:var(--color-background, #f3f4f6)}.cm-table-wrap{background:var(--color-surface, white);border-radius:0 0 10px 10px;overflow:hidden;box-shadow:0 1px 2px #0000000f;min-height:120px}.cm-table{width:100%;border-collapse:collapse;table-layout:fixed}.cm-table th{padding:6px 12px;text-align:left;font-size:.62rem;font-weight:600;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.4px;background:var(--color-background, #f9fafb);border-bottom:1px solid var(--color-border, #e5e7eb);position:sticky;top:0;z-index:1}.cm-table th:nth-child(1){width:10%}.cm-table th:nth-child(2){width:40%}.cm-table th:nth-child(3){width:25%}.cm-table th:nth-child(4){width:25%}.cm-table th.text-right,.cm-table td.text-right{text-align:right}.cm-table td{padding:6px 12px;font-size:12px;color:var(--color-text, #374151);border-bottom:1px solid var(--color-border, #f3f4f6)}.cm-table tbody tr:hover{background:var(--color-background, #f9fafb)}.cm-date-row td{padding:5px 12px;background:var(--color-background, #f9fafb);font-size:12px;font-weight:600;color:var(--color-text-muted, #6b7280)}.cm-date-row td svg{vertical-align:middle;margin-right:4px}.cm-time{font-weight:500;color:var(--color-text, #1f2937)}.cm-staff-cell{display:flex;align-items:center;gap:8px}.cm-avatar{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}.cm-staff-name{font-weight:600;color:var(--color-text, #1f2937);font-size:12px}.cm-staff-meta{font-size:12px;color:var(--color-text-muted, #9ca3af)}.cm-revenue{text-align:right;font-weight:500}.cm-comm{text-align:right}.cm-comm-badge{display:inline-block;padding:2px 8px;background:#dcfce7;color:#15803d;border-radius:5px;font-size:12px;font-weight:600}.cm-empty{display:flex;flex-direction:column;align-items:center;padding:16px 12px 12px;text-align:center}.cm-empty-icon{width:36px;height:36px;border-radius:50%;background:var(--color-background, #f3f4f6);display:flex;align-items:center;justify-content:center;margin-bottom:6px;color:var(--color-text-muted, #9ca3af)}.cm-empty-icon svg{width:20px;height:20px}.cm-empty h3{font-size:.78rem;font-weight:600;color:var(--color-text, #374151);margin:0 0 2px}.cm-empty p{font-size:12px;color:var(--color-text-muted, #9ca3af);margin:0;max-width:260px}.cm-pagination{display:flex;justify-content:center;align-items:center;gap:3px;padding:6px 12px;border-top:1px solid var(--color-border, #e5e7eb)}.cm-pagination button{min-width:26px;height:26px;border:1px solid var(--color-border, #e5e7eb);border-radius:5px;background:var(--color-surface, white);color:var(--color-text, #374151);font-size:12px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.cm-pagination button:hover:not(:disabled){background:var(--color-background, #f3f4f6);border-color:var(--color-primary)}.cm-pagination button.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.cm-pagination button:disabled{opacity:.4;cursor:not-allowed}.cm-bottom-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;flex-shrink:0}.cm-report-box{background:var(--color-surface, white);border-radius:10px;padding:12px;box-shadow:0 1px 2px #0000000f}.cm-report-box h3{font-size:.85rem;font-weight:700;color:var(--color-text, #1e293b);margin:0 0 1px}.cm-report-sub{font-size:12px;color:var(--color-text-muted, #6b7280);margin:0 0 8px}.cm-report-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.cm-report-item{display:flex;align-items:center;justify-content:space-between;padding:6px;background:var(--color-background, #f9fafb);border-radius:6px}.cm-report-left{display:flex;align-items:center;gap:8px}.cm-report-right{text-align:right}.cm-report-amount{font-weight:700;color:var(--color-primary);font-size:12px}.cm-report-label{font-size:12px;color:var(--color-text-muted, #9ca3af)}.cm-btn-viewall{width:100%;padding:6px;background:transparent;border:1px solid var(--color-border, #d1d5db);border-radius:6px;font-size:12px;font-weight:500;color:var(--color-text, #374151);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:5px}.cm-btn-viewall:hover{background:var(--color-background, #f3f4f6)}.cm-optimize{background:var(--brand-gradient, linear-gradient(135deg, #006e75 0%, #005b61 100%));border-radius:10px;padding:14px 16px;color:#fff;display:flex;flex-direction:column;justify-content:center}.cm-optimize h3{font-size:.95rem;font-weight:700;margin:0 0 6px;color:#fff!important}.cm-optimize p{font-size:12px;color:#fffc;margin:0 0 10px;line-height:1.4}.cm-btn-setup{align-self:flex-start;padding:6px 14px;background:#fff;border:none;border-radius:6px;font-size:12px;font-weight:600;color:#5b21b6;cursor:pointer;transition:all .2s}.cm-btn-setup:hover{background:#f3f4f6}@media(max-width:1200px){.cm-summary-row{grid-template-columns:1fr 1fr}.cm-top3{grid-column:span 2}}@media(max-width:768px){.cm-page .cm-mobile-header{width:100%!important;margin:0!important;border-radius:0!important;box-sizing:border-box!important}.cm-page{padding:0 0 96px!important;height:auto;overflow:auto}.cm-summary-row{grid-template-columns:1fr}.cm-top3{grid-column:span 1}.cm-bottom-row{grid-template-columns:1fr;width:auto!important;margin:0 16px!important;padding:0!important;box-sizing:border-box!important}.cm-filters{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;padding:10px 12px;width:auto!important;margin:0 16px 12px!important;border-radius:12px!important;border:1px solid #e2e8f0!important;box-sizing:border-box!important}.cm-date-group{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);width:100%;flex:none;min-width:0;gap:6px;align-items:center;box-sizing:border-box}.cm-date-group>svg{display:none}.cm-date-group input[type=date]{flex:1 1 0;min-width:0;width:100%;height:38px;padding:0 8px;font-size:13px;border-radius:8px;border:1px solid #d1d5db;box-sizing:border-box;background:#fff}.cm-date-sep{flex-shrink:0;font-size:14px;color:#9ca3af;text-align:center}.cm-staff-dd{width:100%;flex:none;min-width:0;box-sizing:border-box}.cm-staff-dd select{min-width:0;width:100%;height:38px;font-size:13px;padding:0 30px 0 10px;border-radius:8px;border:1px solid #d1d5db;box-sizing:border-box;background:#fff}.cm-btn-export{margin-left:0!important;width:100%!important;min-width:0;height:38px;justify-content:center;flex-basis:100%;order:2;border-radius:8px!important;font-size:13px!important;font-weight:700!important;box-sizing:border-box!important}.cm-table-wrap{overflow-x:hidden;width:auto!important;margin:0 16px 16px!important;box-sizing:border-box!important}.cm-empty{width:100%;box-sizing:border-box;padding:20px 8px}.cm-empty p{max-width:100%}.cm-page .cm-table{display:table!important;table-layout:fixed!important;width:100%!important;overflow-x:visible!important;white-space:normal!important}.cm-page .cm-table th,.cm-page .cm-table td{white-space:normal!important}.cm-table th,.cm-table td{padding:5px 3px;font-size:12px;word-break:break-word}.cm-table th{font-size:12px;letter-spacing:0}.cm-table th:nth-child(1){width:22%;min-width:60px}.cm-table th:nth-child(2){width:36%}.cm-table th:nth-child(3){width:21%}.cm-table th:nth-child(4){width:21%}.cm-staff-cell{gap:4px}.cm-avatar{width:22px;height:22px;font-size:12px}.cm-staff-name{font-size:12px;line-height:1.2}.cm-staff-meta{font-size:12px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cm-comm-badge{padding:1px 5px;font-size:12px}.cm-time,.cm-revenue,.cm-comm{white-space:nowrap}}html.mobile-preview .cm-page .cm-mobile-header{width:calc(100vw / var(--ui-vu, 1))!important;max-width:calc(100vw / var(--ui-vu, 1))!important;margin:0 -14px 12px!important;border-radius:0!important;box-sizing:border-box!important}[data-theme=dark] .cm-page{background:#101525!important}[data-theme=dark] .cm-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)!important}[data-theme=dark] .cm-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .cm-title{color:#f5f7fa!important}[data-theme=dark] .cm-subtitle{color:#94a3b8!important}[data-theme=dark] .cm-summary-row{background:transparent!important}[data-theme=dark] .cm-item{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .cm-item-label{color:#94a3b8!important}[data-theme=dark] .cm-item-value{color:#f5f7fa!important}[data-theme=dark] .cm-item-sub{color:#64748b!important}[data-theme=dark] .cm-badge-success{background:#10b98126!important;color:#34d399!important}[data-theme=dark] .cm-top3{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .cm-top3-header{border-color:#ffffff14!important}[data-theme=dark] .cm-top-item{border-color:#ffffff0f!important}[data-theme=dark] .cm-name{color:#f5f7fa!important}[data-theme=dark] .cm-donut-hole{background:#202638!important}.timesheet-page{display:flex;flex-direction:column;min-height:100%;background:var(--color-background, #F0F2F3);padding-bottom:32px}.ts-hero{background:var(--brand-gradient);padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 14px;color:#fff;position:relative;overflow:hidden}.ts-hero:before{content:"";position:absolute;right:-20px;top:-20px;width:120px;height:120px;border-radius:50%;background:#ffffff14}.ts-hero-inner{display:flex;align-items:center;gap:12px;position:relative}.ts-hero-back,.ts-hero-cal{width:36px;height:36px;border-radius:12px;background:#ffffff2e;border:none;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.ts-hero-text{flex:1}.ts-hero-title{font-size:17px;font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1.2}.ts-hero-sub{font-size:12px;color:#ffffffd9;margin-top:2px}@media(max-width:768px){.timesheet-page .page-header,.timesheet-page .filters-bar,.timesheet-page .ts-desktop-only{display:none!important}}.timesheet-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.timesheet-page .page-header h1{font-size:1.75rem;font-weight:700;color:var(--color-text, #1e293b);margin:0}.timesheet-page .header-actions{display:flex;gap:12px}.timesheet-page .btn-primary{display:flex;align-items:center;gap:8px;background:var(--color-primary);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.timesheet-page .btn-primary:hover{background:var(--color-primary-hover)}.timesheet-page .btn-primary:disabled{opacity:.6;cursor:not-allowed}.timesheet-page .btn-secondary{display:flex;align-items:center;gap:8px;background:var(--color-surface, white);color:var(--color-text, #475569);border:1px solid var(--color-border, #d1d5db);padding:12px 20px;border-radius:10px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.timesheet-page .btn-secondary:hover{background:var(--color-background, #f3f4f6)}.timesheet-page .filters-bar{display:flex;gap:16px;align-items:flex-end;background:var(--color-surface, white);padding:14px 18px;border-radius:12px;box-shadow:0 1px 3px #00000014;margin-bottom:14px}.timesheet-page .filter-group{display:flex;flex-direction:column;gap:8px}.timesheet-page .filter-group label{font-size:.75rem;font-weight:600;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px}.timesheet-page .filter-group input,.timesheet-page .filter-group select{padding:12px 16px;border:1px solid var(--color-border, #e5e7eb);border-radius:10px;font-size:14px;background:var(--color-surface, white);min-width:180px}.timesheet-page .filter-group.staff-filter select{min-width:220px}.timesheet-page .filter-group input:focus,.timesheet-page .filter-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.timesheet-page .summary-boxes{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:12px 16px 14px}.timesheet-page .summary-box{background:var(--color-surface, white);border-radius:10px;padding:8px 4px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px}.timesheet-page .summary-box .icon-wrapper{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.timesheet-page .summary-box .icon-wrapper.blue{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.timesheet-page .summary-box .icon-wrapper.orange{background:#ffedd5;color:#f97316}.timesheet-page .summary-box .icon-wrapper.teal{background:#ccfbf1;color:var(--color-primary)}.timesheet-page .summary-box .icon-wrapper.yellow{background:#fef3c7;color:#f59e0b}.timesheet-page .summary-box .icon-wrapper.red{background:#fee2e2;color:#ef4444}.timesheet-page .summary-box .info{display:flex;flex-direction:column;gap:4px}.timesheet-page .summary-box .value{font-size:1rem;font-weight:700;color:var(--color-text, #1e293b)}.timesheet-page .summary-box .label{font-size:.6rem;color:var(--color-text-muted, #6b7280);line-height:1.2}.timesheet-page .summary-box.warning .value{color:#ef4444}.timesheet-page .table-container{background:var(--color-surface, white);border-radius:16px;overflow-x:auto;box-shadow:0 1px 3px #00000014}.timesheet-page .data-table{width:100%;border-collapse:collapse;min-width:900px}.timesheet-page .data-table th{padding:14px;text-align:left;background:var(--color-background, #f9fafb);font-size:.7rem;font-weight:600;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border, #e5e7eb);white-space:nowrap;position:sticky;top:0;z-index:1}.timesheet-page .data-table td{padding:12px 14px;font-size:13px;color:var(--color-text, #374151);border-bottom:1px solid var(--color-border, #f3f4f6);white-space:nowrap}.timesheet-page .data-table tbody tr:hover{background:#eef2ff}.timesheet-page .data-table tbody tr:nth-child(2n){background:#fafbfc}.timesheet-page .data-table tbody tr:nth-child(2n):hover{background:#eef2ff}.timesheet-page .data-table tbody tr.row-absent{background:#fef2f2}.timesheet-page .data-table tbody tr.row-absent:hover{background:#fee2e2}.timesheet-page .staff-info{display:flex;align-items:center;gap:10px;min-width:130px}.timesheet-page .staff-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff;flex-shrink:0}.timesheet-page .staff-name{font-weight:600;color:var(--color-text, #1f2937);font-size:13px}.timesheet-page .overtime{color:var(--color-primary)}.timesheet-page .warning-text{color:#f97316}.timesheet-page .danger-text{color:#ef4444}.timesheet-page .absent-badge{display:inline-block;padding:4px 10px;background:#ef4444;color:#fff;border-radius:6px;font-size:12px;font-weight:600}.timesheet-page .no-absent{color:var(--color-text-muted, #9ca3af)}.timesheet-page .loading,.timesheet-page .empty-state{text-align:center;padding:60px;color:var(--color-text-muted, #64748b)}.timesheet-page .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.timesheet-page .modal-content{background:var(--color-surface, white);border-radius:20px;padding:20px 24px;width:100%;max-width:560px;max-height:calc(90vh / var(--ui-vu, 1));overflow-y:auto;display:flex;flex-direction:column}.timesheet-page .modal-content h2{display:block;width:100%;font-size:1.25rem;font-weight:600;margin-bottom:14px;color:var(--color-text, #1e293b);text-align:center}@media(max-width:600px){.timesheet-page .modal-overlay{padding:24px 12px 12px;align-items:flex-start}.timesheet-page .modal-content{padding:14px 14px 10px;border-radius:16px;max-height:calc(calc(100vh / var(--ui-vu, 1)) - 48px)}.timesheet-page .modal-content h2{font-size:1rem;margin-bottom:12px}.timesheet-page .form-group{margin-bottom:10px}.timesheet-page .checkbox-group{margin:10px 0;gap:14px}.timesheet-page .modal-actions{margin-top:8px;padding-top:8px;padding-bottom:0}.timesheet-page .modal-actions .btn-primary,.timesheet-page .modal-actions .btn-secondary{padding:9px 16px;font-size:13px}}.timesheet-page .form-group{margin-bottom:12px}.timesheet-page .form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text, #374151);margin-bottom:5px}.timesheet-page .form-group input,.timesheet-page .form-group select,.timesheet-page .form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border, #d1d5db);border-radius:10px;font-size:14px;color:var(--color-text, #1f2937);box-sizing:border-box}.timesheet-page .form-group input:focus,.timesheet-page .form-group select:focus,.timesheet-page .form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.timesheet-page .form-group textarea{resize:vertical}.timesheet-page .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;align-items:start}.timesheet-page .form-row.form-row-2{grid-template-columns:1fr 1fr}.timesheet-page .form-row.form-row-3{grid-template-columns:1fr 1fr 1fr}.timesheet-page .form-row.form-row-2 .form-group,.timesheet-page .form-row.form-row-3 .form-group{min-width:0}.timesheet-page .form-row.form-row-2 .form-group input,.timesheet-page .form-row.form-row-2 .form-group select,.timesheet-page .form-row.form-row-3 .form-group input,.timesheet-page .form-row.form-row-3 .form-group select{width:100%;min-width:0;box-sizing:border-box}.timesheet-page .form-row .form-group label{font-size:12px;font-weight:600;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timesheet-page .form-row .form-group input{padding:8px 10px;font-size:13px}@media(min-width:600px){.timesheet-page .form-row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0 12px}.timesheet-page .form-row .form-group label{font-size:.875rem;margin-bottom:5px;white-space:normal}.timesheet-page .form-row .form-group input{padding:10px 12px;font-size:14px}}.timesheet-page .checkbox-group{display:flex;flex-wrap:wrap;gap:8px 24px;margin:2px 0 12px}.timesheet-page .checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.timesheet-page .checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.timesheet-page .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;padding-top:14px;border-top:1px solid var(--color-border, #e5e7eb)}@media(max-width:1200px){.timesheet-page .summary-boxes{grid-template-columns:repeat(5,1fr)}}@media(max-width:768px){.timesheet-page{padding:0 0 96px!important;box-sizing:border-box}.timesheet-page>.ts-time-card-wrap,.timesheet-page>.summary-boxes,.timesheet-page>.table-container,.timesheet-page>.ts-staff-list,.timesheet-page>div:not(.ts-hero){padding-left:16px;padding-right:16px;box-sizing:border-box}.timesheet-page>.ts-hero{padding-left:16px!important;padding-right:16px!important;box-sizing:border-box}.timesheet-page .page-header{flex-direction:column;gap:16px;align-items:flex-start}.timesheet-page .filters-bar{flex-direction:column;align-items:stretch}.timesheet-page .filter-group input,.timesheet-page .filter-group select{min-width:100%}.timesheet-page .summary-boxes{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-left:0;margin-right:0}.timesheet-page .summary-box{grid-column:span 2;min-width:0}.timesheet-page .summary-box:nth-child(n+4){grid-column:span 3}.timesheet-page .summary-box .label{font-size:11px;line-height:1.25}.timesheet-page .ts-time-filter-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:6px;width:100%}.timesheet-page .ts-time-filter-row .ts-filter-input{width:100%;min-width:0}.timesheet-page .ts-time-filter-row .ts-filter-select{grid-column:1 / -1;width:100%}.timesheet-page .table-container{overflow-x:auto}.timesheet-page .data-table th,.timesheet-page .data-table td{padding:12px 14px}}.ts-hero-export{background:#fff;color:#111827;border:none;border-radius:10px;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;box-shadow:0 2px 8px #0f172a14;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.ts-hero-export:hover{background:#f8fafc;transform:translateY(-1px);box-shadow:0 6px 14px #0f172a1f}.ts-time-card-wrap{padding:8px 16px 0}.ts-time-card{position:relative;overflow:hidden;border-radius:16px;padding:12px 14px;background:var(--brand-gradient);color:#fff;display:flex;flex-direction:column;gap:10px}.ts-time-info,.ts-time-filter-label{display:none}.ts-time-card-orb{position:absolute;right:-52px;top:-52px;width:200px;height:200px;border-radius:999px;background:#ffffff14;pointer-events:none}.ts-time-info,.ts-time-filter,.ts-time-checkin{position:relative;z-index:1}.ts-time-label{font-size:12px;line-height:1;opacity:.85;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.ts-time-value{margin-top:4px;font-size:36px;line-height:1.1;font-weight:800;letter-spacing:-.02em}.ts-time-meta{margin-top:6px;font-size:12px;line-height:1.45;color:#ffffffdb}.ts-time-filter{min-width:0}.ts-time-filter-label{margin-bottom:8px;font-size:13px;line-height:1.2;font-weight:600;color:#ffffffd9}.ts-time-filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ts-filter-input,.ts-filter-select{height:40px;padding:0 12px;border:none;border-radius:10px;background:#fff;color:#1e293b;font-size:13px;box-sizing:border-box;box-shadow:0 1px 2px #0f172a0f}.ts-filter-input{width:160px}.ts-filter-select{width:150px;cursor:pointer}.ts-filter-separator{color:#ffffffb3;font-size:14px;font-weight:700}.ts-time-checkin{background:#fff;color:var(--color-primary-hover);padding:14px 24px;border-radius:12px;font-size:15px;font-weight:700;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 14px #0000001f;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.ts-time-checkin:hover{background:var(--teal-5, #f0fdfa);transform:translateY(-1px);box-shadow:0 8px 18px #00000024}.ts-staff-list{padding:0 16px 100px;display:flex;flex-direction:column;gap:10px}.ts-staff-row{background:#fff;border-radius:14px;padding:12px 14px;border:1px solid #f1f5f9;display:flex;align-items:center;gap:12px;box-shadow:0 2px 8px #0f172a0a;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.ts-staff-avatar{width:40px;height:40px;border-radius:999px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;box-shadow:inset 0 0 0 1px #ffffff1a}.ts-staff-info{flex:1;min-width:0}.ts-staff-name{font-size:13px;line-height:1.2;font-weight:600;color:#111827}.ts-staff-meta{margin-top:2px;font-size:12px;line-height:1.35;color:#6b7280}.ts-staff-badge{flex-shrink:0;padding:4px 10px;border-radius:999px;font-size:12px;line-height:1;font-weight:700}.ts-staff-badge--pending{background:#f3f4f6;color:#6b7280}.ts-staff-badge--absent{background:#e5e7eb;color:#6b7280}.ts-staff-badge--late{background:#fed7aa;color:#c2410c}.ts-staff-badge--done{background:#dbeafe;color:#1d4ed8}.ts-staff-badge--active{background:#d1fae5;color:#047857}.ts-staff-state{padding:2rem;text-align:center;color:#9ca3af}.ts-staff-state--empty{background:#fff;border:1px solid #f0f2f3;border-radius:16px;padding:40px 24px;box-shadow:0 3px 12px #0f172a0a}.ts-staff-state-title{font-size:16px;line-height:1.2;font-weight:800;color:#1e293b;margin-bottom:6px}.ts-staff-state-text{font-size:13px;line-height:1.45;color:#94a3b8}@media(min-width:769px){.timesheet-page{padding:0 0 40px;min-height:calc(100vh / var(--ui-vu, 1));background:var(--color-background)}.ts-hero{display:none!important}.ts-hero:before,.ts-hero:after{content:"";position:absolute;right:42px;border-radius:999px;background:#ffffff14;pointer-events:none}.ts-hero:before{width:168px;height:168px;top:-82px}.ts-hero:after{width:116px;height:116px;right:92px;bottom:-48px;opacity:.72}.ts-hero-inner{position:relative;z-index:1;display:flex;align-items:center;gap:18px}.ts-hero-back{width:42px;height:42px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:#ffffff24;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background .18s ease,transform .18s ease}.ts-hero-back:hover{background:#ffffff2e;transform:translateY(-1px)}.ts-hero-text{flex:1;min-width:0}.ts-hero-title{font-size:28px;line-height:1.1;font-weight:700;letter-spacing:-.02em;color:#fff}.ts-hero-sub{margin-top:4px;font-size:15px;line-height:1.3;color:#ffffffd9}.ts-hero-export{height:44px;padding:0 18px;border-radius:10px;font-size:14px;font-weight:600}.ts-time-card-wrap{padding:16px 28px 0}.ts-desktop-only.ts-time-title-section,.ts-desktop-only.ts-time-filter-label{display:block!important}.ts-desktop-only.ts-action-btn{display:inline-flex!important}.ts-time-card{min-height:102px;padding:24px 28px;border-radius:18px;background:#fff!important;border:1px solid var(--color-border, #e5e7eb)!important;box-shadow:0 4px 14px #0f172a0a!important;color:var(--color-text, #1e293b)!important;flex-direction:row;align-items:center;justify-content:space-between;gap:28px}.ts-time-card-orb{display:none!important}.ts-time-title-section{flex:0 0 auto}.ts-time-title-text{font-size:16px;font-weight:600;color:#111827;margin:0;letter-spacing:-.01em}.ts-time-filter{flex:0 0 auto;min-width:auto;max-width:none}.ts-time-filter-label{font-size:13px;font-weight:600;margin-bottom:8px;color:#475569!important}.ts-time-filter-row{flex-wrap:nowrap;gap:10px}.ts-filter-input,.ts-filter-select{height:44px;padding:0 14px;border:1px solid var(--color-border, #e5e7eb)!important;border-radius:10px;font-size:14px;color:#111827;background:#fff}.ts-filter-input{width:176px}.ts-filter-select{width:160px}.ts-filter-separator{font-size:16px;color:#94a3b8!important}.ts-time-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.ts-action-btn{height:44px;padding:0 18px;border-radius:10px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:8px;cursor:pointer;transition:all .15s ease}.ts-action-btn:hover{transform:translateY(-1px)}.ts-time-checkin{width:auto!important;min-width:auto!important;height:44px!important;padding:0 20px!important;border-radius:10px!important;font-size:14px!important;font-weight:700;background:var(--color-primary-contrast-text, #fff)!important;color:var(--color-primary, #0F766E)!important;border:1.5px solid var(--color-primary, #0F766E)!important;box-shadow:0 2px 6px #0000000a!important;align-self:center;transition:all .15s ease!important}.ts-time-checkin:hover{background:var(--teal-5, #f0fdfa)!important;transform:translateY(-1px)!important;box-shadow:0 4px 12px #00000014!important}.timesheet-page .summary-boxes{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;padding:0 28px;margin:22px 0 0}.timesheet-page .summary-box{min-height:116px;padding:18px 16px;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 14px #0f172a0a;gap:12px}.timesheet-page .summary-box .icon-wrapper{width:50px;height:50px}.timesheet-page .summary-box .icon-wrapper svg{width:22px;height:22px}.timesheet-page .summary-box .icon-wrapper.blue{background:#e0f2f1;color:var(--color-primary)}.timesheet-page .summary-box .icon-wrapper.orange{background:#ffedd5;color:#f97316}.timesheet-page .summary-box .icon-wrapper.teal{background:#ccfbf1;color:var(--color-primary)}.timesheet-page .summary-box .icon-wrapper.yellow{background:#fef3c7;color:#f59e0b}.timesheet-page .summary-box .icon-wrapper.red{background:#fee2e2;color:#ef4444}.timesheet-page .summary-box .value{font-size:24px;line-height:1;font-weight:800;color:#111827}.timesheet-page .summary-box .label{font-size:14px;line-height:1.3;color:#64748b}.timesheet-page .summary-box.warning .value{color:#ef4444}.ts-staff-list{padding:18px 28px 96px;gap:12px}.ts-staff-row{min-height:80px;padding:14px 20px;border:1px solid #e5e7eb;border-radius:16px;gap:14px;box-shadow:0 3px 12px #0f172a0a}.ts-staff-row:hover{background:#f8fafa;border-color:var(--teal-15, #99f6e4);box-shadow:0 8px 18px #0f172a0f}.ts-staff-avatar{width:52px;height:52px;font-size:18px}.ts-staff-name{font-size:17px;font-weight:700}.ts-staff-meta{margin-top:4px;font-size:13px;color:#64748b}.ts-staff-badge{padding:7px 12px;font-size:13px;font-weight:700}.ts-staff-state{padding:32px 20px;font-size:14px}.ts-staff-state--empty{min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center}}[data-theme=dark] .timesheet-page{background:#101525!important}[data-theme=dark] .ts-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)!important}[data-theme=dark] .timesheet-page .page-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .timesheet-page .page-header h1{color:#f5f7fa!important}[data-theme=dark] .timesheet-page .filters-bar{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .timesheet-page .filter-group label{color:#94a3b8!important}[data-theme=dark] .timesheet-page .filter-group input,[data-theme=dark] .timesheet-page .filter-group select{background:#1c2233!important;border-color:#ffffff1f!important;color:#f5f7fa!important}[data-theme=dark] .timesheet-page .summary-boxes{background:transparent!important}[data-theme=dark] .timesheet-page .summary-box{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .timesheet-page .summary-box .value{color:#f5f7fa!important}[data-theme=dark] .timesheet-page .summary-box .label{color:#94a3b8!important}[data-theme=dark] .timesheet-page .table-container{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .timesheet-page .data-table th{background:#1c2233!important;color:#94a3b8!important;border-color:#ffffff14!important}[data-theme=dark] .timesheet-page .data-table td{color:#f5f7fa!important;border-color:#ffffff0f!important}[data-theme=dark] .timesheet-page .data-table tbody tr{background:#202638!important}[data-theme=dark] .timesheet-page .data-table tbody tr:hover{background:#ffffff0a!important}[data-theme=dark] .timesheet-page .data-table tbody tr:nth-child(2n){background:#ffffff05!important}[data-theme=dark] .timesheet-page .data-table tbody tr.row-absent{background:#ef44440d!important}[data-theme=dark] .ts-time-card{background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .ts-time-title-text{color:#f5f7fa!important}[data-theme=dark] .ts-time-filter-label{color:#94a3b8!important}[data-theme=dark] .ts-filter-separator{color:#fff6!important}[data-theme=dark] .ts-filter-input,[data-theme=dark] .ts-filter-select{background:#1c2233!important;border-color:#ffffff1f!important;color:#f5f7fa!important}[data-theme=dark] .ts-time-checkin{background:#1c2233!important;color:#2dd4bf!important;border-color:#2dd4bf4d!important}[data-theme=dark] .ts-time-checkin:hover{background:#2dd4bf26!important}.sr-container{position:relative}.sr-toast{position:fixed;top:24px;right:24px;padding:12px 20px;border-radius:10px;font-size:.875rem;font-weight:500;z-index:9999;animation:sr-slide-in .3s ease;box-shadow:0 8px 24px #0000004d}.sr-toast.success{background:#065f46;color:#d1fae5}.sr-toast.error{background:#991b1b;color:#fee2e2}@keyframes sr-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.sr-filters{display:flex;gap:12px;margin-bottom:24px;flex-wrap:wrap}.sr-select,.sr-input{padding:10px 14px;border-radius:8px;border:1px solid var(--border, #334155);background:#0f172a;color:#e2e8f0;font-size:.875rem;outline:none;transition:border-color .2s}.sr-select option{background:#0f172a;color:#e2e8f0}.sr-select:focus,.sr-input:focus{border-color:var(--color-primary)}.sr-native-select-hidden{display:none}.sr-staff-picker{position:relative}.sr-staff-picker-button{width:100%;min-height:42px;padding:10px 12px;border-radius:8px;border:1px solid var(--border, #334155);background:#0f172a;color:#e2e8f0;font-size:.875rem;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;outline:none}.sr-staff-picker-button.open,.sr-staff-picker-button:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.16)}.sr-staff-picker-menu{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;max-height:220px;overflow-y:auto;padding:6px;border-radius:10px;border:1px solid rgba(var(--color-primary-rgb),.35);background:#111827;box-shadow:0 18px 40px #00000061}.sr-staff-picker-option{width:100%;min-height:42px;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:#e5e7eb;display:flex;align-items:center;gap:10px;text-align:left;cursor:pointer}.sr-staff-picker-option:hover,.sr-staff-picker-option.selected{background:rgba(var(--color-primary-rgb),.16);color:#fff}.sr-staff-picker-avatar{width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:#fff;display:grid;place-items:center;font-size:.72rem;font-weight:700;flex-shrink:0}.sr-staff-picker-empty{padding:12px;color:#94a3b8;font-size:.85rem}.sr-loading,.sr-empty{text-align:center;padding:4rem 2rem;color:var(--text-secondary, #94a3b8)}.sr-empty-icon{font-size:3rem;margin-bottom:12px}.sr-empty-sub{font-size:.8rem;opacity:.6;margin-top:4px}.sr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.sr-item{background:var(--card-bg, #1e293b);border:1px solid var(--border, #334155);border-radius:10px;padding:12px 14px;transition:transform .2s,box-shadow .2s}.sr-item:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}.sr-item-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.sr-item-staff{display:flex;gap:8px;align-items:center}.sr-item-avatar{width:30px;height:30px;border-radius:50%;background:var(--brand-gradient);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.75rem;overflow:hidden;flex-shrink:0}.sr-item-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.sr-item-name{font-weight:600;font-size:.82rem;color:var(--text, #e2e8f0)}.sr-item-period{font-size:.68rem;color:var(--text-secondary, #94a3b8);margin-top:1px}.sr-status-badge{font-size:.62rem;font-weight:600;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.03em}.sr-item-avg{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:6px 10px;background:rgba(var(--color-primary-rgb),.08);border-radius:8px}.sr-avg-num{font-size:1.25rem;font-weight:800;color:var(--color-primary);line-height:1}.sr-item-criteria{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.sr-criteria-row{display:flex;align-items:center;gap:6px}.sr-criteria-label{width:90px;font-size:.7rem;color:var(--text-secondary, #94a3b8);flex-shrink:0}.sr-criteria-bar-wrap{flex:1;height:4px;background:#ffffff14;border-radius:2px;overflow:hidden}.sr-criteria-bar{height:100%;background:var(--brand-gradient);border-radius:2px;transition:width .5s ease}.sr-criteria-val{width:26px;text-align:right;font-size:.68rem;font-weight:600;color:var(--text, #e2e8f0);flex-shrink:0}.sr-item-comment{font-size:.72rem;color:var(--text-secondary, #94a3b8);padding:6px 8px;background:#ffffff08;border-radius:6px;margin-bottom:8px;line-height:1.3}.sr-item-actions{display:flex;justify-content:space-between;align-items:center;padding-top:8px;border-top:1px solid var(--border, #334155)}.sr-item-reviewer{font-size:.65rem;color:var(--text-secondary, #64748b)}.sr-item-btns{display:flex;gap:6px}.sr-btn{padding:3px 8px;border-radius:5px;font-size:.68rem;border:none;cursor:pointer;transition:all .15s}.sr-btn-publish{background:#05966926;color:#10b981}.sr-btn-publish:hover{background:#0596694d}.sr-btn-edit{background:#3b82f626;color:#60a5fa}.sr-btn-edit:hover{background:#3b82f64d}.sr-btn-delete{background:#ef44441a;color:#f87171}.sr-btn-delete:hover{background:#ef444440}.sr-btn-delete-confirm{background:#dc2626;color:#fff;font-weight:600}.sr-stars{display:flex;align-items:center}.sr-star-clickable{transition:transform .15s}.sr-star-clickable:hover{transform:scale(1.2)}.sr-modal{background:var(--card-bg, #1e293b);border:1px solid var(--border, #334155);border-radius:16px;width:90%;max-width:600px;max-height:calc(90vh / var(--ui-vu, 1));overflow-y:auto;box-shadow:0 20px 60px #00000080}.sr-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border, #334155)}.sr-modal-header h2{font-size:1.1rem;font-weight:700;color:#fff!important;margin:0}.sr-modal-close{background:none;border:none;color:var(--text-secondary, #94a3b8);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:6px}.sr-modal-close:hover{background:#ffffff1a}.sr-modal-body{padding:24px;display:flex;flex-direction:column;gap:16px}.sr-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sr-form-group{display:flex;flex-direction:column;gap:6px}.sr-form-group label{font-size:.8rem;font-weight:600;color:var(--text-secondary, #94a3b8)}.sr-form-group .required{color:#ef4444}.sr-textarea{padding:10px 14px;border-radius:8px;border:1px solid var(--border, #334155);background:var(--card-bg, #1e293b);color:var(--text, #e2e8f0);font-size:.875rem;resize:vertical;font-family:inherit;outline:none}.sr-textarea:focus{border-color:var(--color-primary)}.sr-criteria-section{background:rgba(var(--color-primary-rgb),.06);border:1px solid rgba(var(--color-primary-rgb),.15);border-radius:12px;padding:16px}.sr-criteria-section h3{font-size:.9rem;font-weight:600;color:#fff!important;margin:0 0 14px}.sr-hint{font-size:.72rem;font-weight:400;color:#ffffffb3}.sr-form-criteria{display:flex;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.sr-form-criteria:last-of-type{border-bottom:none}.sr-form-criteria label{width:110px;font-size:.85rem;color:var(--text, #e2e8f0);flex-shrink:0}.sr-form-criteria-val{font-size:.8rem;font-weight:600;color:var(--color-primary);width:36px;text-align:right}.sr-form-avg{margin-top:12px;text-align:center;padding:10px;background:rgba(var(--color-primary-rgb),.12);border-radius:8px;color:var(--color-primary);font-size:.9rem}.sr-form-avg strong{font-size:1.2rem}.sr-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--border, #334155)}@media(max-width:768px){.sr-grid,.sr-form-row{grid-template-columns:1fr}.sr-filters{flex-direction:column}.sr-modal{width:95%;max-height:calc(95vh / var(--ui-vu, 1))}.sr-form-criteria{flex-wrap:wrap;gap:4px 10px;min-width:0}.sr-form-criteria label{width:100%}.sr-form-criteria .sr-stars{gap:6px!important;min-width:0}.sr-form-criteria .sr-stars svg{width:24px;height:24px}}@media(min-width:769px){.sr-modal{max-height:calc(96vh / var(--ui-vu, 1))}.sr-modal-header{padding:14px 24px}.sr-modal-body{padding:16px 24px;gap:12px}.sr-criteria-section{padding:12px 14px}.sr-criteria-section h3{margin-bottom:8px}.sr-form-criteria{padding:3px 0}.sr-form-avg{margin-top:8px;padding:6px}.sr-modal-footer{padding:12px 24px}}.rpp-mobile-hero{display:none}@media(max-width:768px){.reward-penalty-page{width:100%;box-sizing:border-box;overflow-x:clip}.reward-penalty-page .rpp-mobile-hero{display:block;width:calc(100% + 32px);margin:-16px -16px 12px;border-radius:0;padding:14px 16px 16px;box-sizing:border-box}.reward-penalty-page .rpp-toolbar{margin:0 0 12px;padding:10px 12px;overflow-x:auto;justify-content:flex-start;gap:8px;scrollbar-width:none}.reward-penalty-page .rpp-toolbar::-webkit-scrollbar{display:none}}html.mobile-preview .reward-penalty-page .rpp-mobile-hero{display:block}.sa-page{background:var(--color-background);min-height:calc(100vh / var(--ui-vu, 1));padding:24px 32px 40px;display:flex;flex-direction:column;gap:18px}.sa-header{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:18px 24px;box-shadow:0 1px 3px #00000008;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.sa-back{width:42px;height:42px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#475569;cursor:pointer;display:grid;place-items:center;flex-shrink:0}.sa-back:hover{background:#f8fafc;color:var(--color-primary)}.sa-header-text{min-width:220px}.sa-title{font-size:1.5rem;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.01em}.sa-subtitle{font-size:.85rem;color:#94a3b8}.sa-header-tabs{display:flex;gap:8px;flex:1;flex-wrap:wrap;justify-content:flex-end}.sa-tab{padding:8px 16px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;color:#475569;font-size:.85rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:all .15s}.sa-tab:hover{border-color:var(--teal-15, #99f6e4);color:var(--color-primary)}.sa-tab.active{color:var(--color-primary);border-color:var(--color-primary);font-weight:600}.sa-tab-ic{color:currentColor;font-size:13px}.sa-add-btn{padding:0 20px;height:42px;border:none;border-radius:10px;background:var(--color-primary);color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem;flex-shrink:0}.sa-add-btn:hover{background:var(--color-primary-hover)}.sa-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #00000008;overflow:hidden}.sa-filter-row{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:12px;padding:18px 22px;border-bottom:1px solid #f1f5f9}.sa-search{display:flex;align-items:center;gap:10px;padding:0 14px;height:42px;border:1px solid #e5e7eb;border-radius:10px;background:#fff}.sa-search input{flex:1;border:none;outline:none;font-size:13px;background:transparent;color:#1e293b}.sa-search input::-moz-placeholder{color:#94a3b8}.sa-search input::placeholder{color:#94a3b8}.sa-select{height:42px;padding:0 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:13px;color:#475569;cursor:pointer}.sa-date-btn{height:42px;padding:0 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#475569;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:13px}.sa-icon-btn{width:42px;height:42px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#475569;cursor:pointer;display:grid;place-items:center}.sa-icon-btn:hover{background:#f8fafc;color:var(--color-primary)}.sa-table-wrap{overflow-x:auto}.sa-table{width:100%;border-collapse:collapse;font-size:.9rem}.sa-table thead th{text-align:left;padding:14px 16px;font-size:.78rem;font-weight:600;color:#94a3b8;background:#fafbfc;border-bottom:1px solid #f1f5f9}.sa-table tbody td{padding:16px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.sa-table tbody tr:last-child td{border-bottom:none}.sa-table tbody tr:hover{background:#f8fafc}.sa-table tbody td:first-child,.sa-table thead th:first-child{padding-left:22px}.sa-table tbody td:last-child,.sa-table thead th:last-child{padding-right:22px}.sa-cust{display:flex;align-items:center;gap:12px}.sa-cust-avatar{width:38px;height:38px;border-radius:50%;color:#fff;font-weight:700;font-size:13px;display:grid;place-items:center;flex-shrink:0}.sa-cust-name{font-weight:600;color:#111827}.sa-cust-sub{font-size:.78rem;color:#94a3b8;margin-top:2px}.sa-code{color:#475569;font-family:monospace}.sa-amount{font-weight:700;color:#d97706}.sa-date{color:#475569}.sa-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:.78rem;font-weight:600}.sa-pill-dot{width:7px;height:7px;border-radius:50%}.sa-act-approve{padding:7px 14px;border-radius:8px;background:var(--color-primary);color:#fff;border:none;font-size:.82rem;font-weight:600;cursor:pointer}.sa-act-approve:hover{background:var(--color-primary-hover)}.sa-act-reject{padding:7px 14px;border-radius:8px;background:#fff;color:#dc2626;border:1px solid #fecaca;font-size:.82rem;font-weight:600;cursor:pointer}.sa-act-reject:hover{background:#fef2f2}.sa-act-pay{padding:7px 16px;border-radius:8px;background:var(--color-primary);color:#fff;border:none;font-size:.82rem;font-weight:600;cursor:pointer}.sa-act-pay:hover{background:var(--color-primary-hover)}.sa-empty-cell{padding:0!important}.sa-empty-state{padding:60px 24px 50px;text-align:center}.sa-empty-illust{width:160px;height:130px;margin:0 auto 18px;display:block}.sa-empty-title{font-size:1.1rem;font-weight:700;color:#1e293b;margin-bottom:6px}.sa-empty-sub{font-size:.88rem;color:#94a3b8;margin-bottom:18px}.sa-empty-cta{background:#fff;border:1.5px solid #99f6e4;color:var(--color-primary);padding:10px 22px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.9rem}.sa-empty-cta:hover{background:var(--teal-5, #f0fdfa)}@media(max-width:1280px){.sa-filter-row{grid-template-columns:1fr 1fr auto}.sa-filter-row .sa-search{grid-column:1 / -1}}[data-theme=dark] .sa-page{background:#101525!important}[data-theme=dark] .sa-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .sa-title{color:#f5f7fa!important}[data-theme=dark] .sa-subtitle{color:#94a3b8!important}[data-theme=dark] .sa-back{background:#1c2233!important;border-color:#ffffff1a!important;color:#f5f7fa!important}[data-theme=dark] .sa-back:hover{background:#ffffff0f!important}[data-theme=dark] .sa-tab{color:#94a3b8!important;border-color:transparent!important}[data-theme=dark] .sa-tab.active{background:rgba(var(--color-primary-rgb),.15)!important;border-color:var(--color-primary)!important;color:#2dd4bf!important}[data-theme=dark] .sa-card{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .sa-search{background:#1c2233!important;border-color:#ffffff1f!important}[data-theme=dark] .sa-search input{background:transparent!important;color:#f5f7fa!important}[data-theme=dark] .sa-select{background:#1c2233!important;border-color:#ffffff1f!important;color:#f5f7fa!important}[data-theme=dark] .sa-icon-btn{background:#1c2233!important;border-color:#ffffff1a!important;color:#f5f7fa!important}[data-theme=dark] .sa-icon-btn:hover{background:#ffffff0f!important}[data-theme=dark] .sa-table-wrap{background:#202638!important}[data-theme=dark] .sa-table thead th{background:#1c2233!important;color:#94a3b8!important;border-color:#ffffff14!important}[data-theme=dark] .sa-table tbody td{color:#f5f7fa!important;border-color:#ffffff0f!important}[data-theme=dark] .sa-table tbody tr{background:#202638!important}[data-theme=dark] .sa-table tbody tr:hover{background:#ffffff0a!important}.te-page{background:var(--color-background);min-height:calc(100vh / var(--ui-vu, 1));padding:24px 32px 40px;display:flex;flex-direction:column;gap:18px}.te-header{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:18px 24px;box-shadow:0 1px 3px #00000008;flex-wrap:wrap}.te-header-icon{width:56px;height:56px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);display:grid;place-items:center;flex-shrink:0}.te-header-text{flex:1;min-width:220px}.te-title{font-size:1.6rem;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.02em}.te-subtitle{font-size:.88rem;color:#94a3b8}.te-header-actions{display:flex;gap:10px;align-items:center}.te-tab{padding:10px 20px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;color:#475569;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .15s}.te-tab:hover{border-color:var(--color-primary-soft);color:var(--color-primary)}.te-tab.active{background:#fff;color:var(--color-primary);border-color:var(--color-primary);font-weight:600}.te-add-btn{padding:10px 22px;border-radius:10px;background:var(--color-primary);color:#fff;border:none;font-size:.92rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.te-add-btn:hover{background:var(--color-primary-hover)}.te-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #00000008;overflow:hidden}.te-table-wrap{overflow-x:auto}.te-table{width:100%;border-collapse:collapse;font-size:.82rem}.te-table thead th{text-align:left;padding:10px;font-size:.68rem;font-weight:600;color:#94a3b8;letter-spacing:.5px;background:#fafbfc;border-bottom:1px solid #f1f5f9}.te-table tbody td{padding:12px 10px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.te-table tbody tr:last-child td{border-bottom:none}.te-table tbody tr:hover{background:#f8fafc}.te-table tbody td:first-child,.te-table thead th:first-child{padding-left:22px}.te-table tbody td:last-child,.te-table thead th:last-child{padding-right:22px}.te-cust{display:flex;align-items:center;gap:12px}.te-avatar{width:40px;height:40px;border-radius:50%;font-weight:700;font-size:13px;display:grid;place-items:center;flex-shrink:0}.te-cust-name{font-size:.95rem;font-weight:600;color:#111827}.te-cust-role{font-size:.78rem;color:#94a3b8;margin-top:2px}.te-date{font-weight:500;color:#1e293b}.te-weekday{font-size:.78rem;color:#94a3b8;margin-top:2px}.te-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;font-size:.82rem;font-weight:600}.te-pill-amber{background:#fef3c7;color:#d97706}.te-pill-red{background:#fee2e2;color:#dc2626}.te-desc{color:#64748b}.te-status{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;font-size:.78rem;font-weight:600}.te-status.open{background:#fee2e2;color:#dc2626}.te-status.resolved{background:#d1fae5;color:#059669}.te-status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.te-act-btn{padding:7px 14px;border-radius:8px;background:#fff;border:1px solid var(--teal-15, #99f6e4);color:var(--color-primary);font-size:.82rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.te-act-btn:hover{background:var(--teal-5, #f0fdfa)}.te-empty-cell{text-align:center;color:#94a3b8;padding:60px 12px!important;font-size:14px}.te-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-top:1px solid #f1f5f9;color:#64748b;font-size:.85rem}.te-pagi{display:inline-flex;align-items:center;gap:12px}.te-pagi-btn{width:32px;height:32px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#475569;cursor:pointer;font-weight:600}.te-pagi-btn:hover:not(:disabled){background:#f8fafc}.te-pagi-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:1024px){.te-header{flex-wrap:wrap}.te-header-actions{width:100%;flex-wrap:wrap}}[data-theme=dark] .te-page{background:#101525!important}[data-theme=dark] .te-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .te-title{color:#f5f7fa!important}[data-theme=dark] .te-subtitle{color:#94a3b8!important}[data-theme=dark] .te-tab{color:#94a3b8!important;border-color:transparent!important}[data-theme=dark] .te-tab.active{background:rgba(var(--color-primary-rgb),.15)!important;border-color:var(--color-primary)!important;color:#2dd4bf!important}[data-theme=dark] .te-card{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .te-table-wrap{background:#202638!important}[data-theme=dark] .te-table thead th{background:#1c2233!important;color:#94a3b8!important;border-color:#ffffff14!important}[data-theme=dark] .te-table tbody td{color:#f5f7fa!important;border-color:#ffffff0f!important}[data-theme=dark] .te-table tbody tr{background:#202638!important}[data-theme=dark] .te-table tbody tr:hover{background:#ffffff0a!important}@media(max-width:767px){div.fin-modal .fin-modal-footer.te-resolve-footer{display:flex!important;flex-direction:column-reverse;align-items:stretch;flex-wrap:nowrap!important}div.fin-modal .fin-modal-footer.te-resolve-footer>button{width:100%;flex:none;margin:0;min-height:44px;white-space:nowrap;justify-content:center;text-align:center}div.fin-modal .fin-modal-footer.te-resolve-footer .btn-success{background:#10b981!important;color:#fff!important;border:none!important}div.fin-modal .fin-modal-footer.te-resolve-footer .btn-danger{background:#dc2626!important;color:#fff!important;border:none!important}}.sh-page{display:flex;flex-direction:column;min-height:100%;background:var(--color-background, #F0F2F3);padding-bottom:32px}.sh-hero{background:var(--brand-gradient);padding:52px 16px 18px;color:#fff;position:relative;overflow:hidden}.sh-hero:before{content:"";position:absolute;right:-20px;top:-20px;width:120px;height:120px;border-radius:50%;background:#ffffff14}.sh-hero-inner{display:flex;align-items:center;gap:12px;position:relative}.sh-hero-back{width:36px;height:36px;border-radius:12px;background:#ffffff2e;border:none;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.sh-hero-text{flex:1}.sh-hero-action{width:36px;height:36px;border-radius:12px;background:#ffffff2e;border:none;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.sh-hero-title{font-size:17px;font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1.2}.sh-hero-sub{font-size:12px;color:#ffffffd9;margin-top:2px}.sh-summary-wrap{padding:14px 16px 0}.sh-summary-box{background:#fff;border-radius:18px;padding:14px 16px;border:1px solid #F0F2F3;box-shadow:0 1px 4px #00000012}.sh-summary-label{font-size:12px;font-weight:700;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.sh-stat-grid{display:grid;grid-template-columns:repeat(4,1fr)}.sh-stat{text-align:center}.sh-stat--border{border-left:1px solid #F0F2F3}.sh-stat-v{font-size:24px;font-weight:700;letter-spacing:-.02em}.sh-stat-l{font-size:12px;color:#9ca3af;margin-top:2px}.sh-section-head{padding:16px 20px 10px;font-size:13px;font-weight:700;color:#1a2b2a}.sh-tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:0 16px}.sh-tile{background:#fff;border-radius:16px;padding:16px 14px;border:1px solid #F0F2F3;box-shadow:0 1px 3px #0000000f;text-align:left;cursor:pointer;transition:box-shadow .15s}.sh-tile:hover{box-shadow:0 4px 12px #0000001a}.sh-tile:active{transform:scale(.98)}.sh-tile-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:10px}.sh-tile-label{font-size:13px;font-weight:600;color:#1a2b2a}.sh-tile-sub{font-size:12px;color:#9ca3af;margin-top:2px}[data-theme=dark] .sh-page{background:#101525!important}[data-theme=dark] .sh-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)!important}[data-theme=dark] .sh-summary-wrap{background:transparent!important}[data-theme=dark] .sh-summary-box{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .sh-summary-label{color:#94a3b8!important}[data-theme=dark] .sh-stat-grid{background:transparent!important}[data-theme=dark] .sh-stat{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .sh-stat-v{color:#f5f7fa!important}[data-theme=dark] .sh-stat-l{color:#94a3b8!important}[data-theme=dark] .sh-section-head{color:#f5f7fa!important;border-color:#ffffff14!important}[data-theme=dark] .sh-tile{background:#202638!important;border-color:#ffffff14!important}.ii-page{display:flex;flex-direction:column;min-height:100%;background:var(--color-background, #F0F2F3);padding-bottom:16px}.ii-hero{background:var(--brand-gradient);padding:18px 16px 14px;color:#fff}.ii-hero-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.ii-hero-title{font-size:18px;font-weight:700;letter-spacing:-.01em}.ii-hero-sub{font-size:12px;opacity:.8;margin-top:2px}.ii-hero-actions{display:flex;gap:8px}.ii-hero-icon-btn{width:34px;height:34px;border-radius:10px;border:1.5px solid rgba(255,255,255,.4);background:#ffffff26;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.ii-hero-icon-btn:hover{background:#ffffff40}.ii-search-row{display:flex;align-items:center;gap:8px;background:#ffffff26;border-radius:10px;padding:8px 12px;margin-bottom:12px}.ii-search-row input{background:transparent;border:none;outline:none;color:#fff;font-size:14px;flex:1;min-width:0}.ii-search-row input::-moz-placeholder{color:#fff9}.ii-search-row input::placeholder{color:#fff9}.ii-search-row svg{color:#ffffffb3;flex-shrink:0}.ii-chips{display:flex;gap:8px;justify-content:center;overflow-x:auto;scrollbar-width:none}.ii-chips::-webkit-scrollbar{display:none}.ii-chip{padding:5px 12px;border-radius:20px;font-size:12.5px;font-weight:600;white-space:nowrap;border:1.5px solid rgba(255,255,255,.4);background:#ffffff1f;color:#ffffffd9;cursor:pointer;transition:all .15s}.ii-chip.active{background:#fff;color:var(--color-primary);border-color:#fff}.ii-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 16px 4px}.ii-stat-box{background:#fff;border-radius:14px;padding:12px;border:1px solid #F0F2F3;box-shadow:0 1px 3px #0000000f}.ii-stat-label{font-size:12px;color:#6b7280;font-weight:500;margin-bottom:4px}.ii-stat-value{font-size:17px;font-weight:700;color:#1a2b2a;letter-spacing:-.01em}.ii-stat-value.danger{color:#ef4444}.ii-stat-delta{font-size:12px;font-weight:600;margin-top:3px}.ii-stat-delta.up{color:#10b981}.ii-stat-delta.down{color:#ef4444}.ii-filter-bar{display:flex;gap:8px;padding:8px 16px 0;flex-wrap:wrap}.ii-filter-chip{display:inline-flex;align-items:center;gap:4px;background:var(--brand-soft, #E6F4F2);color:var(--color-primary);border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600}.ii-filter-chip button{background:none;border:none;cursor:pointer;color:var(--color-primary);font-size:14px;line-height:1;padding:0}.ii-list{padding:12px 16px 8px;display:flex;flex-direction:column;gap:10px}.ii-empty{text-align:center;color:#9ca3af;padding:48px 16px;font-size:14px}.ii-item{background:#fff;border-radius:18px;padding:16px;border:1px solid #F0F2F3;box-shadow:0 1px 3px #0000000f;cursor:pointer;transition:box-shadow .15s}.ii-item:hover{box-shadow:0 3px 8px #0000001a}.ii-item:active{background:#fafafa}.ii-item-top{display:flex;justify-content:space-between;align-items:center}.ii-item-id{font-size:12px;color:#8a9499;font-weight:600;font-family:SF Mono,monospace}.ii-item-supplier{font-size:15px;font-weight:600;color:#1a2b2a;margin-top:8px}.ii-item-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.ii-item-vat{font-size:12px;color:#8a9499}.ii-item-amount{font-size:18px;font-weight:800;color:#1a2b2a;letter-spacing:-.01em}.ii-item-actions{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid #F0F2F3}.ii-btn-pay{flex:1;height:44px;padding:0 16px;background:var(--color-primary);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:background .15s;display:inline-flex;align-items:center;justify-content:center;gap:8px}.ii-btn-pay:hover{background:var(--color-primary-hover)}.ii-btn-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid #E5E7EA;background:#fff;color:var(--color-primary);cursor:pointer;transition:all .15s;flex-shrink:0}.ii-btn-icon:hover{background:#f3f4f6;color:#374151}.ii-btn-icon.danger:hover{background:#fee2e2;color:#ef4444;border-color:#fecaca}.sp{display:inline-block;padding:3px 8px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.sp-success{background:#ecfdf5;color:#10b981}.sp-warning{background:#fef3c7;color:#d97706}.sp-info{background:var(--brand-soft, #E6F4F2);color:var(--color-primary)}.ii-hero-add-btn{display:flex;align-items:center;gap:5px;padding:7px 12px;background:#ffffff38;color:#fff;border:1.5px solid rgba(255,255,255,.5);border-radius:10px;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.ii-hero-add-btn:hover{background:#ffffff52}.ii-cta-bottom{padding:8px 16px 16px}.ii-cta-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:var(--color-primary);color:#fff;border:none;border-radius:14px;font-size:15px;font-weight:600;cursor:pointer;transition:background .15s;box-sizing:border-box}.ii-cta-btn:hover{background:var(--color-primary-hover)}.ii-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 0 4px;font-size:13px;color:#6b7280}.ii-pagination button{padding:6px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:13px;cursor:pointer;color:#374151}.ii-pagination button:disabled{opacity:.4;cursor:default}.ii-overlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.ii-modal{background:#fff;border-radius:20px;padding:20px 20px 22px;width:100%;max-width:440px;max-height:calc(90vh / var(--ui-vu, 1));overflow-y:auto;border:1px solid #e2e8f0;box-shadow:0 20px 50px #0f172a38;box-sizing:border-box}@media(min-width:600px){.ii-modal{max-width:500px}}.ii-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ii-modal-title{font-size:16.5px;font-weight:700;color:#1e293b;letter-spacing:-.01em}.ii-modal-close{width:32px;height:32px;border-radius:50%;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.ii-modal-close:hover{background:#f1f5f9;color:#1e293b}.ii-form-scroll{max-height:calc(65vh / var(--ui-vu, 1));overflow-y:auto;padding-right:2px}.ii-form-scroll::-webkit-scrollbar{width:4px}.ii-form-scroll::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:4px}.ii-form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ii-form-group{margin-bottom:12px}.ii-label{display:block;font-size:12px;font-weight:600;color:#475569;margin-bottom:5px}.ii-req{color:#ef4444;font-weight:700;margin-left:2px}.ii-input{width:100%;height:40px;padding:0 12px;border:1px solid #cbd5e1;border-radius:10px;font-size:13.5px;color:#1e293b;background:#fff;transition:all .15s ease;box-sizing:border-box}.ii-input:focus{outline:none;border-color:var(--color-primary, #0d9488);box-shadow:0 0 0 3px #0d94881f}.ii-input[type=date]{color-scheme:light}.ii-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;padding-right:32px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ii-input-affix-wrap{position:relative;width:100%;display:flex;align-items:center}.ii-input-affix{padding-right:28px!important}.ii-input-suffix{position:absolute;right:12px;font-size:13px;font-weight:700;color:#94a3b8;pointer-events:none}.ii-textarea{height:auto!important;min-height:60px;padding:8px 12px!important;resize:none;font-family:inherit;line-height:1.4}.ii-calc-box{background:linear-gradient(135deg,#f0fdfa,#f8fafc);border:1px solid #ccfbf1;border-radius:12px;padding:12px 14px;margin-bottom:12px;box-sizing:border-box}.ii-calc-row{display:flex;justify-content:space-between;align-items:center;font-size:12.5px;color:#64748b;padding:2px 0}.ii-calc-val{font-weight:600;color:#334155}.ii-calc-row.total{font-size:14.5px;font-weight:700;color:#1e293b;padding-top:8px;margin-top:6px;border-top:1px dashed #99f6e4}.ii-calc-val-total{font-size:15.5px;font-weight:800;color:var(--color-primary, #0d9488)}.ii-detail-rows{margin-bottom:8px}.ii-drow{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #f1f5f9;font-size:13.5px}.ii-drow span{color:#64748b}.ii-drow strong{font-weight:600;color:#1e293b}.ii-drow strong.mono{font-family:SF Mono,monospace;font-size:12px}.ii-drow strong.paid{color:#10b981}.ii-drow strong.danger{color:#ef4444}.ii-drow-total strong{font-size:16px;color:var(--color-primary, #0d9488)!important}.ii-pay-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:4px 12px;margin-bottom:4px}.ii-pay-info .ii-drow{border-bottom:1px solid #f1f5f9}.ii-pay-info .ii-drow:last-child{border-bottom:none}.ii-modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:14px;padding-top:14px;border-top:1px solid #f1f5f9}.ii-btn-primary{padding:9px 26px;background:var(--brand-gradient, linear-gradient(135deg, #0d9488 0%, #0f766e 100%));color:#fff;border:none;border-radius:10px;font-size:13.5px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #0d948840;transition:all .15s ease}.ii-btn-primary:hover{filter:brightness(1.06)}.ii-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ii-btn-secondary{padding:9px 20px;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;border-radius:10px;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.ii-btn-secondary:hover{background:#f1f5f9;color:#1e293b}.ii-btn-danger{padding:9px 20px;background:#ef4444;color:#fff}[data-theme=dark] .ii-page{background:#101525!important}[data-theme=dark] .ii-chips{background:transparent!important}[data-theme=dark] .ii-chip{background:#1c2233!important;border-color:#ffffff1a!important;color:#94a3b8!important}[data-theme=dark] .ii-chip.active{background:rgba(var(--color-primary-rgb),.2)!important;border-color:rgba(var(--color-primary-rgb),.4)!important;color:#2dd4bf!important}[data-theme=dark] .ii-stat-row{background:transparent!important}[data-theme=dark] .ii-stat-box{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .ii-stat-label{color:#94a3b8!important}[data-theme=dark] .ii-stat-value{color:#f5f7fa!important}[data-theme=dark] .ii-filter-bar{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .ii-filter-chip{background:#1c2233!important;border-color:#ffffff1a!important;color:#94a3b8!important}[data-theme=dark] .ii-list{background:transparent!important}[data-theme=dark] .ii-item{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .ii-item:hover{box-shadow:0 3px 8px #0006!important;background:#ffffff05!important}[data-theme=dark] .ii-item:active{background:#1c2233!important}[data-theme=dark] .ii-item-id{color:#94a3b8!important}[data-theme=dark] .ii-item-supplier,[data-theme=dark] .ii-item-amount{color:#f5f7fa!important}[data-theme=dark] .ii-search-row input{background:#1c2233!important;border-color:#ffffff1f!important;color:#f5f7fa!important}@media(max-width:768px){.ii-page .ii-hero{height:auto!important;min-height:132px;max-height:none!important;box-sizing:border-box;padding:14px!important;overflow:visible!important}.ii-page .ii-hero-top{height:auto!important;min-height:44px!important;max-height:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;overflow:visible!important}.ii-page .ii-hero-heading{min-width:0;display:flex;align-items:center;gap:10px}.ii-page .ii-hero-heading>div{min-width:0}.ii-page .ii-hero-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.ii-page .ii-hero-actions .ii-hero-add-btn{width:36px;height:36px;padding:0;justify-content:center;gap:0}.ii-page .ii-hero-add-label{display:none}.ii-page .m-chip-row{margin-left:0!important;margin-right:0!important;padding:12px 16px 4px!important;scroll-padding-left:16px}.ii-page .ii-stat-row{gap:8px;padding:12px 16px 4px}.ii-page .ii-stat-box{padding:10px;min-width:0}.ii-page .ii-stat-label,.ii-page .ii-stat-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ii-page .ii-stat-value{font-size:16px}.ii-page .ii-chips{margin-top:10px;justify-content:flex-start;overflow-x:auto;padding:0 2px}html.mobile-preview .ii-page .ii-hero{height:auto!important;min-height:132px;max-height:none!important;padding:14px!important;overflow:visible!important}html.mobile-preview .ii-page .ii-hero-top{height:auto!important;min-height:44px!important;max-height:none!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto;overflow:visible!important}html.mobile-preview .ii-page .ii-hero-heading{min-width:0;display:flex;align-items:center;gap:10px}html.mobile-preview .ii-page .ii-hero-actions{display:flex;align-items:center;gap:6px}html.mobile-preview .ii-page .ii-hero-actions .ii-hero-add-btn{width:36px;height:36px;padding:0;justify-content:center}html.mobile-preview .ii-page .ii-hero-add-label{display:none}html.mobile-preview .ii-page .ii-chips{margin-top:10px;justify-content:flex-start;overflow-x:auto}}.iid-page{padding:28px 36px 32px;background:var(--color-background);min-height:100%;display:flex;flex-direction:column;gap:18px}.iid-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.iid-header-actions{display:flex;gap:10px}.iid-icon-btn{width:42px;height:42px;border-radius:12px;background:#fff;border:1px solid #e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#475569;box-shadow:0 1px 3px #0000000a;transition:all .15s}.iid-icon-btn:hover{background:#f8fafc;color:var(--color-primary)}.iid-search-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:0 16px;height:44px;color:#94a3b8}.iid-search-row input{flex:1;border:none;outline:none;font-size:14px;background:transparent;color:#1e293b}.iid-chips{display:flex;gap:10px;flex-wrap:wrap}.iid-chip{padding:9px 18px;border-radius:999px;background:#fff;border:1.5px solid #99f6e4;color:var(--color-primary);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s}.iid-chip:hover{background:var(--teal-5, #f0fdfa)}.iid-chip.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.iid-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.iid-stat{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:20px 22px;box-shadow:0 1px 3px #00000008}.iid-stat-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.iid-stat-icon.teal{background:#ccfbf1;color:var(--color-primary)}.iid-stat-icon.teal-light{background:#ecfdf5;color:#10b981}.iid-stat-icon.red{background:#fee2e2;color:#ef4444}.iid-stat-info{flex:1;min-width:0}.iid-stat-label{font-size:.95rem;color:#64748b;margin-bottom:6px}.iid-stat-value{font-size:2rem;font-weight:700;color:#1e293b;line-height:1;letter-spacing:-.02em}.iid-stat-value.teal{color:var(--color-primary)}.iid-stat-value.danger{color:#ef4444}.iid-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;align-items:start}@media(max-width:1280px){.iid-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1024px){.iid-list{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.iid-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.iid-empty,.iid-loading{grid-column:1 / -1;width:100%;min-height:320px;background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:60px 20px;text-align:center;color:#94a3b8;font-size:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000008;box-sizing:border-box}.iid-empty-icon{font-size:36px;margin-bottom:10px}.iid-empty-title{font-size:16px;font-weight:700;color:#475569;margin-bottom:6px}.iid-empty-sub{font-size:13px;color:#94a3b8}.iid-add-btn{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:12px;background:var(--color-primary);color:#fff;border:none;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px #0d948840;transition:all .15s ease}.iid-add-btn:hover{background:var(--color-primary-hover, #0f766e);box-shadow:0 4px 12px #0d948859}.iid-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px;box-shadow:0 1px 3px #00000008;transition:all .15s ease;display:flex;flex-direction:column;gap:8px}.iid-card:hover{box-shadow:0 4px 16px #00000012;border-color:#cbd5e1}.iid-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.iid-card-title{font-size:14px;font-weight:700;color:#0f172a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.iid-card-mid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:4px;padding-top:8px;border-top:1px solid #f1f5f9}.iid-card-meta-label{font-size:11px;color:#94a3b8;font-weight:500;margin-bottom:2px}.iid-card-meta-value{font-size:12.5px;color:#334155;font-weight:600}.iid-card-meta-value.mono{font-family:monospace}.iid-card-amount{text-align:right}.iid-card-meta-value.amount{color:var(--color-primary);font-weight:700}.iid-card-debt{font-size:12px;color:#ef4444;background:#fef2f2;padding:4px 8px;border-radius:6px;display:inline-block;align-self:flex-start}.iid-card-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:4px;padding-top:8px;border-top:1px solid #f1f5f9}.iid-card-actions .ii-btn-icon{width:28px;height:28px;border-radius:6px;border:1px solid #e2e8f0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.iid-card-actions .ii-btn-icon:hover{background:#f8fafc;color:var(--color-primary);border-color:var(--color-primary)}.iid-card-actions .ii-btn-icon.danger:hover{background:#fef2f2;color:#ef4444;border-color:#fca5a5}.iid-page .sp{padding:4px 10px;border-radius:999px;font-size:.75rem;font-weight:600}.iid-page .sp-success{background:#d1fae5;color:#059669}.iid-page .sp-warning{background:#fef3c7;color:#d97706}.iid-page .sp-info{background:#ccfbf1;color:var(--color-primary)}@media(max-width:1024px){.iid-stat-row{grid-template-columns:1fr}}.ii-list-wrap{display:flex;flex-direction:column;gap:10px;padding:12px 16px 96px}.ii-loading{text-align:center;color:#94a3b8;padding:32px 0;font-size:14px}.ii-empty-icon{font-size:36px;margin-bottom:8px}.ii-empty-title{font-size:15px;font-weight:700;color:#1f2937}.ii-empty-sub{font-size:13px;color:#6b7280;margin-top:4px}.ii-card{background:#fff;border:1px solid #F0F2F3;border-radius:16px;padding:14px;box-shadow:0 1px 3px #0000000f}.ii-card-top{display:flex;align-items:center;gap:10px}.ii-card-avatar{width:40px;height:40px;flex-shrink:0;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#0f766e1a;color:var(--color-primary);font-weight:700;font-size:16px}.ii-card-info{flex:1;min-width:0}.ii-card-name{font-size:15px;font-weight:700;color:#1f2937;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ii-card-sub{font-size:12px;color:#6b7280;margin-top:2px;overflow-wrap:anywhere}.ii-card-top .sp{flex-shrink:0}.ii-card-amounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;padding-top:12px;border-top:1px dashed #E5E7EA}.ii-amount-item{display:flex;flex-direction:column;gap:2px;min-width:0}.ii-amount-label{font-size:11px;color:#6b7280}.ii-amount-value{font-size:13px;font-weight:700;color:#1f2937;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ii-amount-value.paid{color:#10b981}.ii-amount-value.danger{color:#ef4444}.ii-card-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.ii-card-actions .ii-btn-icon{width:40px;height:40px}[data-theme=dark] .ii-card{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .ii-card-name,[data-theme=dark] .ii-amount-value,[data-theme=dark] .ii-empty-title{color:#f5f7fa}[data-theme=dark] .ii-card-sub,[data-theme=dark] .ii-amount-label{color:#94a3b8}[data-theme=dark] .ii-card-amounts{border-top-color:#ffffff1a}.cashbook-page{padding:0;background:var(--color-background, #f8fafc);min-height:calc(100vh / var(--ui-vu, 1))}.cb-filter-row{padding:12px 12px 10px;background:var(--color-surface, #fff);border-bottom:1px solid var(--color-border, #f0f0f0);display:flex;align-items:center;gap:8px}.cb-filter-chips{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;flex:1;min-width:0}.cb-filter-chips::-webkit-scrollbar{display:none}.cb-chip{flex-shrink:0;padding:6px 12px;border-radius:20px;border:1.5px solid var(--color-border, #e5e7eb);background:transparent;color:var(--color-text, #374151);font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.cb-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.cb-chip:hover:not(.active){border-color:var(--color-primary);color:var(--color-primary)}.cb-subtabs{display:flex;gap:0;padding:12px 16px 0;background:var(--color-surface, #fff)}.cb-subtab{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-muted, #6b7280);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.cb-subtab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.cb-subtab:hover:not(.active){color:var(--color-text, #374151)}.cashbook-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.cashbook-header-left h1{font-size:1.75rem;font-weight:700;color:var(--color-text, #1f2937);margin:0 0 4px}.cashbook-header-left p{font-size:.9rem;color:var(--color-text-muted, #6b7280);margin:0}.cashbook-header h1{font-size:1.75rem;font-weight:700;color:var(--color-text, #1f2937);margin:0}.cashbook-tabs{display:flex;gap:12px;margin-bottom:24px}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;border:1px solid var(--color-border, #e5e7eb);background:var(--color-surface, white);color:var(--color-text-muted, #6b7280);font-size:14px;font-weight:500;cursor:pointer;border-radius:10px;transition:all .2s}.tab-btn:hover{background:var(--color-background, #f3f4f6);color:var(--color-text, #374151)}.tab-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.summary-cards{display:flex;flex-wrap:nowrap;gap:12px;margin-bottom:20px;overflow:hidden}.summary-card{flex:1 1 0;min-width:0;max-width:25%;background:var(--color-surface, white);border-radius:14px;padding:10px 14px;box-shadow:0 1px 3px #00000014;display:flex;flex-direction:column;position:relative;overflow:hidden}.summary-card .card-icon{position:absolute;top:16px;right:16px;width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.summary-card .card-label{font-size:.85rem;color:var(--color-text-muted, #6b7280);margin-bottom:12px;font-weight:500}.summary-card .card-value{font-size:clamp(.82rem,1.1vw,1.15rem);font-weight:700;color:var(--color-text, #1f2937);font-family:SF Mono,Monaco,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.summary-card .card-currency{font-size:1rem;font-weight:500;margin-left:4px;color:var(--color-text-muted, #6b7280)}.summary-card.balance{border:2px solid #e8f4ff}.summary-card.balance .card-icon{background:var(--color-primary);color:#fff}.summary-card.income{border:2px solid #d1fae5}.summary-card.income .card-icon{background:#10b981;color:#fff}.summary-card.income .card-value{color:#10b981}.summary-card.expense{border:2px solid #fee2e2}.summary-card.expense .card-icon{background:#ef4444;color:#fff}.summary-card.expense .card-value{color:#ef4444}.summary-card.net{border:2px solid #fef3c7}.summary-card.net .card-icon{background:#f59e0b;color:#fff}.summary-card.net .card-value.positive{color:#10b981}.summary-card.net .card-value.negative{color:#ef4444}.cashbook-toolbar{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.cashbook-toolbar .filters{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.cashbook-toolbar select,.cashbook-toolbar input[type=date]{padding:12px 16px;border:1px solid var(--color-border, #d1d5db);border-radius:10px;font-size:14px;background:var(--color-surface, white);color:var(--color-text, #374151);min-width:160px}.cashbook-toolbar .actions{display:flex;gap:12px}.date-range-separator{color:var(--color-text-muted, #9ca3af);font-size:1.2rem}.btn-primary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--color-surface, white);color:var(--color-text, #374151);border:1px solid var(--color-border, #d1d5db);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.cashbook-table-container{background:var(--color-surface, white);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000014}.cashbook-table{width:100%;border-collapse:collapse}.cashbook-table th{text-align:left;padding:16px 20px;background:var(--color-background, #f9fafb);font-size:.75rem;font-weight:600;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--color-border, #e5e7eb)}.cashbook-table th.text-right{text-align:right}.cashbook-table td{padding:18px 20px;font-size:14px;color:var(--color-text, #374151);border-bottom:1px solid var(--color-border, #f3f4f6)}.cashbook-table tr:hover{background:var(--color-background, #f9fafb)}.cashbook-table .code{font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600;color:var(--color-primary)}.cashbook-table .text-right{text-align:right}.cashbook-table .amount{font-weight:600;font-family:SF Mono,Monaco,Consolas,monospace}.cashbook-table .amount.income{color:#10b981}.cashbook-table .amount.expense{color:#ef4444}.cashbook-table .empty{text-align:center;color:var(--color-text-muted, #9ca3af);padding:60px}.type-badge{display:inline-block;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase}.type-badge.income{background:#d1fae5;color:#059669}.type-badge.expense{background:#fee2e2;color:#dc2626}.type-badge.transfer{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary-hover)}.cashbook-pagination{display:flex;justify-content:space-between;align-items:center;padding:20px;border-top:1px solid var(--color-border, #e5e7eb)}.cashbook-pagination .pagination-info{font-size:.9rem;color:var(--color-text-muted, #6b7280)}.cashbook-pagination .pagination-controls{display:flex;gap:6px}.cashbook-pagination .pagination-btn{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border, #d1d5db);border-radius:8px;background:var(--color-surface, white);font-size:14px;cursor:pointer;transition:all .2s}.cashbook-pagination .pagination-btn:hover:not(.active){background:var(--color-background, #f3f4f6)}.cashbook-pagination .pagination-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.categories-section{background:var(--color-surface, white);border-radius:16px;padding:28px;box-shadow:0 1px 3px #00000014}.categories-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.categories-header h2{font-size:18px;font-weight:600;color:var(--color-text, #1f2937);margin:0}.categories-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.category-column h3{font-size:15px;font-weight:600;margin-bottom:16px}.income-title{color:#10b981}.expense-title{color:#ef4444}.category-item{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-radius:10px;margin-bottom:10px}.category-item.income{background:#f0fdf4;border-left:3px solid #10b981}.category-item.expense{background:#fef2f2;border-left:3px solid #ef4444}.btn-delete{width:28px;height:28px;border:none;background:transparent;color:#9ca3af;font-size:18px;cursor:pointer;border-radius:6px;transition:all .2s}.btn-delete:hover{background:#fee2e2;color:#ef4444}.modal-overlay{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-content{background:var(--color-surface, white);border-radius:20px;padding:0;width:100%;max-width:540px;max-height:calc(90vh / var(--ui-vu, 1));overflow-y:auto;animation:slideUp .3s cubic-bezier(.16,1,.3,1);box-shadow:0 25px 50px -12px #00000040}.modal-content form{padding:28px}.modal-content h2{font-size:1.2rem;font-weight:700;color:var(--color-text, #1f2937);margin:0}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--color-border, #e5e7eb)}.modal-header-left{display:flex;align-items:center;gap:12px}.modal-header-icon{width:40px;height:40px;border-radius:12px;background:var(--brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-header-icon.cat-icon{background:linear-gradient(135deg,#f59e0b,#fbbf24)}.modal-header-icon.acct-icon{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.modal-close{width:36px;height:36px;border:none;background:var(--color-background, #f1f5f9);color:var(--color-text-muted, #94a3b8);border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#fee2e2;color:#ef4444}.txn-type-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:24px;background:var(--color-background, #f1f5f9);padding:4px;border-radius:12px}.txn-type-tab{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:none;background:transparent;color:var(--color-text-muted, #64748b);font-size:13px;font-weight:600;cursor:pointer;border-radius:10px;transition:all .2s}.txn-type-tab:hover{color:var(--color-text, #334155);background:#ffffff80}.txn-type-tab.income.active{background:#fff;color:#059669;box-shadow:0 1px 3px #0000001a}.txn-type-tab.expense.active{background:#fff;color:#dc2626;box-shadow:0 1px 3px #0000001a}.txn-type-tab.transfer.active{background:#fff;color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.txn-amount-section{margin-bottom:24px;background:linear-gradient(135deg,#f0fdfa,#ecfdf5);border:2px solid #99f6e4;border-radius:14px;padding:16px 20px}.txn-amount-section label{display:block;font-size:12px;font-weight:600;color:var(--color-primary-hover);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.txn-amount-input-wrap{display:flex;align-items:center;gap:8px}.txn-amount-input-wrap input{flex:1;border:none;background:transparent;font-size:1.75rem;font-weight:700;color:var(--color-primary-hover);padding:0;font-family:SF Mono,Monaco,Consolas,monospace;outline:none}.txn-amount-input-wrap input:focus{box-shadow:none}.txn-amount-input-wrap input::-moz-placeholder{color:var(--teal-15, #99f6e4)}.txn-amount-input-wrap input::placeholder{color:var(--teal-15, #99f6e4)}.txn-amount-unit{font-size:1.5rem;font-weight:700;color:var(--color-accent)}.required{color:#ef4444}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:12px;font-weight:600;color:var(--color-text-muted, #64748b);margin-bottom:8px;text-transform:uppercase;letter-spacing:.3px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:11px 14px;border:1.5px solid var(--color-border, #e2e8f0);border-radius:10px;font-size:14px;color:var(--color-text, #1e293b);background:var(--color-surface, white);transition:all .2s}.form-group textarea{resize:vertical;min-height:70px;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:20px;border-top:1px solid var(--color-border, #e5e7eb)}.modal-actions .btn-primary svg.spinner{animation:spin 1s linear infinite}.loading{text-align:center;padding:60px;color:var(--color-text-muted, #9ca3af)}@media(max-width:1024px){.summary-cards{flex-wrap:nowrap}.summary-card{max-width:25%}}@media(max-width:640px){.cashbook-page{padding:0 0 96px}.summary-cards{flex-wrap:nowrap;overflow-x:auto}.summary-card{min-width:140px;max-width:none}.cashbook-toolbar{flex-direction:column;align-items:stretch}.cashbook-toolbar .filters,.cashbook-toolbar .actions{flex-wrap:wrap}.categories-grid{grid-template-columns:1fr}}.inline-confirm-actions{display:inline-flex;gap:4px;align-items:center}.btn-confirm-yes{width:26px;height:26px;border:none;background:#dcfce7;color:#16a34a;font-size:14px;font-weight:700;cursor:pointer;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-confirm-yes:hover{background:#16a34a;color:#fff}.btn-confirm-no{width:26px;height:26px;border:none;background:#f1f5f9;color:#94a3b8;font-size:14px;font-weight:700;cursor:pointer;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-confirm-no:hover{background:#fee2e2;color:#ef4444}.action-cell{text-align:center;padding:8px!important}.btn-delete-row{width:32px;height:32px;border:none;background:transparent;color:#cbd5e1;cursor:pointer;border-radius:8px;transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.btn-delete-row:hover{background:#fee2e2;color:#ef4444}.delete-confirm-modal{max-width:400px;max-height:-moz-fit-content;max-height:fit-content;overflow:visible}.btn-danger{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#ef4444;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-danger:disabled{background:#fca5a5;cursor:not-allowed}.cashbook-page>.cb-balance-box,.cashbook-page>.cb-section-head,.cashbook-page>.cb-advanced-filters,.cashbook-page>.cb-txn-list,.cashbook-page>.cb-empty,.cashbook-page>.loading,.cashbook-page>.cashbook-pagination,.cashbook-page>.categories-section{margin-left:16px;margin-right:16px}.cb-balance-box{background:var(--color-surface, white);border-radius:18px;padding:16px 18px;border:1px solid var(--color-border, #e5e7eb);box-shadow:0 2px 8px #0000000f;margin-top:14px;margin-bottom:16px}.cb-bal-label-row{display:flex;align-items:center;gap:6px}.cb-bal-label-row .cb-bal-ghost{position:static;opacity:.5;color:#6b7280}.cb-bal-label-row .cb-bal-ghost svg{width:18px;height:18px}.cb-bal-label{font-size:12px;font-weight:600;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.06em}.cb-bal-amount{font-size:28px;font-weight:700;color:var(--color-text, #1a2b2a);letter-spacing:-.02em;margin-top:4px;font-family:SF Mono,Monaco,Consolas,monospace}.cb-bal-unit{font-size:14px;font-weight:500;color:var(--color-text-muted, #6b7280)}.cb-bal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.cb-bal-in,.cb-bal-out{padding:10px 12px;border-radius:12px}.cb-bal-in{background:#f0fdf4}.cb-bal-out{background:#fef2f2}.cb-bal-sublabel{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600}.cb-bal-in .cb-bal-sublabel{color:#059669}.cb-bal-out .cb-bal-sublabel{color:#dc2626}.cb-bal-subval{font-size:15px;font-weight:700;margin-top:4px;font-family:SF Mono,Monaco,Consolas,monospace}.cb-bal-in .cb-bal-subval{color:#059669}.cb-bal-out .cb-bal-subval{color:#dc2626}.cb-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.cb-section-title{font-size:15px;font-weight:700;color:var(--color-text, #1f2937)}.cb-count{font-weight:500;color:var(--color-text-muted, #6b7280)}.cb-section-actions{display:flex;gap:8px}.cb-btn-sm{padding:8px 14px!important;font-size:13px!important}.cb-advanced-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.cb-advanced-filters select{padding:9px 14px;border:1px solid var(--color-border, #d1d5db);border-radius:10px;font-size:13px;background:var(--color-surface, white);color:var(--color-text, #374151);min-width:160px;cursor:pointer}.cb-empty{text-align:center;padding:48px 24px;color:var(--color-text-muted, #9ca3af);font-size:14px;background:var(--color-surface, white);border-radius:16px;border:1px solid var(--color-border, #e5e7eb)}.cb-txn-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.cb-txn-item{background:var(--color-surface, white);border-radius:14px;padding:12px 14px;border:1px solid var(--color-border, #e5e7eb);display:flex;align-items:center;gap:12px;transition:box-shadow .15s}.cb-txn-item:hover{box-shadow:0 2px 8px #00000014}.cb-txn-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cb-txn-icon.in{background:#f0fdf4;color:#059669}.cb-txn-icon.out{background:#fef2f2;color:#dc2626}.cb-txn-icon.transfer{background:var(--teal-5, #f0fdfa);color:var(--color-primary)}.cb-txn-body{flex:1;min-width:0}.cb-txn-cat{font-size:13px;font-weight:600;color:var(--color-text, #1f2937);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-txn-note{font-size:12px;color:var(--color-text-muted, #6b7280);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-txn-right{text-align:right;flex-shrink:0}.cb-txn-amt{font-size:14px;font-weight:700;font-family:SF Mono,Monaco,Consolas,monospace}.cb-txn-amt.in{color:#059669}.cb-txn-amt.out{color:#dc2626}.cb-txn-time{font-size:12px;color:var(--color-text-muted, #9ca3af);margin-top:3px}.cb-txn-del{width:30px;height:30px;border:1px solid #fecaca;background:#fff;color:#ef4444;cursor:pointer;border-radius:7px;transition:all .15s;display:inline-grid;place-items:center;flex-shrink:0;margin-left:4px}.cb-txn-del:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}@media(min-width:769px){.cashbook-page{padding:24px 32px;background:var(--color-background);min-height:100%}.cashbook-page .cb-filter-row{margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid #e5e7eb}.cashbook-page .cb-filter-chips{display:flex;gap:12px;flex-wrap:wrap}.cashbook-page .cb-chip{padding:10px 22px;border-radius:12px;background:#fff;border:1px solid #e5e7eb;color:#475569;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s}.cashbook-page .cb-chip:hover{border-color:var(--teal-15, #99f6e4);color:var(--color-primary)}.cashbook-page .cb-chip.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.cashbook-page .cb-balance-box{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:28px 32px;margin-bottom:18px;box-shadow:0 1px 3px #00000008;position:relative;overflow:hidden}.cashbook-page .cb-balance-box:after{content:"💼";position:absolute;right:32px;top:24px;font-size:80px;opacity:.18;pointer-events:none}.cashbook-page .cb-bal-label{font-size:.78rem;font-weight:700;color:#94a3b8;letter-spacing:.6px;text-transform:uppercase;margin-bottom:10px}.cashbook-page .cb-bal-amount{font-size:2.6rem;font-weight:700;color:#1e293b;letter-spacing:-.02em;line-height:1;margin-bottom:22px}.cashbook-page .cb-bal-unit{font-size:1.4rem;color:#94a3b8;font-weight:500;margin-left:6px}.cashbook-page .cb-bal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cashbook-page .cb-bal-in,.cashbook-page .cb-bal-out{padding:18px 20px;border-radius:14px;display:flex;align-items:center;gap:16px}.cashbook-page .cb-bal-in{background:#ecfdf5;border:1px solid #a7f3d0}.cashbook-page .cb-bal-out{background:#fef2f2;border:1px solid #fecaca}.cashbook-page .cb-bal-in:before,.cashbook-page .cb-bal-out:before{content:"";width:44px;height:44px;border-radius:50%;flex-shrink:0;font-size:22px;display:grid;place-items:center}.cashbook-page .cb-bal-in:before{background:#d1fae5;content:"↗";color:#059669;font-weight:700}.cashbook-page .cb-bal-out:before{background:#fee2e2;content:"↘";color:#dc2626;font-weight:700}.cashbook-page .cb-bal-in>div,.cashbook-page .cb-bal-out>div{flex:1;display:flex;flex-direction:column;gap:4px}.cashbook-page .cb-bal-sublabel{font-size:.92rem;color:#64748b;font-weight:500}.cashbook-page .cb-bal-sublabel svg{display:none}.cashbook-page .cb-bal-subval{font-size:1.4rem;font-weight:700;letter-spacing:-.01em}.cashbook-page .cb-bal-in .cb-bal-subval{color:#059669}.cashbook-page .cb-bal-out .cb-bal-subval{color:#dc2626}.cashbook-page .cb-section-head{display:flex;align-items:center;justify-content:space-between;margin:24px 0 14px}.cashbook-page .cb-section-title{font-size:1.1rem;font-weight:700;color:#1e293b}.cashbook-page .cb-section-actions .btn-primary{background:var(--color-primary);color:#fff;border:none;padding:10px 22px;border-radius:10px;font-size:.92rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.cashbook-page .cb-section-actions .btn-primary:hover{background:var(--color-primary-hover)}.cashbook-page .cb-advanced-filters{margin-bottom:14px}.cashbook-page .cb-advanced-filters select{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px 16px;font-size:.92rem;color:#475569;width:100%;cursor:pointer}.cashbook-page .cb-empty{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:60px 20px;text-align:center;color:#64748b;font-size:1rem}.cashbook-page .cb-empty:before{content:"📋";display:block;font-size:56px;opacity:.5;margin-bottom:14px}.cashbook-page .cb-subtabs{display:flex;gap:6px;border-bottom:1px solid #e5e7eb;margin-bottom:18px}.cashbook-page .cb-subtab{padding:12px 18px;background:transparent;border:none;font-size:.92rem;color:#64748b;cursor:pointer;display:inline-flex;align-items:center;gap:8px;border-bottom:2px solid transparent;margin-bottom:-1px}.cashbook-page .cb-subtab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}}@media(min-width:769px){.cashbook-page{padding:0;background:var(--color-background);min-height:calc(calc(100vh / var(--ui-vu, 1)) - 46px)}.cashbook-page>.cb-balance-box,.cashbook-page>.cb-section-head,.cashbook-page>.cb-advanced-filters,.cashbook-page>.cb-txn-list,.cashbook-page>.cb-empty,.cashbook-page>.loading,.cashbook-page>.cashbook-pagination,.cashbook-page>.categories-section{margin-left:28px;margin-right:28px}.cashbook-page .cb-filter-row{min-height:82px;padding:18px 28px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:12px}.cashbook-page .cb-filter-chips{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;overflow-x:auto}.cashbook-page .cb-chip{min-width:108px;height:44px;padding:0 18px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#374151;font-size:14px;font-weight:600;box-shadow:none}.cashbook-page .cb-chip:hover:not(.active){border-color:var(--teal-15, #99f6e4);color:var(--color-primary);background:var(--color-background)}.cashbook-page .cb-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.16)}.cashbook-page .cb-chip-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0}.cashbook-page .cb-subtabs{min-height:58px;padding:0 28px;margin:0;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;gap:32px}.cashbook-page .cb-subtab{position:relative;height:58px;padding:0;border:none;background:transparent;display:inline-flex;align-items:center;gap:8px;color:#64748b;font-size:14px;font-weight:600;margin:0}.cashbook-page .cb-subtab svg{width:18px;height:18px}.cashbook-page .cb-subtab:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;border-radius:999px;background:var(--color-primary);transform:scaleX(.36);opacity:0;transition:transform .18s ease,opacity .18s ease}.cashbook-page .cb-subtab:hover{color:#111827}.cashbook-page .cb-subtab.active{color:var(--color-primary);font-weight:700;border-bottom-color:transparent}.cashbook-page .cb-subtab.active:after{transform:scaleX(1);opacity:1}.cashbook-page .cb-balance-box{position:relative;min-height:208px;margin-top:24px;margin-bottom:0;padding:28px 32px 30px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 16px #0f172a0d;overflow:hidden}.cashbook-page .cb-balance-box:after{display:none}.cashbook-page .cb-bal-label-row .cb-bal-ghost{position:absolute;right:34px;top:34px;color:#cbd5e1;opacity:.45;pointer-events:none}.cashbook-page .cb-bal-label-row .cb-bal-ghost svg{width:48px;height:48px}.cashbook-page .cb-bal-label{font-size:13px;line-height:1;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.cashbook-page .cb-bal-amount{position:relative;z-index:1;font-size:40px;line-height:1.05;font-weight:800;color:#111827;letter-spacing:-.03em;margin-bottom:0}.cashbook-page .cb-bal-unit{font-size:18px;color:#94a3b8;font-weight:600;margin-left:6px}.cashbook-page .cb-bal-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.cashbook-page .cb-bal-in,.cashbook-page .cb-bal-out{min-height:78px;padding:16px 20px;border-radius:12px;display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:16px}.cashbook-page .cb-bal-in{background:var(--teal-5, #f0fdfa);border:1px solid #a7f3d0}.cashbook-page .cb-bal-out{background:#fef2f2;border:1px solid #fca5a5}.cashbook-page .cb-bal-in:before,.cashbook-page .cb-bal-out:before{display:none}.cashbook-page .cb-bal-badge-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;flex-shrink:0}.cashbook-page .cb-bal-in .cb-bal-badge-icon{background:#d1fae5;color:var(--color-primary)}.cashbook-page .cb-bal-out .cb-bal-badge-icon{background:#fee2e2;color:#ef4444}.cashbook-page .cb-bal-copy{min-width:0}.cashbook-page .cb-bal-sublabel{display:block;font-size:14px;line-height:1.3;color:#64748b;font-weight:600}.cashbook-page .cb-bal-subval{font-size:18px;line-height:1;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.cashbook-page .cb-bal-in .cb-bal-subval{color:var(--color-primary)}.cashbook-page .cb-bal-out .cb-bal-subval{color:#ef4444}.cashbook-page .cb-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;margin-bottom:14px}.cashbook-page .cb-section-title{font-size:20px;line-height:1.2;font-weight:700;color:#111827}.cashbook-page .cb-count{color:#64748b}.cashbook-page .cb-section-actions{display:inline-flex;align-items:center;gap:10px}.cashbook-page .cb-section-actions .btn-secondary,.cashbook-page .cb-section-actions .btn-primary{height:42px;padding:0 18px;border-radius:10px;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;box-shadow:none}.cashbook-page .cb-section-actions .btn-primary{background:var(--color-primary);color:#fff;border:none;box-shadow:0 6px 14px rgba(var(--color-primary-rgb),.18)}.cashbook-page .cb-section-actions .btn-primary:hover{background:var(--color-primary-hover)}.cashbook-page .cb-section-actions .btn-secondary{background:#fff;color:#374151;border:1px solid #e5e7eb}.cashbook-page .cb-advanced-filters{display:flex;gap:12px;margin-bottom:0}.cashbook-page .cb-advanced-filters select{height:44px;padding:0 16px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#64748b;font-size:14px;box-shadow:0 1px 2px #0f172a08}.cashbook-page .cb-advanced-filters select:only-child{width:100%;min-width:100%}.cashbook-page .cb-advanced-filters select:first-child:not(:only-child){width:220px;min-width:220px}.cashbook-page .cb-advanced-filters select:last-child:not(:only-child){flex:1;min-width:0}.cashbook-page .cb-empty{min-height:236px;margin-top:16px;padding:28px 24px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 4px 16px #0f172a0d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center}.cashbook-page .cb-empty:before{display:none}.cashbook-page .cb-empty-icon{display:inline-flex;align-items:center;justify-content:center;color:#94a3b8;opacity:.7}.cashbook-page .cb-empty-text{font-size:15px;line-height:1.45;color:#64748b}.cashbook-page .cb-txn-list{margin-top:16px;gap:12px}.cashbook-page .cb-txn-item{border-radius:14px;padding:14px 16px;box-shadow:0 2px 8px #0f172a0a}.cashbook-page .cashbook-pagination{margin-top:16px;padding:18px 0 0;border-top:none}.cashbook-page .categories-section{margin-top:24px;border:1px solid #e5e7eb;box-shadow:0 4px 16px #0f172a0d}}[data-theme=dark] .cashbook-page{background:#101525!important}[data-theme=dark] .cashbook-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .cashbook-header-left h1,[data-theme=dark] .cashbook-header h1{color:#f5f7fa!important}[data-theme=dark] .cashbook-header-left p{color:#94a3b8!important}[data-theme=dark] .cashbook-tabs{background:#151a2b!important;border-color:#ffffff14!important}[data-theme=dark] .tab-btn{color:#94a3b8!important;background:transparent!important}[data-theme=dark] .tab-btn.active{color:#f5f7fa!important;border-color:var(--color-primary)!important}[data-theme=dark] .tab-btn:hover{background:#ffffff0a!important}[data-theme=dark] .summary-cards{background:transparent!important}[data-theme=dark] .summary-card{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .summary-card .card-label{color:#94a3b8!important}[data-theme=dark] .summary-card .card-value{color:#f5f7fa!important}[data-theme=dark] .summary-card .card-icon{opacity:.8}[data-theme=dark] .cashbook-toolbar{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .cashbook-toolbar select,[data-theme=dark] .cashbook-toolbar input[type=date]{background:#1c2233!important;border-color:#ffffff1f!important;color:#f5f7fa!important}[data-theme=dark] .cashbook-table-container{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .cashbook-table th{background:#1c2233!important;color:#94a3b8!important;border-color:#ffffff14!important}[data-theme=dark] .cashbook-table td{color:#f5f7fa!important;border-color:#ffffff0f!important}[data-theme=dark] .cashbook-table tr{background:#202638!important}[data-theme=dark] .cashbook-table tr:hover{background:#ffffff0a!important}[data-theme=dark] .cb-filter-row{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .cb-chip{background:#1c2233!important;border-color:#ffffff1a!important;color:#94a3b8!important}[data-theme=dark] .cb-chip.active{background:rgba(var(--color-primary-rgb),.2)!important;border-color:rgba(var(--color-primary-rgb),.4)!important;color:#2dd4bf!important}[data-theme=dark] .cb-subtabs{background:#151a2b!important;border-color:#ffffff14!important}[data-theme=dark] .cb-subtab{color:#94a3b8!important}[data-theme=dark] .cb-subtab.active{color:#f5f7fa!important;border-color:var(--color-primary)!important}.modal-content.modal-content--txn-wide{max-width:1140px;padding:0}.modal-content.modal-content--txn-wide form.txn-form--pc{padding:18px 28px 16px;display:flex;flex-direction:column;gap:10px}.modal-content--txn-wide .modal-header{margin-bottom:4px;padding-bottom:10px;align-items:flex-start}.modal-content--txn-wide .modal-header-text h2{font-size:1.25rem;line-height:1.2;margin:0 0 2px}.modal-content--txn-wide .modal-header-sub{margin:0;color:var(--color-text-muted, #64748b);font-size:12.5px}.modal-content--txn-wide .modal-header-icon{width:38px;height:38px;border-radius:11px}.modal-content--txn-wide .modal-actions{padding-top:12px;margin-top:4px}.modal-close.modal-close--text{width:auto;height:auto;padding:9px 16px;gap:6px;background:#fff;border:1px solid var(--color-border, #e5e7eb);color:var(--color-text, #1e293b);font-size:13.5px;font-weight:600;border-radius:10px}.modal-close.modal-close--text:hover{background:#f9fafb;color:#ef4444;border-color:#fecaca}.modal-content--txn-wide .txn-type-tabs--underline{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:transparent;padding:0;border-radius:0;border-bottom:1px solid var(--color-border, #e5e7eb);margin-bottom:10px}.modal-content--txn-wide .txn-type-tabs--underline .txn-type-tab{background:transparent!important;border-radius:0;padding:9px 12px;font-size:14px;font-weight:600;color:var(--color-text-muted, #64748b);border-bottom:2px solid transparent;box-shadow:none!important;margin-bottom:-1px}.modal-content--txn-wide .txn-type-tabs--underline .txn-type-tab.active{color:var(--color-primary-hover);border-bottom-color:var(--color-primary-hover);box-shadow:none!important}.modal-content--txn-wide .txn-type-tabs--underline .txn-type-tab.income.active{color:var(--color-primary-hover);border-bottom-color:var(--color-primary-hover)}.modal-content--txn-wide .txn-type-tabs--underline .txn-type-tab.expense.active{color:#dc2626;border-bottom-color:#dc2626}.modal-content--txn-wide .txn-type-tabs--underline .txn-type-tab.transfer.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.txn-pc-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;row-gap:10px}.txn-pc-grid.txn-pc-grid--single{grid-template-columns:1fr}.txn-pc-left,.txn-pc-right{display:flex;flex-direction:column;gap:10px;min-width:0}.modal-content--txn-wide .form-group{margin-bottom:0}.modal-content--txn-wide .form-group label{font-size:12.5px;font-weight:600;color:var(--color-text, #1e293b);text-transform:none;letter-spacing:0;margin-bottom:4px}.modal-content--txn-wide .form-help{display:block;margin-top:3px;font-size:12px;color:var(--color-text-muted, #94a3b8)}.modal-content--txn-wide .form-group input,.modal-content--txn-wide .form-group select,.modal-content--txn-wide .form-group textarea{padding:8px 12px;font-size:13.5px}.modal-content--txn-wide .txn-amount-wrap .txn-amount-input-wrap--pc{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#f0fdfa,#ecfdf5);border:1.5px solid #99f6e4;border-radius:10px;padding:9px 14px}.modal-content--txn-wide .txn-amount-prefix{font-size:1.2rem;font-weight:700;color:var(--color-primary-hover);font-family:Be Vietnam Pro,system-ui,sans-serif;line-height:1}.modal-content--txn-wide .txn-amount-input-wrap--pc input{flex:1;border:none;background:transparent;font-size:1.25rem;font-weight:700;color:var(--color-primary-hover);padding:0;outline:none}.modal-content--txn-wide .txn-amount-calc{color:var(--color-primary-hover);opacity:.65;display:inline-flex}.form-input-with-icon{position:relative;display:flex;align-items:center}.form-input-icon{position:absolute;left:12px;color:var(--color-text-muted, #94a3b8);pointer-events:none;display:inline-flex}.modal-content--txn-wide .form-input-with-icon input{padding-left:36px;padding-right:36px;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 12px center}.modal-content--txn-wide .form-input-with-icon input::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;width:100%;height:100%;cursor:pointer}.txn-notes-wrap{position:relative}.txn-notes-count{position:absolute;bottom:8px;right:10px;font-size:12px;color:var(--color-text-muted, #94a3b8);background:#ffffffd9;padding:1px 6px;border-radius:6px}.modal-content--txn-wide .txn-notes-group textarea{min-height:64px}.txn-cat-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.txn-cat-tile{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1.5px solid var(--color-border, #e5e7eb);border-radius:12px;background:#fff;color:var(--color-text, #1e293b);cursor:pointer;text-align:left;transition:all .15s;min-width:0;min-height:46px}.txn-cat-tile:hover{border-color:var(--color-primary, #10b981);background:#fafafa}.txn-cat-tile.active{border-color:var(--color-primary, #10b981);background:#10b9810f;box-shadow:none}.txn-cat-tile-icon{width:34px;height:34px;border-radius:9px;background:#10b9811f;color:var(--color-primary-hover, #10b981);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.txn-cat-tile-name{font-size:13px;font-weight:600;flex:1;min-width:0;line-height:1.25;white-space:normal;word-break:break-word;overflow-wrap:anywhere}@media(max-width:900px){.modal-content.modal-content--txn-wide{max-width:calc(92vw / var(--ui-vu, 1))}.txn-pc-grid{grid-template-columns:1fr;gap:18px}.txn-cat-tiles{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.finance-page .cashbook-page,.cashbook-page{padding-top:0!important;margin-top:0!important;padding-bottom:96px!important}.cashbook-page .cb-mob-hero{margin:0!important;border-radius:0!important}.finance-page .cashbook-page .cb-filter-row,.cashbook-page .cb-filter-row{padding:12px 16px 0!important;margin:0!important}.finance-page .cashbook-page .cb-subtabs,.cashbook-page .cb-subtabs{margin:10px 16px 0!important;padding:0!important}.finance-page .cashbook-page>.cb-balance-box,.cashbook-page .cb-balance-box{margin:12px 16px!important}.finance-page .cashbook-page>.cb-section-head,.cashbook-page .cb-section-head{margin:0 16px 10px!important}.finance-page .cashbook-page>.cb-advanced-filters,.cashbook-page .cb-advanced-filters{margin:0 16px 12px!important}.finance-page .cashbook-page>.cb-txn-list,.cashbook-page .cb-txn-list,.cashbook-page .transactions-list{margin:0 16px!important}.finance-page .cashbook-page>.cb-empty,.cashbook-page .cb-empty{margin:0 16px!important}.finance-page .cashbook-page>.loading,.cashbook-page .loading{margin:0 16px!important}.finance-page .cashbook-page>.cashbook-pagination,.cashbook-page .cashbook-pagination{margin:12px 16px 20px!important}.finance-page .cashbook-page>.categories-section,.cashbook-page .categories-section{margin:10px 16px!important}}.cashier-report-page{background:var(--color-background, #f8fafc);min-height:100%;padding:0 0 80px}.crp-chips-row{display:flex;gap:8px;padding:12px 16px 10px;background:var(--color-surface, #fff);border-bottom:1px solid var(--color-border, #f0f0f0);overflow-x:auto;scrollbar-width:none}.crp-chips-row::-webkit-scrollbar{display:none}.crp-chips-row .cb-chip{flex-shrink:0;padding:6px 16px;border-radius:20px;border:1.5px solid var(--color-border, #e5e7eb);background:transparent;color:var(--color-text, #374151);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.crp-chips-row .cb-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.crp-chips-row .cb-chip:hover:not(.active){border-color:var(--color-primary);color:var(--color-primary)}.crp-summary-wrap{padding:14px 16px 0}.crp-summary-box{background:var(--brand-gradient);border-radius:22px;padding:18px 20px;color:#fff;position:relative;overflow:hidden}.crp-summary-bg-circle{position:absolute;right:-20px;top:-20px;width:140px;height:140px;border-radius:50%;background:#ffffff14;pointer-events:none}.crp-summary-period{font-size:12px;letter-spacing:.08em;font-weight:700;opacity:.88;text-transform:uppercase}.crp-summary-amount{font-size:28px;font-weight:800;letter-spacing:-.03em;margin-top:6px;font-family:SF Mono,Monaco,Consolas,monospace}.crp-summary-unit{font-size:15px;font-weight:500;opacity:.8;margin-left:2px}.crp-summary-stats{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.18)}.crp-summary-stat{padding-right:8px}.crp-summary-stat.divider{border-left:1px solid rgba(255,255,255,.18);padding-left:12px}.crp-summary-stat-label{font-size:12px;opacity:.8}.crp-summary-stat-val{font-size:13px;font-weight:700;margin-top:3px}.crp-section{padding:16px 16px 0}.crp-section-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap}.crp-section-head{font-size:14px;font-weight:700;color:var(--color-text, #111827);margin-bottom:0}.crp-loading,.crp-empty{text-align:center;padding:40px 24px;color:var(--color-text-muted, #9ca3af);font-size:14px;background:var(--color-surface, #fff);border-radius:16px;border:1px solid var(--color-border, #e5e7eb)}.crp-rank-list{background:var(--color-surface, #fff);border-radius:16px;box-shadow:0 1px 4px #0000000f;overflow:hidden}.crp-rank-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid var(--color-border, #f3f4f6)}.crp-rank-row:last-child{border-bottom:none}.crp-rank-badge{width:26px;height:26px;border-radius:8px;background:var(--color-background, #f3f4f6);color:var(--color-text-muted, #6b7280);display:grid;place-items:center;font-size:12px;font-weight:800;flex-shrink:0}.crp-rank-badge.gold{background:linear-gradient(135deg,#fce7a2,#f5c76e);color:#7c5a12}.crp-rank-body{flex:1;min-width:0}.crp-rank-name{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--color-text, #111827);margin-bottom:6px}.crp-rank-avatar{width:28px;height:28px;border-radius:50%;background:var(--brand-gradient);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;flex-shrink:0}.crp-rank-bar{height:6px;border-radius:3px;background:var(--color-border, #e5e7eb);overflow:hidden}.crp-rank-bar-fill{height:100%;border-radius:3px;background:var(--brand-gradient);transition:width .4s ease}.crp-rank-right{text-align:right;flex-shrink:0}.crp-rank-revenue{font-size:13px;font-weight:800;color:var(--color-primary-hover)}.crp-rank-sub{font-size:12px;color:var(--color-text-muted, #9ca3af);margin-top:2px}@media(min-width:769px){.cashier-report-page{padding:16px 20px 40px;background:#f8fafc}.cashier-report-page .crp-chips-row{background:transparent;border:none;padding:0;gap:10px;margin-bottom:0}.cashier-report-page .crp-chips-row .cb-chip{padding:7px 14px 7px 32px;border-radius:8px;background:#fff;border:1px solid #e5e7eb;color:#475569;font-size:13px;font-weight:500;position:relative;box-shadow:0 1px 2px #00000005}.cashier-report-page .crp-chips-row .cb-chip:before{content:"📅";position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:13px;opacity:.7}.cashier-report-page .crp-chips-row .cb-chip.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 2px 6px rgba(var(--color-primary-rgb),.2)}.cashier-report-page .crp-chips-row .cb-chip.active:before{opacity:1}.cashier-report-page .crp-summary-wrap{padding:0}.cashier-report-page .crp-summary-box{border-radius:12px;padding:14px 20px;margin-bottom:12px}.cashier-report-page .crp-summary-bg-circle{right:20px;top:10px;width:80px;height:80px;background:#ffffff1a}.cashier-report-page .crp-summary-period{font-size:.75rem;letter-spacing:.5px}.cashier-report-page .crp-summary-amount{font-size:1.7rem;font-weight:700;margin-top:4px;font-family:inherit;letter-spacing:-.01em}.cashier-report-page .crp-summary-unit{font-size:.95rem;margin-left:4px}.cashier-report-page .crp-summary-stats{margin-top:10px;padding-top:10px;gap:0;border-top-color:#ffffff1f}.cashier-report-page .crp-summary-stat{position:relative;padding:0 12px 0 46px;min-height:36px;display:flex;flex-direction:column;justify-content:center}.cashier-report-page .crp-summary-stat.divider{border-left-color:#ffffff26;padding-left:56px}.cashier-report-page .crp-summary-stat:before{content:"";position:absolute;left:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:8px;background:#ffffff26;background-repeat:no-repeat;background-position:center}.cashier-report-page .crp-summary-stat.divider:before{left:16px}.cashier-report-page .crp-summary-stat:nth-child(1):before{content:"📄";display:grid;place-items:center;font-size:16px}.cashier-report-page .crp-summary-stat:nth-child(2):before{content:"💰";display:grid;place-items:center;font-size:16px}.cashier-report-page .crp-summary-stat:nth-child(3):before{content:"💳";display:grid;place-items:center;font-size:16px}.cashier-report-page .crp-summary-stat-label{font-size:.78rem;opacity:.92}.cashier-report-page .crp-summary-stat-val{font-size:.95rem;font-weight:700;margin-top:2px}.cashier-report-page .crp-section{padding:0}.cashier-report-page .crp-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:16px}.cashier-report-page .crp-section-head{font-size:.95rem;font-weight:700;color:#1e293b;margin-bottom:0}.cashier-report-page .crp-loading,.cashier-report-page .crp-empty{background:#fff;border-radius:12px;border:1px solid #f1f5f9;padding:24px 20px 20px;font-size:.95rem;color:#475569;font-weight:600}.cashier-report-page .crp-empty{position:relative}.cashier-report-page .crp-empty:before{content:"";display:block;width:64px;height:64px;margin:0 auto 8px;background:radial-gradient(circle at 50% 60%,#f0fdfa 0%,#f0fdfa 50%,transparent 70%);background-image:radial-gradient(circle at 50% 60%,transparent 65%,transparent 100%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none'><rect x='28' y='18' width='44' height='58' rx='4' fill='%23ecfdf5' stroke='%2399f6e4' stroke-width='1.5'/><rect x='38' y='12' width='24' height='10' rx='2' fill='%2399f6e4'/><line x1='36' y1='34' x2='64' y2='34' stroke='%23a7f3d0' stroke-width='2'/><line x1='36' y1='42' x2='58' y2='42' stroke='%23a7f3d0' stroke-width='2'/><line x1='36' y1='50' x2='62' y2='50' stroke='%23a7f3d0' stroke-width='2'/><circle cx='70' cy='70' r='13' fill='%2399f6e4'/><line x1='65' y1='65' x2='75' y2='75' stroke='%23fff' stroke-width='2.5' stroke-linecap='round'/><line x1='75' y1='65' x2='65' y2='75' stroke='%23fff' stroke-width='2.5' stroke-linecap='round'/></svg>");background-size:contain;background-repeat:no-repeat;background-position:center}.cashier-report-page .crp-empty:after{content:"Hiện chưa có dữ liệu xếp hạng thu ngân trong khoảng thời gian bạn đã chọn.";display:block;font-size:.8rem;color:#94a3b8;font-weight:400;margin-top:4px;max-width:440px;margin-left:auto;margin-right:auto}.cashier-report-page .crp-rank-list{border-radius:12px;border:1px solid #f1f5f9;box-shadow:0 1px 3px #00000008}.cashier-report-page .crp-rank-row{padding:10px 14px}.cashier-report-page .crp-rank-name{font-size:.9rem}.cashier-report-page .crp-rank-revenue{font-size:.95rem}}[data-theme=dark] .cashier-report-page{background:#101525!important}[data-theme=dark] .crp-summary-wrap{background:transparent!important}[data-theme=dark] .crp-summary-box{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .crp-summary-period{color:#94a3b8!important}[data-theme=dark] .crp-summary-amount{color:#f5f7fa!important}[data-theme=dark] .crp-summary-unit,[data-theme=dark] .crp-summary-stat-label{color:#94a3b8!important}[data-theme=dark] .crp-summary-stat-val{color:#f5f7fa!important}[data-theme=dark] .crp-section{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .crp-section-head{background:#1c2233!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .crp-chips-row .cb-chip{background:#1c2233!important;border-color:#ffffff1a!important;color:#94a3b8!important}[data-theme=dark] .crp-chips-row .cb-chip.active{background:rgba(var(--color-primary-rgb),.2)!important;border-color:rgba(var(--color-primary-rgb),.4)!important;color:#2dd4bf!important}.ir-page{display:flex;flex-direction:column;min-height:100%;background:var(--color-background, #f8fafc);padding-bottom:88px;box-sizing:border-box;width:100%}.ir-hero{position:sticky;top:0;z-index:20;background:var(--brand-gradient, linear-gradient(135deg, #0d9488 0%, #0f766e 100%));padding:14px 16px;color:#fff;border-radius:0 0 20px 20px;box-shadow:0 2px 10px #0d948826;box-sizing:border-box;width:100%;overflow:hidden}.ir-hero:after{content:"";position:absolute;right:-40px;top:-20px;width:220px;height:180px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none' stroke='white' stroke-opacity='0.18' stroke-width='1.5'><path d='M100 30 C90 60 80 80 60 95 C80 100 95 115 100 145 C105 115 120 100 140 95 C120 80 110 60 100 30 Z'/><path d='M100 50 C95 70 88 85 75 95 C88 100 95 110 100 130 C105 110 112 100 125 95 C112 85 105 70 100 50 Z'/><circle cx='100' cy='95' r='8'/></svg>");background-repeat:no-repeat;background-size:contain;pointer-events:none}.ir-hero-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ir-back-btn{width:36px;height:36px;border-radius:10px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0;margin-right:10px;transition:all .15s ease}.ir-back-btn:hover{background:#ffffff47}.ir-hero-title{font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.25}.ir-hero-sub{font-size:11.5px;color:#ffffffd9;margin-top:2px;line-height:1.3}.ir-hero-actions{display:flex;gap:8px;flex-shrink:0}.ir-icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#ffffff2e;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .15s ease}.ir-icon-btn:hover{background:#ffffff47}.ir-date-row{display:flex;align-items:center;gap:6px;margin-bottom:10px}.ir-date-row input{flex:1;padding:6px 8px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff26;color:#fff;font-size:12px;color-scheme:dark}.ir-date-row input:focus{outline:none;border-color:#ffffffb3}.ir-date-row span{color:#ffffffb3;font-size:12px}.ir-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;justify-content:flex-start}.ir-chips::-webkit-scrollbar{display:none}.ir-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid rgba(255,255,255,.25);background:#ffffff26;color:#fffffff2;cursor:pointer;transition:all .15s ease}.ir-chip.active{background:#fff;color:var(--color-primary, #0d9488);border-color:#fff;font-weight:700;box-shadow:0 2px 6px #0000001a}.ir-chip-check{color:var(--color-primary, #0d9488)}.ir-loading,.ir-error{text-align:center;padding:60px 16px;color:#94a3b8;font-size:14px}.ir-error{color:#ef4444}.ir-empty{margin:8px 16px 16px;padding:36px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;text-align:center;box-shadow:0 1px 4px #0000000a}.ir-empty-illu{display:block;margin:0 auto 14px}.ir-empty-title{font-size:14.5px;font-weight:700;color:#1e293b;margin-bottom:6px}.ir-empty-sub{font-size:12.5px;color:#94a3b8}.ir-summary-wrap{padding:14px 16px 0;box-sizing:border-box;width:100%}.ir-summary-box{background:#fff;border-radius:16px;padding:16px 18px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;box-sizing:border-box;width:100%}.ir-summary-label{font-size:11.5px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.ir-summary-value{font-size:24px;font-weight:800;color:var(--color-primary, #0d9488);letter-spacing:-.02em;margin-top:4px}.ir-chart{display:block;margin-top:12px;overflow:visible}.ir-stat-row{display:flex;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid #f1f5f9}.ir-stat{flex:1;display:flex;align-items:center;justify-content:center;gap:8px}.ir-stat-icon{width:32px;height:32px;border-radius:8px;background:#e6f4f2;display:grid;place-items:center;flex-shrink:0}.ir-stat-text{text-align:left}.ir-stat-l{font-size:11px;color:#94a3b8;margin-bottom:2px}.ir-stat-v{font-size:14px;font-weight:700;color:#1e293b}.ir-stat-sep{width:1px;height:24px;background:#f1f5f9}.ir-section-head{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 8px;box-sizing:border-box;width:100%}.ir-section-title{font-size:13px;font-weight:700;color:#1e293b}.ir-section-count{font-size:12px;font-weight:500;color:#64748b}.ir-list{padding:0 16px 88px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box;width:100%}.ir-item{background:#fff;border-radius:16px;padding:14px 16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}.ir-item-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.ir-item-name-row{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.ir-item-icon{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}.ir-item-icon.svc{background:#eff6ff}.ir-item-icon.prd{background:#fef3c7}.ir-item-name{font-size:13.5px;font-weight:700;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ir-kind-badge{flex-shrink:0;padding:2px 7px;border-radius:20px;font-size:11px;font-weight:600}.ir-kind-badge.svc{background:#eff6ff;color:#3b82f6}.ir-kind-badge.prd{background:#fef3c7;color:#d97706}.ir-item-revenue{font-size:13.5px;font-weight:700;color:var(--color-primary, #0d9488);white-space:nowrap;margin-left:8px}.ir-bar-track{height:6px;background:#f1f5f9;border-radius:999px;overflow:hidden;margin-bottom:8px}.ir-bar-fill{height:100%;background:var(--brand-gradient, linear-gradient(90deg, #0d9488, #2dd4bf));border-radius:999px;transition:width .4s ease}.ir-item-meta{display:flex;align-items:center;gap:12px;font-size:11.5px;color:#64748b}.ir-meta-right{margin-left:auto}.ird-page{padding:24px 28px 32px;background:var(--color-background, #f8fafc);min-height:100%;display:flex;flex-direction:column;gap:18px}.ird-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.ird-title{font-size:1.55rem;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.02em}.ird-subtitle{font-size:.72rem;color:#94a3b8;font-weight:600;letter-spacing:.6px}.ird-header-actions{display:flex;gap:10px;align-items:center}.ird-date{height:40px;width:155px;padding:0 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:13px;color:#374151;outline:none}.ird-date:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.ird-dash{color:#cbd5e1}.ird-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ird-kpi{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:18px 22px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #00000008}.ird-kpi-icon{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.ird-kpi-info{min-width:0;flex:1}.ird-kpi-label{font-size:.7rem;color:#94a3b8;font-weight:600;letter-spacing:.5px;margin-bottom:6px}.ird-kpi-value{font-size:1.6rem;font-weight:700;color:#1e293b;line-height:1;letter-spacing:-.02em}.ird-kpi-value.teal{color:var(--color-primary)}.ird-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;box-shadow:0 1px 3px #00000008;overflow:hidden}.ird-tabs-row{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid #f1f5f9}.ird-tabs{display:flex;gap:8px}.ird-tab{padding:8px 18px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:.85rem;font-weight:600;color:#475569;cursor:pointer;transition:all .15s}.ird-tab:hover{border-color:var(--teal-15, #99f6e4);color:var(--color-primary)}.ird-tab.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ird-tabs-right{display:flex;align-items:center;gap:12px}.ird-tabs-count{font-size:.78rem;color:#475569;background:var(--color-background);padding:5px 14px;border-radius:999px;font-weight:500;white-space:nowrap}.ird-table-wrap{overflow-x:auto}.ird-table{width:100%;border-collapse:collapse;font-size:.88rem}.ird-table thead th{text-align:left;padding:12px;font-size:.7rem;font-weight:600;color:#94a3b8;letter-spacing:.5px;background:var(--color-background);border-bottom:1px solid var(--color-border)}.ird-table thead th.num{text-align:right}.ird-table tbody td{padding:16px 12px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.ird-table tbody tr:last-child td{border-bottom:none}.ird-table tbody td.num{text-align:right;font-variant-numeric:tabular-nums}.ird-table tbody td:first-child,.ird-table thead th:first-child{padding-left:22px}.ird-table tbody td:last-child,.ird-table thead th:last-child{padding-right:22px}.ird-item{display:flex;align-items:center;gap:12px}.ird-item-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.ird-item-icon.svc{background:#ccfbf1;color:var(--color-primary)}.ird-item-icon.prd{background:#fef3c7;color:#d97706}.ird-pill{display:inline-block;padding:5px 14px;border-radius:999px;font-size:.78rem;font-weight:600}.ird-pill.svc{background:#ccfbf1;color:var(--color-primary)}.ird-pill.prd{background:#fef3c7;color:#d97706}.ird-total-row td{background:var(--color-background);color:var(--color-primary)!important;border-top:2px solid var(--color-border)!important}.ird-total-row strong{color:var(--color-primary)}.ird-empty-cell{text-align:center;color:#94a3b8;padding:60px 12px!important;font-size:14px}@media(max-width:1280px){.ird-kpi-row{grid-template-columns:repeat(2,1fr)}}[data-theme=dark] .ir-page{background:#101525!important}[data-theme=dark] .ir-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)!important}[data-theme=dark] .ir-date-row input{background:#ffffff26!important;border-color:#ffffff4d!important;color:#fff!important}[data-theme=dark] .ir-chip{background:#1c2233!important;border-color:#ffffff1a!important;color:#94a3b8!important}[data-theme=dark] .ir-chip.active{background:rgba(var(--color-primary-rgb),.2)!important;border-color:rgba(var(--color-primary-rgb),.4)!important;color:#2dd4bf!important}[data-theme=dark] .ir-summary-wrap{background:transparent!important}[data-theme=dark] .ir-summary-box{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .ir-summary-label{color:#94a3b8!important}[data-theme=dark] .ir-summary-value{color:#f5f7fa!important}[data-theme=dark] .ir-chart{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .ir-stat-row{background:transparent!important}[data-theme=dark] .ir-empty-title{color:#f5f7fa!important}[data-theme=dark] .ir-empty-sub{color:#94a3b8!important}.ir-page.ir-item-report,.ir-page{padding:0 0 88px!important;margin-top:0!important;gap:0!important;min-height:100%}@media(max-width:768px){.finance-page .ir-page,.ir-page{padding-top:0!important;margin-top:0!important}.ir-hero{top:0!important;margin-top:0!important}}.rbp-page-mobile{display:flex;flex-direction:column;min-height:100%;background:var(--color-background, #f8fafc);padding-bottom:88px;box-sizing:border-box;width:100%}.rbp-mobile-hero{background:var(--brand-gradient, linear-gradient(135deg, #0d9488 0%, #0f766e 100%));padding:14px 16px 12px;color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px #0d948826;box-sizing:border-box;width:100%}.rbp-mobile-hero-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.rbp-mobile-back-btn{width:36px;height:36px;border-radius:10px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0;transition:all .15s ease}.rbp-mobile-back-btn:hover{background:#ffffff47}.rbp-mobile-hero-text{flex:1;min-width:0}.rbp-mobile-hero-title{font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rbp-mobile-hero-sub{font-size:11.5px;color:#ffffffd9;margin-top:2px;line-height:1.3}.rbp-mobile-icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#ffffff2e;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0;transition:all .15s ease}.rbp-mobile-date-row{display:flex;align-items:center;gap:6px;margin-bottom:10px;width:100%}.rbp-mobile-date-row input{flex:1 1 0;min-width:0;width:100%;padding:6px 8px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff26;color:#fff;font-size:12px;color-scheme:dark;box-sizing:border-box}.rbp-mobile-date-row input:focus{outline:none;border-color:#ffffffb3}.rbp-mobile-date-row span{color:#ffffffb3;font-size:12px;flex-shrink:0}.rbp-mobile-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;justify-content:center}.rbp-mobile-chips::-webkit-scrollbar{display:none}.rbp-mobile-chip{padding:5px 14px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid rgba(13,148,136,.3);background:#fff;color:var(--color-primary, #0d9488);cursor:pointer;flex-shrink:0;transition:all .15s ease}.rbp-mobile-chip.active{background:var(--color-primary, #0d9488);color:#fff;border-color:var(--color-primary, #0d9488);font-weight:700;box-shadow:0 2px 6px #0000001a}.rbp-loading-mobile{text-align:center;padding:60px 16px;color:#94a3b8;font-size:14px}.rbp-mobile-body{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.rbp-mobile-summary-wrap{padding:14px 16px 0;box-sizing:border-box;width:100%}.rbp-mobile-summary-box{background:#fff;border-radius:16px;padding:16px 18px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;box-sizing:border-box;width:100%}.rbp-summary-label{font-size:11.5px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.rbp-summary-value{font-size:24px;font-weight:800;color:#1e293b;letter-spacing:-.02em;margin-top:4px}.rbp-mobile-stat-row{display:flex;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid #f1f5f9}.rbp-stat{flex:1;text-align:center}.rbp-stat-l{font-size:11px;color:#94a3b8;margin-bottom:2px}.rbp-stat-v{font-size:13px;font-weight:700;color:#1e293b}.rbp-stat-v--teal{color:var(--color-primary, #0d9488)}.rbp-stat-v--red{color:#ef4444}.rbp-stat-sep{width:1px;height:22px;background:#f1f5f9}.rbp-mobile-sec-head{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 8px;box-sizing:border-box;width:100%}.rbp-sec-title{font-size:13px;font-weight:700;color:#1e293b}.rbp-sec-count{font-size:12px;font-weight:500;color:#64748b}.rbp-mobile-empty-wrap{padding:0 16px 88px;box-sizing:border-box;width:100%}.rbp-mobile-empty-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:44px 20px;text-align:center;box-shadow:0 1px 3px #00000008;box-sizing:border-box;width:100%}.rbp-empty-icon{font-size:28px;margin-bottom:8px}.rbp-empty-text{color:#94a3b8;font-size:13.5px}.rbp-mobile-list-wrap{padding:0 16px 88px;display:flex;flex-direction:column;gap:10px;box-sizing:border-box;width:100%}.rbp-mobile-branch-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:14px 16px;box-shadow:0 1px 3px #0000000a;box-sizing:border-box;width:100%}.rbp-mb-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.rbp-mb-rank{width:26px;height:26px;border-radius:8px;background:#f1f5f9;color:#64748b;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rbp-mb-rank.gold{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#78350f}.rbp-mb-info{flex:1;min-width:0}.rbp-mb-name{font-size:13.5px;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rbp-mb-sub{font-size:11.5px;color:#94a3b8;margin-top:1px}.rbp-mb-revenue{font-size:14px;font-weight:800;color:var(--color-primary, #0d9488);flex-shrink:0}.rbp-mb-bar-track{height:6px;background:#f1f5f9;border-radius:999px;overflow:hidden;margin-bottom:10px}.rbp-mb-bar-fill{height:100%;background:linear-gradient(90deg,#0d9488,#2dd4bf);border-radius:999px;transition:width .4s ease}.rbp-mb-bottom-badges{display:flex;flex-wrap:wrap;gap:6px}.rbp-badge-tag{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.tag-collected{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.tag-debt{background:#fef2f2;color:#dc2626;border-color:#fecaca}.rbp-page{padding:0 0 80px;background:var(--color-background, #f8fafc);min-height:100%}@media(min-width:769px){.rbp-desktop{padding:24px 28px}.rbp-dh{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.rbp-dh-title-block{display:flex;align-items:stretch;gap:12px}.rbp-dh-bar{width:4px;border-radius:2px;background:var(--color-primary);flex-shrink:0}.rbp-dh-title{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0}.rbp-dh-sub{font-size:.75rem;color:#94a3b8;margin:2px 0 0;letter-spacing:.06em;font-weight:600;text-transform:uppercase}.rbp-dh-actions{display:flex;flex-direction:row;align-items:center;gap:8px}.rbp-date-input{padding:8px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:.9rem;background:#fff;height:38px;box-sizing:border-box;width:160px}.rbp-export-btn-desktop{background:var(--color-primary);color:#fff;border:none;padding:9px 18px;border-radius:10px;font-weight:700;font-size:.88rem;cursor:pointer;height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;flex-shrink:0;min-width:130px}.rbp-export-btn-desktop:hover{background:var(--color-primary-hover)}.rbp-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.rbp-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 1px 3px #0f172a0a}.rbp-kpi-label{font-size:.78rem;color:#94a3b8;font-weight:500;margin-bottom:6px}.rbp-kpi-value{font-size:1.6rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.rbp-kpi-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rbp-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.rbp-chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:18px 20px;box-shadow:0 1px 3px #0f172a0a}.rbp-chart-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.rbp-chart-title{font-size:.95rem;font-weight:700;color:#0f172a}.rbp-chart-body{height:200px;position:relative}.rbp-donut-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%}.rbp-donut{width:110px;height:110px;border-radius:50%;position:relative;background:#e5e7eb}.rbp-donut-hole{position:absolute;width:74px;height:74px;background:#fff;border-radius:50%;top:18px;left:18px}.rbp-donut-legend{display:flex;gap:14px;font-size:.8rem;color:#475569}.rbp-donut-legend>span{display:inline-flex;align-items:center;gap:6px}.rbp-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.rbp-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 3px #0f172a0a;overflow:hidden}.rbp-table-head{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;border-bottom:1px solid #f1f5f9;gap:16px}.rbp-table-title{font-size:.95rem;font-weight:700;color:#0f172a;white-space:nowrap}.rbp-table-actions{display:flex;align-items:center;gap:14px}.rbp-table-count{font-size:.78rem;color:#94a3b8;white-space:nowrap}.rbp-table{width:100%;border-collapse:collapse;font-size:.85rem}.rbp-table thead th{text-align:left;padding:12px 16px;font-size:.7rem;color:#94a3b8;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#f8fafc;border-bottom:1px solid #e2e8f0}.rbp-table tbody td{padding:14px 16px;border-bottom:1px solid #f1f5f9;color:#0f172a}.rbp-table tbody tr:last-child td{border-bottom:none}.rbp-table-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;font-weight:700;font-size:.78rem;margin-right:10px}.rbp-cell-total{color:var(--color-primary);font-weight:700}.rbp-table-totalrow td{background:#f8fafc;font-weight:700}}[data-theme=dark] .rbp-mobile-chip:not(.active){background:#1e293b;border-color:#334155;color:#5eead4}.rc-page{display:flex;flex-direction:column;min-height:100%;background:var(--color-background, #f8fafc);padding-bottom:88px;box-sizing:border-box;width:100%}.rc-hero{background:var(--brand-gradient, linear-gradient(135deg, #0d9488 0%, #0f766e 100%));padding:14px 16px 12px;color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px #0d948826;box-sizing:border-box;width:100%}.rc-hero-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.rc-back-btn{width:36px;height:36px;border-radius:10px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0;transition:all .15s ease}.rc-back-btn:hover{background:#ffffff47}.rc-hero-heading{flex:1;min-width:0}.rc-hero-title{font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rc-hero-sub{font-size:11.5px;color:#ffffffd9;margin-top:2px;line-height:1.3}.rc-hero-actions{display:flex;gap:8px;flex-shrink:0}.rc-icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#ffffff2e;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .15s ease}.rc-icon-btn:hover{background:#ffffff47}.rc-date-row{display:flex;align-items:center;gap:6px;margin-bottom:10px;width:100%}.rc-date-row input{flex:1 1 0;min-width:0;width:100%;padding:6px 8px;border:1px solid rgba(255,255,255,.3);border-radius:8px;background:#ffffff26;color:#fff;font-size:12px;color-scheme:dark;box-sizing:border-box}.rc-date-row input:focus{outline:none;border-color:#ffffffb3}.rc-date-row span{color:#ffffffb3;font-size:12px;flex-shrink:0}.rc-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;justify-content:center}.rc-chips::-webkit-scrollbar{display:none}.rc-chip{padding:5px 14px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid rgba(13,148,136,.3);background:#fff;color:var(--color-primary, #0d9488);cursor:pointer;flex-shrink:0;transition:all .15s ease}.rc-chip.active{background:var(--color-primary, #0d9488);color:#fff;border-color:var(--color-primary, #0d9488);font-weight:700;box-shadow:0 2px 6px #0000001a}.rc-loading,.rc-error{text-align:center;padding:60px 16px;color:#94a3b8;font-size:14px}.rc-error{color:#ef4444}.rc-content-body{display:flex;flex-direction:column;width:100%;box-sizing:border-box}.rc-summary-wrap{padding:14px 16px 0;box-sizing:border-box;width:100%}.rc-summary-box{background:#fff;border-radius:16px;padding:16px 18px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;box-sizing:border-box;width:100%}.rc-summary-label{font-size:11.5px;color:#64748b;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.rc-summary-value{font-size:24px;font-weight:800;color:#1e293b;letter-spacing:-.02em;margin-top:4px}.rc-stat-row{display:flex;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid #f1f5f9}.rc-stat{flex:1;text-align:center}.rc-stat-l{font-size:11.5px;color:#94a3b8;margin-bottom:2px}.rc-stat-v{font-size:13.5px;font-weight:700;color:#1e293b}.rc-stat-v--teal{color:var(--color-primary, #0d9488)}.rc-stat-v--red{color:#ef4444}.rc-stat-sep{width:1px;height:24px;background:#f1f5f9}.rc-section-head{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 8px;box-sizing:border-box;width:100%}.rc-section-title{font-size:13px;font-weight:700;color:#1e293b}.rc-section-count{font-size:12px;font-weight:500;color:#64748b}.rc-empty-wrap{padding:0 16px 88px;box-sizing:border-box;width:100%}.rc-empty-card{background:#fff;border-radius:16px;border:1px solid #e2e8f0;padding:44px 20px;text-align:center;box-shadow:0 1px 3px #00000008;box-sizing:border-box;width:100%}.rc-empty-icon{font-size:28px;margin-bottom:8px}.rc-empty-text{color:#94a3b8;font-size:13.5px}.rc-rank-wrap{padding:0 16px 88px;box-sizing:border-box;width:100%}.rc-rank-item{background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a;overflow:hidden;box-sizing:border-box;width:100%}.rc-rank-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-bottom:1px solid #f1f5f9}.rc-rank-row:last-child{border-bottom:none}.rc-rank-badge{width:28px;height:28px;border-radius:8px;background:#f1f5f9;color:#64748b;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rc-rank-badge.gold{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#78350f}.rc-rank-info{flex:1;min-width:0}.rc-rank-name{font-size:13px;font-weight:700;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.rc-bar-track{height:6px;background:#f1f5f9;border-radius:999px;overflow:hidden;margin-bottom:4px}.rc-bar-fill{height:100%;background:linear-gradient(90deg,#0d9488,#2dd4bf);border-radius:999px;transition:width .4s ease}.rc-rank-sub{font-size:11.5px;color:#94a3b8}.rc-rank-amount{font-size:13.5px;font-weight:700;color:var(--color-primary, #0d9488);white-space:nowrap;flex-shrink:0}.rcd-page{padding:24px 28px 32px;background:var(--color-background);min-height:100%;display:flex;flex-direction:column;gap:18px}.rcd-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.rcd-header-left{display:flex;align-items:center;gap:14px}.rcd-title-icon{width:44px;height:44px;border-radius:50%;background:#d1fae5;display:grid;place-items:center;flex-shrink:0}.rcd-title{font-size:1.55rem;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.02em}.rcd-subtitle{font-size:.72rem;color:#94a3b8;font-weight:600;letter-spacing:.6px}.rcd-header-actions{display:flex;gap:10px;align-items:center}.rcd-date{height:40px;width:155px;padding:0 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:13px;color:#374151;outline:none}.rcd-date:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.rcd-export-btn{height:40px;padding:0 18px;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.rcd-export-btn:hover{background:var(--color-primary-hover)}.rcd-kpi-row{display:grid;gap:14px}.rcd-kpi-row-4{grid-template-columns:repeat(4,1fr)}.rcd-kpi-row-2{grid-template-columns:repeat(2,1fr)}.rcd-kpi{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 1px 3px #00000008}.rcd-kpi-info{min-width:0;flex:1}.rcd-kpi-label{font-size:.7rem;color:#94a3b8;font-weight:600;letter-spacing:.5px;margin-bottom:6px}.rcd-kpi-value{font-size:1.45rem;font-weight:700;line-height:1;letter-spacing:-.02em}.rcd-kpi-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:22px;flex-shrink:0}.rcd-charts-row{display:grid;grid-template-columns:2fr 1fr;gap:14px}.rcd-chart-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:18px 20px;box-shadow:0 1px 3px #00000008}.rcd-chart-title{font-size:.95rem;font-weight:700;color:#1e293b;margin-bottom:14px}.rcd-chart-wrap{position:relative}.rcd-empty{text-align:center;color:#94a3b8;padding:40px 12px;font-size:13px}.rcd-empty-illu{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px}.rcd-empty-inline{padding:28px 12px}.rcd-donut-empty{width:180px;height:180px;border-radius:50%;border:22px solid #f1f5f9;display:grid;place-items:center}.rcd-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:18px 0 8px;box-shadow:0 1px 3px #00000008}.rcd-table-head{display:flex;align-items:center;justify-content:space-between;padding:0 22px 14px;gap:16px}.rcd-table-title{font-size:.95rem;font-weight:700;color:#1e293b;white-space:nowrap}.rcd-table-actions{display:flex;align-items:center;gap:12px}.rcd-table-count{font-size:.78rem;color:var(--color-primary);background:#ccfbf1;padding:4px 12px;border-radius:999px;font-weight:600;white-space:nowrap}.rcd-table-wrap{overflow-x:auto}.rcd-table{width:100%;border-collapse:collapse;font-size:.85rem}.rcd-table thead th{text-align:left;padding:10px 12px;font-size:.7rem;font-weight:600;color:#94a3b8;letter-spacing:.5px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-background)}.rcd-table thead th.num{text-align:right}.rcd-table tbody td{padding:14px 12px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.rcd-table tbody tr:last-child td{border-bottom:none}.rcd-table tbody td.num{text-align:right;font-variant-numeric:tabular-nums}.rcd-table tbody td:first-child,.rcd-table thead th:first-child{padding-left:22px}.rcd-table tbody td:last-child,.rcd-table thead th:last-child{padding-right:22px}.rcd-cust{display:flex;align-items:center;gap:10px}.rcd-cust-avatar{width:32px;height:32px;border-radius:50%;color:#fff;font-weight:700;font-size:13px;display:grid;place-items:center;flex-shrink:0}.rcd-cust-name{font-weight:600}.rcd-cust-tier{font-size:.7rem;color:#94a3b8;margin-top:2px;letter-spacing:.4px}.rcd-pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:600}.rcd-pill-new{background:#d1fae5;color:#059669}.rcd-pill-return{background:#fce7f3;color:#db2777}.rcd-loading-cell,.rcd-empty-cell{text-align:center;color:#94a3b8;padding:40px 12px!important;font-size:14px}@media(max-width:1280px){.rcd-kpi-row-4{grid-template-columns:repeat(2,1fr)}.rcd-charts-row{grid-template-columns:1fr}}[data-theme=dark] .rc-page{background:#101525!important}[data-theme=dark] .rc-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)!important}[data-theme=dark] .rc-date-row input{background:#ffffff26!important;border-color:#ffffff4d!important;color:#fff!important}[data-theme=dark] .rc-chip{background:#1c2233!important;border-color:#ffffff1a!important;color:#94a3b8!important}[data-theme=dark] .rc-chip.active{background:rgba(var(--color-primary-rgb),.2)!important;border-color:rgba(var(--color-primary-rgb),.4)!important;color:#2dd4bf!important}[data-theme=dark] .rc-summary-wrap{background:transparent!important}@media(max-width:768px){.rc-page .rc-hero{padding:14px;min-height:124px;box-sizing:border-box}.rc-page .rc-hero-top{min-height:44px;align-items:center;margin-bottom:8px}.rc-page .rc-hero-heading{min-width:0;flex:1 1 auto}.rc-page .rc-hero-title{font-size:17px;line-height:1.2}.rc-page .rc-hero-sub{font-size:12px}.rc-page .rc-hero-actions{flex-shrink:0}.rc-page .rc-chips{justify-content:flex-start;padding-left:42px;margin-top:8px}}html.mobile-preview .rc-page .rc-hero{padding:14px;min-height:124px}html.mobile-preview .rc-page .rc-hero-top{min-height:44px;align-items:center;margin-bottom:8px}html.mobile-preview .rc-page .rc-hero-heading{min-width:0;flex:1 1 auto}html.mobile-preview .rc-page .rc-hero-title{font-size:17px;line-height:1.2}html.mobile-preview .rc-page .rc-chips{justify-content:flex-start;padding-left:42px;margin-top:8px}[data-theme=dark] .rc-chip:not(.active){background:#1e293b;border-color:#334155;color:#5eead4}.staff-revenue-page{background:var(--color-background, #f8fafc);min-height:100%;padding:0 0 80px}.srv-chips-row{display:flex;gap:8px;padding:12px 16px 10px;background:var(--color-surface, #fff);border-bottom:1px solid var(--color-border, #f0f0f0);overflow-x:auto;scrollbar-width:none}.srv-chips-row::-webkit-scrollbar{display:none}.srv-chips-row .cb-chip{flex-shrink:0;padding:6px 16px;border-radius:20px;border:1.5px solid var(--color-border, #e5e7eb);background:transparent;color:var(--color-text, #374151);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;white-space:nowrap}.srv-chips-row .cb-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.srv-chips-row .cb-chip:hover:not(.active){border-color:var(--color-primary);color:var(--color-primary)}.srv-chips-row.srv-chips-on-teal{background:transparent;border-bottom:none;padding:12px 0 0}@media(max-width:768px){.srv-chips-row.srv-chips-on-teal{justify-content:center}}.srv-chips-row.srv-chips-on-teal .cb-chip{background:#fffffff2;border-color:#fffffff2;color:#475569}.srv-chips-row.srv-chips-on-teal .cb-chip.active{background:var(--color-primary);border-color:#fff;color:#fff;box-shadow:0 2px 6px #0000001f}.srv-chips-row.srv-chips-on-teal .cb-chip:hover:not(.active){border-color:#fff;color:var(--color-primary-hover)}.srv-summary-wrap{padding:14px 16px 0}.srv-summary-box{background:var(--color-surface, #fff);border-radius:18px;padding:16px;border:1px solid var(--color-border, #e5e7eb);box-shadow:0 1px 4px #0000000f}.srv-summary-label{font-size:12px;color:var(--color-text-muted, #6b7280);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.srv-summary-amount{font-size:28px;font-weight:700;color:var(--color-text, #111827);margin-top:2px;letter-spacing:-.02em;font-family:SF Mono,Monaco,Consolas,monospace}.srv-summary-unit{font-size:16px;font-weight:500;color:var(--color-text-muted, #6b7280)}.srv-growth{font-size:12px;font-weight:600;margin-top:4px}.srv-growth.up{color:#10b981}.srv-growth.down{color:#ef4444}.srv-chart-wrap{margin-top:12px}.srv-chart-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--color-text-muted, #9ca3af);margin-top:4px;padding:0 2px}.srv-section{padding:16px 16px 0}.srv-section-head{font-size:13px;font-weight:700;color:var(--color-text, #111827);margin-bottom:10px}.srv-loading,.srv-empty{text-align:center;padding:40px 24px;color:var(--color-text-muted, #9ca3af);font-size:14px;background:var(--color-surface, #fff);border-radius:14px;border:1px solid var(--color-border, #e5e7eb)}.srv-staff-list{display:flex;flex-direction:column;gap:10px}.srv-staff-item{background:var(--color-surface, #fff);border-radius:14px;padding:12px;border:1px solid var(--color-border, #e5e7eb)}.srv-staff-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.srv-staff-name{font-size:13px;font-weight:600;color:var(--color-text, #111827)}.srv-staff-amt{font-size:13px;font-weight:700;color:var(--color-primary-hover)}.srv-bar{height:8px;background:var(--color-border, #e5e7eb);border-radius:999px;overflow:hidden}.srv-bar-fill{height:100%;border-radius:999px;background:var(--brand-gradient);transition:width .4s ease}.rsd-page{padding:24px 28px 32px;background:var(--color-background);min-height:100%;display:flex;flex-direction:column;gap:18px}.rsd-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.rsd-title{font-size:1.55rem;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.02em}.rsd-subtitle{font-size:.72rem;color:#94a3b8;font-weight:600;letter-spacing:.6px}.rsd-header-actions{display:flex;gap:10px;align-items:center}.rsd-date{height:40px;width:155px;padding:0 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:13px;color:#374151;outline:none}.rsd-date:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.rsd-export-btn{height:40px;padding:0 18px;background:var(--color-primary, #0d9488);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0}.rsd-export-btn:hover{background:var(--color-primary-dark, #0f766e)}.rsd-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.rsd-kpi{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;box-shadow:0 1px 3px #00000008}.rsd-kpi-info{min-width:0;flex:1}.rsd-kpi-label{font-size:.7rem;color:#94a3b8;font-weight:600;letter-spacing:.5px;margin-bottom:6px}.rsd-kpi-value{font-size:1.4rem;font-weight:700;line-height:1;letter-spacing:-.02em}.rsd-kpi-icon{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;font-size:22px;flex-shrink:0}.rsd-charts-row{display:grid;grid-template-columns:2fr 1fr;gap:14px}.rsd-chart-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:18px 20px;box-shadow:0 1px 3px #00000008}.rsd-chart-title{font-size:.95rem;font-weight:700;color:#1e293b;margin-bottom:14px}.rsd-chart-wrap{position:relative}.rsd-empty{text-align:center;color:#94a3b8;padding:40px 12px;font-size:13px}.rsd-table-card{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:18px 0 8px;box-shadow:0 1px 3px #00000008}.rsd-table-head{display:flex;align-items:center;justify-content:space-between;padding:0 22px 14px;gap:16px}.rsd-table-title{font-size:.95rem;font-weight:700;color:#1e293b;white-space:nowrap}.rsd-table-actions{display:flex;align-items:center;gap:12px}.rsd-table-count{font-size:.78rem;color:var(--color-primary);background:#ccfbf1;padding:4px 12px;border-radius:999px;font-weight:600;white-space:nowrap}.rsd-table-wrap{overflow-x:auto}.rsd-table{width:100%;border-collapse:collapse;font-size:.85rem}.rsd-table thead th{text-align:left;padding:10px 12px;font-size:.7rem;font-weight:600;color:#94a3b8;letter-spacing:.5px;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);background:var(--color-background)}.rsd-table thead th.num{text-align:right}.rsd-table tbody td{padding:14px 12px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.rsd-table tbody tr:last-child td{border-bottom:none}.rsd-table tbody td.num{text-align:right;font-variant-numeric:tabular-nums}.rsd-table tbody td:first-child,.rsd-table thead th:first-child{padding-left:22px}.rsd-table tbody td:last-child,.rsd-table thead th:last-child{padding-right:22px}.rsd-staff{display:flex;align-items:center;gap:10px}.rsd-staff-avatar{width:32px;height:32px;border-radius:50%;color:#fff;font-weight:700;font-size:13px;display:grid;place-items:center;flex-shrink:0}.rsd-total-row td{background:var(--color-background);border-top:2px solid var(--color-border)!important}.rsd-loading-cell,.rsd-empty-cell{text-align:center;color:#94a3b8;padding:40px 12px!important;font-size:14px}@media(max-width:1280px){.rsd-kpi-row{grid-template-columns:repeat(2,1fr)}.rsd-charts-row{grid-template-columns:1fr}}[data-theme=dark] .staff-revenue-page{background:#101525!important}[data-theme=dark] .srv-summary-wrap{background:transparent!important}[data-theme=dark] .srv-summary-box{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .srv-summary-label{color:#94a3b8!important}[data-theme=dark] .srv-summary-amount{color:#f5f7fa!important}[data-theme=dark] .srv-chart-wrap{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .srv-chips-row .cb-chip{background:#1c2233!important;border-color:#ffffff1a!important;color:#94a3b8!important}[data-theme=dark] .srv-chips-row .cb-chip.active{background:rgba(var(--color-primary-rgb),.2)!important;border-color:rgba(var(--color-primary-rgb),.4)!important;color:#2dd4bf!important}@media(max-width:768px){.staff-revenue-hero{background:var(--brand-gradient);color:#fff;padding:14px;min-height:124px;box-sizing:border-box}.staff-revenue-hero-top{display:flex;align-items:center;gap:10px;min-height:44px}.staff-revenue-back{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:#ffffff2e;color:#fff;cursor:pointer}.staff-revenue-title{min-width:0;flex:1 1 auto;color:#fff;font-size:17px;font-weight:800;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-revenue-hero .srv-chips-row.srv-chips-on-teal{justify-content:flex-start;padding-top:10px;overflow-x:auto}.staff-revenue-hero .srv-chips-row.srv-chips-on-teal .cb-chip.active{background:#fff;border-color:#fff;color:var(--color-primary)}html.mobile-preview .staff-revenue-hero{min-height:124px;padding:14px}html.mobile-preview .staff-revenue-hero-top{min-height:44px}html.mobile-preview .staff-revenue-title{color:#fff;font-size:17px}html.mobile-preview .staff-revenue-hero .srv-chips-row.srv-chips-on-teal{justify-content:flex-start;padding-top:10px}html.mobile-preview .staff-revenue-hero .srv-chips-row.srv-chips-on-teal .cb-chip.active{background:#fff;border-color:#fff;color:var(--color-primary)}}.rod-page{background:var(--color-background);min-height:100%;padding:0 0 32px}.rod-body{padding:18px 28px 0;display:flex;flex-direction:column;gap:18px}.rod-summary-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:22px 26px 18px;box-shadow:0 1px 3px #00000008}.rod-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:8px}.rod-summary-label{font-size:.85rem;font-weight:700;color:var(--color-primary);letter-spacing:.4px}.rod-summary-settings{width:40px;height:40px;border-radius:12px;background:var(--brand-soft, #E6F4F2);border:1px solid #E2E8F0;color:var(--color-primary);cursor:pointer;display:grid;place-items:center;flex-shrink:0;transition:background .15s ease}.rod-summary-settings:hover{background:var(--teal-10, #CCE9E5)}.rod-summary-settings[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.rod-summary-value{font-size:2.6rem;font-weight:800;color:var(--color-primary);line-height:1;letter-spacing:-.02em;margin-bottom:18px}.rod-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-top:16px;border-top:1px solid #f1f5f9}.rod-kpi-item{display:flex;align-items:center;gap:12px;padding-right:10px;border-right:1px solid #f1f5f9}.rod-kpi-item:last-child{border-right:none;padding-right:0}.rod-kpi-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.rod-kpi-icon.teal{background:#ccfbf1;color:var(--color-primary)}.rod-kpi-icon.green{background:#d1fae5;color:#059669}.rod-kpi-icon.amber{background:#fef3c7;color:#d97706}.rod-kpi-icon.red{background:#fee2e2;color:#dc2626}.rod-kpi-info{flex:1;min-width:0}.rod-kpi-label{font-size:.82rem;color:#64748b;margin-bottom:2px}.rod-kpi-value{font-size:1.05rem;font-weight:700;color:#1e293b}.rod-kpi-value.teal{color:var(--color-primary)}.rod-kpi-value.amber{color:#d97706}.rod-kpi-value.red{color:#dc2626}.rod-section-label{font-size:.82rem;font-weight:700;color:#64748b;letter-spacing:.6px;text-transform:uppercase;margin:4px 0}.rod-rank-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #00000008;overflow:hidden}.rod-rank-row{display:flex;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid #f1f5f9}.rod-rank-row:last-child{border-bottom:none}.rod-rank-badge{width:32px;height:32px;border-radius:10px;background:#f1f5f9;color:#475569;font-weight:700;font-size:14px;display:grid;place-items:center;flex-shrink:0}.rod-rank-badge.gold{background:linear-gradient(135deg,#fce7a2,#f5c76e);color:#7c5a12}.rod-rank-info{flex:1;min-width:0}.rod-rank-name{font-weight:600;color:#1e293b;font-size:.95rem;margin-bottom:6px}.rod-rank-bar{height:6px;border-radius:999px;background:#f1f5f9;overflow:hidden}.rod-rank-bar-fill{height:100%;background:#3b82f6;border-radius:999px}.rod-rank-amount{text-align:right;flex-shrink:0}.rod-rank-revenue{font-size:1rem;font-weight:700;color:var(--color-primary)}.rod-rank-pct{font-size:.78rem;color:#94a3b8;margin-top:2px}.rod-empty{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:70px 24px 60px;text-align:center;box-shadow:0 1px 3px #00000008}.rod-empty-illust{width:150px;height:130px;margin:0 auto 18px;display:block}.rod-empty-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin-bottom:6px}.rod-empty-sub{font-size:.88rem;color:#94a3b8}.rod-date-row{background:#fff;padding:12px 28px;display:flex;gap:10px;align-items:center;border-bottom:1px solid #f1f5f9}.rod-date-row input{flex:1;height:38px;padding:0 12px;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;outline:none}.rod-date-row input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.rod-date-row span{color:#94a3b8;font-size:12px}@media(max-width:1024px){.rod-kpi-row{grid-template-columns:repeat(2,1fr)}.rod-kpi-item:nth-child(2){border-right:none}}[data-theme=dark] .rod-page,[data-theme=dark] .rod-body{background:#101525!important}[data-theme=dark] .rod-summary-settings{background:#ffffff14!important;border-color:#ffffff1f!important;color:#f5f7fa!important}[data-theme=dark] .rod-summary-settings[aria-pressed=true]{background:var(--color-primary)!important;color:#fff!important}[data-theme=dark] .rod-summary-card{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .rod-summary-label{color:#94a3b8!important}[data-theme=dark] .rod-summary-value{color:#f5f7fa!important}[data-theme=dark] .rod-kpi-row{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .rod-kpi-item{border-color:#ffffff14!important;color:#f5f7fa!important}.cc-page{display:flex;flex-direction:column;min-height:100%;width:100%;background:var(--color-background, #f8fafc);box-sizing:border-box}.cc-hero{background:var(--brand-gradient, linear-gradient(135deg, #0d9488 0%, #0f766e 100%));padding:14px 16px 12px;color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px #0d948826;box-sizing:border-box;width:100%}.cc-hero-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cc-hero-heading{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cc-hero-title{font-size:16px;font-weight:700;color:#fff;letter-spacing:-.01em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-hero-sub{font-size:11.5px;color:#ffffffd9;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cc-hero-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.cc-icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#ffffff2e;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .15s ease;flex-shrink:0}.cc-icon-btn:hover{background:#ffffff47}.cc-search-row{display:flex;align-items:center;gap:8px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:8px 12px;margin-bottom:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cc-search-row input{background:transparent;border:none;outline:none;color:#fff;font-size:13.5px;flex:1;width:100%}.cc-search-row input::-moz-placeholder{color:#ffffffb3}.cc-search-row input::placeholder{color:#ffffffb3}.cc-search-row svg{color:#ffffffd9;flex-shrink:0}.cc-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;padding:2px 0;-webkit-overflow-scrolling:touch}.cc-chips::-webkit-scrollbar{display:none}.cc-chip{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid rgba(255,255,255,.25);background:#ffffff24;color:#ffffffe6;cursor:pointer;flex-shrink:0;transition:all .15s ease}.cc-chip.active{background:#fff;color:var(--color-primary, #0d9488);border-color:#fff;box-shadow:0 2px 6px #0000001a;font-weight:700}.cc-hero--desktop{background:transparent;color:inherit;position:static;box-shadow:none;padding:16px 28px 4px}.cc-hero--desktop .cc-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.cc-hero--desktop .cc-chips{flex:1;min-width:0}.cc-hero--desktop .cc-hero-actions{flex-shrink:0;margin-left:auto}.cc-hero--desktop .cc-chip{border:1px solid #e2e8f0;background:#fff;color:#475569}.cc-hero--desktop .cc-chip:hover{background:#f8fafc}.cc-hero--desktop .cc-chip.active{background:var(--color-primary, #0d9488);color:#fff;border-color:var(--color-primary, #0d9488)}.cc-hero--desktop .cc-icon-btn{border:1px solid #e2e8f0;background:#fff;color:#475569}.cc-hero--desktop .cc-icon-btn:hover{background:var(--brand-soft, #E6F4F2);color:var(--color-primary, #0d9488);border-color:var(--color-primary, #0d9488)}.cc-hero--desktop .cc-search-row{background:#fff;border:1px solid #e2e8f0;-webkit-backdrop-filter:none;backdrop-filter:none}.cc-hero--desktop .cc-search-row input{color:#1e293b}.cc-hero--desktop .cc-search-row input::-moz-placeholder{color:#94a3b8}.cc-hero--desktop .cc-search-row input::placeholder{color:#94a3b8}.cc-hero--desktop .cc-search-row svg{color:#94a3b8}[data-theme=dark] .cc-hero--desktop .cc-chip{border-color:#ffffff1f;background:#202638;color:#cbd5e1}[data-theme=dark] .cc-hero--desktop .cc-chip.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}[data-theme=dark] .cc-hero--desktop .cc-icon-btn{border-color:#ffffff1f;background:#202638;color:#cbd5e1}[data-theme=dark] .cc-hero--desktop .cc-search-row{background:#202638;border-color:#ffffff1f}[data-theme=dark] .cc-hero--desktop .cc-search-row input{color:#f5f7fa}.cc-loading,.cc-error,.cc-empty{text-align:center;padding:48px 16px;color:#94a3b8;font-size:13.5px}.cc-error{color:#ef4444}.cc-type-tabs{display:flex;margin:14px 16px 0;padding:3px;background:#e2e8f0;border-radius:12px;gap:3px;box-sizing:border-box}.cc-type-tab{flex:1;padding:7px 0;font-size:13px;font-weight:600;color:#64748b;background:transparent;border:none;border-radius:9px;cursor:pointer;transition:all .18s ease;text-align:center}.cc-type-tab.active{background:var(--color-primary, #0d9488);color:#fff;font-weight:700;box-shadow:0 2px 8px #0d948840}.cc-section-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px 8px;font-size:13px;font-weight:700;color:#1e293b;box-sizing:border-box}.cc-section-count{font-size:11.5px;font-weight:600;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:999px}.cc-list{padding:0 16px 88px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;width:100%}@media(min-width:769px){.cc-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 20px 40px}}@media(min-width:1200px){.cc-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.cc-avatar{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.cc-session-tile{background:#fff;border-radius:16px;padding:16px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000a;box-sizing:border-box;width:100%;transition:transform .15s ease,box-shadow .15s ease}.cc-session-tile:hover{box-shadow:0 4px 14px #0000000f}.cc-session-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.cc-session-info{flex:1;min-width:0}.cc-session-name{font-size:14px;font-weight:700;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-session-svc{font-size:12px;color:#64748b;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-session-progress-row{display:flex;justify-content:space-between;font-size:12px;color:#64748b;margin-bottom:6px}.cc-session-count{font-weight:700;color:#1e293b}.cc-bar-track{height:6px;background:#f1f5f9;border-radius:999px;overflow:hidden;margin-bottom:10px}.cc-bar-fill{height:100%;background:var(--brand-gradient, linear-gradient(90deg, #0d9488, #38bdf8));border-radius:999px;transition:width .4s ease}.cc-session-meta{display:flex;align-items:center;justify-content:space-between}.cc-session-remain{font-size:11.5px;color:#94a3b8}.cc-money-tile{background:linear-gradient(135deg,#0d9488,#0f766e);border-radius:18px;padding:16px;color:#fff;position:relative;overflow:hidden;box-shadow:0 6px 18px #0d948838;box-sizing:border-box;width:100%}.cc-money-deco{position:absolute;top:-24px;right:-24px;width:90px;height:90px;border-radius:50%;background:#ffffff1a;pointer-events:none}.cc-money-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}.cc-money-info{flex:1;min-width:0}.cc-money-name{font-size:14px;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cc-money-sub{font-size:11.5px;color:#ffffffd9;margin-top:1px}.cc-money-body{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:10px}.cc-money-bal-label{font-size:11px;color:#fffc;margin-bottom:2px}.cc-money-bal{font-size:22px;font-weight:800;letter-spacing:-.02em;color:#fff}.cc-money-total{font-size:11.5px;color:#fffc;padding-bottom:2px}.cc-money-bar{height:5px;background:#ffffff38;border-radius:999px;overflow:hidden;margin-bottom:8px}.cc-money-bar-fill{height:100%;background:#fff;border-radius:999px;transition:width .4s ease}.cc-money-exp{font-size:11px;color:#fffc}.cc-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap}.cc-pill.active{background:#fff3;color:#fff}.cc-session-tile .cc-pill.active{background:#e6f4f2;color:var(--color-primary, #0d9488)}.cc-pill.used-up{background:#f1f5f9;color:#64748b}.cc-pill.expired{background:#fee2e2;color:#ef4444}.cc-pill.closed{background:#f1f5f9;color:#94a3b8}@media(min-width:769px){.cc-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:16px 20px 0}.cc-kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 1px 3px #0000000a}.cc-kpi-l{font-size:.78rem;color:#64748b;font-weight:500;margin-bottom:4px}.cc-kpi-v{font-size:1.4rem;font-weight:800;color:#0f172a}.cc-kpi-v.cc-stat-v--teal{color:var(--color-primary)}.cc-kpi-icon{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}}@media(max-width:768px){.cc-kpis{display:none}}[data-theme=dark] .cc-page{background:#101525!important}[data-theme=dark] .cc-type-tabs{background:#1e293b!important}[data-theme=dark] .cc-type-tab{color:#94a3b8!important}[data-theme=dark] .cc-section-head{color:#f1f5f9!important}[data-theme=dark] .cc-section-count{background:#1e293b!important;color:#94a3b8!important}[data-theme=dark] .cc-session-tile{background:#1e293b!important;border-color:#ffffff14!important}[data-theme=dark] .cc-session-name,[data-theme=dark] .cc-session-count{color:#f1f5f9!important}[data-theme=dark] .cc-bar-track{background:#334155!important}.cc-exp-pill{font-size:12px;font-weight:500;color:#64748b;margin-top:2px;white-space:nowrap}[data-theme=dark] .cc-exp-pill{color:#94a3b8}@media(max-width:768px){.cc-page .cc-hero .m-standard-hero-title.cc-hero-title{font-size:16px!important;font-weight:700!important}.cc-page .cc-hero .cc-hero-actions{gap:4px}.cc-page .cc-hero .cc-icon-btn{width:32px;height:32px}}.card-usage-page{background:var(--color-background, #f8fafc);min-height:100%;padding:0 0 88px;box-sizing:border-box;display:flex;flex-direction:column}.cu-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 16px 0!important;box-sizing:border-box}.cu-stat-tile{background:#fff;border-radius:14px;padding:12px 10px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #00000008;text-align:center}.cu-stat-val{font-size:18px;font-weight:800;color:#1e293b;letter-spacing:-.02em}.cu-stat-label{font-size:11.5px;color:#64748b;margin-top:3px;font-weight:600}.cu-search-wrap{display:flex;align-items:center;gap:8px;margin:12px 16px 0!important;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px 14px;box-shadow:0 1px 3px #00000005}.cu-search-input{flex:1;border:none;outline:none;font-size:13.5px;color:#1e293b;background:transparent}.cu-search-input::-moz-placeholder{color:#94a3b8}.cu-search-input::placeholder{color:#94a3b8}.cu-search-clear{border:none;background:none;color:#94a3b8;font-size:18px;cursor:pointer;padding:0;line-height:1}.cu-list{padding:12px 16px 0!important;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.cu-empty{text-align:center;padding:48px 24px;color:#64748b;font-size:13.5px;font-weight:500;background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #00000005}.cu-row{background:var(--color-surface, #fff);border-radius:14px;padding:12px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px #0000000d}.cu-avatar{width:40px;height:40px;border-radius:50%;color:#fff;display:grid;place-items:center;font-size:15px;font-weight:700;flex-shrink:0}.cu-body{flex:1;min-width:0}.cu-name{font-size:13px;font-weight:700;color:var(--color-text, #111827);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cu-meta{font-size:12px;color:var(--color-text-muted, #6b7280);margin-top:2px;font-family:SF Mono,Monaco,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cu-sub{font-size:12px;color:var(--color-text-muted, #9ca3af);margin-top:1px}.cu-right{text-align:right;flex-shrink:0}.cu-amount{font-size:14px;font-weight:800;color:#ef4444}.cu-badge{display:inline-block;margin-top:3px;padding:1px 7px;border-radius:999px;font-size:12px;font-weight:700}.cu-badge.done{background:#ecfdf5;color:#047857}.cu-badge.refund{background:#fef2f2;color:#b91c1c}.cuh-page{background:var(--color-background);min-height:100%;padding:24px 32px 32px;display:flex;flex-direction:column;gap:18px}.cuh-banner{background:#fff;border:1px solid #E2E8F0;border-radius:18px;padding:24px 28px;position:relative;overflow:hidden;display:flex;align-items:center;box-shadow:0 2px 8px #10201e0d}.cuh-banner-left{position:relative;z-index:2;display:flex;align-items:center;gap:16px;flex:1}.cuh-banner-back{width:44px;height:44px;border-radius:12px;background:var(--brand-soft, #E6F4F2);border:1px solid #E2E8F0;color:var(--color-primary);cursor:pointer;display:grid;place-items:center;flex-shrink:0}.cuh-banner-back:hover{background:var(--teal-10, #CCE9E5)}.cuh-banner-title{font-size:1.6rem;font-weight:700;color:#1a2b2a;margin:0 0 4px;letter-spacing:-.02em}.cuh-banner-sub{font-size:.92rem;color:#636e72}.cuh-banner-decor{position:absolute;right:0;bottom:0;width:60%;height:100%;pointer-events:none}.cuh-chips-row{display:flex;gap:12px}.cuh-chip{padding:9px 24px;border-radius:999px;background:#fff;border:1px solid #e5e7eb;color:#475569;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s}.cuh-chip:hover{border-color:var(--teal-15, #99f6e4);color:var(--color-primary)}.cuh-chip.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.cuh-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.cuh-kpi{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:22px 26px;display:flex;align-items:center;gap:18px;box-shadow:0 1px 3px #00000008}.cuh-kpi-icon{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.cuh-kpi-icon.teal{background:#ccfbf1;color:var(--color-primary)}.cuh-kpi-icon.mint{background:#d1fae5;color:#059669}.cuh-kpi-icon.blue{background:#dbeafe;color:#2563eb}.cuh-kpi-info{flex:1;min-width:0}.cuh-kpi-value{font-size:1.85rem;font-weight:700;color:#111827;line-height:1;margin-bottom:6px;letter-spacing:-.02em}.cuh-kpi-label{font-size:.92rem;color:#64748b}.cuh-search-wrap{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:0 18px;height:56px;display:flex;align-items:center;gap:12px;box-shadow:0 1px 3px #00000008}.cuh-search-input{flex:1;border:none;outline:none;font-size:14px;background:transparent;color:#1e293b}.cuh-search-input::-moz-placeholder{color:#94a3b8}.cuh-search-input::placeholder{color:#94a3b8}.cuh-search-clear{background:transparent;border:none;color:#94a3b8;font-size:18px;cursor:pointer;padding:4px 8px}.cuh-state{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:60px 20px;text-align:center;color:#94a3b8;box-shadow:0 1px 3px #00000008}.cuh-empty{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:60px 24px 50px;text-align:center;box-shadow:0 1px 3px #00000008}.cuh-empty-illust{width:160px;height:130px;margin:0 auto 18px;display:block}.cuh-empty-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin-bottom:6px}.cuh-empty-sub{font-size:.88rem;color:#94a3b8}.cuh-list-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #00000008;overflow:hidden}.cuh-row{display:flex;align-items:center;gap:14px;padding:16px 22px;border-bottom:1px solid #f1f5f9}.cuh-row:last-child{border-bottom:none}.cuh-avatar{width:44px;height:44px;border-radius:50%;color:#fff;font-weight:700;font-size:1rem;display:grid;place-items:center;flex-shrink:0}.cuh-body{flex:1;min-width:0}.cuh-name{font-size:.95rem;font-weight:600;color:#1e293b;margin-bottom:2px}.cuh-meta{font-size:.82rem;color:#475569;margin-bottom:2px}.cuh-sub{font-size:.78rem;color:#94a3b8}.cuh-right{text-align:right;flex-shrink:0}.cuh-amount{font-size:1rem;font-weight:700;color:#ef4444;margin-bottom:4px}.cuh-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.72rem;font-weight:600;background:#ecfdf5;color:#047857}@media(max-width:1024px){.cuh-kpi-row{grid-template-columns:1fr}}[data-theme=dark] .card-usage-page{background:#101525!important}[data-theme=dark] .cu-stat-tile{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .cu-stat-val{color:#f5f7fa!important}[data-theme=dark] .cu-stat-label{color:#94a3b8!important}[data-theme=dark] .cu-search-wrap{background:#1c2233!important;border-color:#ffffff1f!important}[data-theme=dark] .cu-search-input{background:transparent!important;color:#f5f7fa!important}[data-theme=dark] .cu-list{background:transparent!important}[data-theme=dark] .cu-row{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .cu-row:hover{background:#ffffff0a!important}[data-theme=dark] .cu-name{color:#f5f7fa!important}[data-theme=dark] .cu-meta{color:#94a3b8!important}[data-theme=dark] .cu-amount{color:#f5f7fa!important}[data-theme=dark] .cu-badge.done{background:#04785726!important;color:#34d399!important}[data-theme=dark] .cu-badge.refund{background:#b91c1c26!important;color:#f87171!important}[data-theme=dark] .cuh-page{background:#101525!important}[data-theme=dark] .cuh-banner{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)!important}@media(max-width:768px){.finance-page .card-usage-page .cu-stats-grid,.finance-page .card-usage-page .cu-list{padding-left:16px!important;padding-right:16px!important}.finance-page .card-usage-page .cu-search-wrap{margin-left:16px!important;margin-right:16px!important}}.cdp-page{background:var(--color-background, #f8fafc);min-height:100%;padding-bottom:88px;display:flex;flex-direction:column;width:100%;box-sizing:border-box}.cdp-hero{background:var(--brand-gradient, linear-gradient(135deg, #0d9488 0%, #0f766e 100%));padding:14px 16px 12px;color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px #0d948826;box-sizing:border-box;width:100%}.cdp-hero-content{display:flex;align-items:center;gap:10px}.cdp-back-btn{width:36px;height:36px;border-radius:10px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0;transition:all .15s ease}.cdp-back-btn:hover{background:#ffffff47}.cdp-hero-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.cdp-hero-title{font-size:16px;font-weight:700;color:#fff;margin:0;letter-spacing:-.01em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdp-hero-sub{font-size:11.5px;color:#ffffffd9;margin:0;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdp-hero-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.cdp-create-icon-btn{width:36px;height:36px;border-radius:10px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0;transition:all .15s ease}.cdp-create-icon-btn:hover{background:#ffffff47}@media(min-width:769px){.cdp-hero{display:none}.cdp-summary{padding-top:16px}.cdp-create-icon-btn{display:none}}.cdp-summary{display:flex;align-items:center;gap:6px;padding:12px 16px 6px;font-size:.8rem;color:#64748b;font-weight:600}.cdp-dot{color:#cbd5e1}.cdp-chips{display:flex;align-items:center;gap:6px;padding:4px 16px 12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cdp-chips::-webkit-scrollbar{display:none}.cdp-chip{flex-shrink:0;padding:5px 12px;border-radius:999px;border:1px solid #e2e8f0;background:#fff;font-size:.78rem;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s ease}.cdp-chip:hover{border-color:var(--color-primary, #0d9488);color:var(--color-primary, #0d9488)}.cdp-chip.active{background:var(--color-primary, #0d9488);border-color:var(--color-primary, #0d9488);color:#fff;box-shadow:0 2px 6px #0d948833}.cdp-create-btn--inline{width:auto!important;margin-left:auto!important;flex-shrink:0;padding:6px 16px!important;font-size:.82rem!important;font-weight:700!important;border-radius:999px!important;height:32px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;background:var(--color-primary, #0d9488);color:#fff;border:none;cursor:pointer;box-shadow:0 2px 6px #0d948840}.cdp-create-btn--inline:hover{background:var(--color-primary-hover, #0f766e)!important}@media(max-width:768px){.cdp-create-btn--inline{display:none!important}}.cdp-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:60px 20px;color:#94a3b8;font-size:.85rem}.cdp-spinner{width:18px;height:18px;border:2px solid #e2e8f0;border-top-color:var(--color-primary, #0d9488);border-radius:50%;animation:cdp-spin .7s linear infinite}@keyframes cdp-spin{to{transform:rotate(360deg)}}.cdp-list{padding:0 16px 88px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;width:100%}@media(min-width:769px){.cdp-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0 20px 40px}}@media(min-width:1200px){.cdp-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.cdp-item{background:var(--brand-gradient, linear-gradient(135deg, #0d9488 0%, #0f766e 100%));border-radius:18px;padding:16px 18px 14px;color:#fff;overflow:hidden;position:relative;box-shadow:0 6px 18px #0d948838;box-sizing:border-box;width:100%}.cdp-orb{position:absolute;top:-28px;right:-28px;width:110px;height:110px;border-radius:50%;background:#ffffff1a;pointer-events:none}.cdp-item-top{display:flex;align-items:center;gap:10px;margin-bottom:16px}.cdp-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:#fff;flex-shrink:0}.cdp-item-info{flex:1;min-width:0}.cdp-item-name{font-size:.95rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cdp-item-type{font-size:.72rem;color:#ffffffbf;margin-top:2px}.cdp-status-badge{flex-shrink:0;font-size:.68rem;font-weight:600;padding:3px 9px;border-radius:999px;background:#ffffff2e;color:#ffffffe6}.cdp-cancel-btn{flex-shrink:0;font-size:.72rem;font-weight:600;padding:4px 11px;border-radius:999px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;transition:background .15s ease}.cdp-cancel-btn:hover{background:#ffffff47}.cdp-item-body{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:10px}.cdp-balance-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;color:#fffc;text-transform:uppercase;margin-bottom:3px}.cdp-balance{font-size:1.75rem;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1}.cdp-balance-unit{font-size:.95rem;font-weight:500;opacity:.85}.cdp-total-val{font-size:.82rem;color:#ffffffbf;font-weight:500;text-align:right}.cdp-progress-track{height:5px;background:#ffffff38;border-radius:999px;overflow:hidden}.cdp-progress-fill{height:100%;background:#fff;border-radius:999px;transition:width .3s ease}.cdp-empty{text-align:center;padding:48px 24px;color:#64748b;font-size:13.5px;font-weight:500;background:#fff;border-radius:16px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #00000005}.cdp-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;padding-bottom:20px;font-size:.82rem;color:#64748b}.cdp-pagination button{width:32px;height:32px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;color:#1e293b;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center}.cdp-pagination button:disabled{opacity:.4;cursor:not-allowed}.cdp-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999;padding:16px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cdp-modal{background:#fff;border-radius:20px;width:100%;max-width:440px;padding:22px;box-shadow:0 10px 30px #0003;max-height:calc(90vh / var(--ui-vu, 1));overflow-y:auto}.cdp-modal-title{font-size:1.1rem;font-weight:700;color:#1e293b;margin-bottom:16px}.cdp-label{display:block;font-size:.78rem;font-weight:600;color:#475569;margin-bottom:12px}.cdp-req{color:#ef4444}.cdp-input{width:100%;margin-top:5px;padding:9px 12px;border:1px solid #e2e8f0;border-radius:10px;font-size:.85rem;color:#1e293b;background:#fff;box-sizing:border-box;outline:none}.cdp-input:focus{border-color:var(--color-primary, #0d9488);box-shadow:0 0 0 3px #0d948826}.cdp-error{color:#ef4444;font-size:.78rem;margin:8px 0}.cdp-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.cdp-btn-cancel{padding:8px 18px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:.85rem;font-weight:600;cursor:pointer}.cdp-btn-submit{padding:8px 20px;border-radius:10px;border:none;background:var(--color-primary, #0d9488);color:#fff;font-size:.85rem;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #0d948840}[data-theme=dark] .cdp-page{background:#101525!important}[data-theme=dark] .cdp-summary{color:#94a3b8!important}[data-theme=dark] .cdp-chip{background:#1e293b!important;border-color:#ffffff1a!important;color:#94a3b8!important}[data-theme=dark] .cdp-empty{background:#1e293b!important;border-color:#ffffff14!important;color:#94a3b8!important}[data-theme=dark] .cdp-modal{background:#1e293b!important;color:#f1f5f9!important}[data-theme=dark] .cdp-modal-title{color:#f1f5f9!important}[data-theme=dark] .cdp-label{color:#cbd5e1!important}[data-theme=dark] .cdp-input{background:#0f172a!important;border-color:#334155!important;color:#f1f5f9!important}.cdp-hero-title,.cdp-hero h1.cdp-hero-title,.main-body .cdp-hero h1.cdp-hero-title,.main-body .cdp-hero-title{color:#fff!important}.sc-page{display:flex;flex-direction:column;min-height:100%;background:var(--color-background, #f8fafc);padding-bottom:88px;box-sizing:border-box;width:100%}.sc-hero{background:var(--brand-gradient, linear-gradient(135deg, #0d9488 0%, #0f766e 100%))!important;padding:14px 16px 12px;color:#fff!important;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px #0d948826;box-sizing:border-box;width:100%}.sc-hero-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.sc-hero-title{font-size:16px;font-weight:700;letter-spacing:-.01em;color:#fff!important;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-hero-sub{font-size:11.5px;color:#ffffffd9!important;margin-top:1px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-hero-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.sc-chip-all{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid rgba(255,255,255,.25);background:#ffffff26;color:#fffffff2;cursor:pointer;white-space:nowrap;transition:all .15s ease}.sc-chip-all.active{background:#fff;color:var(--color-primary, #0d9488);border-color:#fff;font-weight:700;box-shadow:0 2px 6px #0000001a}.sc-icon-btn{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:#ffffff2e;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .15s ease;flex-shrink:0}.sc-icon-btn:hover{background:#ffffff47}.sc-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;padding:2px 0;-webkit-overflow-scrolling:touch}.sc-chips::-webkit-scrollbar{display:none}.sc-chip{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid rgba(255,255,255,.25);background:#ffffff26;color:#fffffff2;cursor:pointer;flex-shrink:0;transition:all .15s ease}.sc-chip.active{background:#fff;color:var(--color-primary, #0d9488);border-color:#fff;font-weight:700;box-shadow:0 2px 6px #0000001a}.sc-loading,.sc-empty{text-align:center;padding:48px 16px;color:#94a3b8;font-size:13.5px}.sc-section-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 8px;font-size:13px;font-weight:700;color:#1e293b;box-sizing:border-box}.sc-section-count{font-size:11.5px;font-weight:600;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:999px}.sc-list{padding:0 16px 88px;display:flex;flex-direction:column;gap:12px;box-sizing:border-box;width:100%}.sc-item{background:#fff;border-radius:16px;padding:14px;border:1px solid #F0F2F3;border-left-width:3px;box-shadow:0 1px 3px #0000000f}.sc-item--pending{border-left-color:#f59e0b}.sc-item--approved{border-left-color:#3b82f6}.sc-item--rejected{border-left-color:#ef4444}.sc-item--completed{border-left-color:#10b981}.sc-item>div,.sc-item>span,.sc-item>p{background:transparent!important;border-radius:0!important;border:none!important;box-shadow:none!important}.sc-item-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.sc-item-name{font-size:14px;font-weight:600;color:#1a2b2a}.sc-item-code{font-size:12px;color:#9ca3af;font-family:SF Mono,monospace;margin-top:2px}.sc-status-pill{display:inline-block;padding:3px 9px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;flex-shrink:0}.sc-status--pending{background:#fef3c7;color:#d97706}.sc-status--approved{background:#dbeafe;color:#2563eb}.sc-status--rejected{background:#fee2e2;color:#ef4444}.sc-status--completed{background:#d1fae5;color:#059669}.sc-reason-box{font-size:12px;color:#6b7280;margin-bottom:6px;line-height:1.5}.sc-item-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6b7280}.sc-refund-amt strong{color:#9ca3af;font-weight:600}.sc-refund-amt.has-refund strong{color:#059669}.sc-date{font-size:12px}.sc-item-actions{display:flex;gap:8px;margin-top:10px}.sc-btn-approve{padding:6px 14px;background:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.sc-btn-approve:hover{background:var(--color-primary-hover)}.sc-btn-reject{padding:6px 14px;background:#fff;color:#ef4444;border:1.5px solid #fca5a5;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.sc-btn-reject:hover{background:#fef2f2}.sc-btn-complete{padding:6px 16px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer}.sc-btn-complete:hover{background:#1d4ed8}.sc-pagination{display:flex;justify-content:space-between;align-items:center;padding:12px 16px 4px;font-size:13px;color:#6b7280}.sc-pagination button{padding:6px 14px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;font-size:13px;cursor:pointer;color:#374151}.sc-pagination button:disabled{opacity:.4;cursor:default}.sc-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.sc-modal{background:#fff;border-radius:20px;padding:20px 20px 24px;width:100%;max-width:480px;max-height:calc(88vh / var(--ui-vu, 1));overflow-y:auto;box-shadow:0 20px 50px #0000002e}.sc-modal--sm{max-height:calc(70vh / var(--ui-vu, 1))}.sc-modal-header{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:700;color:#1a2b2a;margin-bottom:16px}.sc-modal-close{width:30px;height:30px;border-radius:50%;border:none;background:#f3f4f6;color:#6b7280;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.sc-form-group{margin-bottom:14px}.sc-form-group label{display:block;font-size:12px;font-weight:600;color:#374151;margin-bottom:6px}.sc-req{color:#ef4444}.sc-input{width:100%;padding:10px 12px;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;color:#1a2b2a;background:#fff;box-sizing:border-box;font-family:inherit;transition:border-color .15s}.sc-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.sc-textarea{resize:vertical;min-height:72px}.sc-search-drop{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;z-index:50;box-shadow:0 4px 12px #0000001a;max-height:180px;overflow-y:auto}.sc-search-item{display:flex;justify-content:space-between;padding:9px 12px;cursor:pointer;border-bottom:1px solid #f3f4f6;font-size:13.5px}.sc-search-item:last-child{border-bottom:none}.sc-search-item:hover{background:#f9fafb}.sc-search-name{font-weight:600;color:#1a2b2a}.sc-search-phone{color:#9ca3af;font-size:12px}.sc-selected-person{font-size:12px;color:#059669;margin-top:4px}.sc-info-box{background:#f0fdf4;border:1px solid #BBF7D0;border-radius:10px;padding:12px 14px;margin-bottom:14px}.sc-info-row{display:flex;justify-content:space-between;font-size:13px;padding:3px 0;color:#374151}.sc-info-row span{color:#6b7280}.sc-info-amount{color:#dc2626;font-size:15px}.sc-note{font-size:12px;color:#6b7280;margin:8px 0 14px;line-height:1.5}.sc-modal-footer{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;padding-top:14px;border-top:1px solid #f3f4f6}.sc-btn-primary{padding:10px 20px;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.sc-btn-primary:hover{background:var(--color-primary-hover)}.sc-btn-cancel{padding:10px 20px;background:#fff;color:#374151;border:1.5px solid #e5e7eb;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer}.sc-btn-danger{padding:10px 20px;background:#ef4444;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}.sc-btn-danger:hover{background:#dc2626}@media(min-width:769px){.sc-page{padding:24px 32px 32px;background:var(--color-background);min-height:100%;display:flex;flex-direction:column;gap:18px}.sc-page .sc-hero{background:#0d9488!important;color:#fff!important;border-radius:18px;padding:28px 32px 24px;margin:0}.sc-page .sc-hero-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.sc-page .sc-hero-title{font-size:1.6rem;font-weight:700;color:#fff;margin:0 0 4px;letter-spacing:-.01em}.sc-page .sc-hero-sub{font-size:.92rem;color:#ffffffe6}.sc-page .sc-hero-actions{display:flex;gap:10px}.sc-page .sc-chip-all{padding:9px 22px;border-radius:10px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .15s}.sc-page .sc-chip-all:hover{background:#ffffff40}.sc-page .sc-chip-all.active{background:#fff;color:var(--color-primary)}.sc-page .sc-icon-btn{width:40px;height:40px;border-radius:10px;background:#ffffff2e;border:1px solid rgba(255,255,255,.22);color:#fff;cursor:pointer;display:grid;place-items:center}.sc-page .sc-icon-btn:hover{background:#ffffff47}.sc-page .sc-chips{display:flex;gap:6px;flex-wrap:nowrap;padding:0;justify-content:center}.sc-page .sc-chip{padding:5px 10px;border-radius:20px;background:#ffffff1f;border:1.5px solid rgba(255,255,255,.4);color:#ffffffd9;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;flex-shrink:0;white-space:nowrap}.sc-page .sc-chip:hover{background:#ffffff38}.sc-page .sc-chip.active{background:#fff;color:var(--color-primary);border-color:#fff}.sc-page .sc-section-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px;font-size:1rem;font-weight:700;color:#1e293b;margin:6px 0 0}.sc-page .sc-section-count{font-size:.78rem;color:#475569;background:#f1f5f9;padding:4px 12px;border-radius:999px;font-weight:500}.sc-page .sc-loading,.sc-page .sc-empty{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:60px 24px;text-align:center;color:#94a3b8;font-size:14px;box-shadow:0 1px 3px #00000008}.sc-page .sc-empty:before{content:"📋";display:block;font-size:48px;margin-bottom:14px;opacity:.5}.sc-page .sc-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.sc-page .sc-item{background:#fff;border:1px solid #f1f5f9;border-left:4px solid #f59e0b;border-radius:14px;padding:18px 20px;box-shadow:0 1px 3px #00000008;transition:box-shadow .15s}.sc-page .sc-item:hover{box-shadow:0 4px 12px #0000000f}.sc-page .sc-item--pending{border-left-color:#f59e0b}.sc-page .sc-item--approved{border-left-color:#3b82f6}.sc-page .sc-item--rejected{border-left-color:#ef4444}.sc-page .sc-item--completed{border-left-color:#10b981}.sc-page .sc-item-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px;gap:12px}.sc-page .sc-item-name{font-size:1rem;font-weight:700;color:#1e293b}.sc-page .sc-item-code{font-size:.78rem;color:#94a3b8;margin-top:2px}.sc-page .sc-status-pill{padding:5px 12px;border-radius:999px;font-size:.75rem;font-weight:600;flex-shrink:0}.sc-page .sc-status--pending{background:#fef3c7;color:#d97706}.sc-page .sc-status--approved{background:#dbeafe;color:#2563eb}.sc-page .sc-status--rejected{background:#fee2e2;color:#dc2626}.sc-page .sc-status--completed{background:#d1fae5;color:#059669}.sc-page .sc-reason-box{background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;padding:10px 12px;font-size:.85rem;color:#475569;margin-bottom:12px}.sc-page .sc-item-meta{display:flex;align-items:center;justify-content:space-between;padding-top:10px;border-top:1px solid #f1f5f9;font-size:.85rem;color:#475569}.sc-page .sc-refund-amt strong{color:#1e293b;font-weight:700}.sc-page .sc-refund-amt.has-refund strong{color:#dc2626}.sc-page .sc-date{color:#94a3b8;font-size:.78rem}.sc-page .sc-item-actions{display:flex;gap:8px;margin-top:12px}.sc-page .sc-btn-approve,.sc-page .sc-btn-reject,.sc-page .sc-btn-complete{flex:1;padding:9px 14px;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer}.sc-page .sc-btn-approve{background:#10b981;color:#fff}.sc-page .sc-btn-approve:hover{background:#059669}.sc-page .sc-btn-reject{background:#fee2e2;color:#dc2626}.sc-page .sc-btn-reject:hover{background:#fecaca}.sc-page .sc-btn-complete{background:var(--color-primary);color:#fff}.sc-page .sc-btn-complete:hover{background:var(--color-primary-hover)}}@media(min-width:1280px){.sc-page .sc-list{grid-template-columns:repeat(3,1fr)}}.scd-page{padding:24px 32px 32px;background:var(--color-background);min-height:100%;display:flex;flex-direction:column;gap:18px}.scd-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.scd-toolbar-add{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:10px;background:var(--color-primary);border:none;color:#fff;font-size:.88rem;font-weight:600;cursor:pointer;box-shadow:0 2px 6px #0d948840}.scd-toolbar-add:hover{filter:brightness(.96)}.scd-banner-chip{padding:9px 22px;border-radius:999px;background:var(--brand-soft, #E6F4F2);border:1px solid #E2E8F0;color:var(--color-primary);font-size:.88rem;font-weight:600;cursor:pointer}.scd-banner-chip:hover{background:var(--teal-10, #CCE9E5)}.scd-banner-chip.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.scd-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #00000008;overflow:hidden}.scd-card-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px}.scd-card-title{font-size:1.05rem;font-weight:700;color:#1e293b}.scd-card-meta{display:flex;gap:10px;align-items:center}.scd-card-count{font-size:.78rem;color:#475569;background:#f1f5f9;padding:5px 14px;border-radius:999px;font-weight:500}.scd-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#475569;cursor:pointer;display:grid;place-items:center}.scd-icon-btn:hover{background:#f8fafc;color:var(--color-primary)}.scd-filter-row{display:grid;grid-template-columns:1.4fr 1fr 1fr auto;gap:10px;padding:0 22px 16px}.scd-search-box{display:flex;align-items:center;gap:10px;padding:0 14px;height:40px;background:#fff;border:1px solid #e5e7eb;border-radius:10px}.scd-search-box input{flex:1;border:none;outline:none;font-size:13px;color:#1e293b;background:transparent}.scd-search-box input::-moz-placeholder{color:#94a3b8}.scd-search-box input::placeholder{color:#94a3b8}.scd-select{height:40px;padding:0 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:13px;color:#475569;cursor:pointer;outline:none}.scd-filter-btn{height:40px;padding:0 18px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#475569;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.scd-filter-btn:hover{background:#f8fafc}.scd-table-wrap{overflow-x:auto}.scd-table{width:100%;border-collapse:collapse;font-size:.85rem}.scd-table thead th{text-align:left;padding:12px;font-size:.7rem;font-weight:600;color:#94a3b8;letter-spacing:.5px;background:#fafbfc;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}.scd-table thead th.num{text-align:right}.scd-table tbody td{padding:14px 12px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.scd-table tbody tr:last-child td{border-bottom:none}.scd-table tbody td.num{text-align:right}.scd-table tbody td:first-child,.scd-table thead th:first-child{padding-left:22px}.scd-table tbody td:last-child,.scd-table thead th:last-child{padding-right:22px}.scd-code{font-weight:600;color:#1e293b}.scd-cust{display:flex;align-items:center;gap:10px}.scd-cust-avatar{width:32px;height:32px;border-radius:50%;background:#f1f5f9;color:#475569;font-weight:700;display:grid;place-items:center;flex-shrink:0;font-size:13px}.scd-cust-name{font-weight:600;color:#1e293b}.scd-cust-phone{font-size:.78rem;color:#94a3b8;margin-top:2px}.scd-pill{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:.75rem;font-weight:600}.scd-pill:before{content:"";width:14px;height:14px;background-repeat:no-repeat;background-position:center;flex-shrink:0;background-size:12px 12px}.scd-pill-card{background:#d1fae5;color:#059669}.scd-pill-service{background:#dbeafe;color:#2563eb}.scd-pill-product{background:#fef3c7;color:#d97706}.scd-pill-web{background:#fee2e2;color:#dc2626}.scd-svc{font-weight:600;color:#1e293b}.scd-svc-sub{font-size:.78rem;color:#94a3b8;margin-top:2px}.scd-amount{color:#1e293b;font-weight:700}.scd-reason{color:#475569}.scd-status{display:inline-block;padding:5px 12px;border-radius:999px;font-size:.75rem;font-weight:600}.scd-status-pending{background:#fef3c7;color:#d97706}.scd-status-approved{background:#d1fae5;color:#059669}.scd-status-rejected{background:#fee2e2;color:#dc2626}.scd-status-completed{background:#dbeafe;color:#2563eb}.scd-date{font-weight:500;color:#1e293b;font-size:.82rem}.scd-time{font-size:.78rem;color:#94a3b8;margin-top:2px}.scd-actions{display:inline-flex;gap:8px}.scd-act-view,.scd-act-del{width:30px;height:30px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;cursor:pointer;display:grid;place-items:center}.scd-act-view{color:#475569}.scd-act-view:hover{background:var(--teal-5, #f0fdfa);color:var(--color-primary)}.scd-act-del{color:#ef4444;border-color:#fecaca}.scd-act-del:hover{background:#fef2f2}.scd-act-refund{height:30px;padding:0 10px;border-radius:8px;border:1px solid var(--color-primary);background:var(--color-primary);color:#fff;cursor:pointer;font-size:12px;font-weight:700;white-space:nowrap}.scd-act-refund:hover{filter:brightness(.94)}.scd-empty-cell{text-align:center;color:#94a3b8;padding:60px 12px!important;font-size:14px}.scd-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-top:1px solid #f1f5f9;color:#64748b;font-size:.85rem}.scd-pagi{display:inline-flex;gap:6px}.scd-pagi-btn{width:32px;height:32px;border-radius:8px;border:1px solid #e5e7eb;background:#fff;color:#475569;cursor:pointer;font-weight:600}.scd-pagi-btn:hover:not(:disabled){background:#f8fafc}.scd-pagi-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.scd-pagi-btn:disabled{opacity:.4;cursor:not-allowed}[data-theme=dark] .sc-page{background:#101525!important}[data-theme=dark] .sc-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)!important}[data-theme=dark] .sc-chip{background:#1c2233!important;border-color:#ffffff1a!important;color:#94a3b8!important}[data-theme=dark] .sc-chip.active{background:rgba(var(--color-primary-rgb),.2)!important;border-color:rgba(var(--color-primary-rgb),.4)!important;color:#2dd4bf!important}[data-theme=dark] .sc-chip-all{background:#1c2233!important;border-color:#ffffff1a!important;color:#94a3b8!important}[data-theme=dark] .sc-chip-all.active{background:rgba(var(--color-primary-rgb),.2)!important;border-color:rgba(var(--color-primary-rgb),.4)!important;color:#2dd4bf!important}[data-theme=dark] .sc-section-head{background:#1c2233!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .sc-list{background:transparent!important}[data-theme=dark] .sc-item{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .sc-item-name{color:#f5f7fa!important}[data-theme=dark] .sc-item-code,[data-theme=dark] .sc-loading,[data-theme=dark] .sc-empty{color:#94a3b8!important}.mkt-page{background:var(--color-background, #f8fafc);min-height:100%;padding-bottom:88px;box-sizing:border-box;display:flex;flex-direction:column;width:100%}.mkt-page-mobile{padding:0 0 88px}.mkt-page-v2{padding:20px 24px 40px}.mkt-mobile-hero{background:var(--brand-gradient, linear-gradient(135deg, #0d9488 0%, #0f766e 100%));padding:14px 16px 12px;color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 2px 10px #0d948826;box-sizing:border-box;width:100%}.mkt-mobile-hero-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.mkt-mobile-back-btn{width:36px;height:36px;border-radius:10px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);flex-shrink:0;transition:all .15s ease}.mkt-mobile-back-btn:hover{background:#ffffff47}.mkt-mobile-hero-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.mkt-mobile-hero-title{font-size:16px;font-weight:700;color:#fff;letter-spacing:-.01em;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mkt-mobile-hero-sub{font-size:11.5px;color:#ffffffd9;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mkt-mobile-add-btn{padding:7px 14px;border-radius:10px;background:#fff;color:var(--color-primary, #0d9488);border:none;font-size:12.5px;font-weight:700;cursor:pointer;flex-shrink:0;white-space:nowrap;box-shadow:0 2px 6px #0000001a;transition:transform .15s ease}.mkt-mobile-add-btn:active{transform:scale(.96)}.mkt-mobile-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap;padding:2px 0;-webkit-overflow-scrolling:touch}.mkt-mobile-chips::-webkit-scrollbar{display:none}.mkt-mobile-chip{padding:5px 12px;border-radius:999px;font-size:12px;font-weight:600;white-space:nowrap;border:1px solid rgba(13,148,136,.3);background:#fff;color:var(--color-primary, #0d9488);cursor:pointer;flex-shrink:0;transition:all .15s ease}.mkt-mobile-chip.active{background:var(--color-primary, #0d9488);color:#fff;border-color:var(--color-primary, #0d9488);font-weight:700;box-shadow:0 2px 6px #0000001a}.mkt-content-wrap{width:100%;box-sizing:border-box}.mkt-wrap-mobile{padding:14px 16px 0}.mkt-header-v2{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;flex-wrap:wrap}.mkt-header-title{font-size:1.5rem;font-weight:800;color:#1e293b;margin:0}.mkt-header-sub{font-size:13px;color:#64748b}.mkt-header-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mkt-chips-v2{display:inline-flex;gap:6px}.mkt-chip-v2{padding:7px 16px;border-radius:999px;border:1.5px solid #e2e8f0;background:#fff;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s ease}.mkt-chip-v2:hover{border-color:var(--color-primary, #0d9488);color:var(--color-primary, #0d9488)}.mkt-chip-v2.active{background:var(--color-primary, #0d9488);color:#fff;border-color:var(--color-primary, #0d9488);box-shadow:0 2px 6px #0d948840}.mkt-add-btn-v2{padding:9px 18px;border-radius:10px;background:var(--color-primary, #0d9488);color:#fff;border:none;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 2px 6px #0d948840}.mkt-table-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 4px #00000008;overflow:hidden;width:100%;box-sizing:border-box}.mkt-table-head-row{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#f8fafc;border-bottom:1px solid #e2e8f0}.mkt-th{font-size:11.5px;font-weight:700;color:#94a3b8;letter-spacing:.05em;text-transform:uppercase}.mkt-empty-v2{padding:48px 24px;text-align:center}.mkt-empty-title{font-size:16px;font-weight:700;color:#1e293b;margin-bottom:4px}.mkt-empty-sub{font-size:12.5px;color:#94a3b8}.mkt-items-list{display:flex;flex-direction:column}.mkt-item{background:#fff;padding:14px 16px;border-bottom:1px solid #f1f5f9;display:flex;align-items:flex-start;gap:12px;box-sizing:border-box;transition:background .15s ease}.mkt-item:last-child{border-bottom:none}.mkt-item:hover{background:#f8fafc}.mkt-item-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mkt-item-body{flex:1;min-width:0}.mkt-item-title{font-size:14px;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.mkt-item-sub{font-size:12px;color:#64748b;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mkt-item-date{font-size:11.5px;color:#94a3b8;margin-top:2px}.mkt-item-tx{font-size:11.5px;color:#10b981;margin-top:2px;font-weight:600}.mkt-item-right{text-align:right;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.mkt-item-amount{font-size:14.5px;font-weight:800;color:#ef4444;letter-spacing:-.01em}.mkt-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:700}.mkt-badge.green{background:#ecfdf5;color:#059669}.mkt-badge.orange{background:#fffbeb;color:#d97706}.mkt-badge.red{background:#fef2f2;color:#dc2626}.mkt-badge.gray{background:#f1f5f9;color:#64748b}.mkt-item-actions{display:flex;gap:6px;margin-top:4px;align-items:center}.mkt-act-btn{padding:4px 10px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;border:none;transition:all .15s ease}.mkt-act-btn.approve{background:#e6f4f2;color:var(--color-primary, #0d9488);border:1px solid rgba(13,148,136,.25)}.mkt-act-btn.reject{background:#fef2f2;color:#ef4444;border:1px solid rgba(239,68,68,.25);padding:4px 8px}.mkt-act-btn.del{width:26px;height:26px;padding:0;border-radius:7px;border:1px solid #fecaca;background:#fff;color:#ef4444;display:flex;align-items:center;justify-content:center}.mkt-act-btn.cancel{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.mkt-pagination-v2{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-top:1px solid #f1f5f9;background:#fff;box-sizing:border-box}.mkt-pagi-count{font-size:12.5px;color:#64748b}.mkt-pagi-count strong{color:#1e293b;font-weight:700}.mkt-pagi-nav{display:inline-flex;align-items:center;gap:4px;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.mkt-pagi-btn{width:30px;height:30px;border:none;background:#fff;color:#475569;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center}.mkt-pagi-btn:disabled{color:#cbd5e1;cursor:not-allowed}.mkt-pagi-page{padding:0 10px;font-size:12px;color:#1e293b;font-weight:600}.mkt-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:999;padding:16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.mkt-modal-redesign{background:#fff;border-radius:20px;width:100%;max-width:440px;padding:32px 24px 24px;box-shadow:0 16px 40px #0000002e;max-height:calc(90vh / var(--ui-vu, 1));overflow-y:auto;box-sizing:border-box}.mkt-modal-head{margin-bottom:20px}.mkt-modal-title{font-size:1.15rem;font-weight:800;color:#1e293b;letter-spacing:-.01em}.mkt-modal-sub{font-size:12.5px;color:#64748b;margin-top:3px}.mkt-modal-form{display:flex;flex-direction:column;gap:14px}.mkt-form-group{display:flex;flex-direction:column;gap:5px}.mkt-field-label{font-size:12px;font-weight:700;color:#475569}.req{color:#ef4444}.mkt-input{width:100%;padding:10px 13px;border:1px solid #e2e8f0;border-radius:10px;font-size:13.5px;color:#1e293b;background:#f8fafc;box-sizing:border-box;outline:none;transition:all .15s ease}.mkt-input:focus{border-color:var(--color-primary, #0d9488);background:#fff;box-shadow:0 0 0 3px #0d948826}.mkt-select{cursor:pointer}.mkt-textarea{resize:vertical;min-height:54px}.mkt-input-affix-wrap{position:relative;display:flex;align-items:center;width:100%}.mkt-input-suffix{padding-right:50px!important}.mkt-input-affix{position:absolute;right:12px;font-size:12px;font-weight:700;color:#94a3b8;pointer-events:none}.mkt-warn{font-size:11.5px;color:#d97706;margin-top:4px;line-height:1.35}.mkt-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:10px}.mkt-btn-cancel{padding:9px 18px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#64748b;font-size:13.5px;font-weight:600;cursor:pointer}.mkt-btn-submit{padding:9px 24px;border-radius:10px;border:none;background:var(--color-primary, #0d9488);color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #0d948840}.mkt-btn-danger{padding:9px 20px;border-radius:10px;border:none;background:#ef4444;color:#fff;font-size:13.5px;font-weight:700;cursor:pointer}[data-theme=dark] .mkt-page{background:#101525!important}[data-theme=dark] .mkt-table-card,[data-theme=dark] .mkt-item,[data-theme=dark] .mkt-pagination-v2,[data-theme=dark] .mkt-modal-redesign{background:#1e293b!important;border-color:#ffffff14!important;color:#f1f5f9!important}[data-theme=dark] .mkt-item-title,[data-theme=dark] .mkt-modal-title{color:#f1f5f9!important}[data-theme=dark] .mkt-input{background:#0f172a!important;border-color:#334155!important;color:#f1f5f9!important}[data-theme=dark] .mkt-mobile-chip:not(.active){background:#1e293b;border-color:#334155;color:#5eead4}.mkt-item--mobile{row-gap:8px;flex-wrap:wrap}.mkt-item-actions--row{flex-basis:100%;justify-content:flex-end;margin-top:0;padding-left:50px;box-sizing:border-box}.mkt-item-actions--row:empty{display:none}.mkt-item-actions--row{justify-content:flex-start;gap:8px}.mkt-item-actions--row .mkt-act-btn{min-height:36px;padding:6px 14px;font-size:13px;display:inline-flex;align-items:center;justify-content:center}.mkt-item-actions--row .mkt-act-btn.del{width:36px;height:36px;padding:0;margin-left:auto}.products-page{padding:24px 0;background:var(--color-background, #f8fafc);min-height:calc(100vh / var(--ui-vu, 1))}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.page-header h1{font-size:1.75rem;font-weight:700;color:var(--color-text, #1e293b);margin:0 0 4px}.page-header .subtitle{color:var(--color-text-muted, #6b7280);margin:0;font-size:14px}.btn-secondary{background:var(--color-surface, white);color:var(--color-text, #475569);border:1px solid var(--color-border, #d1d5db);padding:12px 20px;border-radius:10px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.filters-bar{display:flex;align-items:center;gap:16px;margin-bottom:24px;background:var(--color-surface, white);padding:16px 20px;border-radius:14px;box-shadow:0 1px 3px #0000000f}.search-box{display:flex;align-items:center;gap:10px;flex:1;max-width:400px;color:var(--color-text-muted, #9ca3af)}.search-box input{flex:1;border:none;background:transparent;font-size:14px;padding:8px 0;outline:none}.search-box input::-moz-placeholder{color:var(--color-text-muted, #9ca3af)}.search-box input::placeholder{color:var(--color-text-muted, #9ca3af)}.filter-select{padding:10px 36px 10px 14px;border:1px solid var(--color-border, #e5e7eb);border-radius:10px;font-size:14px;background:var(--color-surface, white);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;min-width:160px}.filter-select:focus{outline:none;border-color:var(--color-primary)}.products-table-wrapper{background:var(--color-surface, white);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000014}.products-table{width:100%;border-collapse:collapse}.products-table th{padding:16px 24px;text-align:left;font-size:.7rem;font-weight:600;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px;background:var(--color-background, #f9fafb);border-bottom:1px solid var(--color-border, #e5e7eb)}.products-table th.text-right{text-align:right}.products-table td{padding:18px 24px;font-size:14px;color:var(--color-text, #374151);border-bottom:1px solid var(--color-border, #f3f4f6);vertical-align:middle}.products-table td.text-right{text-align:right}.products-table tbody tr:hover{background:var(--color-background, #f9fafb)}.products-table tbody tr.inactive{opacity:.6}.products-table td.code{font-weight:600;color:var(--color-primary);font-size:13px}.product-info{display:flex;align-items:center;gap:10px}.product-thumb{width:36px;height:36px;border-radius:8px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.product-avatar{width:36px;height:36px;border-radius:8px;background:var(--brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.product-name{font-weight:600;color:var(--color-text, #1f2937)}.badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500}.badge.inactive{background:#fee2e2;color:#dc2626}.actions{display:flex;gap:8px;justify-content:flex-end}.btn-icon{width:34px;height:34px;border:none;border-radius:8px;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted, #6b7280);transition:all .2s}.btn-icon:hover{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.loading-state,.empty-state{text-align:center;padding:80px 40px;background:var(--color-surface, white);border-radius:16px;color:var(--color-text-muted, #9ca3af)}.empty-state:before{content:"";display:block;width:60px;height:60px;margin:0 auto 16px;background:var(--color-background, #f3f4f6);border-radius:12px}.end-of-data{display:flex;flex-direction:column;align-items:center;padding:48px 20px;color:var(--color-text-muted, #9ca3af)}.end-of-data .end-icon{width:48px;height:48px;background:var(--color-background, #f3f4f6);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px;color:#cbd5e1}.end-of-data p{margin:0;font-size:14px;font-style:italic}.modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.product-modal-item{display:flex;background:var(--color-surface, #fff);border-radius:18px;box-shadow:0 20px 60px #00000026;width:100%;max-width:700px;max-height:calc(90vh / var(--ui-vu, 1));overflow:hidden;animation:pmSlideUp .25s ease-out}@keyframes pmSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.product-modal-left{width:220px;min-width:220px;padding:36px 28px;display:flex;flex-direction:column;gap:8px}.product-modal-left h2{font-size:1.25rem;font-weight:700;color:var(--color-text, #1e293b);margin:0;line-height:1.35;white-space:nowrap}.pm-actions-left{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding-top:20px;border-top:none}.pm-actions-left .pm-btn-submit,.pm-actions-left .pm-btn-cancel{width:100%;text-align:center}.product-modal-left p{font-size:13px;color:var(--color-text-muted, #6b7280);margin:0;line-height:1.5}.pm-image-upload{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:20px}.pm-image-circle{width:100px;height:100px;border-radius:50%;border:2.5px dashed var(--color-border, #d1d5db);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;background:var(--color-background, #f9fafb);transition:border-color .2s,box-shadow .2s}.pm-image-circle:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.pm-image-circle img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.pm-image-overlay{position:absolute;bottom:0;left:0;right:0;height:32px;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.pm-image-circle:hover .pm-image-overlay{opacity:1}.pm-image-loading{position:absolute;inset:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;font-size:20px;animation:pmSpin 1s linear infinite}@keyframes pmSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pm-image-label{font-size:12px;color:var(--color-text-muted, #9ca3af);font-weight:500}.product-modal-form{flex:1;min-width:0;padding:28px 24px;overflow-y:auto;overflow-x:hidden;border-left:1px solid var(--color-border, #f0f0f0)}.pm-form-group{margin-bottom:20px}.pm-form-group label{display:block;font-size:13px;font-weight:500;color:var(--color-text, #374151);margin-bottom:6px}.pm-required{color:#ef4444;margin-left:2px}.pm-form-group input,.pm-form-group select{width:100%;padding:11px 14px;border:1.5px solid var(--color-border, #d1d5db);border-radius:8px;font-size:14px;box-sizing:border-box;background:var(--color-surface, #fff);color:var(--color-text, #374151);transition:border-color .2s,box-shadow .2s}.pm-form-group input:focus,.pm-form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.pm-form-group input::-moz-placeholder{color:var(--color-text-muted, #9ca3af)}.pm-form-group input::placeholder{color:var(--color-text-muted, #9ca3af)}.pm-form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.pm-form-group.pm-flex{flex:1}.pm-select-row{display:flex;gap:8px;align-items:center}.pm-select-row select{flex:1}.pm-add-cat-btn{width:40px;height:40px;border:none;border-radius:8px;background:var(--color-primary);color:#fff;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .2s}.pm-add-cat-btn:hover{background:var(--color-primary-hover)}.pm-new-cat-row{display:flex;gap:8px;margin-top:8px}.pm-new-cat-row input{flex:1;padding:9px 12px;border:1.5px solid var(--color-border, #d1d5db);border-radius:8px;font-size:13px}.pm-new-cat-row input:focus{border-color:var(--color-primary);outline:none}.pm-create-cat-btn{padding:9px 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap}.pm-create-cat-btn:hover{background:#2563eb}.pm-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px;padding-top:20px;border-top:1px solid var(--color-border, #f0f0f0)}.pm-btn-cancel{padding:11px 24px;background:var(--color-surface, #fff);color:var(--color-text, #374151);border:1px solid var(--color-border, #d1d5db);border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.pm-btn-cancel:hover{background:var(--color-background, #f3f4f6)}.pm-btn-submit{padding:11px 28px;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.pm-btn-submit:hover{background:var(--color-primary-hover)}.pm-btn-submit:disabled,.pm-btn-cancel:disabled{opacity:.6;cursor:not-allowed}@media(max-width:1024px){.products-page{padding:20px}.products-table th,.products-table td{padding:14px 16px}}@media(max-width:768px){.page-header{flex-direction:column;gap:16px}.filters-bar{flex-direction:column;align-items:stretch}.search-box{max-width:none}.filter-select{width:100%}.product-modal-item{flex-direction:column;max-width:calc(95vw / var(--ui-vu, 1))}.product-modal-left{width:auto;min-width:auto;padding:24px 24px 16px}.product-modal-form{border-left:none;border-top:1px solid var(--color-border, #f0f0f0);padding:24px}.pm-form-row{grid-template-columns:1fr 1fr;gap:10px}}.inventory-tab-bar{position:sticky;top:0;z-index:20;border-radius:0;border-left:none;border-right:none;border-top:none;box-shadow:0 1px 0 var(--color-border, #e5e7eb);padding:0 16px;min-height:46px;align-items:center;scrollbar-width:none}.inventory-tab-bar::-webkit-scrollbar{display:none}.inv-sub-hero{background:var(--brand-gradient, linear-gradient(135deg, var(--color-primary, #006e75), var(--color-primary-hover, #005b61)));padding:calc(env(safe-area-inset-top,0px) + 14px) 16px 18px;color:#fff;position:relative;overflow:visible;z-index:10}.inv-sub-hero:before{display:none}.inv-sub-hero-inner{display:flex;align-items:center;gap:12px;position:relative}.inv-sub-hero-back,.inv-sub-hero-add{width:36px;height:36px;border-radius:12px;background:#ffffff2e;border:none;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.inv-sub-hero-text{flex:1}.inv-sub-hero-title{font-size:17px;font-weight:800;letter-spacing:-.02em;color:#fff;line-height:1.2}.inv-sub-hero-sub{font-size:12px;color:#ffffffd9;margin-top:2px}@media(max-width:767px){.stock-page .page-header,.stock-page .stock-report-filters,.import-report-page .page-header,.products-page .page-header,.products-page .filters-bar,.suppliers-page .page-header,.suppliers-page .summary-boxes,.suppliers-page .search-bar{display:none}}.stock-page{padding:0;max-width:100%}.stock-page h2{margin:0 0 1rem;font-size:1.25rem;font-weight:700;color:var(--text-primary, #1e293b)}.stock-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1.25rem}.stock-summary-box{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:10px;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.25rem}.stock-summary-box .label{font-size:.75rem;color:var(--text-tertiary, #94a3b8);font-weight:500;text-transform:uppercase;letter-spacing:.03em}.stock-summary-box .value{font-size:1.35rem;font-weight:700;color:var(--text-primary, #1e293b)}.stock-summary-box .value.warning{color:#f59e0b}.stock-summary-box .value.danger{color:#ef4444}.stock-summary-box .value.success{color:#10b981}.stock-toolbar{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap;padding:10px 16px 0}.stock-search{flex:1;min-width:200px;position:relative}.stock-search input{width:100%;padding:.55rem .75rem .55rem 2.25rem;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:.85rem;background:var(--input-bg, #fff);color:var(--text-primary, #1e293b);transition:border-color .15s}.stock-search input:focus{outline:none;border-color:var(--primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.stock-search .search-icon{position:absolute;left:.65rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #94a3b8)}.stock-btn{padding:.55rem 1rem;border:none;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .15s}.stock-btn-primary{background:var(--color-primary, #0F766E);color:#fff}.stock-btn-primary:hover{background:var(--color-primary-hover, #005b61);transform:translateY(-1px)}.stock-btn-success{background:#10b981;color:#fff}.stock-btn-success:hover{background:#059669}.stock-btn-warning{background:#f59e0b;color:#fff}.stock-btn-warning:hover{background:#d97706}.stock-btn-danger{background:#ef4444;color:#fff}.stock-btn-danger:hover{background:#dc2626}.stock-btn-outline{background:transparent;color:var(--text-secondary, #64748b);border:1px solid var(--border-color, #e2e8f0)}.stock-btn-outline:hover{background:var(--hover-bg, #f8fafc);border-color:var(--text-tertiary, #94a3b8)}.stock-table-wrap{background:var(--card-bg, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:10px;overflow-x:auto;margin:0 16px 16px}.stock-table{width:100%;border-collapse:collapse;font-size:.82rem}.stock-table thead th{background:var(--table-header-bg, #f8fafc);padding:.65rem .85rem;text-align:left;font-weight:600;color:var(--text-secondary, #64748b);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--border-color, #e2e8f0);white-space:nowrap;position:sticky;top:0;z-index:1}.stock-table tbody tr{border-bottom:1px solid var(--border-color, #f1f5f9);transition:background .1s}.stock-table tbody tr:hover{background:var(--hover-bg, #f8fafc)}.stock-table tbody tr:nth-child(2n){background:#f8fafc80}.stock-table tbody tr:nth-child(2n):hover{background:var(--hover-bg, #f1f5f9)}.stock-table td{padding:.6rem .85rem;color:var(--text-primary, #1e293b);vertical-align:middle}.stock-table .text-right{text-align:right}.stock-table .text-center{text-align:center}.stock-table .text-mono{font-family:JetBrains Mono,Fira Code,monospace;font-size:.8rem}.stock-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:100px;font-size:.7rem;font-weight:600}.stock-badge.import{background:#dcfce7;color:#16a34a}.stock-badge.export{background:#fee2e2;color:#dc2626}.stock-badge.use{background:#fef3c7;color:#d97706}.stock-badge.transfer-in{background:#dbeafe;color:#2563eb}.stock-badge.transfer-out{background:#e0e7ff;color:#4f46e5}.stock-badge.adjust{background:#f3e8ff;color:#7c3aed}.stock-badge.return{background:#ccfbf1;color:var(--color-primary)}.stock-badge.low-stock{background:#fff7ed;color:#ea580c;animation:pulse-soft 2s infinite}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}.stock-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stock-modal{background:var(--card-bg, #fff);border-radius:14px;width:95%;max-width:520px;max-height:calc(90vh / var(--ui-vu, 1));overflow-y:auto;box-shadow:0 25px 50px #00000026;animation:slideUp .2s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.stock-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.5rem;border-bottom:1px solid var(--border-color, #e2e8f0)}.stock-modal-header h3{margin:0;font-size:1rem;font-weight:700;color:var(--text-primary, #1e293b)}.stock-modal-close{background:none;border:none;padding:.3rem;cursor:pointer;color:var(--text-tertiary, #94a3b8);border-radius:6px;transition:all .15s}.stock-modal-close:hover{background:var(--hover-bg, #f1f5f9);color:var(--text-primary, #1e293b)}.stock-modal-body{padding:1.25rem 1.5rem}.stock-form-group{margin-bottom:1rem}.stock-form-group label{display:block;font-size:.78rem;font-weight:600;color:var(--text-secondary, #64748b);margin-bottom:.35rem}.stock-form-group input,.stock-form-group select,.stock-form-group textarea{width:100%;padding:.55rem .75rem;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:.85rem;background:var(--input-bg, #fff);color:var(--text-primary, #1e293b);transition:border-color .15s}.stock-form-group input:focus,.stock-form-group select:focus,.stock-form-group textarea:focus{outline:none;border-color:var(--primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.stock-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.stock-modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid var(--border-color, #e2e8f0)}.stock-empty{text-align:center;padding:3rem 1rem;color:var(--text-tertiary, #94a3b8)}.stock-empty svg{margin-bottom:.75rem;opacity:.5}.stock-empty p{margin:0;font-size:.85rem}.stock-loading{text-align:center;padding:3rem;color:var(--text-tertiary, #94a3b8);font-size:.85rem}.stock-report-filters{display:flex;gap:.75rem;align-items:flex-end;margin-bottom:1rem;flex-wrap:wrap}.stock-report-filters .stock-form-group{margin-bottom:0;min-width:150px}.stock-report-total{display:flex;gap:1rem;padding:.75rem 1rem;background:var(--table-header-bg, #f8fafc);border-top:2px solid var(--border-color, #e2e8f0);font-weight:600;font-size:.82rem}@media(max-width:767px){.stock-summary{grid-template-columns:repeat(5,1fr);gap:5px;padding:0 12px;margin-bottom:1rem}.stock-summary-box{padding:8px 6px;border-radius:8px;align-items:center;text-align:center}.stock-summary-box .label{font-size:12px;letter-spacing:0;line-height:1.2}.stock-summary-box .value{font-size:13px;word-break:break-word}}[data-theme=dark] .stock-summary-box,[data-theme=dark] .stock-table-wrap{background:var(--card-bg, #1e293b);border-color:var(--border-color, #334155)}[data-theme=dark] .stock-modal{background:var(--card-bg, #1e293b)}[data-theme=dark] .stock-badge.import{background:#16a34a26}[data-theme=dark] .stock-badge.export{background:#dc262626}[data-theme=dark] .stock-badge.use{background:#d9770626}[data-theme=dark] .stock-badge.low-stock{background:#ea580c26}@media(min-width:769px){.stock-page{background:var(--color-background)!important;padding:24px 32px 40px!important}.stock-page>.inv-sub-hero{display:none!important}.stock-page>.inv-sub-hero+div[style*="border-bottom: 1px solid"]{display:none!important}.stock-page .stock-report-filters{display:flex!important;flex-wrap:wrap;gap:14px;align-items:flex-end;padding:18px 22px!important;background:#fff!important;border:1px solid #f1f5f9!important;border-radius:16px!important;box-shadow:0 1px 3px #00000008!important;margin:0 0 18px!important}.stock-page .stock-form-group{display:flex;flex-direction:column;gap:6px}.stock-page .stock-form-group label{font-size:.82rem!important;color:#64748b!important;font-weight:500!important}.stock-page .stock-form-group input,.stock-page .stock-form-group select{height:40px!important;padding:0 14px!important;border:1px solid #e5e7eb!important;border-radius:10px!important;font-size:13px!important;color:#374151!important;background:#fff!important;outline:none!important;min-width:170px!important}.stock-page .stock-form-group input:focus,.stock-page .stock-form-group select:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)!important}.stock-page .stock-report-filters .stock-btn{height:40px!important;padding:0 18px!important;border-radius:10px!important;font-weight:600!important;font-size:.92rem!important;cursor:pointer!important;border:none!important;display:inline-flex!important;align-items:center!important;gap:6px!important;margin-bottom:0!important}.stock-page .stock-report-filters .stock-btn-primary{background:linear-gradient(135deg,var(--color-primary, #006e75),var(--color-primary-hover, #005b61))!important;color:#fff!important}.stock-page .stock-summary{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:14px!important;padding:0!important;margin:0 0 18px!important}.stock-page .stock-summary-box{background:#fff!important;border:1px solid #f1f5f9!important;border-radius:16px!important;padding:18px 20px!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:14px!important;box-shadow:0 1px 3px #00000008!important}.stock-page .stock-summary-box:before{content:"";width:44px;height:44px;border-radius:12px;background:#ccfbf1;flex-shrink:0;background-repeat:no-repeat;background-position:center;background-size:22px 22px;order:0}.stock-page .stock-summary-box:nth-child(1):before{background-color:#ccfbf1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d9488' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><ellipse cx='12' cy='5' rx='9' ry='3'/><path d='M21 12c0 1.66-4 3-9 3s-9-1.34-9-3'/><path d='M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5'/></svg>")}.stock-page .stock-summary-box:nth-child(2):before{background-color:#d1fae5;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23059669' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/><polyline points='7 10 12 15 17 10'/><line x1='12' y1='15' x2='12' y2='3'/></svg>")}.stock-page .stock-summary-box:nth-child(3):before{background-color:#fee2e2;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23dc2626' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/><polyline points='17 8 12 3 7 8'/><line x1='12' y1='3' x2='12' y2='15'/></svg>")}.stock-page .stock-summary-box:nth-child(4):before{background-color:#ccfbf1;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230d9488' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M21 12V7H5a2 2 0 0 1 0-4h14v4'/><path d='M3 5v14a2 2 0 0 0 2 2h16v-5'/><path d='M18 12a2 2 0 0 0 0 4h4v-4Z'/></svg>")}.stock-page .stock-summary-box:nth-child(5):before{background-color:#fef3c7;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d97706' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9'/><path d='M10.3 21a1.94 1.94 0 0 0 3.4 0'/></svg>")}.stock-page .stock-summary-box .label{font-size:.72rem!important;color:#94a3b8!important;font-weight:600!important;letter-spacing:.5px!important;text-transform:uppercase;order:1;flex-basis:calc(100% - 60px)}.stock-page .stock-summary-box .value{font-size:1.4rem!important;font-weight:700!important;color:#1e293b!important;line-height:1.1!important;letter-spacing:-.02em;order:2;flex-basis:calc(100% - 60px);margin-top:4px}.stock-page .stock-summary-box .value.success{color:#059669!important}.stock-page .stock-summary-box .value.danger{color:#dc2626!important}.stock-page .stock-summary-box .value.warning{color:#d97706!important}.stock-page .stock-summary-box{flex-wrap:wrap!important}.stock-page>div[style*="background: var(--color-surface, white)"]{display:none!important}.stock-page>div[style*="border-radius: 14px"][style*="margin: 0 12px 16px"]{margin:0!important;border-radius:16px!important;box-shadow:0 1px 3px #00000008!important;border:1px solid #f1f5f9!important}}.srd-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #00000008;overflow:hidden}.srd-table-wrap{overflow-x:auto}.srd-table{width:100%;border-collapse:collapse;font-size:.9rem}.srd-table thead th{text-align:left;padding:14px;font-size:.72rem;font-weight:600;color:#94a3b8;letter-spacing:.5px;background:#fafbfc;border-bottom:1px solid #f1f5f9;white-space:nowrap}.srd-table thead th.num{text-align:right}.srd-table thead th.green{color:#059669}.srd-table thead th.red{color:#dc2626}.srd-table tbody td{padding:16px 14px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle;white-space:nowrap}.srd-table tbody tr:last-child td{border-bottom:none}.srd-table tbody tr:hover{background:#f8fafc}.srd-table tbody td.num{text-align:right;font-variant-numeric:tabular-nums}.srd-table tbody td.green{color:#059669;font-weight:600}.srd-table tbody td.red{color:#dc2626;font-weight:600}.srd-table tbody td:first-child,.srd-table thead th:first-child{padding-left:22px}.srd-table tbody td:last-child,.srd-table thead th:last-child{padding-right:22px}.srd-code{font-family:SF Mono,Monaco,monospace;color:#475569;font-size:.85rem}.srd-pill{display:inline-block;padding:5px 14px;border-radius:999px;font-size:.78rem;font-weight:600}.srd-pill.ok{background:#d1fae5;color:#059669}.srd-pill.warn{background:#fef3c7;color:#d97706}.srd-total-row td{background:#f8fafc;border-top:2px solid #e5e7eb!important;font-weight:700}.srd-total-row strong{font-weight:800}.srd-empty-cell{text-align:center;color:#94a3b8;padding:60px 12px!important;font-size:14px}[data-theme=dark] .inv-sub-hero{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%)!important}[data-theme=dark] .stock-page{background:#101525!important}[data-theme=dark] .stock-page h2{color:#f5f7fa!important}[data-theme=dark] .stock-summary{background:transparent!important}[data-theme=dark] .stock-summary-box{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .stock-summary-box .label{color:#94a3b8!important}[data-theme=dark] .stock-summary-box .value{color:#f5f7fa!important}[data-theme=dark] .stock-toolbar{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .stock-search{background:#1c2233!important;border-color:#ffffff1f!important}[data-theme=dark] .stock-search input{background:transparent!important;color:#f5f7fa!important}[data-theme=dark] .stock-page .page-header,[data-theme=dark] .stock-page .stock-report-filters{background:#202638!important;border-color:#ffffff14!important}.suppliers-page{padding:24px 0;background:var(--color-background, #f8fafc);min-height:calc(100vh / var(--ui-vu, 1))}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.header-left{display:flex;align-items:center;gap:12px}.header-left svg{color:var(--color-primary)}.page-header h1{font-size:1.75rem;font-weight:700;color:var(--color-text, #1e293b);margin:0}.btn-primary{display:flex;align-items:center;gap:8px;background:var(--color-primary);color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.btn-primary:hover{background:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface, white);color:var(--color-text, #475569);border:1px solid var(--color-border, #d1d5db);padding:12px 20px;border-radius:10px;font-weight:500;font-size:14px;cursor:pointer}.btn-secondary:hover{background:var(--color-background, #f3f4f6)}.summary-boxes{margin-bottom:24px}.summary-box{background:var(--color-surface, white);border-radius:14px;padding:20px 28px;box-shadow:0 1px 3px #00000014;border-left:4px solid var(--color-primary);display:inline-block}.summary-box .label{display:block;font-size:.7rem;font-weight:600;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.summary-box .value{font-size:2rem;font-weight:700;color:var(--color-text, #1e293b)}.search-bar{display:flex;align-items:center;gap:12px;background:var(--color-surface, white);border:1px solid var(--color-border, #e5e7eb);border-radius:12px;padding:12px 16px;margin-bottom:24px;max-width:400px;color:var(--color-text-muted, #9ca3af)}.search-bar input{flex:1;border:none;outline:none;font-size:14px;background:transparent}.search-bar input::-moz-placeholder{color:var(--color-text-muted, #9ca3af)}.search-bar input::placeholder{color:var(--color-text-muted, #9ca3af)}.data-table-container{background:var(--color-surface, white);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000014}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:16px 24px;text-align:left;font-size:.7rem;font-weight:600;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px;background:var(--color-background, #f9fafb);border-bottom:1px solid var(--color-border, #e5e7eb)}.data-table td{padding:18px 24px;font-size:14px;color:var(--color-text, #374151);border-bottom:1px solid var(--color-border, #f3f4f6)}.data-table tbody tr:hover{background:var(--color-background, #f9fafb)}.supplier-info{display:flex;align-items:center;gap:12px}.supplier-avatar{width:36px;height:36px;border-radius:8px;background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.supplier-logo{width:36px;height:36px;border-radius:8px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.supplier-name{font-weight:600;color:var(--color-text, #1f2937)}.sp-logo-upload{display:flex;flex-direction:column;align-items:center;gap:8px}.sp-logo-circle{width:80px;height:80px;border-radius:50%;border:2.5px dashed var(--color-border, #d1d5db);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;background:var(--color-background, #f9fafb);transition:border-color .2s,box-shadow .2s}.sp-logo-circle:hover{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.sp-logo-circle img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.sp-logo-overlay{position:absolute;bottom:0;left:0;right:0;height:28px;background:#00000073;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s}.sp-logo-circle:hover .sp-logo-overlay{opacity:1}.sp-logo-loading{position:absolute;inset:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;font-size:18px}.sp-logo-label{font-size:12px;color:var(--color-text-muted, #9ca3af);font-weight:500}.email-cell{color:var(--color-primary)}.actions{display:flex;gap:8px}.btn-action{width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-action.edit{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.btn-action.edit:hover{background:#bfdbfe}.btn-action.delete{background:#fee2e2;color:#ef4444}.btn-action.delete:hover{background:#fecaca}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid var(--color-border, #e5e7eb)}.record-count{font-size:14px;color:var(--color-text-muted, #6b7280)}.pagination{display:flex;gap:6px}.page-btn{width:36px;height:36px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--color-surface, white);cursor:pointer;font-size:14px;color:var(--color-text, #374151);transition:all .2s}.page-btn:hover:not(:disabled){background:var(--color-background, #f3f4f6)}.page-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.page-btn:disabled{opacity:.5;cursor:not-allowed}.loading,.empty-state{text-align:center;padding:60px 40px;color:var(--color-text-muted, #9ca3af)}.empty-state svg{width:48px;height:48px;margin-bottom:16px;opacity:.5}.empty-state p{margin:0 0 16px}.sp-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.sp-modal{background:#fff;border-radius:16px;width:100%;max-width:620px;max-height:calc(90vh / var(--ui-vu, 1));overflow:hidden;box-shadow:0 20px 60px #00000026}.sp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid #f1f5f9}.sp-modal-header h2{font-size:1.15rem;font-weight:700;color:#1e293b;margin:0;display:flex;align-items:center;gap:10px}.sp-modal-close{width:32px;height:32px;border:none;background:transparent;font-size:1.4rem;color:#94a3b8;cursor:pointer;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s}.sp-modal-close:hover{background:#f1f5f9;color:#475569}.sp-modal-body{padding:24px 28px;overflow-y:auto}.sp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.sp-field{display:flex;flex-direction:column;gap:6px}.sp-field.sp-full{grid-column:1 / -1}.sp-field label{font-size:.82rem;font-weight:600;color:#374151}.sp-required{color:#ef4444}.sp-input-wrap{display:flex;align-items:center;gap:10px;border:1px solid #e5e7eb;border-radius:10px;padding:0 14px;background:#fff;transition:all .15s}.sp-input-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.08)}.sp-input-icon{flex-shrink:0;color:#94a3b8}.sp-input-wrap input{flex:1;border:none;outline:none;padding:11px 0;font-size:.88rem;background:transparent;color:#1e293b}.sp-input-wrap input::-moz-placeholder{color:#cbd5e1}.sp-input-wrap input::placeholder{color:#cbd5e1}.sp-textarea-wrap{align-items:flex-start;padding-top:11px}.sp-textarea-wrap .sp-input-icon{margin-top:2px}.sp-input-wrap textarea{flex:1;border:none;outline:none;padding:0 0 11px;font-size:.88rem;background:transparent;color:#1e293b;resize:vertical;min-height:80px;font-family:inherit}.sp-input-wrap textarea::-moz-placeholder{color:#cbd5e1}.sp-input-wrap textarea::placeholder{color:#cbd5e1}.sp-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 28px;border-top:1px solid #f1f5f9}.sp-btn-cancel{padding:10px 24px;background:#fff;color:#475569;border:1px solid #e5e7eb;border-radius:10px;font-weight:500;font-size:.88rem;cursor:pointer;transition:all .15s}.sp-btn-cancel:hover{background:#f8fafc;border-color:#94a3b8}.sp-btn-save{display:flex;align-items:center;gap:8px;padding:10px 24px;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-weight:500;font-size:.88rem;cursor:pointer;transition:all .15s}.sp-btn-save:hover{background:var(--color-primary-hover)}.sp-btn-save:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.suppliers-page{padding:0 0 96px!important}.suppliers-legacy-mobile-header{display:none!important}.page-header{flex-direction:column;align-items:flex-start;gap:16px}.search-bar{max-width:none}.data-table th,.data-table td{padding:12px 16px}.table-footer{flex-direction:column;gap:12px;align-items:flex-start}}.modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;justify-content:center;align-items:center;z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-modal{background:#fff;border-radius:16px;padding:32px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #00000026}.confirm-icon{font-size:48px;margin-bottom:12px}.confirm-modal h3{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 8px}.confirm-modal p{font-size:14px;color:#6b7280;margin:0 0 24px;line-height:1.5}.confirm-actions{display:flex;gap:12px;justify-content:center}.btn-danger{padding:10px 24px;background:#ef4444;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-danger:hover{background:#dc2626}@media(max-width:768px){.suppliers-page{width:100%!important;max-width:100%!important;min-width:0!important;padding:0 0 96px!important;box-sizing:border-box!important;overflow-x:clip!important}.summary-boxes{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.data-table-container{width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}}html.mobile-preview .suppliers-page{width:100%!important;max-width:100%!important;min-width:0!important;padding:0 0 96px!important;box-sizing:border-box!important;overflow-x:clip!important}html.mobile-preview .suppliers-legacy-mobile-header{display:none!important}.ssp-page{background:var(--color-background);min-height:calc(100vh / var(--ui-vu, 1));padding:24px 32px 40px;display:flex;flex-direction:column;gap:18px}.ssp-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ssp-kpi{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:20px 24px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #00000008}.ssp-kpi-icon{width:52px;height:52px;border-radius:12px;background:#ccfbf1;color:var(--color-primary);display:grid;place-items:center;flex-shrink:0}.ssp-kpi-info{flex:1;min-width:0}.ssp-kpi-label{font-size:.78rem;color:#94a3b8;font-weight:600;letter-spacing:.5px;margin-bottom:6px}.ssp-kpi-value{font-size:1.7rem;font-weight:700;color:var(--color-primary);line-height:1;letter-spacing:-.02em}.ssp-toolbar{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:14px 18px;display:flex;gap:12px;align-items:center;box-shadow:0 1px 3px #00000008}.ssp-search{flex:1;display:flex;align-items:center;gap:10px;padding:0 14px;height:42px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;min-width:200px}.ssp-search input{flex:1;border:none;outline:none;font-size:13px;background:transparent;color:#1e293b}.ssp-search input::-moz-placeholder{color:#94a3b8}.ssp-search input::placeholder{color:#94a3b8}.ssp-tab{padding:0 22px;height:42px;border-radius:10px;background:#fff;border:1px solid #e5e7eb;color:#475569;font-size:.9rem;font-weight:500;cursor:pointer;white-space:nowrap}.ssp-tab:hover{border-color:var(--teal-15, #99f6e4);color:var(--color-primary)}.ssp-tab.active{background:var(--color-primary, #0d9488);color:#fff;border-color:var(--color-primary, #0d9488);font-weight:600}.ssp-btn-import{height:42px;padding:0 18px;border:none;border-radius:10px;background:var(--color-primary, #0d9488);color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.9rem;white-space:nowrap}.ssp-btn-import:hover{background:var(--color-primary-dark, #0f766e)}.ssp-btn-export{height:42px;padding:0 18px;border:none;border-radius:10px;background:#f59e0b;color:#fff;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.9rem;white-space:nowrap}.ssp-btn-export:hover{background:#d97706}.ssp-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #00000008;overflow:hidden}.ssp-table-wrap{overflow-x:auto}.ssp-table{width:100%;border-collapse:collapse;font-size:.9rem}.ssp-table thead th{text-align:left;padding:14px 16px;font-size:.72rem;font-weight:600;color:#94a3b8;letter-spacing:.5px;background:#fafbfc;border-bottom:1px solid #f1f5f9}.ssp-table thead th.num{text-align:right}.ssp-table tbody td{padding:16px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.ssp-table tbody tr:last-child td{border-bottom:none}.ssp-table tbody tr:hover{background:#f8fafc}.ssp-table tbody td.num{text-align:right;font-variant-numeric:tabular-nums}.ssp-table tbody td:first-child,.ssp-table thead th:first-child{padding-left:22px}.ssp-table tbody td:last-child,.ssp-table thead th:last-child{padding-right:22px}.ssp-code{font-family:SF Mono,Monaco,monospace;color:#475569;font-size:.85rem}.ssp-pill{display:inline-block;padding:5px 14px;border-radius:999px;font-size:.78rem;font-weight:600}.ssp-pill.ok{background:#d1fae5;color:#059669}.ssp-pill.low{background:#fef3c7;color:#d97706}.ssp-pill.out{background:#fee2e2;color:#dc2626}.ssp-empty-cell{text-align:center;color:#94a3b8;padding:60px 12px!important;font-size:14px}.ssp-actions-th{text-align:center;white-space:nowrap}.ssp-row-actions{display:flex;align-items:center;justify-content:center;gap:6px}.ssp-act-btn{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:7px;border:1px solid #e2e8f0;background:#fff;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.ssp-act-btn.edit{color:#475569}.ssp-act-btn.edit:hover{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.ssp-act-btn.delete{color:#ef4444;border-color:#fecaca}.ssp-act-btn.delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.ssp-confirm-modal{max-width:420px}@media(max-width:1280px){.ssp-kpi-row{grid-template-columns:1fr}.ssp-toolbar{flex-wrap:wrap}}[data-theme=dark] .ssp-page{background:#101525!important}[data-theme=dark] .ssp-kpi-row{background:transparent!important}[data-theme=dark] .ssp-kpi{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .ssp-kpi-label{color:#94a3b8!important}[data-theme=dark] .ssp-kpi-value{color:#f5f7fa!important}[data-theme=dark] .ssp-toolbar{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .ssp-search{background:#1c2233!important;border-color:#ffffff1f!important}[data-theme=dark] .ssp-search input{background:transparent!important;color:#f5f7fa!important}[data-theme=dark] .ssp-tab{color:#94a3b8!important}[data-theme=dark] .ssp-tab.active{color:#f5f7fa!important;border-color:var(--color-primary)!important}.sold-mobile-hero{display:none}@media(max-width:768px){.sold-products-page{width:100%!important;max-width:100%!important;min-width:0!important;padding:0 0 96px!important;box-sizing:border-box!important;overflow-x:clip!important}.sold-mobile-hero{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important}.sold-products-page .sp-header-card{width:100%!important;box-sizing:border-box!important;margin:0 0 12px!important;padding:10px 12px!important;border:0!important;border-radius:0!important;display:block!important}.sold-products-page .sp-header-title{display:none!important}.sold-products-page .sp-date-row{width:100%!important;justify-content:space-between!important;gap:8px!important}.sold-products-page .sp-date-row input{flex:1 1 0!important;width:auto!important;min-width:0!important;height:40px!important;padding:8px 9px!important;border-radius:10px!important;background:#fff!important;font-size:13px!important}.sold-products-page .sp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 12px 12px!important}.sold-products-page .sp-kpis>div{min-width:0!important;padding:12px 10px!important;border-radius:12px!important}.sold-products-page .sp-kpis>div>div:first-child>div:first-child{font-size:12px!important;letter-spacing:.04em!important}.sold-products-page .sp-kpis>div>div:first-child>div:last-child{font-size:20px!important;margin-top:4px!important}.sold-products-page .sp-kpis>div>div:last-child{width:36px!important;height:36px!important;border-radius:10px!important}.sold-products-page .sp-chart-card,.sold-products-page .sp-detail-card{margin-left:12px!important;margin-right:12px!important;border-radius:14px!important}.sold-products-page .sp-chart-card{padding:14px 12px!important;margin-bottom:12px!important}.sold-products-page .sp-chart-card>div:first-child{margin-bottom:10px!important;gap:8px!important;align-items:flex-start!important}.sold-products-page .sp-chart-card>div:first-child>div:first-child{font-size:14px!important}.sold-products-page .sp-chart-card>div:first-child>div:last-child{gap:8px!important;font-size:12px!important;flex-wrap:wrap!important;justify-content:flex-end!important}.sold-products-page .sp-detail-card>div:first-child{padding:14px!important}}html.mobile-preview .sold-products-page{width:100%!important;max-width:100%!important;min-width:0!important;padding:0 0 96px!important;box-sizing:border-box!important;overflow-x:clip!important}html.mobile-preview .sold-mobile-hero{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important}html.mobile-preview .sold-products-page .sp-header-card{width:100%!important;box-sizing:border-box!important;margin:0 0 12px!important;padding:10px 12px!important;border:0!important;border-radius:0!important;display:block!important}html.mobile-preview .sold-products-page .sp-header-title{display:none!important}html.mobile-preview .sold-products-page .sp-date-row{width:100%!important;justify-content:space-between!important;gap:8px!important}html.mobile-preview .sold-products-page .sp-date-row input{flex:1 1 0!important;width:auto!important;min-width:0!important;height:40px!important;padding:8px 9px!important;border-radius:10px!important;background:#fff!important;font-size:13px!important}html.mobile-preview .sold-products-page .sp-kpis{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 12px 12px!important}html.mobile-preview .sold-products-page .sp-kpis>div{min-width:0!important;padding:12px 10px!important;border-radius:12px!important}html.mobile-preview .sold-products-page .sp-kpis>div>div:last-child{width:36px!important;height:36px!important;border-radius:10px!important}html.mobile-preview .sold-products-page .sp-chart-card,html.mobile-preview .sold-products-page .sp-detail-card{margin-left:12px!important;margin-right:12px!important;border-radius:14px!important}html.mobile-preview .sold-products-page .sp-chart-card{padding:14px 12px!important;margin-bottom:12px!important}html.mobile-preview .sold-products-page .sp-detail-card>div:first-child{padding:14px!important}.sed-page{background:var(--color-background);min-height:calc(100vh / var(--ui-vu, 1));padding:24px 32px 40px;display:flex;flex-direction:column;gap:16px}.sed-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.sed-title{font-size:1.55rem;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.02em}.sed-subtitle{font-size:.72rem;color:#94a3b8;font-weight:600;letter-spacing:.6px}.sed-header-actions{display:flex;align-items:center;gap:10px}.sed-date{height:40px;width:155px;padding:0 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:13px;color:#374151;outline:none}.sed-date:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.sed-dash{color:#cbd5e1}.sed-tabs{display:flex;gap:10px}.sed-tab{padding:10px 28px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#475569;font-size:.92rem;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s}.sed-tab:hover{border-color:var(--teal-15, #99f6e4);color:var(--color-primary)}.sed-tab.active{background:#fff;color:var(--color-primary);border-color:var(--color-primary);font-weight:600}.sed-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sed-kpi{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 1px 3px #00000008}.sed-kpi-info{flex:1;min-width:0}.sed-kpi-label{font-size:.72rem;color:#94a3b8;font-weight:600;letter-spacing:.5px;margin-bottom:6px}.sed-kpi-value{font-size:1.7rem;font-weight:700;color:var(--color-primary);line-height:1;letter-spacing:-.02em}.sed-kpi-value.danger{color:#d97706}.sed-kpi-icon{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;flex-shrink:0}.sed-kpi-icon.indigo{background:#ede9fe;color:#7c3aed}.sed-kpi-icon.sky{background:#dbeafe;color:#2563eb}.sed-kpi-icon.amber{background:#fef3c7;color:#d97706}.sed-kpi-icon.teal{background:#ccfbf1;color:var(--color-primary)}.sed-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #00000008;overflow:hidden}.sed-card-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid #f1f5f9}.sed-card-title{font-size:1rem;font-weight:700;color:#1e293b}.sed-card-count{font-size:.78rem;color:var(--color-primary);background:#ccfbf1;padding:5px 14px;border-radius:999px;font-weight:600}.sed-table-wrap{overflow-x:auto}.sed-table{width:100%;border-collapse:collapse;font-size:.9rem}.sed-table thead th{text-align:left;padding:14px 16px;font-size:.72rem;font-weight:600;color:#94a3b8;letter-spacing:.5px;background:#fafbfc;border-bottom:1px solid #f1f5f9}.sed-table thead th.num{text-align:right}.sed-table tbody td{padding:16px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.sed-table tbody tr:last-child td{border-bottom:none}.sed-table tbody td.num{text-align:right;font-variant-numeric:tabular-nums}.sed-table tbody td.danger{color:#dc2626;font-weight:600}.sed-table tbody td:first-child,.sed-table thead th:first-child{padding-left:22px}.sed-table tbody td:last-child,.sed-table thead th:last-child{padding-right:22px}.sed-staff{display:flex;align-items:center;gap:12px}.sed-staff-icon{width:32px;height:32px;border-radius:10px;background:#ede9fe;color:#7c3aed;display:grid;place-items:center;flex-shrink:0}.sed-total-row td{background:#f8fafc;border-top:2px solid #e5e7eb!important;font-weight:700}.sed-empty-cell{text-align:center;color:#94a3b8;padding:60px 12px!important;font-size:14px}@media(max-width:1280px){.sed-kpi-row{grid-template-columns:repeat(2,1fr)}}[data-theme=dark] .sed-page{background:#101525!important}[data-theme=dark] .sed-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .sed-title{color:#f5f7fa!important}[data-theme=dark] .sed-subtitle{color:#94a3b8!important}[data-theme=dark] .sed-date{background:#1c2233!important;border-color:#ffffff1f!important;color:#f5f7fa!important}[data-theme=dark] .sed-tabs{background:#151a2b!important;border-color:#ffffff14!important}[data-theme=dark] .sed-tab{color:#94a3b8!important}[data-theme=dark] .sed-tab.active{color:#f5f7fa!important;border-color:var(--color-primary)!important}[data-theme=dark] .sed-kpi-row{background:transparent!important}[data-theme=dark] .sed-kpi{background:#202638!important;border-color:#ffffff14!important}.imp-report-page{background:var(--color-background);min-height:calc(100vh / var(--ui-vu, 1));padding:24px 32px 40px;display:flex;flex-direction:column;gap:18px}.ir-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.ir-title{font-size:1.55rem;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.02em}.ir-subtitle{font-size:.72rem;color:#94a3b8;font-weight:600;letter-spacing:.6px}.ir-header-actions{display:flex;align-items:center;gap:10px}.ir-date{height:40px;width:155px;padding:0 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:13px;color:#374151;outline:none}.ir-date:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.ir-dash{color:#cbd5e1}.ir-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.ir-kpi{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:14px;box-shadow:0 1px 3px #00000008}.ir-kpi-info{flex:1;min-width:0}.ir-kpi-label{font-size:.72rem;color:#94a3b8;font-weight:600;letter-spacing:.5px;margin-bottom:6px}.ir-kpi-value{font-size:1.7rem;font-weight:700;color:#111827;line-height:1;letter-spacing:-.02em}.ir-kpi-value.teal{color:var(--color-primary)}.ir-kpi-icon{width:48px;height:48px;border-radius:12px;background:#ccfbf1;color:var(--color-primary);display:grid;place-items:center;flex-shrink:0}.ir-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 1px 3px #00000008;overflow:hidden}.ir-card-head{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 14px;border-bottom:1px solid #f1f5f9}.ir-card-title{font-size:1rem;font-weight:700;color:#1e293b}.ir-card-count{font-size:.78rem;color:var(--color-primary);background:#ccfbf1;padding:5px 14px;border-radius:999px;font-weight:600}.ir-table-wrap{overflow-x:auto}.ir-table{width:100%;border-collapse:collapse;font-size:.9rem}.ir-table thead th{text-align:left;padding:14px 16px;font-size:.72rem;font-weight:600;color:#94a3b8;letter-spacing:.5px;background:#fafbfc;border-bottom:1px solid #f1f5f9}.ir-table thead th.num{text-align:right}.ir-table tbody td{padding:16px;border-bottom:1px solid #f1f5f9;color:#1e293b;vertical-align:middle}.ir-table tbody tr:last-child td{border-bottom:none}.ir-table tbody td.num{text-align:right;font-variant-numeric:tabular-nums}.ir-table tbody td:first-child,.ir-table thead th:first-child{padding-left:22px}.ir-table tbody td:last-child,.ir-table thead th:last-child{padding-right:22px}.ir-prod{display:flex;align-items:center;gap:12px}.ir-prod-icon{width:32px;height:32px;border-radius:8px;background:#fef3c7;color:#d97706;display:grid;place-items:center;flex-shrink:0}.ir-pill{display:inline-block;padding:5px 14px;border-radius:999px;background:#f1f5f9;color:#475569;font-size:.82rem;font-weight:500}.ir-total-row td{background:#f8fafc;color:var(--color-primary)!important;border-top:2px solid #e5e7eb!important}.ir-total-row strong{color:var(--color-primary)}.ir-empty-cell{text-align:center;color:#94a3b8;padding:60px 12px!important;font-size:14px}@media(max-width:1280px){.ir-kpi-row{grid-template-columns:repeat(2,1fr)}}[data-theme=dark] .imp-report-page{background:#101525!important}[data-theme=dark] .ir-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .ir-title{color:#f5f7fa!important}[data-theme=dark] .ir-subtitle{color:#94a3b8!important}[data-theme=dark] .ir-date{background:#1c2233!important;border-color:#ffffff1f!important;color:#f5f7fa!important}[data-theme=dark] .ir-kpi-row{background:transparent!important}[data-theme=dark] .ir-kpi{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .ir-kpi-label{color:#94a3b8!important}[data-theme=dark] .ir-kpi-value{color:#f5f7fa!important}.tele-page{padding:12px 10px!important;position:relative;min-height:calc(100vh / var(--ui-vu, 1));background:var(--color-background)}@media(min-width:769px){.tele-page--history .tele-history{display:flex;flex-direction:column}.tele-page--history .tele-history-filters{display:flex;align-items:center;gap:12px;margin-bottom:14px;padding:0;flex-wrap:nowrap}.tele-page--history .tele-history-filters select,.tele-page--history .tele-history-filters input[type=date]{height:40px;padding:0 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:14px;color:#111827;box-shadow:0 1px 2px #0f172a08}.tele-page--history .tele-history-filters select{width:194px;min-width:194px}.tele-page--history .tele-history-filters input[type=date]{width:160px;min-width:160px}.tele-page--history .tele-total{margin-left:auto;font-size:14px;color:#64748b}.tele-page--history .tele-total strong{color:var(--color-primary);font-weight:700}.tele-page--history .tele-history-table-card{overflow-x:auto;overflow-y:hidden;border:1px solid #e5e7eb;border-radius:14px;background:#fff;box-shadow:0 4px 14px #0f172a0a}.tele-page--history .tele-history-table{table-layout:fixed;font-size:13px}.tele-page--history .tele-history-table th{height:42px;padding:0 16px;background:var(--color-background);border-bottom:1px solid var(--color-border);font-size:12px;font-weight:700;color:#64748b;letter-spacing:.04em}.tele-page--history .tele-history-table td{height:46px;padding:0 16px;border-bottom:1px solid #eef2f7;font-size:13px;color:#111827;vertical-align:middle}.tele-page--history .tele-history-table th:nth-child(1),.tele-page--history .tele-history-table td:nth-child(1){width:50px!important}.tele-page--history .tele-history-table th:nth-child(2),.tele-page--history .tele-history-table td:nth-child(2){width:140px}.tele-page--history .tele-history-table th:nth-child(3),.tele-page--history .tele-history-table td:nth-child(3){width:140px}.tele-page--history .tele-history-table th:nth-child(4),.tele-page--history .tele-history-table td:nth-child(4){width:180px}.tele-page--history .tele-history-table th:nth-child(5),.tele-page--history .tele-history-table td:nth-child(5){width:160px}.tele-page--history .tele-history-table th:nth-child(6),.tele-page--history .tele-history-table td:nth-child(6){width:180px}.tele-page--history .tele-history-table th:nth-child(8),.tele-page--history .tele-history-table td:nth-child(8){width:100px}.tele-page--history .tele-history-row:hover{background:rgba(var(--color-primary-rgb),.04)}.tele-page--history .tele-history-table td:first-child{color:#64748b;font-weight:500}.tele-page--history .tele-history-table td:nth-child(3){color:var(--color-primary);font-weight:600}.tele-page--history .tele-history-table td:nth-child(4){color:#334155}.tele-page--history .tele-history-table td:nth-child(7){color:#64748b}.tele-page--history .tele-history-table td:nth-child(8){font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tele-page--history .tele-history-customer{display:flex;flex-direction:column-reverse;gap:2px}.tele-page--history .tele-history-customer span{font-size:13px;font-weight:600;color:#111827;line-height:1.2}.tele-page--history .tele-history-customer strong{font-size:12px;font-weight:600;color:#94a3b8;line-height:1.1}.tele-page--history .tele-history-customer strong:empty{display:none}.tele-page--history .tele-history-note{max-width:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tele-page--history .tele-history-status-badge{display:inline-flex;align-items:center;gap:6px;min-height:26px;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1;white-space:nowrap}.tele-page--history .tele-history-status-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0}.tele-page--history .tele-history-status-badge--answered{background:#d1fae5;color:#047857}.tele-page--history .tele-history-status-badge--wrong-number{background:#f3f4f6;color:#6b7280}.tele-page--history .tele-history-status-badge--no-answer,.tele-page--history .tele-history-status-badge--failed{background:#fee2e2;color:#dc2626}.tele-page--history .tele-history-status-badge--busy{background:#fef3c7;color:#b45309}.tele-page--history .tele-history-status-badge--voicemail{background:#eef2ff;color:#4f46e5}.tele-page--history .tele-history-status-badge--default{background:#f3f4f6;color:#64748b}.tele-page--history .tele-history-result{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;line-height:1.25;color:#334155}.tele-page--history .tele-history-result-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0}.tele-page--history .tele-history-result--booked{color:var(--color-primary-hover)}.tele-page--history .tele-history-result--callback{color:#2563eb}.tele-page--history .tele-history-result--rejected{color:#dc2626}.tele-page--history .tele-history-result--not-interested{color:#6b7280}.tele-page--history .tele-history-result--interested{color:var(--color-primary-hover)}.tele-page--history .tele-history-result--empty{color:#64748b}.tele-page--history .tele-pagination{justify-content:flex-end;gap:10px;padding:16px 4px 0;font-size:13px;color:#64748b}.tele-page--history .tele-pagination button{width:34px;height:34px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#334155;font-size:16px;transition:all .18s ease}.tele-page--history .tele-pagination button:hover:not(:disabled){border-color:#72d2c7;color:var(--color-primary)}.tele-campaigns-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:64px 32px;min-height:340px;border:1px dashed #d5dce6;border-radius:16px;background:linear-gradient(180deg,#fbfdff,#f4f8fc)}.tele-campaigns-empty-icon{display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;color:var(--color-primary);background:rgba(var(--color-primary-rgb),.1)}.tele-campaigns-empty-title{margin:4px 0 0;font-size:18px;font-weight:700;color:#1e293b}.tele-campaigns-empty-desc{margin:0;max-width:420px;font-size:14px;line-height:1.55;color:#64748b}.tele-campaigns-empty-cta{margin-top:8px;display:inline-flex;align-items:center;gap:6px}}@media(max-width:768px){.tele-page--history .tele-history-filters{flex-wrap:wrap;gap:10px}.tele-page--history .tele-total{width:100%;margin-left:0}.tele-page--history .tele-history-table{min-width:880px}}@media(min-width:769px){.tele-page{padding:12px 10px!important;background:var(--color-background)}.tele-shell{min-height:calc(calc(100vh / var(--ui-vu, 1)) - 24px);background:#fff;border:1px solid #e6eceb;border-radius:22px;box-shadow:0 16px 40px #0f172a14;overflow:hidden}.tele-hero{min-height:104px;padding:0 32px;border-radius:0!important;overflow:hidden}.tele-hero-inner{gap:20px}.tele-hero-back{width:44px;height:44px;border-radius:12px;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff2e}.tele-hero-title,.tele-hero .fin-sub-hero-title{font-size:28px;line-height:1.1}.tele-hero-sub,.tele-hero .fin-sub-hero-sub{font-size:15px;line-height:1.3;color:#ffffffd9}.tele-content{padding:24px 32px 32px;min-height:calc(calc(100vh / var(--ui-vu, 1)) - 236px);background:#fff}.tele-tabs{align-items:center;gap:30px;min-height:62px;padding:0 32px;margin:0;border-bottom:1px solid #e5e7eb;background:#fff;overflow-x:auto;flex-wrap:nowrap}.tele-tab{position:relative;flex:0 0 auto;height:62px;padding:0;font-size:14px;line-height:1;font-weight:500;color:#374151;gap:8px;border-radius:0;white-space:nowrap;background:transparent}.tele-tab:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:999px;background:var(--color-primary);transform:scaleX(.35);opacity:0;transition:transform .18s ease,opacity .18s ease}.tele-tab:hover{color:var(--color-primary);background:transparent}.tele-tab.active{color:var(--color-primary);font-weight:700;border-bottom-color:transparent}.tele-tab.active:after{transform:scaleX(1);opacity:1}.tele-tab-icon{width:18px;height:18px}.tele-dashboard{display:flex;flex-direction:column;min-height:100%}.tele-dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:6px 0 20px;flex-wrap:wrap}.tele-dashboard-time-label{font-size:0;margin-bottom:0;padding:0 16px;min-width:140px;height:42px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;display:inline-flex;align-items:center;gap:10px;box-sizing:border-box;color:var(--color-primary)}.tele-dashboard-time-icon{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--color-primary)}.tele-dashboard-time-text{font-size:14px;line-height:1;font-weight:600;color:var(--color-primary)}.tele-dashboard-filters{display:flex;align-items:center;gap:12px;margin-left:auto;margin-bottom:0;padding:0;background:transparent;border:none;flex-wrap:wrap}.tele-filter-group{min-width:auto}.tele-filter-select,.tele-filter-input{height:42px;padding:0 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;background:#fff;color:#111827;box-shadow:0 1px 2px #0f172a08}.tele-filter-select:focus,.tele-filter-input:focus{border-color:#72d2c7;box-shadow:0 0 0 4px rgba(var(--color-primary-rgb),.12)}.tele-filter-select{width:232px;min-width:232px}.tele-filter-input{width:190px;min-width:190px}.tele-filter-reset{height:42px;padding:0 14px;border:1px solid #fecaca;border-radius:10px;background:#fff5f5;color:#dc2626;font-size:13px;font-weight:600;align-self:auto}.tele-filter-reset:hover{background:#fee2e2;border-color:#fca5a5}.tele-kpi-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;margin-bottom:24px}.tele-kpi-box{min-height:130px;padding:20px 22px;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 14px #0f172a0d;justify-content:space-between;gap:18px}.tele-kpi-top{gap:16px}.tele-kpi-icon{width:54px;height:54px}.tele-kpi-value{font-size:32px;line-height:1;color:#111827}.tele-kpi-label{font-size:15px;font-weight:500;color:#64748b;margin-top:6px}.tele-kpi-compare{font-size:13px;color:#64748b;gap:10px;padding-top:12px}.tele-kpi-pct{min-height:24px;padding:4px 10px;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.kpi-teal .tele-kpi-value{color:var(--color-primary)}.kpi-green .tele-kpi-value{color:#16a34a}.kpi-blue .tele-kpi-value{color:#2563eb}.kpi-red .tele-kpi-value{color:#ef4444}.kpi-orange .tele-kpi-value{color:#f59e0b}.kpi-teal,.kpi-green,.kpi-blue,.kpi-red,.kpi-orange{border-left:none}.tele-kpi-box:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0f172a14}.tele-empty-state{margin-top:8px;min-height:280px;padding:48px 24px 56px;border:1px dashed #d5e8e4;background:linear-gradient(180deg,#f0fdfab3,#f8fafa00);box-shadow:none}.tele-leaderboard{border-radius:16px;padding:24px;box-shadow:0 4px 14px #0f172a0a}.tele-leaderboard h3{margin-bottom:14px;font-size:18px;color:#111827}}@media(min-width:769px)and (max-width:1280px){.tele-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:769px)and (max-width:1100px){.tele-dashboard-header{align-items:flex-start}.tele-dashboard-filters{justify-content:flex-end}}@media(min-width:769px)and (max-width:980px){.tele-dashboard-filters{width:100%;margin-left:0}.tele-filter-select,.tele-filter-input,.tele-filter-reset{width:100%;min-width:100%}.tele-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tele-shell{min-height:calc(calc(100vh / var(--ui-vu, 1)) - 24px);background:#fff;border:1px solid #e6eceb;border-radius:22px;box-shadow:0 16px 40px #0f172a14;overflow:hidden}.tele-hero{position:relative;min-height:118px;padding:0 32px;display:flex;align-items:center;background:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary),var(--color-primary-hover))}.tele-hero:before,.tele-hero:after{content:"";position:absolute;right:48px;border-radius:999px;background:#ffffff14;pointer-events:none}.tele-hero:before{width:180px;height:180px;top:-88px}.tele-hero:after{width:120px;height:120px;right:92px;bottom:-48px;opacity:.7}.tele-hero-inner{position:relative;z-index:1;display:flex;align-items:center;gap:20px}.tele-hero-back{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:12px;background:#ffffff24;box-shadow:inset 0 0 0 1px #ffffff2e;cursor:pointer;transition:transform .18s ease,background .18s ease}.tele-hero-back:hover{transform:translateY(-1px);background:#ffffff2e}.tele-hero-text,.tele-hero .fin-sub-hero-text{display:flex;flex-direction:column;gap:4px}.tele-hero-title,.tele-hero .fin-sub-hero-title{margin:0;font-size:28px;line-height:1.1;font-weight:700;color:#fff}.tele-hero-sub,.tele-hero .fin-sub-hero-sub{margin:0;font-size:15px;line-height:1.3;color:#ffffffd9}.tele-content{padding:24px 32px 32px;min-height:calc(calc(100vh / var(--ui-vu, 1)) - 236px);background:#fff}.tele-header h1{font-size:1.6rem;font-weight:700;margin:0;color:var(--color-text, #1e293b)}.tele-subtitle{color:var(--color-text-secondary, #64748b);margin:4px 0 0;font-size:.9rem}.tele-tabs{display:flex;align-items:center;gap:30px;min-height:62px;padding:0 32px;border-bottom:1px solid #e5e7eb;background:#fff;overflow-x:auto;scrollbar-width:none}.tele-tabs::-webkit-scrollbar{display:none}.tele-tab{position:relative;flex:0 0 auto;height:62px;padding:0;border:none;background:transparent;font-size:14px;line-height:1;font-weight:500;color:#374151;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;transition:color .2s ease}.tele-tab:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:999px;background:var(--color-primary);transform:scaleX(.35);opacity:0;transition:transform .18s ease,opacity .18s ease}.tele-tab-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:currentColor}.tele-tab-label{line-height:1}.tele-tab:hover{color:var(--color-primary)}.tele-tab.active{color:var(--color-primary);font-weight:700}.tele-tab.active:after{transform:scaleX(1);opacity:1}@media(max-width:768px){.tele-page{padding:12px 10px!important}.tele-shell{min-height:auto;border-radius:16px}.tele-hero{min-height:90px;padding:calc(env(safe-area-inset-top,0px) + 14px) 18px 14px!important}.tele-hero-inner{gap:14px}.tele-hero-back{width:38px;height:38px;border-radius:10px}.tele-hero-title,.tele-hero .fin-sub-hero-title{font-size:20px}.tele-hero-sub,.tele-hero .fin-sub-hero-sub{font-size:13px}.tele-content{padding:16px 16px 22px;min-height:auto}.tele-header h1{font-size:1.1rem}.tele-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;border-bottom:none;background:var(--color-surface, #fff);padding:8px;min-height:auto;overflow:visible}.tele-tab{flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 4px;font-size:12px;white-space:normal;text-align:center;border-radius:10px;min-height:52px;height:auto}.tele-tab-icon{display:inline-flex;width:20px;height:20px;line-height:1}.tele-tab-label{font-size:12px;line-height:1.2}.tele-tab:hover{background:rgba(var(--color-primary-rgb),.05)}.tele-tab.active{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.tele-tab:after{display:none}.tele-kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px}.tele-kpi-box{padding:12px}.tele-kpi-value{font-size:1.4rem}.tele-kpi-label{font-size:.75rem}}@media(max-width:380px){.tele-tabs{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.tele-page--leads .tele-hero,.tele-page--leads .tele-leads-hero{min-height:auto;border-radius:14px 14px 0 0}.tele-page--leads .tele-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:8px;min-height:auto;border-top:1px solid #ecf1f5;border-radius:0 0 14px 14px;box-shadow:none}.tele-page--leads .tele-content{padding:12px 12px 22px}}@media(max-width:380px){.tele-page--leads .tele-tabs{grid-template-columns:repeat(3,1fr)}}.tele-loading{display:flex;justify-content:center;padding:40px}.tele-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:var(--color-primary, #6366f1);border-radius:50%;animation:tele-spin .6s linear infinite}@keyframes tele-spin{to{transform:rotate(360deg)}}.tele-empty{text-align:center;padding:40px;color:var(--color-text-secondary, #94a3b8);font-size:1rem}@media(min-width:769px){.tele-dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;flex-wrap:wrap}.tele-dashboard-header .tele-dashboard-time-label{margin-bottom:0}.tele-dashboard-header .tele-dashboard-filters{margin-bottom:0;padding:8px 12px}}.tele-dashboard-filters{display:flex;align-items:flex-end;gap:16px;margin-bottom:20px;padding:16px 20px;background:var(--color-card, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:12px;flex-wrap:wrap}.tele-filter-group{display:flex;flex-direction:column;gap:4px;min-width:160px}.tele-filter-label{font-size:.78rem;font-weight:600;color:var(--color-text-secondary, #64748b);text-transform:uppercase;letter-spacing:.04em}.tele-filter-select,.tele-filter-input{padding:8px 12px;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;font-size:.88rem;background:var(--color-bg, #fff);color:var(--color-text, #1e293b);transition:border-color .2s,box-shadow .2s;outline:none;height:38px;box-sizing:border-box}.tele-filter-select:focus,.tele-filter-input:focus{border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.tele-filter-select{min-width:180px;cursor:pointer}.tele-filter-input{min-width:140px}.tele-filter-reset{padding:8px 14px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#dc2626;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap;align-self:flex-end}.tele-filter-reset:hover{background:#fee2e2;border-color:#f87171}.tele-dashboard-time-label{font-size:.9rem;font-weight:600;color:var(--color-text-secondary, #64748b);margin-bottom:12px;padding:8px 16px;background:var(--color-primary-light, #eef2ff);border-radius:8px;display:inline-flex;align-items:center;height:38px;box-sizing:border-box}@media(max-width:768px){.tele-dashboard-filters{flex-direction:column;align-items:stretch;padding:10px 12px;gap:10px;margin-bottom:12px}.tele-filter-group{min-width:unset}.tele-filter-label{font-size:.72rem}.tele-filter-select{min-width:unset;padding:6px 10px;font-size:.82rem}.tele-filter-input{padding:6px 10px;font-size:.82rem}.tele-dashboard-time-label{font-size:.8rem;padding:4px 10px;margin-bottom:8px}}.tele-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;margin-bottom:24px}.tele-kpi-box{background:var(--color-card, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:14px;padding:18px 20px;text-align:left;transition:transform .2s,box-shadow .2s;box-shadow:0 1px 3px #0f172a0a;display:flex;flex-direction:column;gap:14px}.tele-kpi-top{display:flex;align-items:center;gap:14px}.tele-kpi-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tele-kpi-compare{font-size:.78rem;color:#94a3b8;display:flex;align-items:center;gap:6px;border-top:1px dashed #e5e7eb;padding-top:10px}.tele-kpi-pct{margin-left:auto;background:#dcfce7;color:#16a34a;font-weight:700;padding:2px 8px;border-radius:999px;font-size:.72rem}.tele-kpi-pct.tele-pct-blue{background:#dbeafe;color:#2563eb}.tele-kpi-pct.tele-pct-orange{background:#fef3c7;color:#d97706}.tele-empty-state{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:60px 24px 100px;text-align:center;margin-top:8px;min-height:360px}.tele-empty-title{font-size:1.05rem;font-weight:700;color:#1e293b;margin:16px 0 6px}.tele-empty-sub{font-size:.86rem;color:#94a3b8;margin:0 0 24px}.tele-empty-btn{background:var(--color-primary);color:#fff;border:none;padding:10px 22px;border-radius:10px;font-size:.92rem;font-weight:600;cursor:pointer;transition:background .15s}.tele-empty-btn:hover{background:var(--color-primary-hover)}.tele-kpi-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.tele-kpi-value{display:block;font-size:2rem;font-weight:700;color:var(--color-text, #1e293b)}.tele-kpi-label{display:block;font-size:.85rem;color:var(--color-text-secondary, #64748b);margin-top:4px}.kpi-green .tele-kpi-value{color:#22c55e}.kpi-blue .tele-kpi-value{color:#3b82f6}.kpi-red .tele-kpi-value{color:#ef4444}.kpi-orange .tele-kpi-value{color:#f59e0b}.kpi-green{border-left:4px solid #22c55e}.kpi-blue{border-left:4px solid #3b82f6}.kpi-red{border-left:4px solid #ef4444}.kpi-orange{border-left:4px solid #f59e0b}.tele-leaderboard{background:var(--color-card, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:12px;padding:20px}.tele-leaderboard h3{margin:0 0 12px;font-size:1rem}.tele-lb-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-border, #f1f5f9)}.tele-lb-item:last-child{border-bottom:none}.tele-lb-rank{font-size:1.2rem;min-width:28px}.tele-lb-name{font-weight:600;min-width:100px}.tele-lb-stats{color:var(--color-text-secondary, #64748b);font-size:.85rem}.tele-lb-stats strong{color:#3b82f6}.tele-queue-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tele-queue-header h3{margin:0;font-size:1.25rem;font-weight:700;color:#1e293b;display:inline-flex;align-items:center;gap:12px}.tele-queue-count{background:var(--brand-soft, #E6F4F2);color:var(--color-primary);padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:700}.tele-queue{max-width:none;margin:0;width:100%}.tele-queue-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;max-width:none;margin:0;width:100%}.tele-queue-h3-icon{width:38px;height:38px;background:var(--brand-soft, #E6F4F2);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tele-queue-item{background:var(--color-card, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:14px;padding:14px;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 3px #0f172a0a;min-width:0}.tele-queue-item:hover{border-color:var(--color-primary, #6366f1);box-shadow:0 2px 8px #6366f114}.tele-qc-top{display:flex;align-items:center;gap:12px;margin-bottom:6px}.tele-qc-rank{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--brand-soft, #E6F4F2);color:var(--color-primary);font-weight:700;font-size:.92rem;flex-shrink:0}.tele-qc-name{font-weight:700;font-size:1.02rem;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.tele-qc-phone{font-size:.95rem;color:var(--color-primary);font-weight:600;letter-spacing:.02em;margin-bottom:8px;margin-left:48px}.tele-qc-followup{font-size:.75rem;color:#f59e0b;margin-bottom:2px}.tele-qc-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:12px;border-top:1px solid #f1f5f9}.tele-qc-calls{font-size:.82rem;color:#94a3b8;background:#f8fafc;padding:6px 12px;border-radius:8px;display:inline-flex;align-items:center;gap:6px}.tele-qc-calls:before{content:"📞";font-size:.8rem}.tele-btn-call-sm{padding:9px 22px;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-size:.88rem;font-weight:700;cursor:pointer;transition:background .15s;white-space:nowrap}.tele-btn-call-sm:hover{background:var(--color-primary-hover)}@media(max-width:1280px){.tele-queue-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.tele-queue-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.tele-queue-grid{grid-template-columns:1fr}}.tele-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.badge-vip{background:#fef3c7;color:#d97706}.badge-gold{background:#fef9c3;color:#ca8a04}.badge-silver{background:#f1f5f9;color:#64748b}.tele-badge-sla{display:inline-block;padding:2px 8px;border-radius:8px;font-size:.75rem;font-weight:600}.sla-overdue{background:#fef2f2;color:#dc2626}.sla-urgent{background:#fefce8;color:#ca8a04}.sla-today{background:#f0fdf4;color:#16a34a}.sla-upcoming{background:#f8fafc;color:#64748b}.tele-history-filters{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:nowrap}.tele-history-filters select,.tele-history-filters input[type=date]{flex:0 0 auto;width:auto;padding:8px 12px;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;font-size:.85rem;background:var(--color-card, #fff)}.tele-history-filters select{min-width:180px}.tele-history-filters input[type=date]{width:160px}.tele-total{font-size:.85rem;color:var(--color-text-secondary, #64748b);margin-left:auto}.tele-table-wrap{overflow-x:auto}.tele-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.8rem}.tele-table th{background:var(--color-bg-secondary, #f8fafc);padding:8px 10px;text-align:left;font-weight:600;font-size:.75rem;color:var(--color-text-secondary, #64748b);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border, #e2e8f0);position:sticky;top:0}.tele-table td{padding:7px 10px;border-bottom:1px solid var(--color-border, #f1f5f9)}.tele-table td.tele-td-name{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tele-table tbody tr:hover{background:var(--color-bg-hover, #f8fafc)}.tele-cell-name{display:flex;flex-direction:column;gap:2px;min-width:0}.tele-history-customer-cell{max-width:220px}.tele-history-customer strong,.tele-history-customer span{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tele-cell-name strong{font-size:.75rem;color:var(--color-primary, #6366f1)}.tele-cell-note{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tele-status-badge{display:inline-block;padding:3px 8px;border-radius:6px;font-size:.78rem;font-weight:500}.status-answered{background:#dcfce7;color:#16a34a}.status-no_answer{background:#fef2f2;color:#dc2626}.status-busy{background:#fefce8;color:#ca8a04}.status-voicemail{background:#f5f3ff;color:#7c3aed}.status-wrong_number{background:#f3f4f6;color:#6b7280}.status-failed{background:#fee2e2;color:#dc2626}.tele-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 0}.tele-pagination button{width:36px;height:36px;border-radius:50%;border:1px solid var(--color-border, #e2e8f0);background:var(--color-card, #fff);cursor:pointer;font-size:1.1rem}.tele-pagination button:disabled{opacity:.4;cursor:default}.tele-fu-filters{display:flex;align-items:center;gap:12px;margin-bottom:16px}.tele-fu-filters select{padding:8px 12px;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;font-size:.85rem;background:var(--color-card, #fff)}.tele-fu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--color-card, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:10px;margin-bottom:8px;transition:border-color .2s}.tele-fu-item.sla-overdue{border-left:4px solid #dc2626}.tele-fu-item.sla-urgent{border-left:4px solid #f59e0b}.tele-fu-item.sla-today{border-left:4px solid #22c55e}.tele-fu-sla{flex-shrink:0}.tele-fu-info{flex:1;min-width:0}.tele-fu-name{font-weight:600;display:flex;align-items:center;gap:6px}.tele-fu-phone{font-size:.85rem;color:var(--color-text-secondary, #64748b);margin-top:2px}.tele-fu-date{font-size:.8rem;color:#f59e0b;margin-top:4px}.tele-fu-note{font-size:.8rem;color:var(--color-text-secondary, #94a3b8);margin-top:2px}.tele-fu-actions{display:flex;gap:8px}.tele-panel-overlay{position:fixed;inset:0;background:#10201e73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;justify-content:flex-end;animation:tele-fade-in .2s ease}@keyframes tele-fade-in{0%{opacity:0}to{opacity:1}}.tele-panel{width:420px;max-width:100%;height:calc(100vh / var(--ui-vu, 1));background:var(--color-card, #fff);overflow-y:auto;padding:20px;box-shadow:-4px 0 20px #0000001a;animation:tele-slide-in .25s ease}@keyframes tele-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes tele-pop-in{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.tele-panel-overlay{justify-content:center;align-items:center;padding:12px}.tele-panel{width:100%;max-width:400px;height:auto;max-height:calc(88vh / var(--ui-vu, 1));border-radius:18px;padding:14px;box-shadow:0 18px 48px #10201e38;animation:tele-pop-in .22s cubic-bezier(.2,.8,.2,1)}}.tele-panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tele-panel-header h3{margin:0;font-size:1.1rem}.tele-panel-close{width:32px;height:32px;border-radius:50%;border:none;background:var(--color-bg-secondary, #f1f5f9);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center}.tele-panel-info{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.tele-panel-code{padding:2px 8px;background:#eef2ff;color:#6366f1;border-radius:6px;font-size:.8rem;font-weight:500}.tele-panel-phone{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:1rem;font-weight:600}.tele-panel-alt-phone{display:flex;gap:8px;margin-bottom:8px;padding:8px;background:#f8fafc;border-radius:8px}.tele-panel-history{margin-bottom:12px}.tele-panel-history h4{margin:0 0 8px;font-size:.9rem}.tele-ph-item{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:.8rem;border-bottom:1px solid #f1f5f9}.tele-ph-date{color:#94a3b8;min-width:80px}.tele-ph-note{color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tele-panel-divider{border:none;border-top:1px solid #e2e8f0;margin:12px 0}.tele-panel-section{margin-bottom:14px}.tele-panel-section h4{margin:0 0 8px;font-size:.9rem;font-weight:600}.tele-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tele-status-btn,.tele-disp-btn{padding:8px 4px;border:1.5px solid var(--color-border, #e2e8f0);border-radius:8px;background:var(--color-card, #fff);cursor:pointer;font-size:.78rem;transition:all .15s;text-align:center}.tele-status-btn:hover,.tele-disp-btn:hover{border-color:var(--color-primary, #6366f1);background:#fafafe}.tele-status-btn.active,.tele-disp-btn.active{border-color:var(--color-primary, #6366f1);background:var(--color-primary-light, #eef2ff);font-weight:600}.tele-textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;font-size:.85rem;resize:vertical;font-family:inherit;margin-bottom:8px}.tele-input{padding:8px 12px;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;font-size:.85rem;width:100%;min-width:0;box-sizing:border-box}.tele-input-sm{padding:6px 10px;border:1px solid var(--color-border, #e2e8f0);border-radius:6px;font-size:.82rem;width:auto}.tele-panel-row{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem;min-width:0}.tele-panel-row label{white-space:nowrap;color:var(--color-text-secondary, #64748b);flex-shrink:0}.tele-panel-row>input,.tele-panel-row>select{min-width:0}@media(max-width:768px){.tele-panel-row{flex-wrap:wrap}.tele-panel-row label{flex-basis:100%;margin-bottom:2px}.tele-panel-row>div[style*=flex]{width:100%;min-width:0}.tele-panel-row select.tele-input{flex:0 0 auto!important}}.tele-panel-special{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.tele-btn-call{padding:8px 16px;background:var(--color-primary, #6366f1);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s;white-space:nowrap}.tele-btn-call:hover{background:#4f46e5}.tele-btn-done{padding:8px 12px;background:#dcfce7;color:#16a34a;border:none;border-radius:8px;cursor:pointer;font-size:.85rem}.tele-btn-done:hover{background:#bbf7d0}.tele-btn-sm{padding:6px 12px;border:1px solid var(--color-border, #e2e8f0);border-radius:6px;background:var(--color-card, #fff);cursor:pointer;font-size:.78rem;transition:all .15s}.tele-btn-sm:hover{border-color:var(--color-primary, #6366f1)}.btn-warning{color:#d97706;border-color:#fde68a}.btn-warning:hover{background:#fef3c7}.btn-danger{color:#dc2626;border-color:#fecaca}.btn-danger:hover{background:#fef2f2}.btn-deleting{background:#dc2626!important;color:#fff!important;border-color:#dc2626!important;animation:tele-pulse .6s ease-in-out infinite alternate;font-weight:600;padding:6px 14px!important}@keyframes tele-pulse{0%{opacity:1}to{opacity:.7}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.01)}}.tele-btn-dial{padding:6px 14px;background:#22c55e;color:#fff;border-radius:8px;text-decoration:none;font-weight:600;font-size:.85rem}.tele-btn-dial:hover{background:#16a34a}.tele-panel-footer{display:flex;gap:8px;padding-top:12px;border-top:1px solid #e2e8f0;position:sticky;bottom:0;background:var(--color-card, #fff)}.tele-btn-save{flex:1;padding:12px;background:var(--color-primary, #6366f1);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer}.tele-btn-save:hover{background:#4f46e5}.tele-btn-save:disabled{opacity:.5}.tele-btn-save-next{flex:1;padding:12px;background:#22c55e;color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer}.tele-btn-save-next:hover{background:#16a34a}.tele-btn-save-next:disabled{opacity:.5}@media(min-width:769px){.tele-panel-overlay{background:#0c1a188c}.tele-panel{width:480px;max-width:calc(92vw / var(--ui-vu, 1));padding:0;display:flex;flex-direction:column;border-radius:20px 0 0 20px;box-shadow:-12px 0 40px #0f766e2e}.tele-panel .tele-panel-header{margin:0!important;padding:20px 24px!important;background:linear-gradient(135deg,#0f766e,#13998c 55%,#14b8a6);border-radius:20px 0 0;box-shadow:0 2px 14px #0f766e40;gap:10px!important}.tele-panel .tele-panel-header>span:first-child{color:#fff!important}.tele-panel .tele-panel-header>span:nth-child(2){color:#fff!important;font-size:16px!important;letter-spacing:.3px}.tele-panel .tele-btn-dial{background:#fff!important;color:#0f766e!important;box-shadow:0 3px 10px #0000002e;transition:transform .15s ease,box-shadow .15s ease}.tele-panel .tele-btn-dial:hover{transform:translateY(-1px);box-shadow:0 5px 14px #00000038}.tele-panel .tele-panel-header .tele-btn-sm{background:#ffffff29!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important}.tele-panel .tele-panel-header .tele-btn-sm:hover{background:#ffffff47!important}.tele-panel .tele-panel-close{background:#fff3;color:#fff}.tele-panel .tele-panel-close:hover{background:#ffffff59}.tele-panel .tele-panel-info{margin:16px 24px 0!important}.tele-panel .tele-panel-alt-phone,.tele-panel .tele-panel-history,.tele-panel .tele-panel-script,.tele-panel .tele-panel-divider,.tele-panel .tele-panel-section,.tele-panel .tele-panel-special{margin-left:24px;margin-right:24px}.tele-panel .tele-status-btn:hover,.tele-panel .tele-disp-btn:hover{border-color:#13998c;background:#f0fdfa}.tele-panel .tele-status-btn.active,.tele-panel .tele-disp-btn.active{border-color:#13998c;background:#ccfbf1;color:#0f766e}.tele-panel .tele-panel-footer{padding:14px 24px;margin-top:auto}.tele-panel .tele-btn-save{background:linear-gradient(135deg,#13998c,#0f766e);box-shadow:0 3px 12px #0f766e47;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.tele-panel .tele-btn-save:hover:not(:disabled){background:linear-gradient(135deg,#14b8a6,#0f766e);transform:translateY(-1px);box-shadow:0 6px 16px #0f766e57}.tele-panel .tele-btn-save-next{transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.tele-panel .tele-btn-save-next:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 16px #22c55e4d}}.tele-campaigns-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tele-campaigns-header h2{margin:0;font-size:1.3rem}.tele-campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.tele-campaign-item{border:1px solid #e5e7eb;border-radius:12px;padding:18px;cursor:pointer;transition:all .2s;background:#fff}.tele-campaign-item:hover{border-color:#3b82f6;box-shadow:0 4px 16px #3b82f61f;transform:translateY(-2px)}.tele-cc-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.tele-cc-top strong{font-size:1rem}.tele-cc-type{font-size:.82rem;color:#6b7280;margin-bottom:12px}.tele-cc-stats{display:flex;gap:14px;font-size:.88rem;color:#374151;margin-bottom:10px}.tele-cc-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:.82rem;color:#9ca3af}.tele-cc-actions{display:flex;gap:6px}.tele-progress-bar{height:8px;background:#f3f4f6;border-radius:8px;overflow:hidden;margin-bottom:8px}.tele-progress-bar.small{height:5px;margin-bottom:0}.tele-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:8px;transition:width .5s ease;position:relative}.tele-progress-booked{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:8px}.tele-progress-legend{display:flex;gap:20px;font-size:.8rem;color:#6b7280}.tele-campaign-detail{padding:0 0 20px}.tele-btn-back{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:.9rem;padding:4px 0;margin-bottom:12px}.tele-btn-back:hover{text-decoration:underline}.tele-cd-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap;gap:10px}.tele-cd-header h2{margin:0 8px 0 0;display:inline}.tele-cd-actions{display:flex;gap:8px;flex-wrap:wrap}.tele-cd-desc{color:#6b7280;margin:0 0 16px;font-size:.92rem}.tele-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px}.tele-kpi-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px;text-align:center}.tele-kpi-value{font-size:1.6rem;font-weight:700;color:#1e293b}.tele-kpi-label{font-size:.78rem;color:#64748b;margin-top:4px}.tele-kpi-box.kpi-green{border-left:3px solid #22c55e}.tele-kpi-box.kpi-blue{border-left:3px solid #3b82f6}.tele-kpi-box.kpi-amber{border-left:3px solid #f59e0b}.tele-cd-targets{margin-top:20px}.tele-cd-targets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.tele-cd-targets-header h3{margin:0;font-size:1.05rem}.badge-target-pending{background:#f3f4f6;color:#6b7280}.badge-target-assigned{background:#dbeafe;color:#2563eb}.badge-target-in_progress{background:#fef3c7;color:#d97706}.badge-target-contacted{background:#dcfce7;color:#16a34a}.badge-target-booked{background:#d1fae5;color:#059669}.badge-target-closed{background:#fee2e2;color:#dc2626}.badge-target-skipped{background:#f3f4f6;color:#9ca3af}.badge-target-callback_scheduled{background:#fef3c7;color:#d97706}.tele-campaign-form{max-width:700px}.tele-campaign-form h2{margin:12px 0 20px}.tele-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.tele-form-group{display:flex;flex-direction:column;gap:6px}.tele-form-group.full-width{grid-column:1 / -1}.tele-form-group label{font-size:.85rem;font-weight:600;color:#374151}.tele-form-group input,.tele-form-group select,.tele-form-group textarea{padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;transition:border .2s}.tele-form-group input:focus,.tele-form-group select:focus,.tele-form-group textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.tele-form-actions{display:flex;gap:10px;justify-content:flex-end}.tele-btn-primary{background:#3b82f6!important;color:#fff!important;border-color:#3b82f6!important}.tele-btn-primary:hover{background:#2563eb!important}.tele-toggle{display:flex;align-items:center;cursor:pointer;gap:6px}.tele-toggle input{display:none}.tele-toggle-slider{width:36px;height:20px;background:#d1d5db;border-radius:20px;position:relative;transition:background .3s}.tele-toggle-slider:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .3s}.tele-toggle input:checked+.tele-toggle-slider{background:#22c55e}.tele-toggle input:checked+.tele-toggle-slider:after{transform:translate(16px)}.tele-ai-tab,.tele-ai-detail{padding:0}.tele-ai-header h2{margin:0 0 6px;font-size:1.3rem}.tele-ai-meta{display:flex;gap:16px;color:#6b7280;font-size:.85rem}.tele-ai-scores{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:20px}.tele-ai-score-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;text-align:center;transition:box-shadow .2s}.tele-ai-score-box:hover{box-shadow:0 4px 12px #00000014}.tele-ai-score-value{font-size:2rem;font-weight:700}.tele-ai-score-label{font-size:.82rem;color:#6b7280;margin-top:4px}.tele-ai-section{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:14px}.tele-ai-section h3{margin:0 0 10px;font-size:.95rem;color:#374151}.tele-ai-section p{margin:0;color:#4b5563;line-height:1.6}.tele-ai-talk-bar{display:flex;height:32px;border-radius:8px;overflow:hidden}.tele-ai-talk-staff{background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:600}.tele-ai-talk-customer{background:#ec4899;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:600}.tele-ai-checklist{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.tele-ai-check-item{display:flex;gap:8px;align-items:center;padding:8px 12px;border-radius:8px;font-size:.88rem}.tele-ai-check-item.pass{background:#f0fdf4;color:#166534}.tele-ai-check-item.fail{background:#fef2f2;color:#991b1b}.tele-ai-tags{display:flex;flex-wrap:wrap;gap:8px}.tele-ai-tag{background:#fef3c7;color:#92400e;padding:4px 12px;border-radius:20px;font-size:.82rem;font-weight:500}.tele-ai-next-action{background:#eff6ff!important;border-color:#93c5fd!important}.tele-ai-transcript{max-height:300px;overflow-y:auto;white-space:pre-wrap;font-size:.88rem;color:#374151;line-height:1.7;background:#fff;padding:12px;border-radius:8px;border:1px solid #e5e7eb}.badge-ai-completed{background:#dcfce7!important;color:#166534!important}.badge-ai-processing{background:#dbeafe!important;color:#1e40af!important}.badge-ai-failed{background:#fef2f2!important;color:#991b1b!important}.badge-ai-pending{background:#f3f4f6!important;color:#6b7280!important}.tele-btn-sm{padding:4px 10px!important;font-size:.85rem!important;min-width:unset!important}.tele-scripts-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.tele-scripts-header h3{margin:0}.tele-scripts-actions{display:flex;gap:8px;align-items:center}.tele-scripts-actions select{padding:8px 12px;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;font-size:.85rem;background:var(--color-card, #fff)}.tele-btn-primary{padding:8px 18px;background:var(--color-primary, #6366f1);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s}.tele-btn-primary:hover{background:#4f46e5}.tele-btn-secondary{padding:8px 18px;background:var(--color-bg-secondary, #f1f5f9);color:var(--color-text, #1e293b);border:1px solid var(--color-border, #e2e8f0);border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer}.tele-btn-secondary:hover{background:#e2e8f0}.tele-link{background:none;border:none;color:var(--color-primary, #6366f1);text-decoration:underline;cursor:pointer;font-size:inherit}.tele-scripts-list{display:flex;flex-direction:column;gap:10px}.tele-script-item{background:var(--color-card, #fff);border:1px solid var(--color-border, #e2e8f0);border-radius:10px;padding:16px;transition:border-color .2s,box-shadow .2s}.tele-script-item:hover{border-color:var(--color-primary, #6366f1);box-shadow:0 2px 8px #6366f114}.tele-script-item.script-inactive{opacity:.55}.tele-sc-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tele-sc-title{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tele-sc-title strong{font-size:.95rem}.tele-sc-actions{display:flex;gap:4px}.tele-sc-preview{font-size:.82rem;color:var(--color-text-secondary, #64748b);line-height:1.5;white-space:pre-wrap}.tele-sc-objection{margin-top:8px;font-size:.78rem;color:#f59e0b}.badge-cat{background:var(--color-bg-secondary, #f1f5f9);color:var(--color-text-secondary, #64748b)}.badge-general{background:#e2e8f0;color:#475569}.badge-birthday{background:#fce7f3;color:#db2777}.badge-winback{background:#fef3c7;color:#d97706}.badge-new_lead{background:#dcfce7;color:#16a34a}.badge-follow_up{background:#dbeafe;color:#2563eb}.badge-promotion{background:#f5f3ff;color:#7c3aed}.badge-re_engage{background:#fef9c3;color:#ca8a04}.badge-attempt{background:#e0f2fe;color:#0284c7}.badge-inactive{background:#f3f4f6;color:#9ca3af}.tele-script-form{max-width:680px}.tele-script-form h3{margin:0 0 20px;font-size:1.15rem}.tele-form-row{margin-bottom:14px}.tele-form-row label{display:block;font-size:.85rem;font-weight:600;color:var(--color-text, #1e293b);margin-bottom:6px}.tele-form-row input,.tele-form-row select,.tele-form-row textarea{width:100%;padding:10px 14px;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;font-size:.9rem;font-family:inherit;background:var(--color-card, #fff);transition:border-color .2s}.tele-form-row input:focus,.tele-form-row select:focus,.tele-form-row textarea:focus{outline:none;border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 3px #6366f11a}.tele-form-row textarea{resize:vertical}.tele-form-row small{display:block;font-size:.75rem;color:#94a3b8;margin-top:4px}.tele-form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.tele-form-actions{display:flex;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--color-border, #e2e8f0)}.tele-panel-script{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:12px;margin-bottom:12px}.tele-script-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tele-script-header h4{margin:0;font-size:.85rem}.tele-select-sm{padding:4px 8px;border:1px solid #e2e8f0;border-radius:6px;font-size:.78rem;background:#fff}.tele-script-body{font-size:.82rem;line-height:1.6;color:#1e293b;white-space:pre-wrap;max-height:120px;overflow-y:auto}.tele-script-objections{margin-top:8px;font-size:.78rem}.tele-script-objections summary{cursor:pointer;color:#f59e0b;font-weight:600}.tele-script-objections div{margin-top:6px;color:#64748b;white-space:pre-wrap;line-height:1.5}.tele-btn-primary{background:var(--color-primary)!important;color:#fff!important;border-color:var(--color-primary)!important}.tele-btn-primary:hover{background:var(--color-primary-hover)!important}.tele-btn-primary:disabled{opacity:.6;cursor:not-allowed}.tele-btn-success{background:#22c55e!important;color:#fff!important;border-color:#22c55e!important}.tele-btn-success:hover{background:#16a34a!important}.tele-btn-danger{background:transparent!important;color:#ef4444!important;border:1px solid #fca5a5!important}.tele-btn-danger:hover{background:#fef2f2!important}.tele-btn-sm{padding:4px 12px;font-size:.8rem;border-radius:6px;border:1px solid #e2e8f0;cursor:pointer;white-space:nowrap}.badge-ai-completed{background:#dcfce7;color:#166534}.badge-ai-processing{background:#fef9c3;color:#854d0e}.badge-ai-failed{background:#fef2f2;color:#991b1b}.badge-ai-null,.badge-ai-undefined{background:#f1f5f9;color:#64748b}.tele-ai-detail{padding:0}.tele-ai-header{margin-bottom:20px}.tele-ai-header h2{font-size:1.2rem;font-weight:700;margin:0 0 8px}.tele-ai-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:.85rem;color:#64748b}.tele-btn-back{background:none;border:none;cursor:pointer;font-size:.9rem;color:var(--color-primary);font-weight:600;padding:4px 0}.tele-btn-back:hover{color:var(--color-primary-hover);text-decoration:underline}.tele-ai-scores{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:20px}.tele-ai-score-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;text-align:center;box-shadow:0 1px 3px #0000000a}.tele-ai-score-value{font-size:2rem;font-weight:800;line-height:1.2}.tele-ai-score-label{font-size:.78rem;color:#64748b;margin-top:4px}.tele-ai-section{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:16px;margin-bottom:14px}.tele-ai-section h3{font-size:.95rem;font-weight:700;margin:0 0 10px}.tele-ai-checklist{display:grid;grid-template-columns:1fr 1fr;gap:6px}.tele-ai-check-item{display:flex;align-items:center;gap:6px;font-size:.85rem;padding:4px 0}.tele-ai-check-item.pass{color:#16a34a}.tele-ai-check-item.fail{color:#dc2626}.tele-ai-tags{display:flex;flex-wrap:wrap;gap:6px}.tele-ai-tag{background:#fef3c7;color:#92400e;padding:3px 10px;border-radius:12px;font-size:.78rem;font-weight:600}.tele-ai-next-action{background:#ecfdf5!important;border-color:#6ee7b7!important}.tele-ai-next-action p{color:#064e3b;margin:0}.tele-ai-conversation-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden;background:#f8fafc}.tele-ai-conversation-grid.chat-layout{grid-template-columns:60px 2fr 1fr 1fr}.tele-ai-conv-header{font-weight:700;font-size:.82rem;padding:10px 14px;border-bottom:2px solid #e2e8f0;text-align:center}.tele-ai-conv-header.staff-col{background:#ecfdf5;color:#065f46}.tele-ai-conv-header.customer-col{background:#eff6ff;color:#1e40af}.tele-ai-conv-header.analysis-col{background:#fef3c7;color:#92400e}.tele-ai-conv-header.time-col{background:#f3f4f6;color:#374151}.tele-ai-conv-header.chat-col{background:#f8fafc;color:#334155}.tele-ai-conv-cell{padding:6px 10px;min-height:36px;border-bottom:1px solid #f1f5f9;display:flex;align-items:flex-start}.tele-ai-conv-cell.staff-col{background:#f0fdf4}.tele-ai-conv-cell.customer-col{background:#f0f7ff}.tele-ai-conv-cell.analysis-col{background:#fffbeb}.tele-ai-conv-cell.time-col{background:#f9fafb;justify-content:center;align-items:center}.tele-ai-conv-cell.chat-col{background:#fff;flex-direction:column;gap:2px;padding:8px 12px}.tele-ai-conv-cell.chat-col.align-left{align-items:flex-start}.tele-ai-conv-cell.chat-col.align-right{align-items:flex-end}.tele-ai-speaker-label{font-size:.7rem;font-weight:600;color:#9ca3af;margin-bottom:1px}.tele-ai-timestamp{font-family:SF Mono,Fira Code,monospace;font-size:.75rem;font-weight:600;color:#6b7280;background:#e5e7eb;padding:2px 6px;border-radius:4px;white-space:nowrap}.tele-ai-bubble{padding:8px 12px;border-radius:10px;font-size:.84rem;line-height:1.5;max-width:100%;word-break:break-word}.tele-ai-bubble.staff{background:#d1fae5;border:1px solid #a7f3d0;color:#064e3b;border-top-left-radius:2px}.tele-ai-bubble.customer{background:#dbeafe;border:1px solid #bfdbfe;color:#1e3a5f;border-top-right-radius:2px}.tele-ai-analysis-note{padding:6px 10px;border-radius:6px;font-size:.8rem;line-height:1.4;background:#fff;border-left:3px solid #f59e0b;color:#78350f;box-shadow:0 1px 2px #0000000a}.tele-ai-talk-ratio{margin:6px 0}.tele-ai-talk-bar{display:flex;border-radius:8px;overflow:hidden;height:28px;font-size:.78rem;font-weight:600}.tele-ai-talk-staff{background:#6ee7b7;color:#064e3b;display:flex;align-items:center;justify-content:center}.tele-ai-talk-customer{background:#93c5fd;color:#1e3a5f;display:flex;align-items:center;justify-content:center}.tele-ai-conv-header.behavior-col{background:#f3e8ff;color:#6b21a8}.tele-ai-conv-cell.behavior-col{background:#faf5ff;flex-direction:column;gap:2px;padding:6px 10px}.tele-ai-behavior-note{padding:6px 10px;border-radius:6px;font-size:.8rem;line-height:1.4;background:#fff;border-left:3px solid #a855f7;color:#581c87;box-shadow:0 1px 2px #0000000a}.tele-ai-suggested-responses{background:#faf5ff!important;border-color:#d8b4fe!important}.tele-ai-suggested-responses h3{color:#6b21a8!important}.tele-ai-suggestions-list{display:flex;flex-direction:column;gap:8px}.tele-ai-suggestion-item{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;background:#fff;border:1px solid #e9d5ff;border-radius:8px;transition:box-shadow .2s}.tele-ai-suggestion-item:hover{box-shadow:0 2px 8px #a855f71a}.tele-ai-suggestion-num{flex-shrink:0;width:24px;height:24px;background:linear-gradient(135deg,#a855f7,#7c3aed);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.tele-ai-suggestion-text{font-size:.88rem;color:#374151;line-height:1.5}.leads-tab{padding:0}.leads-stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:16px}.leads-stat-badge{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;padding:16px 18px;background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;border-left:4px solid;min-width:0;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 1px 3px #0000000a}.leads-stat-badge:hover{transform:translateY(-2px);box-shadow:0 8px 16px #00000014}.leads-stat-icon{width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.leads-stat-num{font-size:1.6rem;font-weight:700;color:#1e293b;line-height:1.1}.leads-stat-label{font-size:.72rem;color:#64748b;margin-top:4px;text-transform:uppercase;font-weight:600;letter-spacing:.06em}.leads-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:10px 14px}.leads-toolbar-actions{margin-left:auto;display:flex;gap:8px;flex-shrink:0}.leads-toolbar input[type=text]{padding:8px 12px 8px 32px;border:1px solid #e2e8f0;border-radius:10px;font-size:.85rem;flex:1;min-width:200px;max-width:300px;background:#fff;transition:border-color .2s,box-shadow .2s;height:38px;box-sizing:border-box}.leads-toolbar input[type=text]:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.leads-toolbar select{padding:7px 26px 7px 10px;border:1px solid #e2e8f0;border-radius:8px;font-size:.8rem;background:#fff;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.leads-toolbar input[type=date]{padding:7px 8px;border:1px solid #e2e8f0;border-radius:8px;font-size:.78rem;background:#fff;max-width:140px;color:#475569}.leads-toolbar-actions{display:flex;gap:8px;margin-left:auto}.leads-toolbar-actions button{border-radius:10px!important;font-weight:600!important;box-shadow:0 1px 3px #00000014}.leads-table-wrap{overflow-x:auto;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000a}.leads-table-wrap::-webkit-scrollbar{height:8px}.leads-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.leads-table{width:100%;border-collapse:collapse;font-size:.78rem;table-layout:auto}.leads-table th{background:#f8fafc;padding:7px 8px;text-align:left;font-weight:700;font-size:.68rem;color:#64748b;text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #e2e8f0;white-space:nowrap}.leads-table td{padding:6px 8px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.leads-table tbody tr{transition:background .15s ease}.leads-table tbody tr:hover{background:#f8fafc}.leads-table tbody tr.selected{background:#eff6ff}.leads-td-name{font-weight:600;color:#1e293b;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leads-td-phone{color:#10b981;font-weight:500;font-size:.82rem;white-space:nowrap}.leads-td-note{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#94a3b8;font-size:.78rem}.leads-td-actions{display:flex;gap:6px;white-space:nowrap}.leads-td-actions button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;border:none;cursor:pointer;transition:all .15s ease}.leads-td-actions .tele-btn-xs.btn-primary{background:#fef3c7;color:#d97706}.leads-td-actions .tele-btn-xs.btn-primary:hover{background:#fde68a;color:#b45309}.leads-td-actions .btn-info{background:#dbeafe!important;color:#2563eb!important}.leads-td-actions .btn-info:hover{background:#bfdbfe!important;color:#1d4ed8!important}.leads-td-actions .btn-danger,.leads-td-actions .tele-btn-xs.btn-danger{background:#fee2e2!important;color:#dc2626!important;border:none!important}.leads-td-actions .btn-danger:hover,.leads-td-actions .tele-btn-xs.btn-danger:hover{background:#fecaca!important;color:#b91c1c!important}.leads-source-tag{display:inline-block;padding:3px 10px;border-radius:6px;font-size:.72rem;background:#f1f5f9;color:#64748b;font-weight:500;text-transform:uppercase}.leads-status-select{padding:4px 24px 4px 8px;border:1.5px solid;border-radius:20px;font-size:.75rem;font-weight:700;cursor:pointer;min-width:140px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:all .15s ease}.leads-td-dim{color:#94a3b8;font-size:.78rem;max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leads-td-service{font-size:.78rem;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#0ea5e9;font-weight:500}.leads-td-date{font-size:.82rem;color:#64748b;white-space:nowrap}.leads-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 0;font-size:.88rem}.leads-pagination button{padding:8px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .15s ease}.leads-pagination button:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.leads-pagination button:disabled{opacity:.4;cursor:default}.tele-page--leads{padding:10px 10px 22px;background:#f6fbfb}.tele-page--leads .tele-content{padding:18px 28px 0}.tele-page--leads .tele-shell{display:flex;flex-direction:column}.tele-page--leads .tele-leads-hero,.tele-page--leads .tele-hero{position:relative;overflow:hidden;min-height:104px;margin-bottom:0;border-radius:16px;background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 52%,var(--color-primary-hover) 100%);box-shadow:0 12px 28px rgba(var(--color-primary-rgb),.14)}.tele-page--leads .tele-leads-hero:before,.tele-page--leads .tele-leads-hero:after,.tele-page--leads .tele-hero:before,.tele-page--leads .tele-hero:after{content:"";position:absolute;right:-36px;border-radius:999px;background:#ffffff14;pointer-events:none}.tele-page--leads .tele-leads-hero:before,.tele-page--leads .tele-hero:before{top:-42px;width:180px;height:180px}.tele-page--leads .tele-leads-hero:after,.tele-page--leads .tele-hero:after{top:18px;right:38px;width:88px;height:88px;background:#ffffff0d}.tele-page--leads .fin-sub-hero-inner,.tele-page--leads .tele-hero-inner{position:relative;z-index:1;display:flex;align-items:center;gap:16px;padding:24px 28px}.tele-page--leads .fin-sub-hero-back,.tele-page--leads .tele-hero-back{width:40px;height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#ffffff24;box-shadow:none}.tele-page--leads .fin-sub-hero-back:hover,.tele-page--leads .tele-hero-back:hover{background:#fff3;transform:translateY(-1px)}.tele-page--leads .fin-sub-hero-title,.tele-page--leads .tele-hero-title{font-size:24px;line-height:1.1;font-weight:700;color:#fff}.tele-page--leads .fin-sub-hero-sub,.tele-page--leads .tele-hero .fin-sub-hero-sub{margin-top:4px;font-size:13px;line-height:1.4;color:#ffffffdb}.tele-page--leads .leads-tab{display:flex;flex-direction:column;gap:16px}.tele-page--leads .leads-stats{gap:12px;margin-bottom:0}.tele-page--leads .leads-stat-badge{min-height:84px;gap:12px;padding:14px 16px;border-width:1px;border-left-width:1px;border-radius:14px;box-shadow:0 4px 14px #0f172a0a}.tele-page--leads .leads-stat-badge:hover{transform:translateY(-1px);box-shadow:0 10px 20px #0f172a14}.tele-page--leads .leads-stat-icon{width:42px;height:42px}.tele-page--leads .leads-stat-icon svg{width:19px;height:19px}.tele-page--leads .leads-stat-num{font-size:22px;font-weight:700}.tele-page--leads .leads-stat-label{margin-top:3px;font-size:12px;letter-spacing:.02em;font-weight:700}.tele-page--leads .leads-toolbar{gap:10px;align-items:center;margin-bottom:0;padding:10px 14px;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 4px 14px #0f172a0a}.tele-page--leads .leads-toolbar .tele-search,.tele-page--leads .leads-toolbar>.tele-filter-select,.tele-page--leads .leads-toolbar input[type=date]{height:40px;border:1px solid #dbe4ea;border-radius:10px;font-size:13px;color:#334155;box-sizing:border-box}.tele-page--leads .leads-toolbar .tele-search{flex:0 0 270px;min-width:270px;max-width:270px;padding:0 12px 0 38px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364758b' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") no-repeat 14px center}.tele-page--leads .leads-toolbar .tele-search::-moz-placeholder{color:#94a3b8}.tele-page--leads .leads-toolbar .tele-search::placeholder{color:#94a3b8}.tele-page--leads .leads-toolbar .tele-search:focus,.tele-page--leads .leads-toolbar>.tele-filter-select:focus,.tele-page--leads .leads-toolbar input[type=date]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.tele-page--leads .leads-toolbar>select.tele-filter-select{flex:0 0 272px;min-width:272px;padding:0 34px 0 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat calc(100% - 12px) center}.tele-page--leads .leads-toolbar>input[type=date].tele-filter-select{flex:0 0 144px;min-width:144px;max-width:144px;padding:0 10px}.tele-page--leads .leads-toolbar-actions{gap:10px}.tele-page--leads .leads-toolbar-actions .tele-btn-sm{height:40px;padding:0 14px;border-radius:10px!important;font-size:13px!important;font-weight:700!important;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 8px 18px #0f172a0d}.tele-page--leads .leads-toolbar-actions .tele-btn-sm:first-child{border-color:var(--color-primary)!important;background:var(--color-primary)!important;color:#fff!important}.tele-page--leads .leads-toolbar-actions .tele-btn-sm:nth-child(2){border-color:#e5e7eb!important;background:#fff!important;color:#334155!important}.tele-page--leads .leads-toolbar-actions .btn-info{background:#eef6ff!important;color:#2563eb!important;border-color:#bfdbfe!important}.tele-page--leads .leads-toolbar-actions .btn-danger{background:#fef2f2!important;color:#dc2626!important;border-color:#fecaca!important}.tele-page--leads .leads-table-wrap{border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 4px 14px #0f172a0a}.tele-page--leads .leads-table{min-width:1460px;font-size:13px}.tele-page--leads .leads-table th{height:40px;padding:10px 12px;background:#f8fafc;font-size:12px;letter-spacing:.03em;color:#64748b;border-bottom:1px solid #e6edf3}.tele-page--leads .leads-table td{height:42px;padding:8px 12px;border-bottom:1px solid #eef2f7;font-size:12.5px;color:#334155}.tele-page--leads .leads-table tbody tr:hover{background:#f8fbfb}.tele-page--leads .leads-table input[type=checkbox]{width:15px;height:15px;accent-color:var(--color-primary-hover)}.tele-page--leads .leads-table th:first-child,.tele-page--leads .leads-table td:first-child{width:36px;min-width:36px;text-align:center}.tele-page--leads .leads-table th:nth-child(2),.tele-page--leads .leads-table td:nth-child(2){width:140px;min-width:140px}.tele-page--leads .leads-table th:nth-child(3),.tele-page--leads .leads-table td:nth-child(3){width:124px;min-width:124px}.tele-page--leads .leads-table th:nth-child(4),.tele-page--leads .leads-table td:nth-child(4),.tele-page--leads .leads-table th:nth-child(5),.tele-page--leads .leads-table td:nth-child(5),.tele-page--leads .leads-table th:nth-child(6),.tele-page--leads .leads-table td:nth-child(6),.tele-page--leads .leads-table th:nth-child(7),.tele-page--leads .leads-table td:nth-child(7){width:96px;min-width:96px}.tele-page--leads .leads-table th:nth-child(8),.tele-page--leads .leads-table td:nth-child(8){width:150px;min-width:150px}.tele-page--leads .leads-table th:nth-child(9),.tele-page--leads .leads-table td:nth-child(9){width:120px;min-width:120px}.tele-page--leads .leads-table th:nth-child(10),.tele-page--leads .leads-table td:nth-child(10){width:188px;min-width:188px}.tele-page--leads .leads-table th:nth-child(11),.tele-page--leads .leads-table td:nth-child(11),.tele-page--leads .leads-table th:nth-child(12),.tele-page--leads .leads-table td:nth-child(12){width:92px;min-width:92px}.tele-page--leads .leads-table th:nth-child(13),.tele-page--leads .leads-table td:nth-child(13){width:140px;min-width:140px}.tele-page--leads .leads-table th:nth-child(14),.tele-page--leads .leads-table td:nth-child(14){width:120px;min-width:120px}.tele-page--leads .leads-td-name{max-width:140px;font-size:13px;font-weight:600;color:#111827}.tele-page--leads .leads-td-phone{font-size:13px;font-weight:600;color:var(--color-primary)}.tele-page--leads .leads-td-dim{max-width:100px;font-size:12px;color:#94a3b8}.tele-page--leads .leads-td-service{max-width:150px;font-size:12px;color:#2563eb;font-weight:500}.tele-page--leads .leads-td-date{font-size:12px;color:#64748b}.tele-page--leads .leads-td-actions{justify-content:center;gap:6px}.tele-page--leads .leads-td-actions button{width:31px;height:31px;border-radius:8px;font-size:13px;box-shadow:none}.tele-page--leads .leads-td-actions .tele-btn-xs.btn-primary{background:#fef3c7;color:#b45309}.tele-page--leads .leads-td-actions .tele-btn-xs.btn-primary:hover{background:#fde68a;color:#92400e}.tele-page--leads .leads-td-actions .tele-btn-xs.btn-danger,.tele-page--leads .leads-td-actions .btn-danger{background:#fee2e2!important;color:#ef4444!important}.tele-page--leads .leads-status-select{height:30px;min-width:172px;padding:0 28px 0 10px;border-width:1px;border-radius:999px;font-size:12px;font-weight:600;line-height:28px;background-position:calc(100% - 10px) center;box-shadow:none}.tele-page--leads .leads-status-select:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.tele-page--leads .leads-td-recording{min-width:90px!important}.tele-page--leads .leads-td-recording a,.tele-page--leads .leads-td-recording label{font-size:12px!important;color:#475569!important;text-decoration:none;white-space:nowrap}.tele-page--leads .leads-pagination{padding:14px 0 0;gap:12px;font-size:13px}.tele-page--leads .leads-pagination button{height:36px;padding:0 14px;font-size:13px;border-radius:10px}@media(max-width:1280px){.tele-page--leads .leads-stats{grid-template-columns:repeat(3,1fr)}.tele-page--leads .leads-toolbar{flex-wrap:wrap}.tele-page--leads .leads-toolbar-actions{margin-left:0}}.tele-page--queue .tele-shell{border-radius:18px;box-shadow:0 14px 34px #0f172a14}.tele-page--queue .tele-hero{min-height:104px}.tele-page--queue .tele-content{padding:26px 32px 40px;background:linear-gradient(180deg,#fff,#fbfdfd)}.tele-page--queue .tele-queue{width:100%}.tele-page--queue .tele-queue-header{min-height:66px;margin-bottom:24px}.tele-page--queue .tele-queue-header h3{font-size:24px;gap:14px;color:#111827}.tele-page--queue .tele-queue-h3-icon{width:46px;height:46px;background:#e0f2f1}.tele-page--queue .tele-queue-h3-icon svg{width:20px;height:20px;stroke:var(--color-primary)}.tele-page--queue .tele-queue-count{padding:8px 14px;border-radius:999px;background:#e0f2f1;color:var(--color-primary);font-size:14px;font-weight:700}.tele-page--queue .tele-queue-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}.tele-page--queue .tele-queue-item{min-height:188px;padding:18px;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 14px #0f172a0d;display:flex;flex-direction:column}.tele-page--queue .tele-queue-item:hover{border-color:rgba(var(--color-primary-rgb),.28);box-shadow:0 10px 24px #0f172a14;transform:translateY(-2px)}.tele-page--queue .tele-qc-top{gap:14px;margin-bottom:12px}.tele-page--queue .tele-qc-rank{width:36px;height:36px;background:#e0f2f1;color:var(--color-primary);font-size:14px}.tele-page--queue .tele-qc-name{font-size:17px;line-height:1.2;color:#111827}.tele-page--queue .tele-qc-phone{margin-left:50px;margin-bottom:0;font-size:16px;font-weight:700;color:var(--color-primary);letter-spacing:.01em}.tele-page--queue .tele-qc-meta{min-height:24px;margin-top:auto;padding-top:20px}.tele-page--queue .tele-qc-followup{min-height:24px;display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.2;color:#f97316}.tele-page--queue .tele-qc-followup-time{display:inline-flex;align-items:center;gap:6px;font-weight:600}.tele-page--queue .tele-qc-followup--empty{min-height:24px}.tele-page--queue .tele-badge-sla.sla-overdue{padding:4px 8px;border-radius:999px;background:#fee2e2;color:#ef4444;font-size:12px;font-weight:700}.tele-page--queue .tele-qc-bottom{margin-top:14px;padding-top:16px;border-top:1px solid #e5e7eb;gap:12px}.tele-page--queue .tele-qc-calls{min-height:40px;padding:0 12px;border-radius:12px;background:#f8fafc;color:#64748b;font-size:13px;font-weight:600}.tele-page--queue .tele-qc-calls:before{content:"";width:14px;height:14px;display:inline-block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%237f1d1d' stroke-width='2'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") no-repeat center / 14px 14px}.tele-page--queue .tele-btn-call-sm{min-width:88px;height:40px;padding:0 16px;border-radius:10px;box-shadow:0 4px 10px rgba(var(--color-primary-rgb),.18);display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:0}.tele-page--queue .tele-btn-call-sm:before{content:"";width:14px;height:14px;display:inline-block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E") no-repeat center / 14px 14px}.tele-page--queue .tele-btn-call-sm:after{content:"Gọi";font-size:14px;line-height:1;font-weight:700;color:#fff}.tele-page--queue .tele-empty{border:1px dashed #d8e2e8;border-radius:16px;background:#fbfdfd}.tele-page--queue .leads-pagination{padding-top:18px;gap:12px;font-size:13px}.tele-page--queue .leads-pagination button{height:36px;padding:0 14px;border-radius:10px;font-size:13px}@media(max-width:1280px){.tele-page--queue .tele-queue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.tele-page--queue .tele-queue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tele-modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172a73;animation:leads-fade-in .2s ease}.tele-modal{display:flex;flex-direction:column;width:100%;max-width:480px;max-height:calc(calc(100dvh / var(--ui-vu, 1)) - 32px);overflow-y:auto;padding:20px 22px;background:#fff;border-radius:14px;box-shadow:0 20px 60px #0f172a33;animation:leads-slide-up .25s ease}.tele-modal h3{margin:0 0 4px;font-size:17px;font-weight:700;color:#0f172a}.tele-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:12px;border-top:1px solid #f1f5f9}.tele-modal-actions .tele-btn-sm{min-height:36px;padding:8px 16px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-weight:600;cursor:pointer}.tele-modal-actions .tele-btn-sm.btn-primary{border-color:var(--color-primary, #6366f1);background:var(--color-primary, #6366f1);color:#fff}.tele-modal-actions .tele-btn-sm:disabled{opacity:.5;cursor:not-allowed}.leads-modal{max-width:420px}.leads-import-overlay{position:fixed;inset:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center;animation:leads-fade-in .2s ease}@keyframes leads-fade-in{0%{opacity:0}to{opacity:1}}.leads-import-item{background:#fff;width:100%;max-width:580px;border-radius:16px;box-shadow:0 20px 60px #00000026;overflow:hidden;animation:leads-slide-up .25s ease}@keyframes leads-slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.leads-import-header{display:flex;align-items:center;gap:10px;padding:18px 24px;border-bottom:1px solid #f1f5f9}.leads-import-header svg{color:#374151}.leads-import-header h3{margin:0;font-size:1.05rem;font-weight:700;color:#1e293b}.leads-import-body{padding:24px}.leads-import-field{margin-bottom:20px}.leads-import-field label{display:block;font-size:.85rem;font-weight:600;color:#374151;margin-bottom:8px}.leads-import-field select{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:10px;font-size:.88rem;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.leads-import-field select:focus{outline:none;border-color:#13998c;box-shadow:0 0 0 3px #13998c1a}.leads-import-count{font-size:.82rem;color:#64748b;margin-top:8px}.leads-import-count strong{font-weight:700}.leads-import-tabs{display:flex;gap:10px;margin-bottom:20px}.leads-import-tabs button{padding:9px 18px;border:1px solid #d1d5db;border-radius:10px;background:#fff;cursor:pointer;font-size:.85rem;font-weight:500;color:#374151;transition:all .2s;display:flex;align-items:center;gap:6px}.leads-import-tabs button:hover{background:#f9fafb}.leads-import-tabs button.active{background:#13998c;color:#fff;border-color:#13998c;font-weight:600}.leads-paste-area{width:100%;padding:14px 16px;border:1px solid #d1d5db;border-radius:10px;font-size:.88rem;font-family:SF Mono,Fira Code,JetBrains Mono,monospace;resize:vertical;line-height:1.6;color:#64748b;transition:border-color .2s}.leads-paste-area:focus{outline:none;border-color:#13998c;box-shadow:0 0 0 3px #13998c1a}.leads-import-result{padding:14px 18px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;margin-bottom:16px}.leads-import-result p{margin:4px 0;font-size:.88rem}.leads-import-footer{display:flex;flex-direction:column;gap:10px;padding-top:16px;border-top:1px solid #f1f5f9}.leads-import-btn-cancel{padding:9px 20px;background:#fff;border:1px solid #d1d5db;border-radius:10px;font-size:.85rem;font-weight:500;color:#374151;cursor:pointer;transition:all .15s;width:-moz-fit-content;width:fit-content}.leads-import-btn-cancel:hover{background:#f9fafb}.leads-import-btn-submit{display:inline-flex;align-items:center;gap:8px;padding:10px 22px;background:#13998c;color:#fff;border:none;border-radius:10px;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .15s;box-shadow:0 2px 6px #13998c40;width:-moz-fit-content;width:fit-content}.leads-import-btn-submit:hover{background:#0f7a70}.leads-import-btn-submit:disabled{opacity:.6;cursor:not-allowed}@media(min-width:769px){.leads-paste-area{color:#1e293b}.leads-paste-area::-moz-placeholder{color:#94a3b8}.leads-paste-area::placeholder{color:#94a3b8}.leads-import-field input[type=file]{width:100%;padding:22px 16px;border:1.5px dashed #cbd5e1;border-radius:10px;background:#f8fafc;font-size:.85rem;color:#475569;cursor:pointer;transition:border-color .2s,background .2s}.leads-import-field input[type=file]:hover{border-color:#13998c;background:#f0fdfa}.leads-import-field input[type=file]::file-selector-button{margin-right:14px;padding:8px 16px;border:none;border-radius:8px;background:#13998c;color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s}.leads-import-field input[type=file]::file-selector-button:hover{background:#0f7a70}.leads-import-footer{flex-direction:row;justify-content:flex-end;align-items:center}}@media(max-width:768px){.leads-import-overlay{padding:12px}.leads-import-item{max-width:360px;border-radius:14px}.leads-import-header{padding:12px 14px}.leads-import-header h3{font-size:14px}.leads-import-body{padding:10px 14px!important}.leads-import-tabs{gap:6px;margin-bottom:10px}.leads-import-tabs button{padding:7px 10px!important;font-size:12px!important}.leads-import-field{margin-bottom:10px}.leads-import-field label{font-size:12px!important;margin-bottom:4px!important}.leads-import-field select,.leads-import-field textarea{font-size:12.5px!important;padding:8px 10px!important}.leads-import-field textarea{min-height:110px!important;max-height:160px!important}.leads-import-result p{font-size:12px!important}.leads-import-footer{padding:10px 14px!important;gap:8px!important}.leads-import-btn-cancel,.leads-import-btn-submit{padding:9px 14px!important;font-size:13px!important}}.leads-staff-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto;margin-bottom:16px}.leads-staff-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;cursor:pointer;transition:all .15s}.leads-staff-item:hover{border-color:var(--color-primary, #6366f1);background:#fafafe}.leads-staff-item.selected{border-color:var(--color-primary, #6366f1);background:#eef2ff}.tele-btn-xs{padding:4px 8px;border:none;border-radius:6px;cursor:pointer;font-size:.8rem;transition:all .15s}.tele-btn-xs.btn-primary{background:var(--color-primary-light, #eef2ff);color:var(--color-primary, #6366f1)}.tele-btn-xs.btn-primary:hover{background:var(--color-primary, #6366f1);color:#fff}.tele-btn-xs.btn-success{background:#dcfce7;color:#16a34a}.tele-btn-xs.btn-success:hover{background:#22c55e;color:#fff}.btn-info{background:#dbeafe!important;color:#2563eb!important}.btn-info:hover{background:#3b82f6!important;color:#fff!important}.leads-create-modal{max-width:820px}.leads-form-row{display:flex;gap:12px;align-items:flex-end;margin-bottom:12px;flex-wrap:wrap}.leads-form-field{flex:1;min-width:140px}.leads-form-field label{display:block;font-size:.78rem;font-weight:600;color:var(--color-text-secondary, #64748b);margin-bottom:4px}.leads-form-field input,.leads-form-field select{width:100%;padding:8px 10px;border:1px solid var(--color-border, #e2e8f0);border-radius:6px;font-size:.85rem;background:var(--color-card, #fff)}.leads-form-field-wide{flex:3;min-width:200px}.leads-form-actions{display:flex;gap:8px;align-items:flex-end;padding-bottom:1px}.lead-edit-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;background:#181c1e1f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:leadEditFadeIn .25s ease}@keyframes leadEditFadeIn{0%{opacity:0}to{opacity:1}}.lead-edit-glass{background:#fff;border-radius:16px;box-shadow:0 20px 50px #0f172a29,0 2px 8px #0000000a;width:100%;max-width:620px;max-height:calc(90vh / var(--ui-vu, 1));display:flex;flex-direction:column;animation:leadEditSlideUp .25s cubic-bezier(.2,.8,.2,1);border:1px solid #e2e8f0}@keyframes leadEditSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.lead-edit-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid #f1f5f9}.lead-edit-subtitle{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--color-primary, #0d9488);text-transform:uppercase;display:block;margin-bottom:2px}.lead-edit-title{font-size:18px;font-weight:700;color:#0f172a;margin:0;line-height:1.2;letter-spacing:-.01em}.lead-edit-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:none;background:transparent;color:#64748b;font-size:15px;cursor:pointer;transition:background .15s,color .15s;flex-shrink:0}.lead-edit-close:hover{background:#f1f5f9;color:#0f172a}.lead-edit-body{padding:20px 24px;overflow-y:auto;flex:1}.lead-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.lead-edit-field{display:flex;flex-direction:column;gap:5px}.lead-edit-field label{font-size:12.5px;font-weight:600;color:#334155;margin-left:1px}.lead-edit-field input,.lead-edit-field select,.lead-edit-field textarea{width:100%;height:40px;padding:0 12px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:500;color:#0f172a;transition:border-color .15s ease,box-shadow .15s ease;outline:none;box-sizing:border-box}.lead-edit-field textarea{height:auto;min-height:72px;padding:10px 12px;resize:vertical;line-height:1.5}.lead-edit-field input:focus,.lead-edit-field select:focus,.lead-edit-field textarea:focus{border-color:var(--color-primary, #0d9488);box-shadow:0 0 0 3px #0d94881f}.lead-edit-full{margin-top:14px}.lead-edit-chips{display:flex;flex-wrap:wrap;gap:6px;padding:8px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;width:100%;box-sizing:border-box}.lead-chip{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;font-size:12px;font-weight:500;color:#475569;cursor:pointer;transition:all .15s ease;white-space:nowrap;box-shadow:0 1px 2px #00000005}.lead-chip:hover{background:#f1f5f9;border-color:#cbd5e1;color:#0f172a}.lead-chip-active{font-weight:700;border-color:transparent!important;box-shadow:0 2px 6px #0000001f}.lead-chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.lead-chip-active .lead-chip-dot{background:#fff!important}.lead-edit-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 24px;background:#f8fafc;border-top:1px solid #f1f5f9;border-radius:0 0 16px 16px}.lead-edit-btn-cancel{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 18px;height:40px;font-size:13.5px;font-weight:600;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .15s ease}.lead-edit-btn-cancel:hover{background:#f1f5f9;color:#0f172a;border-color:#cbd5e1}.lead-edit-btn-save{display:flex;align-items:center;justify-content:center;gap:6px;padding:0 24px;height:40px;font-size:13.5px;font-weight:700;color:#fff;background:linear-gradient(135deg,var(--color-primary, #0d9488) 0%,#0f766e 100%);border:none;border-radius:10px;cursor:pointer;box-shadow:0 4px 12px #0d948840;transition:all .15s ease}.lead-edit-btn-save:hover{box-shadow:0 2px 6px #0d948859;transform:translateY(-1px)}.lead-edit-btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:640px){.lead-edit-glass{max-width:100%}.lead-edit-grid{grid-template-columns:1fr}.lead-edit-header{padding:16px 20px 12px}.lead-edit-body{padding:14px 20px}.lead-edit-footer{padding:12px 20px}.lead-edit-chips{width:100%}}@media(max-width:768px){.tele-leaderboard{padding:12px}.tele-leaderboard h3{font-size:.9rem}.tele-lb-item{padding:8px 0;gap:8px}.tele-lb-rank{font-size:1rem;min-width:22px}.tele-lb-name{font-size:.82rem;min-width:60px}.tele-lb-stats{font-size:.78rem}.tele-queue-header h3{font-size:.95rem}.tele-queue-count{font-size:.78rem;padding:3px 10px}.tele-queue-item{padding:8px 10px}.tele-qc-name{font-size:.82rem}.tele-qc-phone{font-size:.85rem}.tele-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.tele-table{min-width:500px;font-size:.75rem}.tele-table th{padding:6px 8px;font-size:.72rem}.tele-table td{padding:5px 8px}.tele-section-header{flex-direction:column;gap:8px;align-items:stretch}.tele-section-header h3{font-size:.95rem}.tele-call-panel{width:100%!important;max-width:100%!important;right:0!important}.tele-badge{font-size:.65rem;padding:1px 6px}}@media(min-width:769px){.tele-page--campaigns .tele-content{padding-top:28px}.tele-page--campaigns .tele-hero{background-image:linear-gradient(135deg,var(--color-primary-hover),var(--color-primary),var(--color-primary-hover)),radial-gradient(circle at 82% 24%,rgba(255,255,255,.16) 0,rgba(255,255,255,.08) 18%,transparent 44%),radial-gradient(circle at 92% 68%,rgba(255,255,255,.12) 0,rgba(255,255,255,.06) 16%,transparent 38%)}.tele-page--campaigns .tele-hero:before{width:228px;height:228px;top:-118px;right:64px;background:#ffffff14}.tele-page--campaigns .tele-hero:after{width:156px;height:156px;right:10px;bottom:-54px;opacity:.42;background:#ffffff1c}.tele-page--campaigns .tele-campaigns-list-view{display:flex;flex-direction:column;gap:22px;min-height:520px;zoom:1}.tele-page--campaigns .tele-campaigns-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:2px 0 0}.tele-page--campaigns .tele-campaigns-heading{display:inline-flex;align-items:center;gap:12px;min-width:0}.tele-page--campaigns .tele-campaigns-heading-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:14px;background:var(--teal-5, #f0fdfa);color:var(--color-primary);box-shadow:inset 0 0 0 1px rgba(var(--color-primary-rgb),.1);flex-shrink:0}.tele-page--campaigns .tele-campaigns-heading-copy h2{margin:0;font-size:24px;line-height:1.2;font-weight:700;color:#111827;letter-spacing:-.02em}.tele-page--campaigns .tele-campaigns-toolbar-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:18px;margin-left:auto}.tele-page--campaigns .tele-campaigns-auto{gap:10px;color:#111827;font-size:14px;font-weight:600}.tele-page--campaigns .tele-campaigns-auto .tele-toggle-slider{width:42px;height:24px;border-radius:999px;background:#d1d5db;box-shadow:inset 0 0 0 1px #94a3b847;transition:background .18s ease}.tele-page--campaigns .tele-campaigns-auto .tele-toggle-slider:after{top:3px;left:3px;width:18px;height:18px;box-shadow:0 2px 6px #0f172a2e}.tele-page--campaigns .tele-campaigns-auto input:checked+.tele-toggle-slider{background:var(--color-primary-hover)}.tele-page--campaigns .tele-campaigns-auto input:checked+.tele-toggle-slider:after{transform:translate(18px)}.tele-page--campaigns .tele-campaigns-auto-label{display:inline-flex;align-items:center;gap:8px}.tele-page--campaigns .tele-campaigns-auto-glyph{display:inline-flex;color:#f59e0b}.tele-page--campaigns .tele-campaigns-create-btn{height:44px!important;padding:0 20px!important;border:none!important;border-radius:10px!important;background:var(--color-primary)!important;color:#fff!important;display:inline-flex;align-items:center;gap:8px;font-size:14px!important;font-weight:700!important;box-shadow:0 6px 14px rgba(var(--color-primary-rgb),.18);transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.tele-page--campaigns .tele-campaigns-create-btn:hover{background:var(--color-primary-hover)!important;box-shadow:0 10px 18px rgba(var(--color-primary-rgb),.2);transform:translateY(-1px)}.tele-page--campaigns .tele-campaigns-empty{max-width:580px;padding:28px 24px;border:1px dashed #cbd5e1;border-radius:16px;background:#f8fafa;text-align:left}.tele-page--campaigns .tele-campaigns-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(520px,560px));justify-content:flex-start;align-items:start;gap:22px}.tele-page--campaigns .tele-campaign-card{min-height:232px;padding:24px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 4px 16px #0f172a0d;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;zoom:.7}.tele-page--campaigns .tele-campaign-card:hover{transform:translateY(-2px);border-color:var(--teal-15, #99f6e4);box-shadow:0 12px 24px #0f172a14}.tele-page--campaigns .tele-campaign-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.tele-page--campaigns .tele-campaign-card-title-wrap{min-width:0;display:flex;flex-direction:column;gap:8px}.tele-page--campaigns .tele-campaign-card-title{font-size:25px;line-height:1.2;font-weight:700;color:var(--color-primary);letter-spacing:-.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.tele-page--campaigns .tele-campaign-card-description{margin:0;font-size:16px;line-height:1.4;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.tele-page--campaigns .tele-campaign-card-status{--tele-campaign-status-bg: #f1f5f9;--tele-campaign-status-color: #64748b;padding:6px 10px;border-radius:999px;background:var(--tele-campaign-status-bg);color:var(--tele-campaign-status-color);font-size:12px;line-height:1;font-weight:700;white-space:nowrap;align-self:flex-start}.tele-page--campaigns .tele-campaign-card-stats{display:flex;align-items:center;gap:0;margin-top:26px}.tele-page--campaigns .tele-campaign-card-stat{position:relative;display:inline-flex;align-items:center;gap:8px;padding-right:24px;margin-right:24px;color:#111827;font-size:18px;line-height:1;font-weight:600}.tele-page--campaigns .tele-campaign-card-stat:not(:last-child):after{content:"";position:absolute;top:50%;right:0;width:1px;height:28px;background:#e5e7eb;transform:translateY(-50%)}.tele-page--campaigns .tele-campaign-card-stat-icon{display:inline-flex;color:var(--color-primary)}.tele-page--campaigns .tele-campaign-card-divider{margin-top:26px;border-top:1px solid #e5e7eb}.tele-page--campaigns .tele-campaign-card-footer{margin-top:auto;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.tele-page--campaigns .tele-campaign-card-date{display:inline-flex;align-items:center;gap:8px;color:#64748b;font-size:14px;font-weight:500}.tele-page--campaigns .tele-campaign-card-date-icon{display:inline-flex;color:#94a3b8}.tele-page--campaigns .tele-campaign-card-actions{display:inline-flex;align-items:center;gap:10px}.tele-page--campaigns .tele-campaign-card-action{min-width:40px;height:40px;padding:0 11px;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:opacity .15s ease}.tele-page--campaigns .tele-campaign-card-action:hover{opacity:.7}.tele-page--campaigns .tele-campaign-card-action--edit{color:var(--color-primary)}.tele-page--campaigns .tele-campaign-card-action--edit:hover{border-color:var(--teal-15, #99f6e4);background:var(--teal-5, #f0fdfa)}.tele-page--campaigns .tele-campaign-card-action--delete{border-color:#fecaca;background:#fff5f5;color:#ef4444}.tele-page--campaigns .tele-campaign-card-action--delete:hover{border-color:#fca5a5;background:#fee2e2}.tele-page--campaigns .tele-campaign-card-action.is-confirming{min-width:82px;background:#ef4444;border-color:#ef4444;color:#fff}.tele-page--campaigns .tele-campaign-card-action-icon{display:inline-flex}.tele-page--campaigns .tele-campaign-card-action-text{font-size:12px;line-height:1;font-weight:700}.tele-page--campaigns .tele-campaigns-pagination{justify-content:flex-start}}@media(min-width:769px)and (max-width:1200px){.tele-page--campaigns .tele-campaigns-toolbar{flex-wrap:wrap;align-items:flex-start}.tele-page--campaigns .tele-campaigns-toolbar-actions{width:100%;justify-content:flex-end}.tele-page--campaigns .tele-campaigns-list-grid{grid-template-columns:minmax(0,1fr)}.tele-page--campaigns .tele-campaign-card{max-width:640px}}@media(min-width:769px){.tele-page--followups{padding:10px 10px 24px;background:#f6fbfb}.tele-page--followups .tele-shell{display:flex;flex-direction:column}.tele-page--followups .tele-content{padding:22px 28px 0}.tele-page--followups .tele-hero{position:relative;overflow:hidden;min-height:104px;border-radius:16px;background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 52%,var(--color-primary-hover) 100%);box-shadow:0 12px 28px rgba(var(--color-primary-rgb),.14)}.tele-page--followups .tele-hero:before,.tele-page--followups .tele-hero:after{content:"";position:absolute;border-radius:999px;background:#ffffff14;pointer-events:none}.tele-page--followups .tele-hero:before{top:-44px;right:-34px;width:184px;height:184px}.tele-page--followups .tele-hero:after{top:22px;right:44px;width:94px;height:94px;background:#ffffff0d}.tele-page--followups .tele-hero-inner{position:relative;z-index:1;min-height:104px;padding:24px 28px;display:flex;align-items:center;gap:16px}.tele-page--followups .tele-hero-back{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff24}.tele-page--followups .tele-hero-title{font-size:28px;font-weight:700;color:#fff}.tele-page--followups .tele-hero .fin-sub-hero-sub{margin-top:4px;font-size:15px;color:#ffffffd9}.tele-page--followups .tele-followups{display:flex;flex-direction:column}.tele-page--followups .tele-fu-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.tele-page--followups .tele-fu-filters select{width:344px;max-width:100%;height:42px;padding:0 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-size:14px;color:#111827;box-shadow:0 1px 2px #0f172a08}.tele-page--followups .tele-fu-total{margin-left:0;font-size:14px;color:#64748b}.tele-page--followups .tele-fu-total strong{color:var(--color-primary);font-weight:700}.tele-page--followups .tele-fu-panel{border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 4px 16px #0f172a0a;padding:18px 22px 22px;min-height:184px}.tele-page--followups .tele-fu-list{display:flex;flex-direction:column;gap:16px}.tele-page--followups .tele-fu-item{margin-bottom:0;min-height:128px;padding:22px 24px;border:1px solid #e5e7eb;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 3px 10px #0f172a0a;zoom:.7}.tele-page--followups .tele-fu-item.sla-overdue{border-left:4px solid #ef4444}.tele-page--followups .tele-fu-item.sla-urgent{border-left:4px solid #f59e0b}.tele-page--followups .tele-fu-item.sla-today{border-left:4px solid #16a34a}.tele-page--followups .tele-fu-item.sla-upcoming{border-left:4px solid #94a3b8}.tele-page--followups .tele-fu-main{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:16px}.tele-page--followups .tele-fu-sla{display:none}.tele-page--followups .tele-fu-avatar{width:60px;height:60px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#fee2e2;color:#ef4444}.tele-page--followups .tele-fu-avatar--urgent{background:#ffedd5;color:#ea580c}.tele-page--followups .tele-fu-avatar--today{background:#dcfce7;color:#16a34a}.tele-page--followups .tele-fu-avatar--upcoming,.tele-page--followups .tele-fu-avatar--done{background:#f1f5f9;color:#64748b}.tele-page--followups .tele-fu-info{flex:1 1 auto;min-width:0}.tele-page--followups .tele-fu-name-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tele-page--followups .tele-fu-name{margin:0;font-size:22px;line-height:1.15;font-weight:700;color:#111827}.tele-page--followups .tele-fu-tier{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;border:1px solid var(--teal-15, #99f6e4);background:var(--teal-5, #f0fdfa);color:var(--color-primary-hover);font-size:12px;font-weight:700;letter-spacing:.01em}.tele-page--followups .tele-fu-phone{margin-top:8px;display:inline-flex;align-items:center;gap:10px;font-size:16px;font-weight:500;color:#64748b}.tele-page--followups .tele-fu-inline-icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor;flex-shrink:0}.tele-page--followups .tele-fu-meta{margin-top:10px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.tele-page--followups .tele-fu-status{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:700}.tele-page--followups .tele-fu-status-dot{width:10px;height:10px;border-radius:999px;background:currentColor;box-shadow:0 0 0 4px #ffffff2e}.tele-page--followups .tele-fu-status--overdue{background:#fee2e2;color:#dc2626}.tele-page--followups .tele-fu-status--urgent{background:#ffedd5;color:#ea580c}.tele-page--followups .tele-fu-status--today{background:#dcfce7;color:#16a34a}.tele-page--followups .tele-fu-status--upcoming,.tele-page--followups .tele-fu-status--done{background:#f1f5f9;color:#64748b}.tele-page--followups .tele-fu-date{margin-top:0;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#ea580c}.tele-page--followups .tele-fu-note{margin-top:8px;font-size:13px;line-height:1.5;color:#64748b;max-width:680px;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tele-page--followups .tele-fu-actions{flex:0 0 auto;display:flex;align-items:center;gap:16px}.tele-page--followups .tele-fu-call-btn{width:132px;height:46px;padding:0 18px;border-radius:12px;border:none;background:var(--color-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:700;box-shadow:0 6px 14px rgba(var(--color-primary-rgb),.18)}.tele-page--followups .tele-fu-call-btn:hover{background:var(--color-primary-hover)}.tele-page--followups .tele-fu-btn-icon{display:inline-flex;align-items:center;justify-content:center}.tele-page--followups .tele-fu-done-btn{width:46px;height:46px;padding:0;border:1px solid #bbf7d0;border-radius:12px;background:#dcfce7;color:#16a34a;display:inline-flex;align-items:center;justify-content:center}.tele-page--followups .tele-fu-done-btn:hover{background:#bbf7d0}.tele-page--followups .tele-fu-panel .tele-empty,.tele-page--followups .tele-fu-panel .tele-loading{min-height:140px;display:flex;align-items:center;justify-content:center}}@media(min-width:769px)and (max-width:1120px){.tele-page--followups .tele-fu-item{flex-direction:column;align-items:stretch}.tele-page--followups .tele-fu-actions{justify-content:flex-end}}@media(min-width:769px)and (max-width:860px){.tele-page--followups .tele-fu-toolbar{flex-wrap:wrap}.tele-page--followups .tele-fu-filters select{width:100%}}@media(min-width:769px){.tele-page--ai-review{padding:10px 10px 24px;background:#f6fbfb;zoom:1}.tele-page--ai-review .tele-shell{display:flex;flex-direction:column}.tele-page--ai-review .tele-content{padding:28px 32px 0}.tele-page--ai-review .tele-hero{position:relative;overflow:hidden;min-height:104px;border-radius:16px;background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 52%,var(--color-primary-hover) 100%);box-shadow:0 12px 28px rgba(var(--color-primary-rgb),.14)}.tele-page--ai-review .tele-hero:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 120'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.14)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M54 63h18l8-14 10 28 9-20 9 12h10l7-22 8 34 10-18 11 0 8-10 8 16h10'/%3E%3Cpath d='M250 53c0-18 14-32 32-32s32 14 32 32'/%3E%3Cpath d='M256 54v26'/%3E%3Cpath d='M308 54v26'/%3E%3Crect x='136' y='18' width='74' height='40' rx='10'/%3E%3Cpath d='M160 32h26'/%3E%3Ccircle cx='154' cy='32' r='2' fill='rgba(255,255,255,0.14)' stroke='none'/%3E%3Ccircle cx='174' cy='32' r='2' fill='rgba(255,255,255,0.14)' stroke='none'/%3E%3Ccircle cx='194' cy='32' r='2' fill='rgba(255,255,255,0.14)' stroke='none'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 22px center;background-size:360px auto;opacity:1;pointer-events:none}.tele-page--ai-review .tele-hero:after{content:"";position:absolute;top:-36px;right:-28px;width:184px;height:184px;border-radius:999px;background:#ffffff0f;pointer-events:none}.tele-page--ai-review .tele-hero-inner{position:relative;z-index:1;min-height:104px;padding:24px 28px;display:flex;align-items:center;gap:16px}.tele-page--ai-review .tele-hero-back{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff24}.tele-page--ai-review .tele-hero-title{font-size:28px;font-weight:700;color:#fff}.tele-page--ai-review .tele-hero .fin-sub-hero-sub{margin-top:4px;font-size:15px;color:#ffffffd9}.tele-page--ai-review .tele-ai-tab,.tele-page--ai-review .tele-ai-detail{padding:0}.tele-page--ai-review .tele-ai-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 0 18px}.tele-page--ai-review .tele-ai-toolbar-title{display:flex;align-items:center;gap:12px;min-height:44px}.tele-page--ai-review .tele-ai-toolbar-icon{width:42px;height:42px;border-radius:999px;background:#e0f2f1;color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tele-page--ai-review .tele-ai-toolbar-title h2{margin:0;font-size:24px;font-weight:700;color:#111827}.tele-page--ai-review .tele-ai-toolbar-actions{display:flex;align-items:center;justify-content:flex-end}.tele-page--ai-review .tele-ai-upload-btn{height:44px;padding:0 20px;border:none;border-radius:10px;background:var(--color-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:700;box-shadow:0 6px 14px rgba(var(--color-primary-rgb),.18);cursor:pointer;transition:background .15s ease,transform .15s ease}.tele-page--ai-review .tele-ai-upload-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.tele-page--ai-review .tele-ai-upload-btn:disabled{opacity:.72;cursor:wait}.tele-page--ai-review .tele-ai-upload-btn-icon{display:inline-flex;align-items:center;justify-content:center}.tele-page--ai-review .tele-ai-table-card{margin:0;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 16px #0f172a0d}.tele-page--ai-review .tele-ai-table-state{min-height:180px;display:flex;align-items:center;justify-content:center;padding:24px}.tele-page--ai-review .tele-ai-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0}.tele-page--ai-review .tele-ai-table th{height:50px;padding:0 26px;background:#f8fafc;border-bottom:1px solid #e5e7eb;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#64748b;text-align:left}.tele-page--ai-review .tele-ai-table td{height:72px;padding:0 26px;border-bottom:1px solid #eef2f7;font-size:14px;color:#111827;vertical-align:middle}.tele-page--ai-review .tele-ai-table tbody tr:last-child td{border-bottom:none}.tele-page--ai-review .tele-ai-row:hover{background:#f8fafa}.tele-page--ai-review .tele-ai-table th:nth-child(1),.tele-page--ai-review .tele-ai-table td:nth-child(1){width:38%}.tele-page--ai-review .tele-ai-table th:nth-child(2),.tele-page--ai-review .tele-ai-table td:nth-child(2){width:10%}.tele-page--ai-review .tele-ai-table th:nth-child(3),.tele-page--ai-review .tele-ai-table td:nth-child(3){width:10%}.tele-page--ai-review .tele-ai-table th:nth-child(4),.tele-page--ai-review .tele-ai-table td:nth-child(4){width:16%}.tele-page--ai-review .tele-ai-table th:nth-child(5),.tele-page--ai-review .tele-ai-table td:nth-child(5){width:14%}.tele-page--ai-review .tele-ai-table th:nth-child(6),.tele-page--ai-review .tele-ai-table td:nth-child(6){width:20%}.tele-page--ai-review .tele-ai-file-cell{display:flex;align-items:center;gap:14px;min-width:0}.tele-page--ai-review .tele-ai-file-icon{width:36px;height:36px;border-radius:10px;background:#e0f2f1;color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tele-page--ai-review .tele-ai-file-link{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;background:transparent;padding:0;color:var(--color-primary);font-size:14px;font-weight:600;text-decoration:underline;text-decoration-color:rgba(var(--color-primary-rgb),.3);text-underline-offset:3px;cursor:pointer}.tele-page--ai-review .tele-ai-file-link:hover:not(:disabled){text-decoration-color:currentColor}.tele-page--ai-review .tele-ai-file-link:disabled{opacity:.65;cursor:wait}.tele-page--ai-review .tele-ai-text-dim{color:#64748b;font-weight:500}.tele-page--ai-review .tele-ai-status-badge{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:1px solid transparent;font-size:12px;font-weight:700;letter-spacing:.01em;white-space:nowrap}.tele-page--ai-review .tele-ai-status-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tele-page--ai-review .tele-ai-status-badge--failed{background:#fef2f2;border-color:#fca5a5;color:#dc2626}.tele-page--ai-review .tele-ai-status-badge--completed{background:#dcfce7;border-color:#86efac;color:#166534}.tele-page--ai-review .tele-ai-status-badge--processing{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.tele-page--ai-review .tele-ai-status-badge--pending{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}.tele-page--ai-review .tele-ai-actions{display:flex;align-items:center;gap:10px}.tele-page--ai-review .tele-ai-analyze-btn{height:38px;padding:0 16px;border:none;border-radius:10px;background:var(--color-primary);color:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:700;box-shadow:0 4px 10px rgba(var(--color-primary-rgb),.16);cursor:pointer;white-space:nowrap}.tele-page--ai-review .tele-ai-analyze-btn:hover:not(:disabled){background:var(--color-primary-hover)}.tele-page--ai-review .tele-ai-analyze-btn.is-disabled,.tele-page--ai-review .tele-ai-analyze-btn:disabled{background:#cbd5e1;box-shadow:none;cursor:not-allowed}.tele-page--ai-review .tele-ai-action-icon{display:inline-flex;align-items:center;justify-content:center}.tele-page--ai-review .tele-ai-delete-btn{width:38px;height:38px;border-radius:10px;border:1px solid #fca5a5;background:#fff;color:#ef4444;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.tele-page--ai-review .tele-ai-delete-btn:hover{background:#fee2e2}.tele-page--ai-review .tele-ai-delete-btn.is-confirming{background:#ef4444;border-color:#ef4444;color:#fff}.tele-page--ai-review .tele-ai-detail{padding:0 0 24px}}@media(min-width:769px)and (max-width:1160px){.tele-page--ai-review .tele-ai-toolbar{flex-wrap:wrap;align-items:flex-start}.tele-page--ai-review .tele-ai-table-card{overflow-x:auto}.tele-page--ai-review .tele-ai-table{min-width:980px}}@media(min-width:769px){.tele-page--scripts{padding:10px 10px 24px;background:#f6fbfb;zoom:.9}.tele-page--scripts .tele-shell{display:flex;flex-direction:column}.tele-page--scripts .tele-content{padding:28px 32px 0}.tele-page--scripts .tele-hero{position:relative;overflow:hidden;min-height:104px;border-radius:16px;background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 52%,var(--color-primary-hover) 100%);box-shadow:0 12px 28px rgba(var(--color-primary-rgb),.14)}.tele-page--scripts .tele-hero:before,.tele-page--scripts .tele-hero:after{content:"";position:absolute;border-radius:999px;background:#ffffff14;pointer-events:none}.tele-page--scripts .tele-hero:before{top:-42px;right:-34px;width:184px;height:184px}.tele-page--scripts .tele-hero:after{top:16px;right:78px;width:118px;height:118px;background:#ffffff0d}.tele-page--scripts .tele-hero-inner{position:relative;z-index:1;min-height:104px;padding:24px 28px;display:flex;align-items:center;gap:16px}.tele-page--scripts .tele-hero-back{width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff24}.tele-page--scripts .tele-hero-title{font-size:28px;font-weight:700;color:#fff}.tele-page--scripts .tele-hero .fin-sub-hero-sub{margin-top:4px;font-size:15px;color:#ffffffd9}.tele-page--scripts .tele-scripts-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.tele-page--scripts .tele-scripts-heading{display:flex;align-items:center;gap:12px;min-height:44px}.tele-page--scripts .tele-scripts-heading-icon{width:42px;height:42px;border-radius:999px;background:#e0f2f1;color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.tele-page--scripts .tele-scripts-header h3{margin:0;font-size:24px;font-weight:700;color:#111827}.tele-page--scripts .tele-scripts-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px}.tele-page--scripts .tele-scripts-filter{width:196px;height:42px;padding:0 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#374151;font-size:14px;box-shadow:0 1px 2px #0f172a08}.tele-page--scripts .tele-scripts-create-btn{height:44px;padding:0 20px;border:none;border-radius:10px;background:var(--color-primary);color:#fff;font-size:14px;font-weight:700;box-shadow:0 6px 14px rgba(var(--color-primary-rgb),.18);cursor:pointer;transition:background .15s ease,transform .15s ease}.tele-page--scripts .tele-scripts-create-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.tele-page--scripts .tele-scripts-list{gap:16px}.tele-page--scripts .tele-script-card{min-height:106px;padding:16px 24px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 4px 16px #0f172a0d;display:flex;align-items:center;gap:20px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.tele-page--scripts .tele-script-card:hover{border-color:var(--teal-15, #99f6e4);box-shadow:0 10px 22px #0f172a14;transform:translateY(-1px)}.tele-page--scripts .tele-script-item.script-inactive{opacity:.82}.tele-page--scripts .tele-script-card-icon{width:60px;height:60px;border-radius:14px;background:#e0f2f1;color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;flex:0 0 60px}.tele-page--scripts .tele-script-card-content{flex:1 1 auto;min-width:0}.tele-page--scripts .tele-script-card-title-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tele-page--scripts .tele-script-card-title-row strong{font-size:22px;line-height:1.15;font-weight:700;color:#111827}.tele-page--scripts .tele-script-pill{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em}.tele-page--scripts .tele-script-pill--category{background:#e0f2f1;color:var(--color-primary)}.tele-page--scripts .tele-script-pill--attempt{background:#eff6ff;color:#2563eb}.tele-page--scripts .tele-script-pill--inactive{background:#f3f4f6;color:#6b7280}.tele-page--scripts .tele-script-pill.badge-birthday{background:#fce7f3;color:#db2777}.tele-page--scripts .tele-script-pill.badge-winback{background:#fef3c7;color:#d97706}.tele-page--scripts .tele-script-pill.badge-new_lead{background:#dcfce7;color:#16a34a}.tele-page--scripts .tele-script-pill.badge-follow_up{background:#dbeafe;color:#2563eb}.tele-page--scripts .tele-script-pill.badge-promotion{background:#f5f3ff;color:#7c3aed}.tele-page--scripts .tele-script-pill.badge-re_engage{background:#fef9c3;color:#ca8a04}.tele-page--scripts .tele-script-card-subtitle{margin-top:6px;font-size:14px;line-height:1.55;color:#64748b;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:920px}.tele-page--scripts .tele-script-card-hint{margin-top:12px;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:500;color:#ea580c}.tele-page--scripts .tele-script-card-hint-icon{display:inline-flex;align-items:center;justify-content:center}.tele-page--scripts .tele-script-card-actions{flex:0 0 auto;display:flex;align-items:center;gap:10px;margin-left:auto}.tele-page--scripts .tele-script-action{width:42px;height:42px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#374151;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.tele-page--scripts .tele-script-action--run{color:var(--color-primary);border-color:var(--teal-15, #99f6e4)}.tele-page--scripts .tele-script-action--run:hover{background:var(--teal-5, #f0fdfa)}.tele-page--scripts .tele-script-action--run.is-paused{background:#f8fafc;color:#64748b;border-color:#d1d5db}.tele-page--scripts .tele-script-action--run.is-paused:hover{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.tele-page--scripts .tele-script-action--edit:hover{background:#f8fafc;color:var(--color-primary)}.tele-page--scripts .tele-script-action--delete{color:#ef4444;border-color:#fca5a5}.tele-page--scripts .tele-script-action--delete:hover{background:#fee2e2}.tele-page--scripts .tele-script-action--delete.is-confirming{background:#ef4444;color:#fff;border-color:#ef4444}}@media(min-width:769px)and (max-width:1120px){.tele-page--scripts .tele-scripts-toolbar{flex-wrap:wrap;align-items:flex-start}.tele-page--scripts .tele-script-card{align-items:flex-start;flex-wrap:wrap}.tele-page--scripts .tele-script-card-actions{width:100%;justify-content:flex-end;margin-left:0}}@media(min-width:769px)and (max-width:860px){.tele-page--scripts .tele-scripts-actions{width:100%;justify-content:space-between;flex-wrap:wrap}.tele-page--scripts .tele-scripts-filter{width:100%}}[data-theme=dark] .tele-empty-state{background:#202638!important;border-color:#ffffff14!important;color:#a4adbf!important}[data-theme=dark] .tele-campaign-item{background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .tele-campaign-item:hover{border-color:var(--color-primary)!important}[data-theme=dark] .tele-cc-top strong{color:#f5f7fa!important}[data-theme=dark] .tele-ai-transcript{background:#1c2233!important;border-color:#ffffff14!important;color:#d5dae6!important}[data-theme=dark] .tele-select-sm{background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .tele-script-body{color:#d5dae6!important}[data-theme=dark] .tele-ai-score-box{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .tele-ai-score-label{color:#a4adbf!important}[data-theme=dark] .tele-ai-section{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .tele-ai-section h3{color:#f5f7fa!important}[data-theme=dark] .tele-ai-conv-cell.chat-col{background:#ffffff08!important}[data-theme=dark] .tele-ai-conv-cell.staff-col{background:#10b98112!important}[data-theme=dark] .tele-ai-conv-cell.customer-col{background:#3b82f612!important}[data-theme=dark] .tele-ai-conv-cell.analysis-col{background:#f59e0b0f!important}[data-theme=dark] .tele-ai-conv-cell.time-col{background:#ffffff08!important}[data-theme=dark] .tele-ai-conv-cell.behavior-col{background:#a855f70f!important}[data-theme=dark] .tele-ai-conv-header.behavior-col{background:#a855f726!important;color:#c4b5fd!important}[data-theme=dark] .tele-ai-analysis-note{background:#f59e0b1a!important;border-left-color:#f59e0b!important;color:#fcd34d!important}[data-theme=dark] .tele-ai-behavior-note{background:#a855f71a!important;border-left-color:#a855f7!important;color:#d8b4fe!important}[data-theme=dark] .tele-ai-suggestion-item{background:#a855f70f!important;border-color:#a855f733!important;color:#f5f7fa!important}[data-theme=dark] .tele-ai-suggested-responses{background:#a855f714!important;border-color:#a855f733!important}[data-theme=dark] .tele-ai-suggested-responses h3{color:#c4b5fd!important}[data-theme=dark] .tele-ai-next-action{background:#3b82f61a!important;border-color:#3b82f633!important}[data-theme=dark] .badge-ai-completed{background:#16a34a26!important;color:#4ade80!important}[data-theme=dark] .badge-ai-processing{background:#3b82f626!important;color:#60a5fa!important}[data-theme=dark] .badge-ai-failed{background:#ef444426!important;color:#f87171!important}[data-theme=dark] .badge-ai-pending{background:#ffffff0f!important;color:#a4adbf!important}[data-theme=dark] .tele-kpi-pct.tele-pct-blue{background:#2563eb26!important;color:#60a5fa!important}[data-theme=dark] .tele-kpi-pct.tele-pct-orange{background:#d9770626!important;color:#fbbf24!important}[data-theme=dark] .leads-stat-badge{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .leads-stat-value{color:#f5f7fa!important}[data-theme=dark] .leads-stat-label{color:#a4adbf!important}[data-theme=dark] .leads-toolbar{background:#1b2232!important;border-color:#ffffff14!important}[data-theme=dark] .leads-toolbar input[type=text],[data-theme=dark] .leads-toolbar select,[data-theme=dark] .leads-toolbar input[type=date]{background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .leads-table-wrap{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .leads-table th{background:#ffffff0a!important;color:#a4adbf!important;border-color:#ffffff14!important}[data-theme=dark] .leads-table td{color:#f5f7fa!important;border-color:#ffffff0f!important}[data-theme=dark] .leads-table tr:hover td{background:#ffffff08!important}[data-theme=dark] .leads-pagination button{background:#202638!important;border-color:#ffffff14!important;color:#a4adbf!important}[data-theme=dark] .leads-pagination button:hover:not(:disabled){background:#28324a!important}[data-theme=dark] .leads-import-item{background:#202638!important;box-shadow:0 20px 60px #0009!important}[data-theme=dark] .leads-import-field select{background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .leads-import-tabs button{background:#ffffff0f!important;border-color:#ffffff14!important;color:#d5dae6!important}[data-theme=dark] .leads-import-btn-cancel{background:#ffffff0f!important;border-color:#ffffff1a!important;color:#d5dae6!important}[data-theme=dark] .lead-edit-field input,[data-theme=dark] .lead-edit-field select,[data-theme=dark] .lead-edit-field textarea{background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .tele-toggle-slider{background:#4b5563!important}[data-theme=dark] .tele-toggle input:checked+.tele-toggle-slider{background:var(--color-primary)!important}@media(min-width:769px){.notif-page.fin-page{background:var(--color-background)!important;margin-top:0!important;padding-top:16px!important;margin-left:-24px!important;margin-right:-24px!important;padding-left:10px!important;padding-right:10px!important;min-height:calc(100vh / var(--ui-vu, 1))!important}.notif-tab-btn:hover{border-color:var(--teal-15, #99f6e4)!important;color:var(--color-primary)!important}.notif-card:hover{box-shadow:0 4px 12px #0000000f!important;border-color:#e2e8f0!important}}.zalo-settings{padding:0}.zalo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.zalo-title{display:flex;align-items:center;gap:14px}.zalo-logo{font-size:28px;filter:drop-shadow(0 2px 6px rgba(var(--color-primary-rgb),.3))}.zalo-title h2{margin:0;font-size:20px;font-weight:700;color:var(--text-primary, #1a1a2e)}.zalo-title p{margin:2px 0 0;font-size:13px;color:var(--text-secondary, #6b7280)}.zalo-sections-nav{display:flex;gap:6px;padding:4px;background:var(--bg-secondary, #f3f4f6);border-radius:12px;margin-bottom:24px;overflow-x:auto}.section-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;background:transparent;border-radius:10px;font-size:13px;font-weight:500;color:var(--text-secondary, #6b7280);cursor:pointer;transition:all .2s;white-space:nowrap}.section-btn:hover{color:var(--text-primary, #1a1a2e);background:#ffffff80}.section-btn.active{background:var(--bg-primary, #fff);color:var(--color-primary, #0084ff);font-weight:600;box-shadow:0 1px 3px #00000014}.section-icon{font-size:16px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.section-header h3{margin:0;font-size:16px;font-weight:600;color:var(--text-primary, #1a1a2e)}.zalo-loading{text-align:center;padding:48px 24px;color:var(--text-secondary, #6b7280);font-size:14px}.zalo-empty{text-align:center;padding:16px 20px;background:var(--bg-secondary, #f9fafb);border-radius:10px;border:1px dashed var(--border, #e5e7eb)}.empty-icon{font-size:24px;display:block;margin-bottom:6px}.zalo-empty p{margin:2px 0;color:var(--text-secondary, #6b7280);font-size:13px}.empty-hint{font-size:12px!important;color:var(--text-muted, #9ca3af)!important}.zalo-warning{padding:12px 16px;background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;color:#92400e;font-size:13px;margin-bottom:16px}.zalo-btn-primary{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--primary, #0084ff);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.zalo-btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.zalo-btn-primary:disabled{opacity:.5;cursor:not-allowed}.zalo-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #374151);border:1px solid var(--border, #e5e7eb);border-radius:8px;font-size:13px;cursor:pointer;transition:all .2s}.zalo-btn-secondary:hover:not(:disabled){background:var(--bg-hover, #e5e7eb)}.zalo-btn-danger{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;font-size:12px;cursor:pointer;transition:all .2s}.zalo-btn-danger:hover:not(:disabled){background:#fee2e2;border-color:#fca5a5}.zalo-btn-toggle{padding:6px 10px;background:transparent;border:1px solid var(--border, #e5e7eb);border-radius:6px;cursor:pointer;font-size:14px;transition:all .2s}.zalo-btn-toggle:hover{background:var(--bg-secondary, #f3f4f6)}.accounts-list{display:flex;flex-direction:column;gap:12px}.account-item{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-primary, #fff);border:1px solid var(--border, #e5e7eb);border-radius:12px;transition:all .2s}.account-item:hover{border-color:rgba(var(--color-primary-rgb),.25);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.08)}.account-item.inactive{opacity:.6;background:var(--bg-secondary, #f9fafb)}.account-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;background:#e0f0ff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder{font-size:24px}.account-info{flex:1;min-width:0}.account-info h4{margin:0;font-size:15px;font-weight:600;color:var(--text-primary, #1a1a2e)}.account-phone{display:block;font-size:13px;color:var(--text-secondary, #6b7280);margin:2px 0}.account-status{font-size:12px}.account-status.online{color:#10b981}.account-status.offline{color:#ef4444}.account-actions{flex-shrink:0}.qr-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.qr-modal{background:var(--bg-primary, #fff);border-radius:16px;padding:32px;width:90%;max-width:420px;text-align:center;box-shadow:0 20px 60px #00000026;animation:modalIn .3s ease}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.qr-modal h3{margin:0 0 8px;font-size:18px;font-weight:700}.qr-modal p{margin:0 0 20px;font-size:13px;color:var(--text-secondary, #6b7280)}.qr-container{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:20px}.qr-image{width:260px;height:260px;border-radius:12px;box-shadow:0 4px 16px #0000001a}.qr-waiting{display:flex;align-items:center;gap:10px;color:var(--primary, #0084ff);font-size:14px;font-weight:500}.spinner{width:16px;height:16px;border:2px solid rgba(var(--color-primary-rgb),.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.qr-loading-placeholder{padding:60px 0;color:var(--text-secondary, #6b7280)}.configs-list{display:flex;flex-direction:column;gap:12px}.config-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:var(--bg-primary, #fff);border:1px solid var(--border, #e5e7eb);border-radius:12px;transition:all .2s}.config-item:hover{border-color:rgba(var(--color-primary-rgb),.2);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.06)}.config-item.inactive{opacity:.65}.config-info{flex:1;min-width:0}.config-name{display:flex;align-items:center;gap:10px;margin-bottom:6px}.config-name h4{margin:0;font-size:14px;font-weight:600}.config-badge{font-size:12px;padding:2px 8px;border-radius:6px;font-weight:500}.config-badge.active{background:#d1fae5;color:#065f46}.config-badge.paused{background:#f3f4f6;color:#6b7280}.config-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--text-secondary, #6b7280)}.config-actions{display:flex;gap:6px;flex-shrink:0}.metrics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:10px;border:1px solid var(--border, #e5e7eb);border-radius:8px;background:var(--bg-secondary, #f9fafb)}.metrics-category{background:var(--bg, #fff);border-radius:6px;padding:6px 8px;border:1px solid var(--border, #e5e7eb)}.metrics-category-wide{grid-column:span 2}.metrics-category-wide .metrics-items{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.metrics-cat-header{display:flex;align-items:center;gap:6px;cursor:pointer;padding:4px 0;margin-bottom:4px;border-bottom:1px solid var(--border, #e5e7eb);-webkit-user-select:none;-moz-user-select:none;user-select:none}.metrics-cat-header input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary, #0084ff);cursor:pointer}.metrics-cat-header strong{font-size:12px}.metrics-items{display:flex;flex-direction:column;gap:2px}.metric-checkbox{display:flex;align-items:center;gap:6px;font-size:12px;padding:3px 0;cursor:pointer}.metric-checkbox input[type=checkbox]{width:13px;height:13px;accent-color:var(--primary, #0084ff);cursor:pointer}.metric-checkbox span{line-height:1.3}.config-modal{background:var(--bg, #fff);border-radius:12px;padding:24px;max-width:1100px;width:95%;box-shadow:0 20px 60px #0000004d;max-height:calc(90vh / var(--ui-vu, 1));overflow-y:auto}.config-modal h3{margin:0 0 20px;font-size:18px;font-weight:700}.config-modal .form-group{margin-bottom:14px}.config-modal .form-group label{display:block;margin-bottom:5px;font-size:13px;font-weight:500;color:var(--text-secondary, #374151)}.config-modal input[type=text],.config-modal input[type=number],.config-modal input[type=time],.config-modal select,.config-modal textarea{width:100%;padding:9px 12px;border:1px solid var(--border, #d1d5db);border-radius:8px;font-size:14px;background:var(--bg-primary, #fff);color:var(--text-primary, #1a1a2e);transition:border-color .2s;box-sizing:border-box}.config-modal input:focus,.config-modal select:focus,.config-modal textarea:focus{outline:none;border-color:var(--primary, #0084ff);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-row-5{display:grid;grid-template-columns:2fr 1.2fr 1.5fr 1.2fr .8fr;gap:10px;align-items:end}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border, #e5e7eb)}.rate-limit-hint{font-size:13px;color:var(--text-secondary, #6b7280);margin-bottom:20px;line-height:1.5}.rate-limit-grid{display:flex;flex-direction:column;gap:12px}.rate-limit-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-primary, #fff);border:1px solid var(--border, #e5e7eb);border-radius:12px}.rate-icon{font-size:24px;flex-shrink:0}.rate-info{flex:1}.rate-info label{display:block;font-size:14px;font-weight:600;color:var(--text-primary, #1a1a2e);margin-bottom:2px}.rate-desc{font-size:12px;color:var(--text-secondary, #6b7280);margin:0}.rate-input{display:flex;align-items:center;gap:8px;flex-shrink:0}.rate-input input{width:80px;padding:8px 10px;border:1px solid var(--border, #d1d5db);border-radius:8px;font-size:15px;font-weight:600;text-align:center;color:var(--text-primary, #1a1a2e)}.rate-input input:focus{outline:none;border-color:var(--primary, #0084ff);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.rate-unit{font-size:12px;color:var(--text-secondary, #6b7280);min-width:30px}.logs-filter{display:flex;gap:8px;align-items:center}.logs-filter select{padding:7px 12px;border:1px solid var(--border, #d1d5db);border-radius:8px;font-size:13px;background:var(--bg-primary, #fff)}@media(min-width:769px){.zalo-logs-section .logs-filter{flex-wrap:nowrap}.zalo-logs-section .logs-filter select{min-width:0;flex:0 1 auto}.zalo-logs-section .logs-filter .zalo-btn-secondary{white-space:nowrap;flex-shrink:0}}.logs-table{border:1px solid var(--border, #e5e7eb);border-radius:12px;overflow:hidden}.logs-header{display:grid;grid-template-columns:150px 100px 100px 1fr 130px;padding:12px 16px;background:var(--bg-secondary, #f9fafb);font-size:12px;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px}.logs-row{display:grid;grid-template-columns:150px 100px 100px 1fr 130px;padding:10px 16px;border-top:1px solid var(--border, #f3f4f6);font-size:13px;align-items:center}.logs-row:hover{background:var(--bg-secondary, #f9fafb)}.log-time{font-size:12px;color:var(--text-secondary, #6b7280)}.log-sender,.log-recipient{font-family:monospace;font-size:12px;color:var(--text-secondary, #6b7280)}.log-message{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-primary, #374151)}.log-status{font-size:12px;font-weight:500}.logs-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:16px 0}.logs-pagination button{padding:6px 14px;border:1px solid var(--border, #d1d5db);border-radius:8px;background:var(--bg-primary, #fff);cursor:pointer;font-size:13px;transition:all .2s}.logs-pagination button:hover:not(:disabled){background:var(--bg-secondary, #f3f4f6)}.logs-pagination button:disabled{opacity:.4;cursor:not-allowed}.logs-pagination span{font-size:13px;color:var(--text-secondary, #6b7280)}.section-divider{height:1px;background:var(--border, #e5e7eb);margin:32px 0}.zalo-two-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.zalo-column{min-width:0}@media(max-width:1024px){.zalo-two-columns{grid-template-columns:1fr}}.groups-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.toolbar-divider{width:1px;height:28px;background:var(--border, #d1d5db);margin:0 4px}.phone-input{padding:8px 12px;border:1px solid var(--border, #d1d5db);border-radius:8px;font-size:13px;background:var(--bg-primary, #fff);color:var(--text-primary, #1a1a2e);width:160px}.zalo-select{padding:8px 12px;border:1px solid var(--border, #d1d5db);border-radius:8px;font-size:13px;background:var(--bg-primary, #fff);color:var(--text-primary, #1a1a2e);min-width:200px}.zalo-select:focus{outline:none;border-color:var(--primary, #0084ff);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.zalo-alert{padding:10px 16px;border-radius:8px;font-size:13px;margin-bottom:16px}.zalo-alert.error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.zalo-alert.success{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.phone-search-section{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border, #e5e7eb)}.phone-search-section h4{margin:0 0 10px;font-size:14px;font-weight:600;color:var(--text-primary, #1a1a2e)}.phone-search-row{display:flex;gap:8px;align-items:center}.phone-input{flex:1;max-width:280px;padding:8px 12px;border:1px solid var(--border, #d1d5db);border-radius:8px;font-size:14px;background:var(--bg-primary, #fff);color:var(--text-primary, #1a1a2e)}.phone-input:focus{outline:none;border-color:var(--primary, #0084ff);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.15)}.found-user-item{display:flex;align-items:center;gap:12px;margin-top:12px;padding:12px 16px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;animation:dropdownSlideIn .15s ease}.found-user-avatar{width:40px;height:40px;border-radius:10px;overflow:hidden;background:#dbeafe;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.found-user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.found-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.found-user-name{font-size:14px;font-weight:600;color:var(--text-primary, #1a1a2e)}.found-user-meta{font-size:12px;color:var(--text-secondary, #6b7280)}.receiver-type-badge{font-size:12px;font-weight:500;padding:2px 8px;border-radius:6px;flex-shrink:0;white-space:nowrap}.receiver-type-badge.group{color:#10b981;background:#d1fae5}.receiver-type-badge.individual{color:#3b82f6;background:#dbeafe}.groups-dropdown-wrapper{position:relative;margin-bottom:24px}.groups-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid var(--border, #d1d5db);border-radius:10px;background:var(--bg-primary, #fff);cursor:pointer;transition:all .2s;font-size:14px;color:var(--text-primary, #374151)}.groups-dropdown-trigger:hover{border-color:var(--primary, #0084ff)}.dropdown-label{font-weight:500}.dropdown-arrow{font-size:12px;color:var(--text-secondary, #6b7280);transition:transform .2s}.dropdown-arrow.open{transform:rotate(180deg)}.groups-dropdown-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--bg-primary, #fff);border:1px solid var(--border, #d1d5db);border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:50;overflow:hidden;animation:dropdownSlideIn .15s ease}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.groups-dropdown-search{padding:10px 12px;border-bottom:1px solid var(--border, #e5e7eb)}.groups-dropdown-search input{width:100%;padding:8px 12px;border:1px solid var(--border, #e5e7eb);border-radius:8px;font-size:13px;background:var(--bg-secondary, #f9fafb);box-sizing:border-box}.groups-dropdown-search input:focus{outline:none;border-color:var(--primary, #0084ff);background:#fff}.groups-dropdown-list{max-height:320px;overflow-y:auto}.groups-dropdown-empty{padding:24px;text-align:center;color:var(--text-secondary, #6b7280);font-size:13px}.groups-dropdown-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;transition:background .15s;border-bottom:1px solid var(--border, #f3f4f6);font-size:13px}.groups-dropdown-item:last-child{border-bottom:none}.groups-dropdown-item:hover:not(.disabled){background:#eff6ff}.groups-dropdown-item.checked{background:#eff6ff}.groups-dropdown-item.disabled{opacity:.55;cursor:default}.groups-dropdown-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary, #0084ff);cursor:pointer;flex-shrink:0}.groups-dropdown-item.disabled input[type=checkbox]{cursor:default}.dropdown-item-avatar{width:32px;height:32px;border-radius:8px;overflow:hidden;background:#e0f0ff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.dropdown-item-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.dropdown-item-info{flex:1;min-width:0;display:flex;flex-direction:column}.dropdown-item-name{font-weight:600;color:var(--text-primary, #1a1a2e);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item-meta{font-size:12px;color:var(--text-secondary, #9ca3af)}.dropdown-item-badge{font-size:12px;color:#10b981;font-weight:500;flex-shrink:0;background:#d1fae5;padding:2px 8px;border-radius:6px}.groups-dropdown-footer{padding:10px 12px;border-top:1px solid var(--border, #e5e7eb);background:var(--bg-secondary, #f9fafb)}.groups-saved-list{margin-top:24px}.groups-saved-list h4{margin:0 0 12px;font-size:15px;font-weight:600;color:var(--text-primary, #1a1a2e)}.saved-groups-table{display:flex;flex-direction:column;gap:6px}.saved-group-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:var(--bg-primary, #fff);border:1px solid var(--border, #e5e7eb);border-radius:10px;transition:all .15s}.saved-group-row:hover{border-color:#fecaca}.saved-group-avatar{width:32px;height:32px;border-radius:8px;overflow:hidden;background:#e0f0ff;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}.saved-group-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.saved-group-name{flex:1;font-size:13px;font-weight:500;color:var(--text-primary, #1a1a2e);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zalo-btn-danger-sm{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;font-size:16px;transition:all .2s;flex-shrink:0}.zalo-btn-danger-sm:hover{background:#fef2f2;border-color:#fecaca}@media(max-width:768px){.zalo-sections-nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.section-btn{min-width:120px;font-size:12px;padding:8px 12px}.form-row-2{grid-template-columns:1fr}.logs-header,.logs-row{grid-template-columns:120px 80px 80px 1fr 100px;font-size:12px}.account-item{flex-wrap:wrap}.config-item{flex-direction:column;align-items:flex-start}.config-actions{width:100%;justify-content:flex-end}.rate-limit-card{flex-wrap:wrap}.groups-toolbar{flex-direction:column;align-items:stretch}.zalo-select{min-width:unset}}.receivers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px;max-height:180px;overflow-y:auto;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:8px;background:var(--bg-secondary, #f9fafb)}.receivers-group-label{grid-column:1 / -1;font-size:12px;font-weight:600;color:var(--text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.5px;padding:4px 4px 2px;border-bottom:1px solid var(--border, #e5e7eb);margin-bottom:2px}.receiver-checkbox{display:flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;cursor:pointer;font-size:13px;transition:background .15s}.receiver-checkbox:hover{background:var(--hover-bg, #e0f0ff)}.receiver-checkbox input[type=checkbox]{width:14px;height:14px;accent-color:var(--primary, #0084ff);cursor:pointer}.receiver-checkbox span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zalo-btn-test{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;border-radius:8px;border:1px solid #3b82f6;color:#3b82f6;background:transparent;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.zalo-btn-test:hover:not(:disabled){background:#3b82f6;color:#fff}.zalo-btn-test:disabled{opacity:.5;cursor:not-allowed}[data-theme=dark] .zalo-settings{background:#101525!important}[data-theme=dark] .zalo-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .zalo-title h2{color:#f5f7fa!important}[data-theme=dark] .zalo-title p{color:#94a3b8!important}[data-theme=dark] .zalo-sections-nav{background:#151a2b!important;border-color:#ffffff14!important}[data-theme=dark] .section-btn{color:#94a3b8!important}[data-theme=dark] .section-btn:hover{background:#ffffff0a!important}[data-theme=dark] .section-btn.active{background:#202638!important;color:#f5f7fa!important;border-color:#ffffff1f!important}[data-theme=dark] .section-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .section-header h3{color:#f5f7fa!important}[data-theme=dark] .zalo-warning{background:#f59e0b1a!important;border-color:#f59e0b4d!important;color:#fbbf24!important}[data-theme=dark] .accounts-list{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .account-item{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .account-item:hover{background:#ffffff0a!important}[data-theme=dark] .account-info h4{color:#f5f7fa!important}[data-theme=dark] .account-phone{color:#94a3b8!important}[data-theme=dark] .avatar-placeholder{background:#101525!important;color:#94a3b8!important}[data-theme=dark] .qr-modal-overlay{background:#000000b3!important}[data-theme=dark] .qr-modal{background:#202638!important;border-color:#ffffff1a!important}[data-theme=dark] .qr-modal h3{color:#f5f7fa!important}[data-theme=dark] .qr-modal p{color:#94a3b8!important}[data-theme=dark] .qr-container{background:#fff!important}[data-theme=dark] .qr-waiting{color:#94a3b8!important}[data-theme=dark] .configs-list{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .config-item{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .config-item:hover{background:#ffffff0a!important}[data-theme=dark] .config-name h4{color:#f5f7fa!important}[data-theme=dark] .zalo-empty p,[data-theme=dark] .empty-hint{color:#94a3b8!important}@media(max-width:768px){.zalo-sections-nav{overflow-x:auto!important;-webkit-overflow-scrolling:touch;gap:6px!important;padding:4px!important;margin-bottom:14px!important;border-radius:12px!important}.section-btn{flex:0 0 auto!important;padding:8px 14px!important;font-size:12px!important;border-radius:10px!important;white-space:nowrap!important}.zalo-two-columns{grid-template-columns:1fr!important;gap:14px!important}.zalo-settings .section-header{flex-direction:column!important;align-items:stretch!important;gap:8px!important;margin-bottom:14px!important}.zalo-settings .section-header h3{font-size:14px!important}.zalo-settings .zalo-btn-primary,.zalo-settings .zalo-btn-secondary{width:100%!important;justify-content:center!important;padding:10px 14px!important;font-size:13px!important;border-radius:10px!important}.account-item{padding:12px 14px!important;gap:10px!important;border-radius:12px!important}.account-avatar{width:40px!important;height:40px!important}.account-info h4{font-size:13px!important}.account-phone{font-size:12px!important}.config-item{padding:12px!important;border-radius:12px!important}.groups-toolbar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.groups-toolbar select,.groups-toolbar input{width:100%!important;min-width:0!important;font-size:13px!important;padding:8px 10px!important}.groups-toolbar .zalo-btn-primary,.groups-toolbar .zalo-btn-secondary,.groups-toolbar .zalo-btn-danger{width:100%!important;justify-content:center!important}.zalo-warning{font-size:12px!important;padding:10px 12px!important;border-radius:10px!important}.zalo-empty{padding:20px 16px!important;border-radius:12px!important}.logs-table-wrap{overflow-x:auto!important;-webkit-overflow-scrolling:touch;border-radius:12px!important}.logs-table{font-size:12px!important;min-width:500px!important}.logs-table th,.logs-table td{padding:8px 10px!important;white-space:nowrap!important}.zalo-modal-overlay .zalo-modal,.config-modal-overlay .config-modal{width:calc(calc(100vw / var(--ui-vu, 1)) - 32px)!important;max-width:none!important;max-height:calc(85vh / var(--ui-vu, 1))!important;border-radius:16px!important}.receiver-item{padding:8px 10px!important;font-size:12px!important}}@media(max-width:768px){.zalo-mobile-settings-wrap .zalo-sections-nav{display:flex!important;flex-wrap:nowrap!important;gap:4px!important;padding:4px!important;margin:0 0 12px!important;background:#eef1f2!important;border:none!important;border-radius:12px!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.zalo-mobile-settings-wrap .zalo-sections-nav::-webkit-scrollbar{display:none}.zalo-mobile-settings-wrap .section-btn{display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;flex:0 0 auto!important;min-width:0!important;min-height:40px!important;padding:6px 12px!important;font-size:12px!important;font-weight:600!important;line-height:1.25!important;white-space:nowrap!important;text-align:center!important;color:#64748b!important;background:transparent!important;border:none!important;border-radius:9px!important;box-shadow:none!important}.zalo-mobile-settings-wrap .section-btn.active{background:#fff!important;color:var(--color-primary)!important;font-weight:700!important;box-shadow:0 1px 3px #0f172a14!important}.zalo-mobile-settings-wrap .section-icon{font-size:14px!important;flex-shrink:0}.zalo-mobile-settings-wrap .zalo-two-columns{gap:12px!important}.zalo-mobile-settings-wrap .zalo-column{background:#fff!important;border:1px solid #F0F2F3!important;border-radius:16px!important;padding:14px!important;box-shadow:0 1px 3px #0f172a0a!important;min-width:0!important}.zalo-mobile-settings-wrap .zalo-loading{padding:18px 8px!important;text-align:center!important;font-size:13px!important;color:#94a3b8!important}.zalo-mobile-settings-wrap .section-header{margin-bottom:12px!important;gap:10px!important}.zalo-mobile-settings-wrap .section-header h3{font-size:15px!important;font-weight:700!important;color:#1a2b2a!important;line-height:1.35!important}.zalo-mobile-settings-wrap .zalo-btn-primary,.zalo-mobile-settings-wrap .zalo-btn-secondary{min-height:42px!important;display:inline-flex!important;align-items:center!important;gap:6px!important;font-weight:700!important}.zalo-mobile-settings-wrap .zalo-btn-primary:disabled{opacity:.45!important;cursor:not-allowed!important}.zalo-mobile-settings-wrap .groups-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important;margin-bottom:12px!important}.zalo-mobile-settings-wrap .groups-toolbar .toolbar-divider{display:none!important}.zalo-mobile-settings-wrap .groups-toolbar select,.zalo-mobile-settings-wrap .groups-toolbar input{height:42px!important;padding:0 12px!important;font-size:14px!important;border:1px solid #E5E7EA!important;border-radius:10px!important;background:#fafafa!important;box-sizing:border-box!important}.zalo-mobile-settings-wrap .groups-toolbar .zalo-btn-primary{width:auto!important;min-width:104px!important;height:42px!important;min-height:42px!important;padding:0 14px!important;white-space:nowrap!important}}@media(max-width:768px){.config-modal{padding:16px!important}.config-modal .form-row-5{grid-template-columns:1fr 1fr;gap:0 10px;align-items:start}.config-modal .form-row-5>.form-group:first-child,.config-modal .form-row-5>.form-group:nth-child(2),.config-modal .form-row-5>.form-group:nth-child(3){grid-column:1 / -1}.config-modal .form-row-5 select{min-width:0;text-overflow:ellipsis}.config-modal .metrics-select-header{flex-direction:column!important;align-items:stretch!important;gap:6px!important}.config-modal .metrics-select-header>button{align-self:flex-end;max-width:100%;padding:4px 12px!important}.config-modal .form-group label.metric-checkbox,.config-modal .form-group label.receiver-checkbox,.config-modal .metrics-cat-header{display:flex!important;flex-direction:row!important;align-items:center!important;gap:8px!important;margin:0!important;width:auto!important}.config-modal label.metric-checkbox input[type=checkbox],.config-modal label.receiver-checkbox input[type=checkbox],.config-modal .metrics-cat-header input[type=checkbox]{flex:0 0 auto!important;width:16px!important;height:16px!important;min-height:0!important;margin:0!important;padding:0!important}.config-modal label.metric-checkbox span,.config-modal label.receiver-checkbox span{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.config-modal .metrics-grid{grid-template-columns:1fr}.config-modal .metrics-category-wide{grid-column:auto}.config-modal .metrics-category-wide .metrics-items{grid-template-columns:1fr}.zalo-logs-section .logs-table{min-width:0!important;width:100%}}.treatment-page{padding:24px;display:flex;flex-direction:column;min-height:100%}@media(min-width:769px){.treatment-page{margin-left:-24px!important;margin-right:-24px!important;padding-left:10px!important;padding-right:10px!important;padding-top:16px!important}}.treatment-page .fin-sub-hero{padding-top:24px;padding-bottom:24px}.tx-search-container{padding:12px 14px 0}.tx-filter-container{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;padding:12px 12px 8px}.treatment-header{display:flex;justify-content:space-between;align-items:center;margin-top:16px;margin-bottom:20px;padding:0 16px;flex-shrink:0}@media(min-width:769px){.main-body .treatment-page{margin-left:-24px!important;margin-right:-24px!important;padding:10px 10px 24px!important}.treatment-page .fin-sub-hero{margin:-24px -10px 24px!important;border-radius:0!important;padding-left:24px!important;padding-right:24px!important}.treatment-header{padding:0}.tx-search-container{padding:12px 0 0}.tx-filter-container{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;padding:12px 0 8px}.tx-filter-container button{flex:0 0 auto;padding:8px 18px!important;min-width:0}}.treatment-header h1{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0;display:flex;align-items:center;gap:10px}.treatment-filters{display:flex;gap:12px;margin-bottom:16px;flex-shrink:0;flex-wrap:wrap}.treatment-filters input,.treatment-filters select{padding:8px 12px;border:1px solid var(--color-border);border-radius:8px;font-size:.875rem;background:var(--color-surface);color:var(--color-text);min-width:160px}.treatment-search-box{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);flex:1;max-width:360px}.treatment-search-box span{font-size:.85rem;color:var(--color-text-muted);flex-shrink:0}.treatment-search-box input{border:none!important;padding:8px 0!important;min-width:0!important;flex:1;outline:none;background:transparent}.treatment-list{display:flex;flex-direction:column;gap:12px;padding-right:4px}.treatment-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;transition:all .2s ease}.treatment-item:hover{border-color:var(--color-primary);box-shadow:0 2px 12px #3b82f61a}.treatment-item-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;gap:16px}.treatment-item-left{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.treatment-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.treatment-info{min-width:0}.treatment-name{font-weight:600;font-size:.95rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.treatment-customer{font-size:.8rem;color:var(--color-text-muted);margin-top:2px}.treatment-item-right{display:flex;align-items:center;gap:16px;flex-shrink:0}.treatment-progress-wrapper{display:flex;align-items:center;gap:10px;min-width:180px}.treatment-progress-bar{flex:1;height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.treatment-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.treatment-progress-fill.low{background:linear-gradient(90deg,#ef4444,#f97316)}.treatment-progress-fill.mid{background:linear-gradient(90deg,#f59e0b,#eab308)}.treatment-progress-fill.high{background:linear-gradient(90deg,#22c55e,#10b981)}.treatment-progress-fill.done{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.treatment-progress-badge{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:4px;height:22px;padding:0 10px;border-radius:11px;background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);font-size:.75rem;font-weight:700;white-space:nowrap}.treatment-progress-text{font-size:.8rem;font-weight:600;color:var(--color-text);white-space:nowrap}.treatment-status{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap}.treatment-status.active{background:#dcfce7;color:#16a34a}.treatment-status.used-up{background:#e0e7ff;color:#4f46e5}.treatment-status.expired{background:#fee2e2;color:#dc2626}.treatment-status.closed{background:#f3f4f6;color:#6b7280}.treatment-expand-icon{transition:transform .2s;color:var(--color-text-muted)}.treatment-expand-icon.open{transform:rotate(180deg)}.treatment-sessions{border-top:1px solid var(--color-border);padding:16px 20px;background:var(--color-bg, #fafafa)}.session-timeline{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;position:relative}@media(min-width:769px){.session-timeline{grid-template-columns:repeat(5,1fr)}}.session-item{display:grid;grid-template-columns:28px 1fr;gap:8px 12px;padding:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;position:relative;box-sizing:border-box}.session-item:not(:last-child):after{display:none}.session-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;flex-shrink:0;z-index:1}.session-dot.completed{background:#dcfce7;color:#16a34a}.session-dot.scheduled{background:#dbeafe;color:#2563eb}.session-dot.no-show{background:#fee2e2;color:#dc2626}.session-dot.cancelled{background:#f3f4f6;color:#6b7280}.session-dot.pending{background:#f3f4f6;color:#9ca3af}.session-content{flex:1;min-width:0;padding-right:98px}.session-header{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:.85rem}.session-no{font-weight:700;color:var(--color-text)}.session-date{color:var(--color-text-muted)}.session-staff{color:var(--color-primary);font-weight:500}.session-extra-badge{background:#fef3c7;color:#92400e;padding:1px 6px;border-radius:4px;font-size:.7rem;font-weight:600}.session-note{font-size:.8rem;color:var(--color-text-muted);margin-top:4px}.session-images{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.session-images img{width:48px;height:48px;border-radius:6px;-o-object-fit:cover;object-fit:cover;border:1px solid var(--color-border);cursor:pointer}.session-actions{position:absolute;top:10px;right:10px;display:flex;gap:4px;z-index:10}.session-actions button{padding:4px 8px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);font-size:.75rem;cursor:pointer;color:var(--color-text-muted);transition:all .15s}.session-actions button:hover{border-color:var(--color-primary);color:var(--color-primary)}.treatment-add-session{display:flex;gap:8px;padding:12px 0 4px}.treatment-add-session button{padding:8px 16px;border:1px dashed var(--color-border);border-radius:8px;background:transparent;font-size:.85rem;cursor:pointer;color:var(--color-primary);font-weight:500;transition:all .15s}.treatment-add-session button:hover{background:#3b82f60d;border-color:var(--color-primary)}.treatment-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--color-text-muted)}.treatment-empty-icon{font-size:3rem;margin-bottom:12px}.treatment-loading{display:flex;justify-content:center;padding:40px}.treatment-modal-overlay{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1050;padding:16px;box-sizing:border-box}.treatment-modal{background:var(--color-surface, #ffffff);border-radius:18px;width:760px;max-width:100%;max-height:calc(90vh / var(--ui-vu, 1));display:flex;flex-direction:column;box-shadow:0 20px 50px #0f172a38;border:1px solid var(--color-border, #e2e8f0);overflow:hidden;animation:treatmentPopIn .2s ease-out}@media(min-width:769px){html:not(.mobile-preview) .treatment-detail-modal{padding:22px 24px 20px;overflow-y:auto}html:not(.mobile-preview) .treatment-detail-grid>div{background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;padding:10px 12px}}.treatment-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 20px;border-bottom:1px solid var(--color-border, #f1f5f9);background:var(--color-surface, #ffffff);flex-shrink:0;gap:12px}.treatment-modal-title{margin:0;font-size:16px;font-weight:700;color:var(--color-text, #0f172a);letter-spacing:-.01em}.treatment-modal-subtitle{margin:3px 0 0;font-size:12px;color:var(--color-text-muted, #64748b)}.treatment-modal-close{width:32px;height:32px;border-radius:8px;border:1px solid var(--color-border, #e2e8f0);background:var(--color-bg, #f8fafc);color:var(--color-text-muted, #64748b);font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.treatment-modal-close:hover{background:#f1f5f9;color:var(--color-text, #0f172a);border-color:#cbd5e1}.treatment-modal-body{padding:18px 20px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:14px}.treatment-modal-field{margin-bottom:0;display:flex;flex-direction:column}.treatment-modal-field label{display:block;font-size:12px;font-weight:600;color:var(--color-text, #334155);margin-bottom:6px}.treatment-modal-field input[type=text],.treatment-modal-field input[type=number],.treatment-modal-field input[type=date],.treatment-modal-field select{width:100%;height:38px;padding:0 12px;border:1px solid var(--color-border, #cbd5e1);border-radius:10px;font-size:13px;background:var(--color-bg, #ffffff);color:var(--color-text, #0f172a);box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.treatment-modal-field textarea{width:100%;padding:8px 12px;border:1px solid var(--color-border, #cbd5e1);border-radius:10px;font-size:13px;background:var(--color-bg, #ffffff);color:var(--color-text, #0f172a);box-sizing:border-box;min-height:70px;resize:vertical;font-family:inherit;transition:border-color .15s,box-shadow .15s}.treatment-modal-field input:focus,.treatment-modal-field select:focus,.treatment-modal-field textarea:focus{border-color:var(--color-primary, #0d9488);box-shadow:0 0 0 3px #0d948826;outline:none}.treatment-modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:12px 20px;border-top:1px solid var(--color-border, #f1f5f9);background:var(--color-bg, #f8fafc);flex-shrink:0}.treatment-modal-actions .btn-cancel{height:40px;padding:0 18px;border-radius:10px;border:1px solid var(--color-border, #cbd5e1);background:#fff;color:var(--color-text, #475569);font-weight:600;font-size:13px;cursor:pointer;transition:all .15s}.treatment-modal-actions .btn-cancel:hover{background:#f1f5f9;border-color:#94a3b8}.treatment-modal-actions .btn-primary{height:40px;padding:0 22px;border-radius:10px;border:none;background:var(--color-primary, #0d9488);color:#fff;font-weight:600;font-size:13px;cursor:pointer;box-shadow:0 2px 8px #0d948840;transition:all .15s}.treatment-modal-actions .btn-primary:hover{filter:brightness(1.06)}.service-catalog-picker{position:relative}.service-catalog-trigger{width:100%;height:40px;padding:0 12px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;background:var(--color-bg, #fff);color:var(--color-text, #334155);display:flex;align-items:center;gap:9px;font-size:.9rem;cursor:pointer;box-sizing:border-box}.service-catalog-trigger.is-open{border-color:#0866d8;box-shadow:0 0 0 3px #0866d81a}.service-catalog-trigger-icon{color:#0866d8;font-size:18px}.service-catalog-trigger-chevron{margin-left:auto;color:#64748b;font-size:18px}.service-catalog-panel{position:fixed;z-index:11000;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid #c8d8ee;border-radius:11px;box-shadow:0 18px 50px #0f284b33}.service-catalog-search{margin:12px 14px 8px;padding:0 13px;height:44px;display:flex;align-items:center;gap:10px;border:1px solid #d5deeb;border-radius:9px;color:#8490a3;background:#fff}.service-catalog-search span{font-size:25px;line-height:1}.service-catalog-search input{min-width:0;padding:0;border:0;outline:0;box-shadow:none;font-size:14px}.service-catalog-groups{flex:1;min-height:0;overflow-y:auto;padding:4px 14px 8px;scrollbar-color:#c3c9d2 transparent;scrollbar-width:thin}.service-catalog-group{overflow:hidden;margin-bottom:7px;border:1px solid color-mix(in srgb,var(--service-group-color) 22%,#dce6f3);border-radius:9px}.service-catalog-group-header{width:100%;min-height:40px;padding:0 12px;border:0;border-bottom:1px solid color-mix(in srgb,var(--service-group-color) 18%,#e6edf6);background:color-mix(in srgb,var(--service-group-color) 5%,#fff);color:var(--service-group-color);display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;text-align:left;text-transform:uppercase;cursor:pointer}.service-catalog-group-icon{font-size:19px}.service-catalog-group-chevron{margin-left:auto;font-size:18px;transition:transform .15s ease}.service-catalog-group-chevron.is-collapsed{transform:rotate(-90deg)}.service-catalog-item{width:100%;min-height:34px;padding:6px 14px 6px 42px;border:0;border-bottom:1px solid #edf1f6;background:#fff;display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;color:#27364a;font-size:13px;text-align:left;cursor:pointer}.service-catalog-item:last-child{border-bottom:0}.service-catalog-item:hover,.service-catalog-item:focus-visible{background:color-mix(in srgb,var(--service-group-color) 5%,#fff);outline:0}.service-catalog-dot{color:var(--service-group-color);font-size:9px}.service-catalog-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-catalog-price{padding-left:12px;color:#ef1d27;font-weight:600;white-space:nowrap}.service-catalog-empty{padding:30px 16px;color:#94a3b8;text-align:center}.service-catalog-hint{padding:8px 14px;border-top:1px solid #e7edf5;background:#f8fafc;color:#8a96aa;font-size:12px;text-align:center}.treatment-modal-actions{display:flex;gap:10px;margin-top:20px}.treatment-modal-actions button{flex:1;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;border:none;font-size:.9rem}.btn-cancel{background:var(--color-border);color:var(--color-text)}.btn-primary{background:var(--color-primary);color:#fff}@media(max-width:768px){div.treatment-modal-overlay{align-items:center;justify-content:center;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:16px 12px;box-sizing:border-box}form.treatment-modal{width:100%;max-width:440px;max-height:calc(86vh / var(--ui-vu, 1));border-radius:20px;padding:0;box-shadow:0 20px 50px #00000059;animation:treatmentModalPop .22s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden;background:#fff}.treatment-modal-header{padding:16px 18px 14px;border-bottom:1px solid #f1f5f9;background:#fff;flex-shrink:0}.treatment-modal-title{font-size:16px;font-weight:700;color:#0f172a}.treatment-modal-subtitle{font-size:12px;color:#64748b;margin-top:2px}.treatment-modal-body{padding:14px 18px;gap:12px;overflow-y:auto;flex:1}.treatment-modal-row{grid-template-columns:1fr;gap:12px}.treatment-modal-row.two-col-mobile{grid-template-columns:1fr 1fr;gap:10px}.treatment-modal-actions{position:sticky;bottom:0;background:#fff;padding:12px 18px;border-top:1px solid #f1f5f9;display:flex;gap:10px;z-index:5;flex-shrink:0}.treatment-modal-actions .btn-cancel{flex:1;height:42px;border-radius:10px;border:1px solid #cbd5e1;background:#f8fafc;color:#475569;font-weight:600;font-size:13.5px}.treatment-modal-actions .btn-primary{flex:1.5;height:42px;border-radius:10px;background:var(--color-primary, #0d9488);color:#fff;font-weight:600;font-size:13.5px}}@keyframes treatmentModalPop{0%{transform:scale(.93);opacity:0}to{transform:scale(1);opacity:1}}.session-image-upload{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start}.session-image-preview{position:relative;width:72px;height:72px;border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.session-image-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.session-image-remove{position:absolute;top:2px;right:2px;width:20px;height:20px;border:none;border-radius:50%;background:#0009;color:#fff;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.session-image-remove:hover{background:#dc2626}.session-image-add{width:72px;height:72px;border:2px dashed var(--color-border);border-radius:8px;background:transparent;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--color-text-muted);transition:all .15s}.session-image-add:hover{border-color:var(--color-primary);color:var(--color-primary);background:#3b82f60a}.lightbox-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:2000;cursor:pointer}.lightbox-img{max-width:calc(90vw / var(--ui-vu, 1));max-height:calc(85vh / var(--ui-vu, 1));-o-object-fit:contain;object-fit:contain;border-radius:8px;cursor:default;box-shadow:0 8px 40px #00000080}.lightbox-close{position:absolute;top:16px;right:20px;width:40px;height:40px;border:none;border-radius:50%;background:#ffffff26;color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s}.lightbox-close:hover{background:#ffffff4d}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;border-radius:50%;background:#ffffff26;color:#fff;font-size:28px;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s}.lightbox-nav:hover{background:#ffffff4d}.lightbox-prev{left:16px}.lightbox-next{right:16px}.lightbox-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:#fffc;font-size:.85rem;background:#0006;padding:4px 14px;border-radius:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.treatment-pagination{display:flex;justify-content:center;gap:8px;padding:16px 0 0;flex-shrink:0}.treatment-pagination button{padding:6px 14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);cursor:pointer;font-size:.85rem}.treatment-pagination button:disabled{opacity:.4;cursor:default}.ch-treatment-list{display:flex;flex-direction:column;gap:10px}.ch-treatment-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:14px 16px}.ch-treatment-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ch-treatment-name{font-weight:600;font-size:.9rem;color:var(--color-text)}.ch-treatment-progress{display:flex;align-items:center;gap:8px}.ch-progress-bar{width:100px;height:6px;background:var(--color-border);border-radius:3px;overflow:hidden}.ch-progress-fill{height:100%;border-radius:3px;background:var(--color-primary)}.ch-progress-text{font-size:.75rem;font-weight:600;color:var(--color-text-muted)}.ch-treatment-meta{font-size:.78rem;color:var(--color-text-muted);display:flex;gap:16px}.treatment-create-btn{padding:10px 20px;border:none;border-radius:10px;background:var(--brand-gradient);color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s;white-space:nowrap}.treatment-create-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.35)}.treatment-actions-menu{position:relative}.treatment-menu-btn{cursor:pointer;font-size:1.2rem;padding:4px 8px;border-radius:6px;color:var(--color-text-muted);transition:all .15s}.treatment-menu-btn:hover{background:var(--color-border);color:var(--color-text)}.treatment-dropdown{position:fixed;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 24px #0000001f;min-width:160px;z-index:9999;overflow:hidden}.treatment-dropdown button{display:block;width:100%;padding:10px 16px;border:none;background:none;text-align:left;font-size:.85rem;cursor:pointer;color:var(--color-text);transition:background .1s}.treatment-dropdown button:hover{background:var(--color-bg)}.treatment-closed{opacity:.65}.treatment-modal-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.treatment-modal-row .treatment-modal-field{flex:1;min-width:0}.treatment-person-results{border:1px solid var(--color-border);border-radius:8px;margin-top:4px;max-height:200px;overflow-y:auto;background:var(--color-surface);box-shadow:0 4px 12px #00000014}.treatment-person-item{display:flex;justify-content:space-between;padding:10px 14px;cursor:pointer;font-size:.85rem;transition:background .1s;border-bottom:1px solid var(--color-border)}.treatment-person-item:last-child{border-bottom:none}.treatment-person-item:hover{background:var(--color-bg)}.treatment-person-name{font-weight:600;color:var(--color-text)}.treatment-person-phone{color:var(--color-text-muted)}.session-status-badge{font-size:.7rem;padding:1px 6px;border-radius:4px;font-weight:600}.session-status-badge.completed{background:#dcfce7;color:#16a34a}.session-status-badge.scheduled{background:#dbeafe;color:#2563eb}.session-status-badge.no-show{background:#fee2e2;color:#dc2626}.session-status-badge.cancelled{background:#f3f4f6;color:#6b7280}.session-status-badge.confirmed{background:#d1fae5;color:#059669}.session-status-badge.waiting{background:#fef3c7;color:#d97706}.session-status-badge.in-progress{background:#dbeafe;color:#2563eb}.session-dot.confirmed{background:#10b981;color:#fff}.session-dot.waiting{background:#f59e0b;color:#fff}.session-dot.in-progress{background:#3b82f6;color:#fff}.tx-mob-stats{display:none}@media(max-width:768px){.main-body .treatment-page{padding-top:0!important;padding-bottom:80px!important}.treatment-page .m-standard-hero{margin:0 0 12px!important;border-radius:0!important}.tx-search-container{padding:12px 16px 0!important}.tx-filter-container{display:flex!important;gap:8px!important;overflow-x:auto!important;scrollbar-width:none!important;padding:12px 16px 8px!important;margin:0!important}.tx-filter-container button{flex-shrink:0!important;white-space:nowrap!important;padding:8px 16px!important;text-overflow:clip!important;overflow:visible!important}.tx-mob-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 16px!important}.tx-mob-tile{background:#fff;border:1px solid #F0F2F3;border-radius:12px;padding:8px 6px;text-align:center;cursor:pointer;transition:all .15s}.tx-mob-tile.active{border-color:var(--color-primary);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.15)}.tx-mob-label{font-size:12px;color:#8a9499;font-weight:600;margin-bottom:2px;white-space:nowrap}.tx-mob-value{font-size:18px;font-weight:800;color:var(--color-primary);line-height:1.1}.tx-mob-value.mint{color:var(--color-primary)}.tx-mob-value.warn{color:#d97706}.tx-mob-value.danger{color:#dc2626}.treatment-page .treatment-header,.treatment-page .treatment-filters{display:none!important}.treatment-page{overflow-y:auto}.treatment-page .treatment-list{padding:0!important}}.tx-mob-list{display:none}@media(max-width:768px){.tx-mob-list{display:block;padding:0 16px 80px!important}.treatment-page .treatment-list,.treatment-page .tx-desktop-block,.treatment-page .treatment-item,.treatment-page .treatment-pagination,.treatment-page .treatment-loading{display:none!important}.tx-mob-card{background:#fff;border-radius:14px;padding:12px;margin-bottom:8px;box-shadow:0 1px 4px #0000000f;cursor:pointer;transition:transform .1s}.tx-mob-card:active{transform:scale(.985)}.tx-mob-card-top{display:flex;align-items:center;gap:12px;margin-bottom:10px}.tx-mob-card-avatar{width:38px;height:38px;border-radius:50%;color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tx-mob-card-info{flex:1;min-width:0}.tx-mob-card-name{font-size:13px;font-weight:700;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-mob-card-sub{font-size:12px;color:#8a9499;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tx-mob-card-chip{padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap;flex-shrink:0}.tx-mob-card-bar-row{display:flex;align-items:center;gap:10px}.tx-mob-card-actions{display:flex;align-items:center;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid rgba(15,23,42,.06)}.tx-mob-card-bar{flex:1;height:8px;border-radius:4px;background:#f0f2f3;overflow:hidden}.tx-mob-card-bar-fill{height:100%;transition:width .2s}.tx-mob-card-count{font-size:12px;font-weight:800;color:#1e293b;min-width:44px;text-align:right}.treatment-page .fin-sub-hero{padding-top:calc(env(safe-area-inset-top,0px) + 14px)!important;padding-bottom:14px!important;min-height:auto!important;box-sizing:border-box!important}.tx-mob-card .tx-mob-card-top,.tx-mob-card .tx-mob-card-info,.tx-mob-card .tx-mob-card-name,.tx-mob-card .tx-mob-card-sub,.tx-mob-card .tx-mob-card-bar-row,.tx-mob-card .tx-mob-card-count{background:transparent!important;background-color:transparent!important;box-shadow:none!important;border:none!important;border-radius:0!important}.tx-mob-card .tx-mob-card-bar{height:6px;background:#0f172a0f!important;box-shadow:none!important;border:none!important}}[data-theme=dark] .treatment-person-results{background:#202638!important;border-color:#ffffff1a!important;box-shadow:0 8px 32px #00000080!important}[data-theme=dark] .treatment-person-item{border-color:#ffffff0f!important;color:#f5f7fa!important}[data-theme=dark] .treatment-person-item:hover{background:#ffffff0a!important}[data-theme=dark] .treatment-dropdown{background:#202638!important;border-color:#ffffff1a!important;box-shadow:0 8px 32px #00000080!important}[data-theme=dark] .treatment-dropdown button{color:#f5f7fa!important;border-color:#ffffff0f!important}[data-theme=dark] .treatment-dropdown button:hover{background:#ffffff0a!important}.pc2-container{display:flex;flex-direction:column;height:calc(calc(100vh / var(--ui-vu, 1)) - 60px);background:#f0f2f5}.pc2-header{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--brand-gradient);color:#fff;flex-shrink:0}.pc2-header-left{display:flex;align-items:center;gap:10px}.pc2-header-back{display:none}.pc2-header-icon{font-size:20px}.pc2-header-title{font-size:16px;font-weight:700;letter-spacing:-.01em}.pc2-header-right{display:flex;align-items:center;gap:8px}.pc2-header-badge{display:flex;align-items:center;gap:6px;font-size:13px;padding:5px 14px;background:#ffffff2e;border-radius:20px;font-weight:600}.pc2-body{display:flex;flex:1;min-height:0}.pc2-sidebar{width:360px;border-right:1px solid #e5e7eb;background:#fff;display:flex;flex-direction:column;flex-shrink:0}.pc2-search-wrap{display:flex;align-items:center;gap:8px;padding:14px 16px 8px}.pc2-search-box{flex:1;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px}.pc2-search-input{flex:1;border:none;background:transparent;font-size:13px;color:#1e293b;outline:none}.pc2-search-input::-moz-placeholder{color:#94a3b8}.pc2-search-input::placeholder{color:#94a3b8}.pc2-filter-btn{width:36px;height:36px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.pc2-filter-btn:hover{background:#f8fafc}.pc2-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:4px;padding:4px 12px 0;border-bottom:1px solid #e5e7eb;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pc2-tabs::-webkit-scrollbar{display:none}.pc2-tab{flex:0 0 auto;padding:8px 12px;font-size:12px;font-weight:600;color:#64748b;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:all .15s}.pc2-tab:hover{color:var(--color-primary)}.pc2-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.pc2-conv-list{flex:1;overflow-y:auto}.pc2-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 20px;text-align:center}.pc2-empty-icon{font-size:38px;margin-bottom:10px;opacity:.8}.pc2-empty-title{font-size:15px;font-weight:700;color:#334155;margin-bottom:4px}.pc2-empty-sub{font-size:12.5px;color:#94a3b8;max-width:250px;line-height:1.45}.pc2-conv{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background .15s}.pc2-conv:hover{background:#f8fafb}.pc2-conv.active{background:#f0fdf4}.pc2-conv-avatar{width:44px;height:44px;border-radius:50%;background:var(--brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;overflow:hidden;letter-spacing:-.5px}.pc2-conv-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pc2-conv-body{flex:1;min-width:0}.pc2-conv-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.pc2-conv-name{font-size:13.5px;font-weight:700;color:#111827}.pc2-conv-time{font-size:12px;color:#94a3b8;flex-shrink:0}.pc2-conv-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px}.pc2-conv-preview{font-size:12.5px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.pc2-conv-you{color:var(--color-primary);font-weight:600}.pc2-conv-unread{min-width:18px;height:18px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 4px;flex-shrink:0}.pc2-conv-status{display:inline-block;margin-top:4px;font-size:12px;font-weight:600;padding:1px 8px;border-radius:6px}.pc2-conv-status.pending{color:#dc2626;background:#fef2f2}.pc2-conv-status.active{color:var(--color-primary);background:#f0fdf4}.pc2-conv-status.consulted{color:#059669;background:#ecfdf5}.pc2-conv-status.not-consulted{color:#d97706;background:#fffbeb}.pc2-sidebar-footer{padding:10px 16px;font-size:12px;color:#94a3b8;text-align:center;border-top:1px solid #f3f4f6}.pc2-main{flex:1;display:flex;flex-direction:column;min-width:0;background:#f8fafb}.pc2-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#94a3b8;font-size:14px;gap:12px}.pc2-chat-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background:#fff;border-bottom:1px solid #e5e7eb;flex-shrink:0}.pc2-chat-header-left{display:flex;align-items:center;gap:12px}.pc2-chat-avatar{width:40px;height:40px;border-radius:50%;background:var(--brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;overflow:hidden;flex-shrink:0}.pc2-chat-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pc2-chat-user-info{min-width:0}.pc2-chat-user-row{display:flex;align-items:center;gap:8px}.pc2-chat-user-name{font-size:15px;font-weight:700;color:#111827}.pc2-status-badge{font-size:12px;font-weight:600;padding:2px 10px;border-radius:6px}.pc2-status-badge.pending{color:#dc2626;background:#fef2f2}.pc2-status-badge.active{color:var(--color-primary);background:#f0fdf4}.pc2-chat-user-meta{font-size:12px;color:#64748b;margin-top:2px;display:flex;align-items:center;gap:4px}.pc2-meta-sep{color:#d1d5db}.pc2-chat-header-right{display:flex;align-items:center;gap:8px}.pc2-view-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;font-size:12.5px;font-weight:600;color:#374151;cursor:pointer}.pc2-view-btn:hover{background:#f8fafc}.pc2-consult-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid #e2e8f0;background:#fffbeb;font-size:12.5px;font-weight:600;color:#d97706;cursor:pointer;transition:all .15s}.pc2-consult-btn:hover{background:#fef3c7}.pc2-consult-btn.done{background:#ecfdf5;color:#059669;border-color:#a7f3d0}.pc2-consult-btn.done:hover{background:#d1fae5}.pc2-more-btn{width:34px;height:34px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;display:grid;place-items:center;cursor:pointer}.pc2-more-btn:hover{background:#f8fafc}.pc2-date-sep{display:flex;align-items:center;justify-content:center;padding:16px 0 8px}.pc2-date-sep span{font-size:12px;color:#94a3b8;background:#eef2f7;padding:3px 14px;border-radius:12px;font-weight:600}.pc2-messages{flex:1;overflow-y:auto;padding:12px 24px;display:flex;flex-direction:column;gap:4px}.pc2-msg{display:flex;align-items:flex-end;gap:8px;margin-bottom:4px}.pc2-msg.customer{justify-content:flex-start}.pc2-msg.staff{justify-content:flex-end}.pc2-msg-avatar{width:32px;height:32px;border-radius:50%;background:var(--brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0;overflow:hidden}.pc2-msg-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.pc2-bubble{max-width:55%;padding:10px 16px;border-radius:18px;position:relative}.pc2-msg.customer .pc2-bubble{background:#fff;border:1px solid #e5e7eb;border-bottom-left-radius:4px;color:#1e293b}.pc2-msg.staff .pc2-bubble{background:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.pc2-bubble-text{font-size:14px;line-height:1.5;word-break:break-word}.pc2-bubble-meta{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:4px}.pc2-bubble-time{font-size:12px;opacity:.6}.pc2-bubble-read{font-size:12px;opacity:.7}.pc2-empty{display:flex;align-items:center;justify-content:center;padding:40px;color:#94a3b8;font-size:13px}.pc2-input-area{background:#fff;border-top:1px solid #e5e7eb;padding:12px 20px;flex-shrink:0}.pc2-input-box{margin-bottom:8px}.pc2-input{width:100%;padding:12px 16px;border-radius:12px;border:1px solid #e2e8f0;outline:none;font-size:14px;background:#f8fafc;box-sizing:border-box}.pc2-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.08)}.pc2-input::-moz-placeholder{color:#94a3b8}.pc2-input::placeholder{color:#94a3b8}.pc2-input-actions{display:flex;align-items:center;justify-content:space-between}.pc2-input-tools{display:flex;align-items:center;gap:4px}.pc2-tool-btn{width:34px;height:34px;border-radius:8px;border:none;background:none;display:grid;place-items:center;cursor:pointer}.pc2-tool-btn:hover{background:#f1f5f9}.pc2-send-btn{display:flex;align-items:center;gap:6px;padding:8px 22px;border-radius:10px;border:none;background:var(--color-primary);color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;transition:background .15s}.pc2-send-btn:hover{background:var(--color-primary-hover)}.pc2-send-btn:disabled{background:#d1d5db;cursor:default}.pc2-typing{display:flex;gap:4px;padding:8px 16px}.pc2-typing-dot{width:6px;height:6px;border-radius:50%;background:#94a3b8;animation:pc2-blink 1.4s infinite both}.pc2-typing-dot:nth-child(2){animation-delay:.2s}.pc2-typing-dot:nth-child(3){animation-delay:.4s}@keyframes pc2-blink{0%,80%,to{opacity:.3}40%{opacity:1}}@media(max-width:768px){.pc2-container{height:calc(100vh / var(--ui-vu, 1))!important;height:calc(calc(100dvh / var(--ui-vu, 1)) - 58px - env(safe-area-inset-bottom,0px))!important;padding-bottom:84px!important;position:relative!important;overflow:hidden!important}.pc2-header{padding-top:calc(env(safe-area-inset-top,0px) + 12px)!important}.pc2-sidebar{width:100%;position:absolute;inset:0;z-index:10;height:100%}.pc2-main{width:100%;position:absolute;inset:0;z-index:20;height:100%;background:#f8fafb;flex-direction:column}.pc2-has-selected .pc2-sidebar,.pc2-no-selected .pc2-main{display:none!important}}@media(max-width:768px){.main-body:has(.pc2-container){height:calc(calc(100dvh / var(--ui-vu, 1)) - var(--mobile-nav-space, 60px))!important;min-height:0!important;padding-bottom:0!important;overflow:hidden!important}.pc2-container{width:100%!important;height:100%!important;min-height:0!important;display:flex!important;flex-direction:column!important;margin:0!important;padding:0!important;background:#fff!important;overflow:hidden!important}.pc2-body{position:relative!important;inset:auto!important;flex:1!important;display:flex!important;min-height:0!important;overflow:hidden!important}.pc2-sidebar,.pc2-main{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important}.pc2-tabs{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;flex-shrink:0!important;scrollbar-width:none!important}.pc2-tabs::-webkit-scrollbar{display:none!important}.pc2-tab{padding:8px 11px!important;font-size:12px!important;flex:0 0 auto!important}.pc2-conv-list,.pc2-messages{min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important}.pc2-input-area{flex-shrink:0!important}}[data-theme=dark] .pc2-container{background:#101525!important}[data-theme=dark] .pc2-sidebar{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .pc2-search-box{background:#1c2233!important;border-color:#ffffff1f!important}[data-theme=dark] .pc2-search-input{color:#f5f7fa!important}[data-theme=dark] .pc2-filter-btn{background:#1c2233!important;border-color:#ffffff1a!important;color:#f5f7fa!important}[data-theme=dark] .pc2-filter-btn:hover{background:#ffffff0f!important}[data-theme=dark] .pc2-tabs{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .pc2-tab{color:#94a3b8!important}[data-theme=dark] .pc2-conv-list{background:#202638!important}[data-theme=dark] .pc2-conv{background:#202638!important;border-color:#ffffff0f!important}[data-theme=dark] .pc2-conv:hover{background:#ffffff0a!important}[data-theme=dark] .pc2-conv.active{background:rgba(var(--color-primary-rgb),.1)!important}[data-theme=dark] .pc2-conv-name{color:#f5f7fa!important}[data-theme=dark] .pc2-conv-time{color:#64748b!important}.rooms-page{padding:24px 0}.rooms-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}@media(max-width:768px){.rooms-header{display:none}.rooms-page.m-page{padding:0 16px calc(var(--mobile-nav-space, 72px) + 16px) 16px!important;overflow-x:clip!important}.rooms-page .rooms-mobile-hero{width:calc(100% + 32px)!important;max-width:none!important;margin-left:-16px!important;margin-right:-16px!important}.rooms-page .rooms-stats,.rooms-page .rooms-empty,.rooms-page .rooms-list,.rooms-page .rooms-loading{margin-left:0!important;margin-right:0!important}.rooms-stats{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px;margin-top:10px;margin-bottom:12px}.stat-box{padding:8px 10px;gap:6px;max-width:none;border-radius:8px}.stat-icon{width:26px;height:26px;font-size:13px;border-radius:6px}.stat-value{font-size:14px}.stat-label{font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.04em}.room-item{border-radius:10px!important;margin-bottom:8px!important}.room-item-header{padding:10px 12px!important}.room-name{font-size:14px!important}.room-bed-count{font-size:12px!important}.room-action-btn{width:28px!important;height:28px!important}.bed-item{padding:8px 12px!important}.bed-name{font-size:12px!important}.bed-status{font-size:12px!important;padding:2px 8px!important}.bed-actions .room-action-btn{width:26px!important;height:26px!important}}html.mobile-preview .rooms-page.m-page{padding:0 16px 96px!important;overflow-x:clip!important}html.mobile-preview .rooms-page .rooms-header{display:none!important}html.mobile-preview .rooms-page .rooms-mobile-hero{width:calc(100% + 32px)!important;max-width:none!important;margin-left:-16px!important;margin-right:-16px!important}html.mobile-preview .rooms-page .rooms-stats,html.mobile-preview .rooms-page .rooms-empty,html.mobile-preview .rooms-page .rooms-list,html.mobile-preview .rooms-page .rooms-loading{margin-left:0!important;margin-right:0!important}.rooms-header h1{font-size:22px;font-weight:700;color:#1e293b;margin:0 0 4px}.rooms-subtitle{font-size:14px;color:#94a3b8;margin:0}.rooms-add-btn{padding:8px 20px;background:var(--brand-gradient);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.25);transition:all .2s;white-space:nowrap}.rooms-add-btn:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.35)}.rooms-stats{display:flex;gap:16px;margin-bottom:24px}.stat-box{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;flex:1;max-width:220px}.stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.stat-value{font-size:22px;font-weight:700;color:#1e293b}.stat-label{font-size:13px;color:#94a3b8}@media(min-width:769px){html:not(.mobile-preview) .rooms-page{position:relative}html:not(.mobile-preview) .rooms-stats{position:absolute;top:2px;right:160px;margin-bottom:0;gap:10px;z-index:1}html:not(.mobile-preview) .rooms-stats .stat-box{flex:0 0 auto;max-width:none;padding:8px 14px;border-radius:10px}html:not(.mobile-preview) .rooms-stats .stat-icon{width:30px;height:30px;font-size:15px;border-radius:8px}html:not(.mobile-preview) .rooms-stats .stat-value{font-size:18px}html:not(.mobile-preview) .rooms-stats .stat-label{font-size:12px}}.rooms-empty{text-align:center;padding:60px 20px;background:#fff;border:2px dashed #e5e7eb;border-radius:16px}.rooms-empty-icon{font-size:48px;margin-bottom:16px}.rooms-empty h3{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 8px}.rooms-empty p{font-size:14px;color:#94a3b8;margin:0 0 20px}.rooms-loading{text-align:center;padding:40px;color:#94a3b8}.rooms-list{display:flex;flex-direction:column;gap:12px}.room-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:box-shadow .2s}.room-item:hover{box-shadow:0 2px 12px #0000000f}.room-item-header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;transition:background .15s}.room-item-header:hover{background:#fafbfc}.room-color-dot{width:14px;height:14px;border-radius:4px;flex-shrink:0}.room-info{flex:1;display:flex;flex-direction:column;gap:2px}.room-name{font-size:15px;font-weight:600;color:#1e293b}.room-bed-count{font-size:12px;color:#94a3b8}.room-actions{display:flex;gap:4px}.room-action-btn,.bed-action-btn{width:30px;height:30px;border:none;background:#f1f5f9;border-radius:6px;font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.room-action-btn:hover,.bed-action-btn:hover{background:#e2e8f0}.room-action-btn.danger:hover,.bed-action-btn.danger:hover{background:#fef2f2}.room-chevron{font-size:12px;color:#94a3b8;transition:transform .2s}.room-chevron.expanded{transform:rotate(90deg)}.room-beds{border-top:1px solid #f1f5f9;padding:8px 16px 8px 42px;background:#fafbfc}.bed-empty{padding:12px 0;font-size:13px;color:#94a3b8}.bed-empty-btn{border:none;background:none;color:var(--color-primary);font-weight:600;cursor:pointer;font-size:13px;text-decoration:underline}.bed-item{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #f1f5f9}.bed-item:last-child{border-bottom:none}.bed-icon{font-size:14px}.bed-name{flex:1;font-size:14px;font-weight:500;color:#334155}.bed-status{font-size:12px;font-weight:600;padding:2px 10px;border-radius:12px}.bed-status.active{background:#f0fdf4;color:#22c55e}.bed-status.inactive{background:#f9fafb;color:#9ca3af}.bed-actions{display:flex;gap:4px}.rooms-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:rmFadeIn .15s ease}@keyframes rmFadeIn{0%{opacity:0}to{opacity:1}}.rooms-modal{width:440px;max-width:calc(95vw / var(--ui-vu, 1));background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;animation:rmSlideUp .2s ease}@keyframes rmSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.rooms-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #f1f5f9}.rooms-modal-header h2{font-size:16px;font-weight:700;color:#1e293b;margin:0}.rooms-modal-close{width:30px;height:30px;border:none;background:#f1f5f9;border-radius:8px;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b}.rooms-modal-close:hover{background:#e2e8f0;color:#ef4444}.rooms-modal-body{padding:16px 20px}.rooms-field{margin-bottom:16px}.rooms-field label{display:block;font-size:13px;font-weight:600;color:#334155;margin-bottom:6px}.rooms-field input{width:100%;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#334155;outline:none;box-sizing:border-box;transition:border-color .15s;-moz-user-select:text;user-select:text;-webkit-user-select:text}.rooms-field input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.rooms-field input[type=number]::-webkit-inner-spin-button,.rooms-field input[type=number]::-webkit-outer-spin-button{opacity:1}.rooms-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.rooms-colors{display:flex;gap:8px;flex-wrap:wrap}.rooms-color-opt{width:28px;height:28px;border-radius:6px;cursor:pointer;border:2px solid transparent;transition:all .15s}.rooms-color-opt:hover{transform:scale(1.15)}.rooms-color-opt.selected{border-color:#1e293b;box-shadow:0 0 0 2px #fff,0 0 0 4px #1e293b}.rooms-modal-footer{padding:12px 20px;border-top:1px solid #f1f5f9;display:flex;gap:8px;justify-content:flex-end}.rooms-btn-cancel,.rooms-btn-save{padding:8px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s}.rooms-btn-cancel{background:#f1f5f9;color:#64748b}.rooms-btn-cancel:hover{background:#e2e8f0}.rooms-btn-save{background:var(--brand-gradient);color:#fff}.rooms-btn-save:hover{box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.rooms-btn-save:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .rooms-page{background:#101525!important}[data-theme=dark] .rooms-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .rooms-header h1{color:#f5f7fa!important}[data-theme=dark] .rooms-subtitle{color:#94a3b8!important}[data-theme=dark] .rooms-stats{background:transparent!important}[data-theme=dark] .stat-box{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .stat-value{color:#f5f7fa!important}[data-theme=dark] .stat-label{color:#94a3b8!important}[data-theme=dark] .rooms-list{background:transparent!important}[data-theme=dark] .room-item{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .room-item:hover{background:#ffffff08!important}[data-theme=dark] .room-name{color:#f5f7fa!important}[data-theme=dark] .room-info{color:#94a3b8!important}.vouchers-page{padding:24px 28px}@media(min-width:769px){.vouchers-page{margin-left:-24px!important;margin-right:-24px!important;padding-left:10px!important;padding-right:10px!important;padding-top:16px!important}}.vc-page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.vc-breadcrumb{font-size:12px;font-weight:600;letter-spacing:1.5px;color:#94a3b8;text-transform:uppercase}.vc-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:4px 0 0}.vc-header-right{display:flex;align-items:center;gap:12px}.vc-today{font-size:.85rem;color:#64748b;background:#f8fafc;padding:6px 14px;border-radius:8px;border:1px solid #e2e8f0;font-weight:500;white-space:nowrap}.vc-sub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.vc-subtitle{font-size:.88rem;color:#64748b;margin:0}.vc-create-btn{display:flex;align-items:center;gap:6px;padding:10px 22px;background:var(--brand-gradient);color:#fff;border:none;border-radius:10px;font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.vc-create-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--color-primary-rgb),.35)}.vc-create-btn span{font-size:1.1rem;font-weight:700}.vc-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:28px}.vc-kpi-box{display:flex;align-items:flex-start;gap:14px;background:#fff;border:1px solid #e8ecf1;border-radius:16px;padding:20px;position:relative;transition:all .2s ease}.vc-kpi-box:hover{border-color:#d1d5db;box-shadow:0 4px 12px #0000000d}.vc-kpi-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vc-kpi-icon-wrap.teal{background:#e6fffa;color:var(--color-primary)}.vc-kpi-icon-wrap.green{background:#ecfdf5;color:#059669}.vc-kpi-icon-wrap.purple{background:#ede9fe;color:#7c3aed}.vc-kpi-icon-wrap.red{background:#fef2f2;color:#dc2626}.vc-kpi-info{display:flex;flex-direction:column;gap:4px}.vc-kpi-label{font-size:12px;font-weight:600;letter-spacing:.5px;color:#94a3b8;text-transform:uppercase}.vc-kpi-value{font-size:1.75rem;font-weight:800;color:#0f172a;line-height:1.1}.vc-kpi-badge{position:absolute;top:12px;right:14px;font-size:12px;font-weight:700;padding:3px 8px;border-radius:6px}.vc-kpi-badge.teal{background:#ccfbf1;color:var(--color-primary-hover)}.vc-kpi-badge.green{background:#d1fae5;color:#059669}.vc-kpi-badge.purple{background:#ede9fe;color:#7c3aed}.vc-kpi-badge.red{background:#fee2e2;color:#dc2626}.vc-filter-tabs{display:flex;gap:4px;border-bottom:2px solid #e8ecf1;margin-bottom:24px}.vc-filter-tab{padding:10px 20px;font-size:.85rem;font-weight:500;color:#94a3b8;background:none;border:none;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s ease}.vc-filter-tab:hover{color:#475569}.vc-filter-tab.active{color:#0f172a;font-weight:600;border-bottom-color:var(--color-primary)}.vc-campaigns-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.vc-campaign-item{background:#fff;border:1px solid #e8ecf1;border-radius:16px;overflow:hidden;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;border-left:4px solid #e2e8f0}.vc-campaign-item:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.vc-campaign-item.border-active{border-left-color:#10b981}.vc-campaign-item.border-inactive{border-left-color:#94a3b8}.vc-campaign-item.border-expired{border-left-color:#ef4444}.vc-campaign-item.border-pending{border-left-color:#6366f1}.vc-item-top{padding:20px 20px 12px}.vc-item-name-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.vc-item-name{font-size:13px;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.vc-status-badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:6px}.vc-status-badge.active{background:#dcfce7;color:#166534}.vc-status-badge.inactive{background:#f1f5f9;color:#475569}.vc-status-badge.expired{background:#fef2f2;color:#dc2626}.vc-status-badge.pending{background:#e0e7ff;color:#4338ca}.vc-item-discount{margin-bottom:8px}.vc-discount-val{font-size:1.75rem;font-weight:800;color:var(--color-primary);line-height:1.2}.vc-campaign-item.border-expired .vc-discount-val{color:#dc2626;text-decoration:line-through;opacity:.7}.vc-item-desc{font-size:.82rem;color:#64748b;margin:0 0 4px;line-height:1.5}.vc-item-meta{padding:0 20px 14px;display:flex;flex-direction:column;gap:4px}.vc-meta-row{font-size:12.5px;color:#475569;display:flex;gap:6px}.vc-meta-label{font-weight:600;color:#0f172a}.vc-item-stats{display:flex;gap:0;border-top:1px solid #f0f2f5;margin:0 20px;padding:14px 0}.vc-stat{display:flex;flex-direction:column;align-items:center;flex:1}.vc-stat-num{font-size:1.15rem;font-weight:700;color:#0f172a}.vc-stat-label{font-size:12px;font-weight:600;letter-spacing:.5px;color:#94a3b8;text-transform:uppercase;margin-top:2px}.vc-item-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #f0f2f5;background:#fafbfc}.vc-toggle-btn{display:flex;align-items:center;gap:6px;padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:all .2s}.vc-toggle-btn.on{background:#dcfce7;color:#166534}.vc-toggle-btn.off{background:#f1f5f9;color:#64748b}.vc-toggle-dot{width:8px;height:8px;border-radius:50%}.vc-toggle-btn.on .vc-toggle-dot{background:#22c55e}.vc-toggle-btn.off .vc-toggle-dot{background:#94a3b8}.vc-footer-actions{display:flex;align-items:center;gap:8px}.vc-code-badge{font-family:SF Mono,Fira Code,monospace;font-size:12px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4338ca;padding:3px 10px;border-radius:6px;font-weight:600}.vc-delete-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid #fca5a5;background:#fff5f5;border-radius:8px;cursor:pointer;color:#ef4444;transition:all .2s;flex-shrink:0}.vc-delete-btn:hover{background:#fee2e2;border-color:#f87171}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.inactive{background:#fef2f2;color:#991b1b}.status-badge.expired{background:#fef3c7;color:#92400e}.status-badge.pending{background:#e0e7ff;color:#4338ca}.status-badge.used-up{background:#f1f5f9;color:#475569}.voucher-modal{max-width:880px;width:100%;max-height:calc(92vh / var(--ui-vu, 1));overflow-y:auto;box-sizing:border-box;border-radius:20px!important;background:#fafafa!important;box-shadow:0 20px 50px #0000001f!important;padding:24px!important}.voucher-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.voucher-form .form-group{min-width:0;overflow:hidden}.voucher-form .form-group.full{grid-column:1 / -1}.voucher-form .form-group label{display:block;font-size:13px;font-weight:600;color:#344054;margin-bottom:6px}.voucher-form .form-group input,.voucher-form .form-group select,.voucher-form .form-group textarea{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;background:#fff;color:#1e293b;transition:border-color .2s;box-sizing:border-box}.voucher-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>")!important;background-repeat:no-repeat!important;background-position:right 12px center!important;background-size:14px!important;padding-right:32px!important}.voucher-form .vc-time-select{width:58px!important;padding:8px 16px 8px 6px!important;text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0;box-sizing:border-box;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>")!important;background-repeat:no-repeat!important;background-position:right 4px center!important;background-size:10px!important}.voucher-form .input-with-icon:focus-within,.voucher-form .input-with-suffix:focus-within{border-color:#ea580c!important;box-shadow:0 0 0 3px #ea580c26!important}.voucher-form input:focus,.voucher-form select:focus,.voucher-form textarea:focus{border-color:#ea580c!important;box-shadow:0 0 0 3px #ea580c26!important}.voucher-form .checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.voucher-form .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px;padding-top:16px;border-top:1px solid #e2e8f0}.voucher-form .form-actions .btn-secondary{background:#f1f5f9!important;color:#475569!important;border:none!important;padding:10px 20px!important;border-radius:10px!important;font-weight:600!important;transition:background .15s ease!important;cursor:pointer}.voucher-form .form-actions .btn-secondary:hover{background:#e2e8f0!important}.voucher-form .form-actions .btn-primary{background:#ea580c!important;color:#fff!important;border:none!important;padding:10px 24px!important;border-radius:10px!important;font-weight:600!important;box-shadow:0 4px 12px #ea580c33!important;transition:background .15s ease,transform .15s ease!important;cursor:pointer}.voucher-form .form-actions .btn-primary:hover{background:#d95d0f!important;transform:translateY(-1px)!important}.voucher-form .form-actions .btn-primary:disabled{opacity:.6!important;cursor:not-allowed!important}.vc-datetime-row{display:flex;align-items:center;gap:4px}.vc-datetime-row input[type=date]{flex:1;min-width:0;padding:8px 6px;box-sizing:border-box}.vc-time-select{width:50px!important;padding:8px 2px!important;text-align:center;font-variant-numeric:tabular-nums;flex-shrink:0;box-sizing:border-box}.vc-time-sep{font-weight:700;font-size:16px;color:#475569;line-height:1;flex-shrink:0}.voucher-detail-modal{max-width:800px;max-height:calc(90vh / var(--ui-vu, 1));overflow-y:auto}.detail-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.detail-stat{display:flex;flex-direction:column;padding:12px 14px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.detail-stat .label{font-size:12px;text-transform:uppercase;font-weight:600;color:#64748b;margin-bottom:4px}.detail-stat .value{font-size:15px;font-weight:700;color:#1e293b}.detail-stat .value.code{font-family:monospace;color:var(--color-primary)}.detail-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:2px solid #e2e8f0}.detail-tabs button{padding:8px 16px;font-size:13px;font-weight:600;border:none;background:none;cursor:pointer;color:#64748b;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s}.detail-tabs button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.detail-body{max-height:400px;overflow-y:auto}.voucher-code{font-family:monospace;background:#f0fdf4;padding:2px 6px;border-radius:4px;color:var(--color-primary);font-weight:600;font-size:12.5px}.btn-primary{padding:8px 20px;background:var(--brand-gradient);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary:hover{opacity:.9;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:8px 20px;background:#f8fafc;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}.btn-secondary:hover{background:#e2e8f0}.vouchers-page .modal-overlay{position:fixed;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.vouchers-page .modal-content{background:#fff;border-radius:16px;width:100%;padding:24px;box-shadow:0 20px 60px #0003}.vouchers-page .modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.vouchers-page .modal-header h2{font-size:18px;font-weight:700;margin:0}.vouchers-page .modal-close{width:32px;height:32px;border:none;background:#f8fafc;border-radius:8px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#64748b}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;gap:12px}.loading-spinner{width:36px;height:36px;border:3px solid #e2e8f0;border-top-color:var(--color-primary);border-radius:50%;animation:spin-vc .8s linear infinite}@keyframes spin-vc{to{transform:rotate(360deg)}}.loading-text{font-size:.85rem;color:#94a3b8}.empty-state{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px 20px;color:#94a3b8;font-size:2rem}.empty-state-text{font-size:.88rem}@media(max-width:1024px){.vc-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.vouchers-page{padding:16px 0}.vc-page-header{flex-direction:column;gap:8px}.vc-sub-header{flex-direction:column;gap:12px;align-items:flex-start}.vc-kpi-grid{grid-template-columns:1fr 1fr}.vc-campaigns-grid{grid-template-columns:repeat(2,1fr)}.vc-filter-tabs{overflow-x:auto}}@media(max-width:480px){.vc-kpi-grid{grid-template-columns:1fr}}[data-theme=dark] .vouchers-page{background:#101525!important}[data-theme=dark] .vc-page-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .vc-title{color:#f5f7fa!important}[data-theme=dark] .vc-subtitle{color:#94a3b8!important}[data-theme=dark] .vc-sub-header{background:#151a2b!important;border-color:#ffffff14!important}[data-theme=dark] .vc-kpi-grid{background:transparent!important}[data-theme=dark] .vc-kpi-box{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .vc-kpi-label{color:#94a3b8!important}[data-theme=dark] .vc-kpi-value{color:#f5f7fa!important}@media(max-width:768px){.vouchers-page.mobile-voucher-page{padding:0 0 calc(var(--mobile-nav-space, 72px) + 16px)!important;overflow-x:clip!important}.mobile-voucher-page .vch-header-row{padding:14px 16px 0!important;margin-bottom:12px!important;gap:10px!important}.mobile-voucher-page .vch-header-row>div:first-child{display:none!important}.mobile-voucher-page .vch-header-row>div:last-child{width:100%!important;min-width:0!important;flex-wrap:nowrap!important;gap:8px!important}.mobile-voucher-page .vch-header-row>div:last-child>button{flex:1 1 auto!important;min-width:0!important;justify-content:center!important;padding:10px!important;white-space:nowrap!important}.mobile-voucher-page .vch-header-row>div:last-child>div{flex:0 1 auto!important;min-width:0!important;padding:6px 9px!important;font-size:12px!important;white-space:nowrap!important}.mobile-voucher-page .vch-filter-tabs,.mobile-voucher-page .vch-campaign-grid{margin-left:16px!important;margin-right:16px!important;width:auto!important}.mobile-voucher-page .vch-filter-tabs{margin-bottom:12px!important}.mobile-voucher-page .vch-campaign-grid>*{grid-column:1 / -1!important;min-width:0!important}.mobile-voucher-page .vch-campaign-grid>div{padding:12px 16px 14px!important;min-height:0!important}.mobile-voucher-page .vch-campaign-grid>div>div:first-child{max-width:340px!important}.mobile-voucher-page .vch-campaign-grid>div>div:first-child>div:first-child{width:100px!important;height:100px!important;margin-bottom:12px!important}.mobile-voucher-page .vch-campaign-grid>div>div:first-child>div:first-child>div{font-size:48px!important}.mobile-voucher-page .vch-campaign-grid>div>div:first-child>div:nth-child(2){font-size:16px!important}.mobile-voucher-page .vch-campaign-grid>div>div:first-child>div:nth-child(3){margin-top:6px!important;font-size:12px!important;line-height:1.45!important}.mobile-voucher-page .vch-campaign-grid>div>div:first-child>div:nth-child(4){margin-top:12px!important;padding:10px!important}.mobile-voucher-page .vch-campaign-grid>div>div:first-child button{margin-top:12px!important;padding:11px 16px!important;min-height:46px!important}.mobile-voucher-page .vch-campaign-grid>div>div:first-child button+button{margin-top:6px!important}.mobile-voucher-page .vch-campaign-grid>div[style*=minHeight]{min-height:280px!important}.mobile-voucher-page .vch-campaign-grid>.vch-campaign-card>.vch-card-head{max-width:none!important;align-items:flex-start!important}.mobile-voucher-page .vch-campaign-grid>.vch-campaign-card>.vch-card-head>.vch-card-icon{width:64px!important;height:64px!important;margin-bottom:0!important;border-radius:14px!important;font-size:30px!important}.mobile-voucher-page .vch-campaign-grid>.vch-campaign-card>.vch-card-head>span{margin-top:0!important;line-height:1.5!important}.mobile-voucher-page .vch-filter-tabs::-webkit-scrollbar{display:none}}html.mobile-preview .vouchers-page.mobile-voucher-page{padding:0 0 96px!important;overflow-x:clip!important}html.mobile-preview .mobile-voucher-page .vch-header-row{padding:14px 16px 0!important;margin-bottom:12px!important;gap:10px!important}html.mobile-preview .mobile-voucher-page .vch-header-row>div:first-child{display:none!important}html.mobile-preview .mobile-voucher-page .vch-header-row>div:last-child{width:100%!important;min-width:0!important;flex-wrap:nowrap!important;gap:8px!important}html.mobile-preview .mobile-voucher-page .vch-header-row>div:last-child>button{flex:1 1 auto!important;min-width:0!important;justify-content:center!important;padding:10px!important;white-space:nowrap!important}html.mobile-preview .mobile-voucher-page .vch-header-row>div:last-child>div{flex:0 1 auto!important;min-width:0!important;padding:6px 9px!important;font-size:12px!important;white-space:nowrap!important}html.mobile-preview .mobile-voucher-page .vch-filter-tabs,html.mobile-preview .mobile-voucher-page .vch-campaign-grid{margin-left:16px!important;margin-right:16px!important;width:auto!important}html.mobile-preview .mobile-voucher-page .vch-filter-tabs{margin-bottom:12px!important}html.mobile-preview .mobile-voucher-page .vch-campaign-grid>*{grid-column:1 / -1!important;min-width:0!important}html.mobile-preview .mobile-voucher-page .vch-campaign-grid>div{padding:12px 16px 14px!important;min-height:0!important}html.mobile-preview .mobile-voucher-page .vch-campaign-grid>div>div:first-child>div:first-child{width:100px!important;height:100px!important;margin-bottom:12px!important}html.mobile-preview .mobile-voucher-page .vch-campaign-grid>div>div:first-child>div:first-child>div{font-size:48px!important}html.mobile-preview .mobile-voucher-page .vch-campaign-grid>div>div:first-child>div:nth-child(2){font-size:16px!important}html.mobile-preview .mobile-voucher-page .vch-campaign-grid>div>div:first-child>div:nth-child(3){margin-top:6px!important;font-size:12px!important;line-height:1.45!important}html.mobile-preview .mobile-voucher-page .vch-campaign-grid>div>div:first-child>div:nth-child(4){margin-top:12px!important;padding:10px!important}html.mobile-preview .mobile-voucher-page .vch-campaign-grid>div>div:first-child button{margin-top:12px!important;padding:11px 16px!important;min-height:46px!important}html.mobile-preview .mobile-voucher-page .vch-campaign-grid>div>div:first-child button+button{margin-top:6px!important}html.mobile-preview .mobile-voucher-page .vch-campaign-grid>.vch-campaign-card>.vch-card-head{max-width:none!important;align-items:flex-start!important}html.mobile-preview .mobile-voucher-page .vch-campaign-grid>.vch-campaign-card>.vch-card-head>.vch-card-icon{width:64px!important;height:64px!important;margin-bottom:0!important;border-radius:14px!important;font-size:30px!important}html.mobile-preview .mobile-voucher-page .vch-campaign-grid>.vch-campaign-card>.vch-card-head>span{margin-top:0!important;line-height:1.5!important}html.mobile-preview .mobile-voucher-page .vch-filter-tabs::-webkit-scrollbar{display:none}.ws-page{padding:24px 32px 40px;background:var(--color-background);min-height:calc(100vh / var(--ui-vu, 1))}.ws-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:12px 14px;box-shadow:0 1px 3px #00000008}.ws-tab{padding:8px 18px;border-radius:999px;border:1px solid transparent;background:transparent;color:#475569;font-size:.88rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:all .15s}.ws-tab:hover{color:var(--color-primary)}.ws-tab.active{background:#ccfbf1;color:var(--color-primary);font-weight:600;border-color:var(--teal-15, #99f6e4)}.ws-members-section{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:22px 26px;box-shadow:0 1px 3px #00000008}.ws-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.ws-section-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:700;color:#1e293b;margin:0 0 4px}.ws-section-sub{font-size:.85rem;color:#94a3b8;margin:0}.ws-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;flex-shrink:0}.ws-btn-primary:hover{background:var(--color-primary-hover)}.ws-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 14px;border-radius:10px;margin-bottom:16px;font-size:.88rem}.ws-empty-state{text-align:center;padding:60px 20px;color:#94a3b8;font-size:.92rem}.ws-empty-state svg{margin:0 auto 12px;display:block}.ws-empty-state p{margin:8px 0 4px;font-size:1rem;font-weight:600;color:#475569}.ws-empty-state span{font-size:.85rem;color:#94a3b8}.ws-member-list{border:1px solid #f1f5f9;border-radius:12px;overflow:hidden}.ws-member-header{display:grid;grid-template-columns:2fr 1fr 1fr 60px;gap:16px;align-items:center;padding:12px 18px;background:#fafbfc;border-bottom:1px solid #f1f5f9;font-size:.7rem;font-weight:600;color:#94a3b8;letter-spacing:.5px;text-transform:uppercase}.ws-member-row{display:grid;grid-template-columns:2fr 1fr 1fr 60px;gap:16px;align-items:center;padding:14px 18px;border-bottom:1px solid #f1f5f9;background:#fff;transition:background .15s}.ws-member-row:last-child{border-bottom:none}.ws-member-row:hover{background:#f8fafc}.ws-col-user{display:flex;align-items:center;gap:12px;min-width:0}.ws-member-avatar{width:38px;height:38px;border-radius:8px;color:#fff;font-weight:700;font-size:14px;display:grid;place-items:center;flex-shrink:0}.ws-member-info{display:flex;flex-direction:column;gap:2px;min-width:0}.ws-member-name{font-weight:600;color:#111827;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-member-email{font-size:.8rem;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-role-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;font-size:.78rem;font-weight:600}.ws-role-select{padding:6px 10px;border:1px solid #e5e7eb;border-radius:8px;font-size:.82rem;color:#475569;background:#fff;cursor:pointer;outline:none}.ws-role-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.ws-col-date{font-size:.85rem;color:#475569}.ws-col-actions{text-align:right}.ws-btn-remove{width:32px;height:32px;border:1px solid #fecaca;background:#fff;color:#ef4444;border-radius:8px;cursor:pointer;display:inline-grid;place-items:center}.ws-btn-remove:hover{background:#fef2f2}.ws-page-header{display:flex;align-items:center;gap:16px;background:var(--brand-gradient);border:1px solid var(--color-primary);border-radius:16px;padding:18px 24px;margin-bottom:14px;box-shadow:0 1px 3px #00000008;color:#fff}.ws-page-header .m-standard-hero-inner{width:100%;display:flex;align-items:center;gap:16px}.ws-page-header .ws-page-back{display:none}.ws-page-title{font-size:1.4rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.01em}.ws-page-subtitle{font-size:.88rem;color:#ffffffd9;margin:4px 0 0}.mpage-hero{background:var(--brand-gradient);color:#fff;border-radius:16px;padding:18px 22px;margin-bottom:14px}.mpage-hero-title{font-size:1.2rem;font-weight:700}.mpage-hero-sub{font-size:.85rem;opacity:.9;margin-top:4px}.ws-denied{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:30px;text-align:center;color:#dc2626;margin:30px}@media(max-width:768px){.ws-page{padding:0 0 calc(var(--mobile-nav-space, 72px) + 16px)!important;width:100%!important;min-width:0!important;overflow-x:clip!important}.ws-page .mpage-hero{display:none!important}.ws-page>.ws-page-header.m-standard-hero{width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important;border:none!important}.ws-page-header .m-standard-hero-inner{width:100%!important;display:flex!important;align-items:center!important;gap:12px!important}.ws-page-header .ws-page-header-icon{flex-shrink:0!important}.ws-page-header-text{min-width:0!important;flex:1 1 auto!important}.ws-page-header .ws-page-title,.ws-page-header .ws-page-subtitle{min-width:0!important}.ws-page-header .ws-page-title{color:#fff!important;font-size:17px!important;line-height:20px!important}.ws-page-header .ws-page-subtitle{color:#ffffffdb!important;font-size:12px!important;line-height:16px!important}.ws-page .ws-tabs{display:none!important}.ws-page .ws-tab-content{margin-left:14px!important;margin-right:14px!important}.ws-members-section{background:transparent;padding:0;border:none;box-shadow:none}.ws-section-header{flex-direction:column;align-items:stretch;gap:10px;padding:0;margin-bottom:14px}.ws-section-title{font-size:15px}.ws-section-sub{font-size:12px}.ws-btn-primary{width:100%;justify-content:center;padding:10px 16px;font-size:13px;border-radius:10px}.ws-member-list{border:none;border-radius:0}.ws-member-header{display:none}.ws-member-row{display:flex;flex-direction:column;gap:8px;padding:14px;margin-bottom:8px;border-radius:14px;border:1px solid #e5e7eb;background:#fff;box-shadow:0 1px 3px #0000000a}.ws-member-row:last-child{border-bottom:1px solid #e5e7eb}.ws-col-user{gap:10px}.ws-member-avatar{width:42px;height:42px;border-radius:50%;font-size:15px}.ws-member-name{font-size:14px;font-weight:700}.ws-member-email{font-size:12px}.ws-col-role{padding-left:52px}.ws-role-badge{font-size:12px;padding:3px 10px}.ws-role-select{font-size:12px;padding:4px 8px}.ws-col-date{padding-left:52px;font-size:12px;color:#94a3b8}.ws-col-actions{padding-left:52px}}html.mobile-preview .ws-page{padding:0 0 96px!important;width:100%!important;min-width:0!important;overflow-x:clip!important}html.mobile-preview .ws-page .mpage-hero{display:none!important}html.mobile-preview .ws-page>.ws-page-header.m-standard-hero{width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important;border:none!important}html.mobile-preview .ws-page-header .m-standard-hero-inner{width:100%!important;display:flex!important;align-items:center!important;gap:12px!important}html.mobile-preview .ws-page-header-text{min-width:0!important;flex:1 1 auto!important}html.mobile-preview .ws-page-header .ws-page-title{color:#fff!important;font-size:17px!important;line-height:20px!important;min-width:0!important}html.mobile-preview .ws-page-header .ws-page-subtitle{color:#ffffffdb!important;font-size:12px!important;line-height:16px!important}html.mobile-preview .ws-page .ws-tabs{display:none!important}html.mobile-preview .ws-page .ws-tab-content{margin-left:14px!important;margin-right:14px!important}html.mobile-preview .ws-members-section{background:transparent!important;padding:0!important;border:none!important;box-shadow:none!important}html.mobile-preview .ws-section-header{flex-direction:column!important;align-items:stretch!important;gap:10px!important;padding:0!important;margin-bottom:14px!important}html.mobile-preview .ws-section-title{font-size:15px!important}html.mobile-preview .ws-section-sub{font-size:12px!important}html.mobile-preview .ws-btn-primary{width:100%!important;justify-content:center!important;padding:10px 16px!important;font-size:13px!important;border-radius:10px!important}html.mobile-preview .ws-member-list{border:none!important;border-radius:0!important}html.mobile-preview .ws-member-header{display:none!important}html.mobile-preview .ws-member-row{display:flex!important;flex-direction:column!important;gap:8px!important;padding:14px!important;margin-bottom:8px!important;border-radius:14px!important;border:1px solid #e5e7eb!important;background:#fff!important;box-shadow:0 1px 3px #0000000a!important}html.mobile-preview .ws-col-user{gap:10px!important}html.mobile-preview .ws-member-avatar{width:42px!important;height:42px!important;border-radius:50%!important;font-size:15px!important}html.mobile-preview .ws-member-name{font-size:14px!important;font-weight:700!important}html.mobile-preview .ws-member-email{font-size:12px!important}html.mobile-preview .ws-col-role,html.mobile-preview .ws-col-date,html.mobile-preview .ws-col-actions{padding-left:52px!important}html.mobile-preview .ws-role-badge{font-size:12px!important;padding:3px 10px!important}html.mobile-preview .ws-col-date{font-size:12px!important;color:#94a3b8!important}.ws-perm-grid .ws-perm-role-cell{display:table-cell;white-space:nowrap}.ws-perm-grid .ws-perm-role-icon{display:inline-flex;vertical-align:middle;margin-right:8px}.ws-perm-grid .ws-perm-role-name{vertical-align:middle}.ws-perm-grid .ws-perm-row-owner .ws-perm-role-cell{background:#fffbeb!important}@media(max-width:768px){.ws-perm-grid-wrap{max-width:100%;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;background:#fff}.ws-perm-grid th,.ws-perm-grid td{padding:8px 6px}.ws-perm-grid .ws-perm-role-col,.ws-perm-grid .ws-perm-role-cell{min-width:0;padding-left:10px!important;box-shadow:1px 0 #e2e8f0}.ws-perm-grid .ws-perm-role-icon{width:24px;height:24px;font-size:12px;margin-right:6px}.ws-perm-grid .ws-perm-role-name{font-size:12.5px}.ws-perm-grid .ws-perm-toggle-col{min-width:44px}.ws-perm-grid .ws-perm-feat-col{min-width:52px}.ws-perm-grid .ws-perm-group-header{text-align:left;padding-left:8px!important}.ws-perm-grid .ws-perm-feat-label{max-width:none;overflow:visible}.ws-perm-legend-bar{padding:10px 2px}.ws-perm-legend-items{display:grid;grid-template-columns:repeat(3,minmax(0,auto));justify-content:start;gap:8px 18px;width:100%}.ws-perm-legend-dot{white-space:nowrap}.ws-member-row{align-items:stretch}.ws-col-user,.ws-member-info{min-width:0}.ws-member-name{overflow-wrap:anywhere}.ws-invites-list .ws-col-date{display:block}.workspace-page .ws-page .ws-tab-content{margin:0!important;padding:0!important;border:none!important;border-radius:0!important;background:transparent!important}.ws-member-row .ws-role-select{width:100%;max-width:240px;min-height:36px;font-size:13px;padding:6px 10px}.ws-member-sub-id{font-size:11px;color:#94a3b8}}.settings-page{padding:16px}@media(min-width:769px){.settings-page{margin-left:-24px!important;margin-right:-24px!important;padding-left:10px!important;padding-right:10px!important;padding-top:16px!important}}.settings-page .page-header{margin-bottom:12px}.settings-page .page-header h1{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 4px}.settings-page .subtitle{color:#64748b;font-size:14px;margin:0}.settings-layout{display:flex;gap:24px;min-height:calc(calc(100vh / var(--ui-vu, 1)) - 200px)}.settings-nav{width:240px;flex-shrink:0;background:#fff;border-radius:12px;padding:12px;box-shadow:0 1px 3px #00000014;height:-moz-fit-content;height:fit-content;position:sticky;top:24px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:14px;color:#64748b;transition:all .2s;text-align:left}.nav-item:hover{background:#f1f5f9;color:#1e293b}.nav-item.active{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff}.nav-item svg{flex-shrink:0}.settings-content{flex:1;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;overflow:hidden}.tab-content{padding:16px}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #F0F2F3;border-bottom:1px solid #e2e8f0}.tab-header h2{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 4px}.tab-header p{color:#64748b;font-size:14px;margin:0}.settings-form{max-width:100%}.form-group{margin-bottom:12px}.form-group label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:4px}.form-group .required{color:#ef4444}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=url],.form-group input[type=number],.form-group input[type=time],.form-group select,.form-group textarea{width:100%;padding:10px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;color:#1e293b;transition:border-color .2s,box-shadow .2s,background .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.form-group input:disabled{background:#e2e8f0;color:#9ca3af}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{margin-top:16px;padding-top:12px;border-top:1px solid #e2e8f0}.store-info-edit-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 2px #0f172a0a;overflow:hidden}.store-info-edit-card__header{display:flex;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid #e2e8f0}.store-info-edit-card__header-icon{width:46px;height:46px;border-radius:50%;background:#e6f4f2;color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.store-info-edit-card__header h2{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 2px;line-height:1.2}.store-info-edit-card__header p{font-size:13px;color:#64748b;margin:0;line-height:1.4}.store-info-edit-card__body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;padding:22px 24px 10px}.store-info-edit-card__right{border-left:1px solid #f1f5f9;padding-left:28px}.store-info-edit-card__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:26px 16px;border:1.5px dashed #99e6dc;border-radius:10px;background:#fff;color:var(--color-primary);font-size:14px;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}.store-info-edit-card__dropzone:hover{background:#f0fdfa;border-color:var(--color-primary)}.store-info-edit-card__caption{font-size:12px;color:#94a3b8;margin-top:8px;text-align:center}.store-info-edit-card__preview{width:100%;height:110px;background:#f1f5f9;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#cbd5e1;overflow:hidden;position:relative}.store-info-edit-card__preview img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.store-info-edit-card__preview-remove{position:absolute;top:6px;right:6px;padding:3px 8px;border:none;background:#fee2e2;color:#dc2626;border-radius:6px;font-size:12px;cursor:pointer}.store-info-edit-card__actions{display:flex;justify-content:flex-end;gap:10px;padding:14px 24px;border-top:1px solid #e2e8f0;background:#fff}@media(max-width:900px){.store-info-edit-card__body{grid-template-columns:1fr}.store-info-edit-card__right{border-left:none;padding-left:0;border-top:1px solid #f1f5f9;padding-top:18px}}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer}.checkbox-group input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.logo-preview{margin-top:12px;padding:16px;background:#f8fafc;border-radius:8px;text-align:center}.logo-preview img{max-width:200px;max-height:100px;-o-object-fit:contain;object-fit:contain}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.4)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#f1f5f9;border-radius:6px;cursor:pointer;color:#64748b;transition:all .2s}.btn-icon:hover{background:#e2e8f0;color:#1e293b}.btn-icon.danger:hover{background:#fee2e2;color:#ef4444}.branches-list{display:flex;flex-direction:column;gap:12px}.branch-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;transition:all .2s}.branch-item:hover{border-color:#cbd5e1}.branch-item.inactive{opacity:.6}.branch-info h3{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 4px;display:flex;align-items:center;gap:8px}.branch-info .address{font-size:13px;color:#64748b;margin:0 0 8px}.branch-info .contact-info{display:flex;gap:16px;font-size:13px;color:#64748b}.branch-actions{display:flex;gap:8px}.badge{display:inline-block;padding:2px 8px;font-size:12px;font-weight:500;border-radius:4px}.badge.inactive{background:#fef3c7;color:#b45309}.working-hours-table{background:#f8fafc;border-radius:10px;overflow:hidden;border:1px solid #e2e8f0}.hours-header{display:grid;grid-template-columns:120px 1fr 1fr 60px;gap:16px;padding:12px 16px;background:#e2e8f0;font-size:13px;font-weight:600;color:#475569}.hours-row{display:grid;grid-template-columns:120px 1fr 1fr 60px;gap:16px;padding:12px 16px;border-bottom:1px solid #e2e8f0;align-items:center}.hours-row:last-child{border-bottom:none}.hours-row.closed{background:#fef2f2}.hours-row .day-name{font-weight:500;color:#1e293b}.hours-row input[type=time],.hours-row .time-select{padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.hours-row .time-select{width:100%;max-width:140px}.hours-row .time-select:disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.hours-row input[type=checkbox]{width:18px;height:18px;accent-color:#ef4444;cursor:pointer}.branch-select{width:100%;max-width:300px;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px}@media(min-width:769px){.tab-content:has(.wh-branch-picker){position:relative}.wh-branch-picker{position:absolute;top:14px;right:16px;margin-bottom:0!important;width:240px;z-index:2}.wh-branch-picker label{display:none}.wh-branch-picker .branch-select{width:240px;max-width:240px}}.print-settings .settings-section{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #e2e8f0}.print-settings .settings-section:last-of-type{border-bottom:none}.print-settings .settings-section h3{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 16px}@media(min-width:769px){.print-settings{counter-reset:print-section}.print-settings .settings-section h3{display:flex;align-items:center;gap:10px}.print-settings .settings-section h3:before{counter-increment:print-section;content:counter(print-section);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;background:#4f46e5;color:#fff;font-size:13px;font-weight:700;line-height:1}}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.checkbox-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#475569;cursor:pointer}.checkbox-item input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary)}.bank-accounts-list{display:flex;flex-direction:column;gap:12px}.bank-item{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;transition:all .2s}.bank-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.bank-item-left{display:flex;align-items:center;gap:16px}.qr-preview{width:60px;height:60px;border-radius:8px;overflow:hidden;background:#fff;border:1px solid #e2e8f0;flex-shrink:0}.qr-preview img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.qr-preview-form{margin-top:12px;padding:12px;background:#f8fafc;border-radius:8px;text-align:center;position:relative}.qr-preview-form img{max-width:150px;max-height:150px;-o-object-fit:contain;object-fit:contain;border-radius:8px}.btn-remove-qr{display:block;margin:8px auto 0;padding:6px 12px;font-size:12px;color:#ef4444;background:transparent;border:1px solid #ef4444;border-radius:6px;cursor:pointer;transition:all .2s}.btn-remove-qr:hover{background:#fef2f2}.qr-upload-area{width:100%}.qr-upload-box{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:2px dashed #cbd5e1;border-radius:12px;background:#f8fafc;cursor:pointer;transition:all .2s;text-align:center;gap:8px}.qr-upload-box:hover{border-color:var(--color-primary);background:#eff6ff}.qr-upload-box .upload-icon{font-size:32px;line-height:1}.qr-upload-box span{font-size:14px;color:#64748b}.qr-upload-box .upload-hint{font-size:12px;color:#94a3b8}.uploading-text{font-size:14px;color:var(--color-primary);font-weight:500}.bank-info h3{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 4px;display:flex;align-items:center;gap:8px}.bank-info .account-number{font-size:14px;font-weight:500;color:var(--color-primary);margin:0 0 2px;font-family:Monaco,Menlo,monospace}.bank-info .account-holder{font-size:13px;color:#64748b;margin:0}.bank-actions{display:flex;align-items:center;gap:8px}.bank-tags{display:flex;gap:8px}.tag{display:inline-block;padding:4px 10px;font-size:12px;font-weight:500;border-radius:6px;background:#e2e8f0;color:#475569}.tag.default{background:rgba(var(--color-primary-rgb),.1);color:#1d4ed8}.info-box{padding:14px 18px;background:#eff6ff;border-radius:8px;border:1px solid #bfdbfe;margin-bottom:20px}.info-box p{margin:0;font-size:14px;color:#1e40af}.empty-state,.loading-state{padding:48px;text-align:center;color:#64748b}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;padding:24px;width:100%;max-width:500px;max-height:calc(90vh / var(--ui-vu, 1));height:-moz-fit-content;height:fit-content;overflow-y:auto;box-shadow:0 20px 50px #00000026}.modal-content h2{font-size:18px;font-weight:600;color:#1e293b;margin:0 0 20px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0}.badge{display:inline-block;padding:2px 8px;font-size:12px;font-weight:600;border-radius:12px;text-transform:uppercase}.badge.default{background:rgba(var(--color-primary-rgb),.1);color:#1d4ed8}.checkbox-group{display:flex;align-items:center;gap:8px}.checkbox-group label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:400}.checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}@media(max-width:768px){.settings-layout{flex-direction:column}.settings-nav{width:100%;position:static;display:flex;flex-wrap:wrap;gap:8px;padding:8px}.settings-nav .nav-item{flex:1;min-width:calc(50% - 4px);justify-content:center;padding:10px 12px}.settings-nav .nav-item span{display:none}.form-row{grid-template-columns:1fr}.settings-form--paired .form-row{grid-template-columns:1fr 1fr!important;gap:8px!important}.settings-form--paired input{font-size:13px!important;padding:8px 10px!important}.settings-form--paired label{font-size:12px!important}.settings-form--paired .form-actions{display:flex!important;gap:10px!important;position:sticky;bottom:0;background:#fff;padding-top:12px;margin-top:16px}.settings-form--paired .form-actions button{flex:1;padding:11px 14px!important;border-radius:10px!important;font-size:13.5px!important;font-weight:700!important}.checkbox-grid{grid-template-columns:1fr}.hours-header,.hours-row{grid-template-columns:60px 1fr 1fr 32px;gap:4px;padding:12px 8px;align-items:center}.hours-row .time-select,.hours-header span{min-width:0!important}.ws-sub-tab-content .tab-header h2{font-size:24px!important;font-weight:800!important;letter-spacing:-.02em}.ws-sub-tab-content .tab-header p{font-size:14px!important;line-height:1.5;color:#64748b!important}.ws-sub-tab-content .tab-header .btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover))!important;color:#fff!important;padding:12px 22px!important;border-radius:12px!important;font-size:15px!important;font-weight:700!important;box-shadow:0 6px 14px rgba(var(--color-primary-rgb),.28)!important;align-self:flex-start!important;display:inline-flex!important;align-items:center!important;gap:8px!important}.branches-list{gap:10px!important}.branch-item{background:#fff!important;border:1px solid #E5E7EA!important;border-radius:14px!important;padding:12px 14px!important;align-items:flex-start!important;gap:10px}.branch-info{flex:1 1 auto;min-width:0}.branch-info h3{flex-wrap:wrap;overflow-wrap:anywhere}.branch-info .contact-info{flex-direction:column;gap:4px!important;min-width:0}.branch-info .contact-info span{overflow-wrap:anywhere;word-break:break-word}.branch-actions{flex-shrink:0}.branch-info h3{font-size:16px!important;font-weight:700!important}.branch-info h3:before{content:"🏪";display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:#e6f4f2;color:var(--color-primary);border-radius:50%;font-size:18px;margin-right:4px}.badge.default{background:#dbeafe!important;color:#1d4ed8!important;border-radius:999px!important;padding:3px 10px!important;font-size:12px!important;font-weight:800!important;letter-spacing:.04em;text-transform:uppercase}.branch-actions .btn-icon,.bank-actions .btn-icon{width:40px;height:40px;flex-shrink:0;border:1px solid #E5E7EA!important;border-radius:10px!important;background:#fff!important}.bank-item{flex-wrap:wrap;align-items:flex-start;gap:12px;padding:14px!important;background:#fff!important;border-radius:14px!important}.bank-item-left{flex:1 1 100%;min-width:0;gap:12px}.bank-info{min-width:0}.bank-info h3{flex-wrap:wrap;overflow-wrap:anywhere}.bank-actions{flex:1 1 100%;justify-content:flex-end;padding-top:12px;border-top:1px solid #F1F5F9}.bank-actions .btn-secondary{height:40px;margin-right:auto;padding:0 14px;border-radius:10px;white-space:nowrap}.working-hours-table{border-radius:14px!important;background:#fff!important}.hours-header{background:#f1f5f9!important;padding:14px 12px!important;font-size:12px!important}.hours-row{padding:14px 12px!important}.hours-row.closed{background:#ecfdf5!important}.hours-row.closed .day-name{color:var(--color-primary)!important;font-weight:700!important}.hours-row .day-name{font-size:14px!important}.hours-row .time-select{padding:7px 4px!important;font-size:12px!important;border-radius:8px!important;max-width:100%!important;width:100%!important;min-width:0!important;box-sizing:border-box}.hours-row input[type=checkbox]{width:22px!important;height:22px!important;accent-color:var(--color-primary)!important;border-radius:6px!important}.branch-select{max-width:100%!important;padding:12px 14px!important;border-radius:12px!important;font-size:14px!important}}.store-info-view{padding:4px 0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.info-item{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:12px;background:#f8fafc;border:1px solid #F0F2F3;min-height:64px;justify-content:center;transition:all .15s}.info-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 1px 3px #10201e0d}.info-label{font-size:12px;font-weight:700;color:#8a9499;text-transform:uppercase;letter-spacing:.6px}.info-value{font-size:13.5px;font-weight:600;color:#1a2b2a;word-break:break-word;line-height:1.4}.save-success-toast{display:flex;align-items:center;gap:8px;padding:10px 16px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #6ee7b7;border-radius:8px;color:#065f46;font-size:13px;font-weight:500;margin-bottom:12px;animation:toast-in .3s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}[data-theme=dark] .info-value{color:#e2e8f0}[data-theme=dark] .info-item{border-bottom-color:#334155}[data-theme=dark] .save-success-toast{background:linear-gradient(135deg,#064e3b,#065f46);border-color:#10b981;color:#d1fae5}[data-theme=dark] .settings-page{background:#101525!important}[data-theme=dark] .settings-page .page-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .settings-page .page-header h1{color:#f5f7fa!important}[data-theme=dark] .settings-page .subtitle{color:#94a3b8!important}[data-theme=dark] .settings-layout{background:transparent!important}[data-theme=dark] .settings-nav{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .nav-item{color:#94a3b8!important}[data-theme=dark] .nav-item:hover{background:#ffffff0a!important;color:#f5f7fa!important}[data-theme=dark] .nav-item.active{background:rgba(var(--color-primary-rgb),.15)!important;color:var(--color-primary, #2dd4bf)!important}[data-theme=dark] .settings-content{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .tab-content{background:#202638!important}[data-theme=dark] .tab-header{border-color:#ffffff14!important}[data-theme=dark] .tab-header h2{color:#f5f7fa!important}[data-theme=dark] .tab-header p,[data-theme=dark] .form-group label{color:#94a3b8!important}[data-theme=dark] .settings-form .form-group input,[data-theme=dark] .settings-form .form-group select,[data-theme=dark] .settings-form .form-group textarea{background:#1c2233!important;border-color:#ffffff1f!important;color:#f5f7fa!important}[data-theme=dark] .settings-form .form-group input:disabled{background:#101525!important;color:#64748b!important}[data-theme=dark] .store-info-edit-card{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .store-info-edit-card__header{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .store-info-edit-card__header h2{color:#f5f7fa!important}[data-theme=dark] .store-info-edit-card__header p{color:#94a3b8!important}[data-theme=dark] .store-info-edit-card__body{background:#202638!important}:root{--settings-shell-bg: #f8fafc;--settings-shell-fg: #0f172a;--settings-shell-muted: #64748b;--settings-shell-brand: var(--color-primary, #0f766e);--settings-shell-brand-bg: var(--color-primary-soft, #f0fdfa);--settings-shell-border: #e2e8f0;--settings-shell-card-bg: #ffffff;--settings-shell-sidebar-w: 220px;--settings-shell-header-h: 60px;--settings-shell-body-max-w: none;--settings-shell-body-padding-y: 18px;--settings-shell-body-padding-x: 24px;--settings-shell-section-gap: 16px;--settings-shell-card-radius: 14px}.settings-shell{display:flex;min-height:calc(100vh / var(--ui-vu, 1));background:var(--settings-shell-bg);color:var(--settings-shell-fg);font-family:Be Vietnam Pro,system-ui,sans-serif}@media(max-width:768px){.settings-shell{flex-direction:column;overflow-x:clip}.settings-shell__main{width:100%;min-width:0}.settings-shell__header{height:auto;min-height:52px;padding:10px 12px}.settings-shell__body{padding:14px 12px}.settings-shell__panel,.settings-shell__panel *{min-width:0}.settings-shell__body,.settings-shell__panel{overflow-wrap:anywhere}.settings-shell img,.settings-shell video,.settings-shell canvas{max-width:100%;height:auto}.settings-shell input,.settings-shell textarea,.settings-shell select{box-sizing:border-box;max-width:100%}.settings-shell table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.settings-shell__panel [style*=grid-template-columns]{grid-template-columns:1fr!important}}.settings-shell h1,.settings-shell h2,.settings-shell h3,.settings-shell h4,.settings-shell h5,.settings-shell h6,.settings-shell .ssub-title,.settings-shell .ssub-subtitle,.settings-shell .ssub-history-title,.settings-shell .page-title,.settings-shell .section-title,.settings-shell .card-title{font-family:"Be Vietnam Pro",var(--font-family-ui, system-ui),sans-serif;letter-spacing:-.01em}.settings-shell__sidebar{width:var(--settings-shell-sidebar-w);min-width:var(--settings-shell-sidebar-w);flex-shrink:0;background:var(--settings-shell-card-bg);border-right:1px solid var(--settings-shell-border);display:flex;flex-direction:column;padding:20px 16px}.settings-shell__main{flex:1;min-width:0;display:flex;flex-direction:column}.settings-shell__header{flex-shrink:0;height:var(--settings-shell-header-h);padding:0 var(--settings-shell-body-padding-x);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--settings-shell-border);background:var(--settings-shell-card-bg)}.settings-shell__header h1{font-size:22px;font-weight:700;color:var(--settings-shell-brand);letter-spacing:-.3px;margin:0}.settings-shell__body{flex:1;width:100%;min-height:0;display:flex;flex-direction:column;padding:var(--settings-shell-body-padding-y) var(--settings-shell-body-padding-x)}.settings-shell__panel{flex:1;width:100%;min-height:0;display:flex;flex-direction:column;gap:var(--settings-shell-section-gap)}.settings-shell__panel>[style*="min-height: 100vh"],.settings-shell__panel>[style*="min-height: calc(100vh"],.settings-shell__panel>[style*="min-height: calc(100dvh"],.settings-shell__panel>[style*="minHeight: '100vh'"],.settings-shell__panel .ssub-page,.settings-shell__panel .pricing-page{min-height:0!important}.settings-shell__panel>*{flex:1 1 auto!important;min-height:0!important}.settings-shell__panel[data-tab=info]>*>:last-child{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.settings-shell__panel[data-tab=info]>*>:last-child>:last-child{flex:1 1 auto;min-height:0}.settings-shell__panel[data-tab=info]>*>:last-child>:last-child[style*="flex-direction: column"]{justify-content:center}@media(min-width:1600px){.settings-shell{--settings-shell-body-padding-x: 28px;--settings-shell-body-padding-y: 16px;--settings-shell-section-gap: 16px}.settings-shell__panel [style*="padding: '24px'"]{padding-left:20px!important;padding-right:20px!important}.settings-shell__panel [style*="padding: '24px 28px'"]{padding-left:24px!important;padding-right:24px!important}.settings-shell__panel [style*="alignItems: 'stretch'"][style*="gap: 24"]{gap:18px!important}}.settings-shell .fin-sub-hero,.settings-shell .ssub-hero-mobile{display:none!important}.settings-shell .ssub-page{padding:0!important;max-width:none!important}@media(max-width:1024px){.settings-shell{flex-direction:column}.settings-shell__sidebar{width:100%;min-width:0;border-right:none;border-bottom:1px solid var(--settings-shell-border)}}[data-theme=dark] .settings-shell{background:#0f1419;color:#f5f7fa}[data-theme=dark] .settings-shell__sidebar,[data-theme=dark] .settings-shell__header{background:#202638;border-color:#ffffff14}.settings-shell__panel [style*="padding: 24px 28px"],.settings-shell__panel [style*="padding: 24px;"],.settings-shell__panel [style*='padding: 24px"'],.settings-shell__panel [style*="padding: '24px'"]{padding-top:14px!important;padding-bottom:14px!important}.settings-shell__panel [style*="padding: 28px 24px"]{padding-top:16px!important;padding-bottom:16px!important}.settings-shell__panel [style*="padding: 32px 24px"]{padding-top:18px!important;padding-bottom:18px!important}.settings-shell__panel [style*="margin-bottom: 24px"]{margin-bottom:14px!important}.settings-shell__panel [style*="margin-bottom: 20px"]{margin-bottom:12px!important}.settings-shell__panel [style*="margin-bottom: 16px"]{margin-bottom:10px!important}.settings-shell__panel [style*="margin-top: 24px"]{margin-top:12px!important}.settings-shell__panel [style*="margin-top: 16px"]{margin-top:10px!important}.settings-shell__panel [style*="flex-direction: column"][style*="gap: 24px"]{row-gap:14px!important}.settings-shell__panel [style*="flex-direction: column"][style*="gap: 20px"]{row-gap:12px!important}.settings-shell__panel [style*="flex-direction: column"][style*="gap: 16px"],.settings-shell__panel [style*="flex-direction: column"][style*="gap: 14px"]{row-gap:10px!important}.settings-shell__panel{gap:14px}.settings-shell__panel [style*="width: 60px"][style*="height: 60px"][style*="border-radius: 50%"]{width:44px!important;height:44px!important}.settings-shell__panel [style*="width: 60px"][style*="height: 60px"][style*="border-radius: 50%"] svg{width:24px!important;height:24px!important}.settings-shell__panel [style*="width: 56px"][style*="height: 56px"][style*="border-radius: 50%"]{width:44px!important;height:44px!important}.settings-shell__panel [style*="width: 80px"][style*="height: 80px"][style*="border-radius: 50%"]{width:64px!important;height:64px!important;font-size:26px!important}.settings-shell__panel .ssub-page{padding:0!important;max-width:none!important;width:100%!important;margin:0!important;min-height:0!important;background:transparent!important}.settings-shell__panel .ssub-empty-illust{width:76px!important;height:76px!important}.settings-shell__panel .ssub-header-desktop{margin-top:0!important;margin-bottom:0!important;padding-top:0!important;padding-bottom:0!important}.settings-shell__panel .ssub-history-section{margin-top:6px!important}.settings-shell__panel .pricing-page{padding-top:0!important;padding-bottom:0!important;min-height:0!important}.account-page{padding:24px 8px;max-width:100%;margin:0}.account-page .page-header h1{font-size:1.5rem;font-weight:700;color:#1a1a2e;margin:0 0 4px}.account-page .subtitle{color:#636e72;font-size:.85rem;margin:0}.account-layout{display:flex;gap:24px;margin-top:24px}.account-nav{width:220px;min-width:220px;background:#fff;border-radius:12px;padding:8px;box-shadow:0 1px 4px #0000000f;height:-moz-fit-content;height:fit-content;position:sticky;top:24px}.account-nav .nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 14px;border:none;background:none;border-radius:8px;cursor:pointer;font-size:.84rem;font-weight:500;color:#636e72;transition:all .2s;font-family:Be Vietnam Pro,sans-serif}.account-nav .nav-item:hover{background:#f8f9fa;color:#2d3436}.account-nav .nav-item.active{background:var(--brand-gradient);color:#fff}.account-nav .nav-item.upgrade{color:#3b82f6}.account-nav .nav-item.upgrade:hover{background:#eff6ff}.account-nav .nav-item.danger{color:#e74c3c}.account-nav .nav-item.danger:hover{background:#fdf0ef}.nav-divider{height:1px;background:#eee;margin:8px 14px}.account-content{flex:1;min-width:0}.account-content .tab-content{background:#fff;border-radius:10px;padding:18px;box-shadow:0 1px 4px #0000000f}.account-content .tab-header{margin-bottom:14px}.account-content .tab-header h2{font-size:1.05rem;font-weight:700;color:#1a1a2e;margin:0 0 2px}.account-content .tab-header p{color:#94a3b8;font-size:.76rem;margin:0}.info-items{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.info-item{display:flex;gap:12px;padding:14px;background:#fafbfc;border-radius:8px;border:1px solid #f0f0f0}.info-item-icon{width:38px;height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.info-item-body{display:flex;flex-direction:column;gap:2px}.info-item-label{font-size:.7rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.info-item-value{font-size:1.1rem;font-weight:700;color:#1a1a2e}.info-item-badge{display:inline-block;font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:4px;width:-moz-fit-content;width:fit-content}.info-item-badge.active{background:#d4edda;color:#155724}.info-item-badge.none{background:#f0f0f0;color:#636e72}.info-item-sub{font-size:.72rem;color:#94a3b8}.compact-info-grid{display:flex;gap:10px;margin-bottom:14px}.compact-info-item{flex:1;background:#fafbfc;border:1px solid #f0f0f0;border-radius:8px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}.compact-label{font-size:.7rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.compact-value{font-size:.85rem;font-weight:600;color:#1a1a2e;display:flex;align-items:center}.upgrade-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#f0fdf4,#eff6ff);border:1px solid #bbf7d0;border-radius:10px;padding:18px 20px}.upgrade-banner strong{font-size:.88rem;color:#1a1a2e}.upgrade-banner p{font-size:.78rem;color:#64748b;margin:4px 0 0}.section-box{background:#fafbfc;border-radius:8px;border:1px solid #f0f0f0;padding:14px;margin-bottom:10px}.section-box.section-tight{padding:12px 14px}.section-box h3{font-size:.82rem;font-weight:700;color:#2d3436;margin:0 0 8px}.row-form{display:flex;align-items:flex-end;gap:12px}.row-form>svg{flex-shrink:0;color:#64748b;margin-bottom:8px}.fg-grow{flex:1;min-width:0}.btn-self-end{margin-bottom:1px;white-space:nowrap}.avatar-mini{width:40px;height:40px;border-radius:50%;overflow:hidden;border:2px solid var(--color-primary);flex-shrink:0;margin-bottom:1px}.avatar-mini img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:var(--brand-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.account-page .form-group{display:flex;flex-direction:column;gap:5px}.account-page .form-group label{font-size:.78rem;font-weight:600;color:#2d3436}.account-page .form-group input{padding:9px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.82rem;font-family:Be Vietnam Pro,sans-serif;transition:border-color .2s,box-shadow .2s;outline:none}.account-page .form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.account-page .input-disabled{background:#f8f9fa;color:#94a3b8;cursor:not-allowed}.form-actions-inline{display:flex;justify-content:flex-end}.pw-form{display:flex;flex-direction:column;gap:12px}.account-page .btn-primary{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:var(--brand-gradient);color:#fff;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;font-family:Be Vietnam Pro,sans-serif}.account-page .btn-primary.btn-sm{padding:8px 16px;font-size:.8rem}.account-page .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.account-page .btn-primary:disabled{opacity:.6;cursor:not-allowed}.alert{padding:10px 16px;border-radius:8px;font-size:.82rem;margin-bottom:14px;font-weight:500}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.role-tags{display:flex;gap:6px;flex-wrap:wrap}.role-tag{display:inline-block;padding:3px 10px;background:linear-gradient(135deg,rgba(var(--color-primary-rgb),.15),#e8b4b826);color:#b8860b;border-radius:20px;font-size:.72rem;font-weight:600}.billing-table{width:100%;border-collapse:collapse;font-size:.84rem}.billing-table thead tr{border-bottom:1px solid #e2e8f0}.billing-table th{padding:10px 12px;text-align:left;color:#64748b;font-weight:600;font-size:.72rem;text-transform:uppercase}.billing-table td{padding:10px 12px}.billing-table td.mono{font-family:monospace;font-size:.78rem}.billing-table td.bold{font-weight:600}.billing-table td.muted{color:#64748b}.billing-table tbody tr{border-bottom:1px solid #f1f5f9}.status-badge{padding:2px 8px;border-radius:4px;font-size:.72rem;font-weight:600}.status-badge.completed{background:#10b98126;color:#059669}.status-badge.pending{background:#f59e0b26;color:#d97706}.status-badge.failed{background:#ef444426;color:#dc2626}.account-page .btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s;font-family:Be Vietnam Pro,sans-serif}.account-page .btn-secondary.btn-sm{padding:8px 16px;font-size:.8rem}.account-page .btn-secondary:hover{background:#e2e8f0}.btn-icon-mini{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#f1f5f9;border-radius:6px;cursor:pointer;font-size:12px;color:#64748b;transition:all .2s}.btn-icon-mini:hover{background:#e2e8f0;color:#1e293b}.btn-icon-mini.danger{width:30px;height:30px;border:1px solid #fecaca;background:#fff;border-radius:7px;color:#ef4444}.btn-icon-mini.danger:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.account-page .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.account-page .modal-content{background:#fff;border-radius:14px;padding:22px;width:100%;max-width:480px;max-height:calc(90vh / var(--ui-vu, 1));height:-moz-fit-content;height:fit-content;overflow-y:auto;box-shadow:0 20px 50px #00000026}.empty-state{text-align:center;padding:40px 20px;color:#94a3b8}.empty-state p{margin:10px 0 4px;font-size:.88rem}.empty-state span{font-size:.78rem;color:#cbd5e1}.account-page .loading-state{text-align:center;padding:60px 20px;color:#94a3b8;font-size:.88rem}@media(max-width:768px){.account-layout{flex-direction:column}.account-nav{width:100%;min-width:unset;display:flex;flex-wrap:wrap;gap:4px;position:static}.account-nav .nav-item{flex:1;min-width:-moz-fit-content;min-width:fit-content;justify-content:center}.nav-divider{display:none}.info-items{grid-template-columns:1fr}.compact-info-grid{flex-direction:column}.profile-compact{flex-direction:column;align-items:center}.form-row-compact{grid-template-columns:1fr}.upgrade-banner{flex-direction:column;text-align:center}}[data-theme=dark] .account-page{background:#101525!important}[data-theme=dark] .account-page .page-header h1{color:#f5f7fa!important}[data-theme=dark] .account-page .subtitle{color:#94a3b8!important}[data-theme=dark] .account-layout{background:transparent!important}[data-theme=dark] .account-nav{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .account-nav .nav-item{color:#94a3b8!important}[data-theme=dark] .account-nav .nav-item:hover{background:#ffffff0a!important;color:#f5f7fa!important}[data-theme=dark] .account-nav .nav-item.active{background:rgba(var(--color-primary-rgb),.15)!important;color:var(--color-primary, #2dd4bf)!important}[data-theme=dark] .account-content{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .account-content .tab-content{background:#202638!important}.ssub-page{padding:32px 36px 40px;max-width:1100px;margin:0 auto;background:#f8fafc;min-height:calc(100vh / var(--ui-vu, 1))}.ssub-header{margin-bottom:24px}.ssub-title{font-size:1.85rem;font-weight:700;color:#111827;margin:0 0 6px;letter-spacing:-.02em}.ssub-subtitle{font-size:.95rem;color:#94a3b8;margin:0}.ssub-empty-card{background:#fff;border:1px solid #f1f5f9;border-radius:18px;padding:64px 24px 56px;text-align:center;box-shadow:0 1px 3px #00000008;margin-bottom:28px}.ssub-empty-illust{width:110px;height:110px;margin:0 auto 16px;display:block}.ssub-empty-text{font-size:1.1rem;color:#475569;margin:0 0 24px;font-weight:500}.ssub-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:var(--color-primary);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px rgba(var(--color-primary-rgb),.28);transition:all .15s}.ssub-cta-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.ssub-status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:28px}.ssub-status-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:22px 24px;box-shadow:0 1px 3px #00000008}.ssub-status-label{font-size:.72rem;font-weight:600;color:#94a3b8;letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px}.ssub-status-value{font-size:1.6rem;font-weight:700;color:#111827;text-transform:capitalize;line-height:1.2}.ssub-status-pill{display:inline-block;margin-top:10px;padding:4px 12px;background:#d1fae5;color:#059669;border-radius:999px;font-size:.78rem;font-weight:600}.ssub-status-sub{font-size:.82rem;color:#64748b;margin-top:6px}.ssub-status-sub strong{color:#1e293b;font-weight:600}.ssub-history-title{font-size:1.15rem;font-weight:700;color:#111827;margin:0 0 12px;letter-spacing:-.01em}.ssub-history-empty{color:#94a3b8;font-size:.92rem;margin:0}.ssub-history-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #00000008}.ssub-history-table{width:100%;border-collapse:collapse;font-size:.9rem}.ssub-history-table thead th{text-align:left;padding:14px 16px;background:#fafbfc;border-bottom:1px solid #f1f5f9;font-size:.72rem;font-weight:600;color:#94a3b8;letter-spacing:.5px;text-transform:uppercase}.ssub-history-table tbody td{padding:14px 16px;border-bottom:1px solid #f1f5f9;color:#1e293b}.ssub-history-table tbody tr:last-child td{border-bottom:none}.ssub-history-table tbody tr:hover{background:#f8fafc}.ssub-history-code{font-family:SF Mono,Monaco,monospace;font-size:.82rem;color:#475569}.ssub-history-amount{font-weight:700;color:var(--color-primary)}.ssub-upgrade-banner{margin-top:28px;padding:16px 22px;background:#eff6ff;border:1px solid #dbeafe;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#1e40af;font-size:.92rem}.ssub-upgrade-link{background:transparent;border:none;color:#1d4ed8;font-weight:600;cursor:pointer;text-decoration:underline;font-size:.92rem}.ssub-upgrade-link:hover{text-decoration:none}.ssub-loading{padding:60px;text-align:center;color:#94a3b8}@media(max-width:768px){.ssub-page{padding:18px 14px 30px}.ssub-status-grid{grid-template-columns:1fr}.ssub-empty-card{padding:40px 18px 36px}.ssub-mobile-page{width:100%!important;max-width:100%!important;min-width:0!important;padding:0 0 calc(var(--mobile-nav-space, 72px) + 16px)!important;overflow-x:clip!important}.ssub-mobile-page .ssub-mobile-hero{width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important}}html.mobile-preview .ssub-mobile-page{width:100%!important;max-width:100%!important;min-width:0!important;padding:0 0 96px!important;overflow-x:clip!important}html.mobile-preview .ssub-mobile-page .ssub-mobile-hero{width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important}.dt-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.dt-layout>*{min-width:0}.dt-claim-row{display:flex;align-items:stretch}.dt-claim-row input{flex:1 1 0;min-width:0}.dt-claim-row button{flex:0 0 auto}.dt-add-row{display:flex;gap:8px;flex-wrap:wrap}.dt-add-row input{flex:2 1 180px;min-width:0}.dt-add-row select{flex:1 1 140px;min-width:0}@media(max-width:900px){.dt-layout{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.dt-claim-row{flex-wrap:wrap}.dt-claim-row button{flex:1 0 100%;min-height:44px;border-top:1px solid var(--color-border)!important}.dt-add-row{flex-direction:column}.dt-add-row input,.dt-add-row select,.dt-add-row button{flex:0 0 auto;width:100%;min-height:44px;justify-content:center}}@media(max-width:768px){.branding-mobile-page{min-height:calc(100vh / var(--ui-vu, 1));padding:0 0 calc(var(--mobile-nav-space, 72px) + 16px)!important;background:var(--color-background);overflow-x:clip}.branding-mobile-card{margin:16px;padding:28px 20px 24px;border-radius:18px;background:#fff;border:1px solid #eef2f4;box-shadow:0 4px 16px #0f172a0d;text-align:center}.branding-mobile-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:16px;display:grid;place-items:center;background:#eff6ff;font-size:30px}.branding-mobile-card h2{margin:0;color:#172033;font-size:18px;line-height:1.3}.branding-mobile-card p{margin:8px 0 18px;color:#64748b;font-size:13px;line-height:1.55}.branding-mobile-notice{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border-radius:12px;background:#f8fafc;color:#475569;text-align:left;font-size:12px;line-height:1.45}.branding-mobile-notice strong{color:#0f766e;font-size:12.5px}}html.mobile-preview .branding-mobile-page{min-height:calc(100vh / var(--ui-vu, 1));padding:0 0 96px!important;background:var(--color-background);overflow-x:clip}html.mobile-preview .branding-mobile-card{margin:16px;padding:28px 20px 24px;border-radius:18px;background:#fff;border:1px solid #eef2f4;box-shadow:0 4px 16px #0f172a0d;text-align:center}html.mobile-preview .branding-mobile-icon{width:58px;height:58px;margin:0 auto 14px;border-radius:16px;display:grid;place-items:center;background:#eff6ff;font-size:30px}html.mobile-preview .branding-mobile-card h2{margin:0;color:#172033;font-size:18px;line-height:1.3}html.mobile-preview .branding-mobile-card p{margin:8px 0 18px;color:#64748b;font-size:13px;line-height:1.55}html.mobile-preview .branding-mobile-notice{display:flex;flex-direction:column;gap:5px;padding:12px 14px;border-radius:12px;background:#f8fafc;color:#475569;text-align:left;font-size:12px;line-height:1.45}html.mobile-preview .branding-mobile-notice strong{color:#0f766e;font-size:12.5px}@media(max-width:768px){.branding-theme-mobile-layout{display:flex;flex-direction:column;gap:12px;min-width:0;padding-bottom:8px}.branding-theme-mobile-layout>div,.branding-theme-font-controls{min-width:0}.branding-theme-mobile-layout input,.branding-theme-mobile-layout select,.branding-theme-mobile-layout button{max-width:100%}}@media(max-width:768px){.shipping-mobile-page{width:100%!important;min-width:0!important;max-width:100%!important;padding:0 0 calc(var(--mobile-nav-space, 72px) + 16px)!important;overflow-x:clip!important}.shipping-mobile-page>div{width:100%!important;max-width:100%!important}.shipping-mobile-page .shipping-mobile-banner{margin-top:12px!important}}html.mobile-preview .shipping-mobile-page{width:100%!important;min-width:0!important;max-width:100%!important;padding:0 0 96px!important;overflow-x:clip!important}html.mobile-preview .shipping-mobile-page>div{width:100%!important;max-width:100%!important}html.mobile-preview .shipping-mobile-page .shipping-mobile-banner{margin-top:12px!important}.integrations-mobile-page{width:100%;min-width:0;overflow-x:clip}@media(max-width:768px){.integrations-mobile-page{padding-bottom:calc(var(--mobile-nav-space, 72px) + 16px)!important}.integrations-mobile-hero-inner{gap:12px!important}.integrations-mobile-actions{align-items:center}.integrations-mobile-actions button{flex:1 1 0;justify-content:center;min-width:0}.integrations-mobile-page select{min-height:40px}}html.mobile-preview .integrations-mobile-page{padding-bottom:96px!important}.workspace-page{padding:10px 24px 24px;overflow-y:auto}@media(min-width:769px){.workspace-page{margin-left:-24px!important;margin-right:-24px!important;padding-left:10px!important;padding-right:10px!important;padding-top:16px!important}}.workspace-page .page-header{margin-bottom:20px}.workspace-page .page-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary, #1e293b);margin:0 0 4px}.workspace-page .page-header .subtitle{font-size:.85rem;color:var(--text-secondary, #64748b);margin:0}.workspace-layout{display:flex;gap:24px}.workspace-nav{width:220px;min-width:220px;display:flex;flex-direction:column;gap:2px}.workspace-nav .nav-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:none;background:transparent;border-radius:10px;cursor:pointer;color:var(--text-secondary, #64748b);font-size:.85rem;font-weight:500;transition:all .15s ease;text-align:left;white-space:nowrap}.workspace-nav .nav-item:hover{background:rgba(var(--color-primary-rgb),.06);color:var(--text-primary, #1e293b)}.workspace-nav .nav-item.active{background:var(--brand-gradient);color:#fff;font-weight:600;box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.3)}.workspace-nav .nav-item.active svg{stroke:#fff}.workspace-content{flex:1;min-width:0;background:#fff;border-radius:16px;border:1px solid var(--border-color, #e2e8f0);padding:24px;box-shadow:0 1px 3px #0000000a;overflow:auto}.btn-create-workspace{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--brand-gradient);color:#fff;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap;font-family:inherit}.btn-create-workspace:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3)}.create-workspace-bar{background:var(--teal-5, #f0fdfa);border:1px solid var(--teal-15, #99f6e4);border-radius:10px;padding:12px 16px;margin-bottom:16px}.create-form{display:flex;align-items:center;gap:10px}.create-form input{flex:1;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.84rem;font-family:inherit;outline:none;transition:border-color .2s}.create-form input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.create-form button[type=submit]{padding:8px 16px;background:var(--brand-gradient);color:#fff;border:none;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;font-family:inherit;white-space:nowrap}.create-form button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.create-form .btn-cancel{padding:8px 16px;background:transparent;color:#64748b;border:1px solid #e2e8f0;border-radius:8px;font-size:.82rem;cursor:pointer;font-family:inherit}.create-msg{margin-top:8px;font-size:.8rem;font-weight:500;padding:6px 10px;border-radius:6px}.create-msg.success{background:#d4edda;color:#155724}.create-msg.error{background:#f8d7da;color:#721c24}.workspace-page .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.workspace-page .modal-content{background:#fff;border-radius:14px;padding:22px;width:100%;max-width:460px;box-shadow:0 20px 50px #00000026;display:block!important}@media(max-width:768px){.workspace-layout{flex-direction:column}.workspace-nav{display:none!important}.workspace-nav .nav-item{flex-shrink:0!important;white-space:nowrap!important;padding:8px 14px!important;font-size:13px!important}.btn-create-workspace{font-size:.76rem;padding:6px 12px}.create-form{flex-wrap:wrap}.workspace-page .ws-desktop-header{display:none!important}.workspace-page .ws-mobile-hero{display:block!important}.workspace-page{padding:0 0 24px!important}.workspace-content{padding:16px!important;border-radius:0!important;margin:0!important;border:none!important;box-shadow:none!important;background:transparent!important}.workspace-layout{gap:0!important}.workspace-page .ws-companies-card{margin:0 0 12px!important;padding:14px 16px!important;border-left:none!important;border-right:none!important;border-radius:0 0 14px 14px!important;box-shadow:0 2px 8px #0f172a0d!important}.workspace-page .workspace-nav .nav-item{flex:1 1 0!important;min-width:140px!important;justify-content:center!important;text-align:center!important}.workspace-page .workspace-nav .nav-item.active{min-width:180px!important}.workspace-page .workspace-content>*{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.workspace-page .workspace-content select,.workspace-page .workspace-content input,.workspace-page .workspace-content button{max-width:100%}}@media(min-width:769px){.workspace-page .ws-mobile-hero{display:none!important}}@media(max-width:768px){.workspace-page .ws-tab-bank>.tab-content>.tab-header,.workspace-page .ws-tab-branches>.tab-content>.tab-header,.workspace-page .ws-tab-team .ws-members-section>.ws-section-header,.workspace-page .ws-tab-members .ws-members-section>.ws-section-header,.workspace-page .ws-tab-permissions .ws-permissions-section>.ws-section-header{display:none!important}}html.mobile-preview .workspace-page .ws-companies-card{margin:0 0 12px!important;padding:14px 16px!important;border-left:none!important;border-right:none!important;border-radius:0 0 14px 14px!important;box-shadow:0 2px 8px #0f172a0d!important}html.mobile-preview .workspace-page .workspace-nav .nav-item{flex:1 1 0!important;min-width:140px!important;justify-content:center!important;text-align:center!important}html.mobile-preview .workspace-page .workspace-nav .nav-item.active{min-width:180px!important}html.mobile-preview .workspace-page .workspace-content>*{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}@media(max-width:768px){.store-form-mobile-actions{display:flex!important}#store-form{grid-template-columns:1fr 1fr!important;gap:10px 10px!important}#store-form .form-group input{font-size:13px!important;padding:8px 10px!important}#store-form label{font-size:12px!important}}.ads-dashboard{padding:24px;max-width:1280px;margin:0 auto}@media(max-width:768px){.ads-dashboard{padding:0!important}}@media(min-width:769px){.ads-dashboard{margin:0 -24px!important;padding-left:10px!important;padding-right:10px!important;padding-top:16px!important;max-width:none!important}}.ads-dashboard-loading{text-align:center;padding:60px;color:#6b7280}.ads-dashboard-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:20px;flex-wrap:wrap;gap:12px}.ads-dashboard-header h2{margin:0 0 4px;font-size:24px;font-weight:700}.ads-dashboard-header p{margin:0;color:#6b7280;font-size:13px}.ads-range-tabs{display:flex;gap:6px;background:#f3f4f6;padding:4px;border-radius:10px}.ads-range-tabs button{padding:7px 16px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:13px;color:#4b5563}.ads-range-tabs button.active{background:#fff;color:#111827;box-shadow:0 1px 3px #00000014;font-weight:600}.ads-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:24px}.ads-kpi-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 18px}.ads-kpi-box.spend{border-left:4px solid #ef4444}.ads-kpi-box.revenue{border-left:4px solid #10b981}.ads-kpi-box.roas{border-left:4px solid #3b82f6}.ads-kpi-box.leads{border-left:4px solid #8b5cf6}.ads-kpi-box.cpl{border-left:4px solid #f59e0b}.ads-kpi-box.cac{border-left:4px solid #06b6d4}.ads-kpi-label{font-size:12px;color:#6b7280;margin-bottom:6px}.ads-kpi-value{font-size:22px;font-weight:700;color:#111827}.ads-charts-row{display:grid;grid-template-columns:2fr 1fr;gap:16px}.ads-chart-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px;min-height:320px}.ads-chart-box h3{margin:0 0 14px;font-size:14px;font-weight:600;color:#374151}.ads-empty{color:#9ca3af;text-align:center;padding:60px 0;font-size:13px}@media(max-width:900px){.ads-charts-row{grid-template-columns:1fr}}[data-theme=dark] .ads-dashboard{background:#101525!important}[data-theme=dark] .ads-dashboard-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .ads-dashboard-header h2{color:#f5f7fa!important}[data-theme=dark] .ads-dashboard-header p{color:#94a3b8!important}[data-theme=dark] .ads-range-tabs{background:#151a2b!important;border-color:#ffffff14!important}[data-theme=dark] .ads-range-tabs button{color:#94a3b8!important}[data-theme=dark] .ads-range-tabs button.active{background:#202638!important;color:#f5f7fa!important}[data-theme=dark] .ads-kpi-grid{background:transparent!important}[data-theme=dark] .ads-kpi-box{background:#202638!important;border-color:#ffffff14!important}.customer-groups-page{padding:24px 0;background:var(--color-background, #f8fafc);min-height:calc(100vh / var(--ui-vu, 1))}.customer-groups-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.customer-groups-page .page-header h1{font-size:1.75rem;font-weight:700;color:var(--color-text, #1e293b);margin:0;display:flex;align-items:center;gap:12px}.customer-groups-page .page-header h1 svg{color:var(--color-primary)}.customer-groups-page .add-item{background:var(--color-surface, white);border-radius:14px;box-shadow:0 1px 3px #0000000f;padding:14px 14px 12px;margin:12px 14px 24px;position:relative}.customer-groups-page .add-item:after{content:"";position:absolute;left:14px;right:14px;bottom:-16px;height:1px;background:#e5e7eb}.customer-groups-page .add-item h3{font-size:.7rem;font-weight:600;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.4px;margin:0 0 10px}.customer-groups-page .add-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.customer-groups-page .input-group{flex:1;min-width:200px;display:flex;align-items:center;gap:8px;background:var(--color-background, #f8fafc);border:1px solid var(--color-border, #e5e7eb);border-radius:9px;padding:8px 12px}.customer-groups-page .input-group svg{color:#9ca3af;flex-shrink:0}.customer-groups-page .input-group input,.customer-groups-page .input-group select{flex:1;width:100%;background:transparent;border:none;outline:none;font-size:13px;color:var(--color-text, #374151)}.customer-groups-page .input-group input::-moz-placeholder{color:#9ca3af}.customer-groups-page .input-group input::placeholder{color:#9ca3af}.customer-groups-page .btn-primary{display:flex;align-items:center;justify-content:center;gap:6px;background:var(--color-primary);color:#fff;border:none;padding:9px 18px;border-radius:9px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s;flex-shrink:0}.customer-groups-page .btn-primary:hover{background:var(--color-primary-hover)}.customer-groups-page .section-title{font-size:1rem;font-weight:700;color:var(--color-text, #1e293b);margin:16px 14px 12px}.customer-groups-page .section-title span{color:var(--color-primary)}.customer-groups-page .members-list{background:var(--color-surface, white);border-radius:16px;box-shadow:0 1px 3px #00000014;overflow:hidden}.customer-groups-page .member-item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--color-border, #f3f4f6)}.customer-groups-page .member-item:last-child{border-bottom:none}.customer-groups-page .member-item:hover{background:var(--color-background, #f8fafc)}.customer-groups-page .member-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px;flex-shrink:0}.customer-groups-page .member-info{flex:1;min-width:0}.customer-groups-page .member-name{font-weight:600;color:var(--color-text, #1e293b);font-size:.95rem}.customer-groups-page .member-desc{font-size:.8rem;color:var(--color-text-muted, #9ca3af);margin-top:2px}.customer-groups-page .status-badge{display:inline-block;padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:500}.customer-groups-page .status-badge.active{background:#dcfce7;color:#16a34a}.customer-groups-page .status-badge.inactive{background:#f3f4f6;color:#6b7280}.customer-groups-page .action-buttons{display:flex;gap:8px}.customer-groups-page .btn-edit{padding:8px 14px;background:#eff6ff;color:var(--color-primary);border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.customer-groups-page .btn-edit:hover{background:rgba(var(--color-primary-rgb),.1)}.customer-groups-page .btn-delete{padding:8px 14px;background:#fef2f2;color:#ef4444;border:none;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.customer-groups-page .btn-delete:hover{background:#fee2e2}.customer-groups-page .empty-state{background:var(--color-surface, white);border-radius:16px;box-shadow:0 1px 3px #00000014;padding:60px 40px;text-align:center}.customer-groups-page .empty-state h4{font-size:1.25rem;font-weight:600;color:var(--color-text, #1e293b);margin:0 0 12px}.customer-groups-page .empty-state p{color:var(--color-text-muted, #6b7280);font-size:.9rem;line-height:1.6;margin:0}.customer-groups-page .loading{text-align:center;padding:60px;color:var(--color-text-muted, #9ca3af)}.customer-groups-page .modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px}.customer-groups-page .modal-content{background:var(--color-surface, white);border-radius:16px;padding:28px;width:100%;max-width:500px;display:flex;flex-direction:column}.customer-groups-page .modal-content h2{font-size:1.25rem;font-weight:600;color:var(--color-text, #1e293b);margin:0 0 24px;text-align:center}.customer-groups-page .form-group{margin-bottom:18px}.customer-groups-page .form-group label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text, #374151);margin-bottom:8px}.customer-groups-page .form-group input,.customer-groups-page .form-group textarea{width:100%;padding:12px 16px;border:1px solid var(--color-border, #e5e7eb);border-radius:10px;font-size:14px;box-sizing:border-box;background:var(--color-background, #f8fafc)}.customer-groups-page .form-group input:focus,.customer-groups-page .form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.customer-groups-page .color-picker{display:flex;gap:8px;flex-wrap:wrap}.customer-groups-page .color-option{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s}.customer-groups-page .color-option.selected{border-color:#1e293b;transform:scale(1.1)}.customer-groups-page .checkbox-group{display:flex;align-items:center;gap:8px}.customer-groups-page .checkbox-group input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.customer-groups-page .modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;border-top:1px solid var(--color-border, #e5e7eb)}.customer-groups-page .btn-secondary{display:flex;align-items:center;gap:8px;background:#fff;color:var(--color-text, #475569);border:1px solid var(--color-border, #d1d5db);padding:12px 20px;border-radius:10px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.customer-groups-page .btn-secondary:hover{background:var(--color-background, #f3f4f6)}.customer-groups-page .btn-danger{display:flex;align-items:center;gap:8px;background:#ef4444;color:#fff;border:none;padding:12px 20px;border-radius:10px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s}.customer-groups-page .btn-danger:hover{background:#dc2626}.customer-groups-page .btn-danger:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.customer-groups-page{padding:20px 0}.customer-groups-page .add-form{flex-direction:column;gap:8px}.customer-groups-page .input-group{min-width:100%;width:100%}.customer-groups-page .btn-primary{width:100%;padding:10px}.customer-groups-page .member-item{display:flex;flex-wrap:wrap;align-items:center;padding:14px 14px 12px;gap:8px 10px}.customer-groups-page .member-info{flex:1;min-width:0}.customer-groups-page .status-badge{margin-left:auto;flex-shrink:0}.customer-groups-page .action-buttons{width:100%;display:flex;gap:8px;margin-top:6px}.customer-groups-page .action-buttons button,.customer-groups-page .action-buttons .btn-edit,.customer-groups-page .action-buttons .btn-delete{flex:1;display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 6px;font-size:13px;font-weight:600;border-radius:10px;text-align:center;box-sizing:border-box}.customer-groups-page .section-title{margin:16px 0 12px;padding:0 10px}.customer-groups-page .members-list{margin:0;border-radius:0}}[data-theme=dark] .customer-groups-page{background:#101525!important}[data-theme=dark] .customer-groups-page .page-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .customer-groups-page .page-header h1{color:#f5f7fa!important}[data-theme=dark] .customer-groups-page .add-item{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .customer-groups-page .add-item h3{color:#f5f7fa!important}[data-theme=dark] .customer-groups-page .add-form{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .customer-groups-page .input-group input,[data-theme=dark] .customer-groups-page .input-group select{background:#202638!important;border-color:#ffffff1f!important;color:#f5f7fa!important}[data-theme=dark] .customer-groups-page .members-list{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .customer-groups-page .member-item{border-color:#ffffff0f!important;color:#f5f7fa!important}.customer-stats-page{display:flex!important;flex-direction:column!important;overflow:hidden!important}.customer-stats-page .page-header-content{display:flex!important;align-items:center!important;justify-content:space-between!important}.customer-stats-page .stats-content{padding:12px!important;flex:1!important;overflow-y:auto!important;min-height:0!important}.customer-stats-page .kpi-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important;margin-bottom:12px!important}.customer-stats-page .kpi-card{display:flex!important;align-items:center!important;justify-content:space-between!important;background:var(--color-surface, white)!important;border-radius:12px!important;padding:12px 16px!important;box-shadow:0 1px 3px #00000014!important;transition:all .2s!important}.customer-stats-page .kpi-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.customer-stats-page .kpi-label{font-size:.65rem;font-weight:600;color:var(--color-text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px}.customer-stats-page .kpi-value{font-size:1.4rem;font-weight:700;color:var(--color-text, #1e293b);margin:0}.customer-stats-page .kpi-icon{width:40px!important;height:40px!important;min-width:40px!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:1.2rem!important;flex-shrink:0!important}.customer-stats-page .kpi-icon.rose{background:#ffe4e6;color:#f43f5e}.customer-stats-page .kpi-icon.purple{background:#f3e8ff;color:#a855f7}.customer-stats-page .kpi-icon.teal{background:#ccfbf1;color:#14b8a6}.customer-stats-page .kpi-icon.amber{background:#fef3c7;color:#f59e0b}.customer-stats-page .chart-card{background:var(--color-surface, white)!important;border-radius:12px!important;padding:12px 16px!important;box-shadow:0 1px 3px #00000014!important;margin-bottom:12px!important}.customer-stats-page .chart-card-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:8px!important}.customer-stats-page .chart-card-title{font-size:.85rem;font-weight:600;color:var(--color-text, #1e293b);margin:0}.customer-stats-page .chart-legend{display:flex!important;gap:16px}.customer-stats-page .legend-item{display:flex!important;align-items:center!important;gap:6px;font-size:.8rem;color:var(--color-text-muted, #6b7280)}.customer-stats-page .legend-dot{width:8px;height:8px;border-radius:50%;display:inline-block!important}.customer-stats-page .chart-container{height:200px;position:relative}.customer-stats-page .distribution-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:12px!important}.customer-stats-page .donut-card{background:var(--color-surface, white)!important;border-radius:12px!important;padding:12px 16px!important;box-shadow:0 1px 3px #00000014!important;display:flex!important;flex-direction:column!important;align-items:center!important;min-width:0!important}.customer-stats-page .donut-card-title{font-size:.7rem;font-weight:600;color:var(--color-text-muted, #6b7280);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;text-align:center;width:100%;padding-bottom:6px;border-bottom:1px solid var(--color-border, #f3f4f6)}.customer-stats-page .donut-container{width:110px;height:110px;position:relative;margin-bottom:8px;flex-shrink:0}.customer-stats-page .donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.customer-stats-page .donut-total{font-size:1.4rem;font-weight:700;color:var(--color-text, #1e293b);line-height:1}.customer-stats-page .donut-label{font-size:.7rem;font-weight:600;color:var(--color-text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.customer-stats-page .donut-legend{width:100%;padding:0 8px}.customer-stats-page .donut-legend-item{display:flex!important;align-items:center!important;justify-content:space-between!important;padding:4px 0;border-bottom:1px solid var(--color-border, #f3f4f6)}.customer-stats-page .donut-legend-item:last-child{border-bottom:none}.customer-stats-page .donut-legend-label{display:flex!important;align-items:center!important;gap:8px}.customer-stats-page .donut-legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block!important}.customer-stats-page .donut-legend-name{font-size:.75rem;color:var(--color-text, #374151)}.customer-stats-page .donut-legend-count{font-size:.75rem;font-weight:600;color:var(--color-text, #1e293b);background:var(--color-background, #f3f4f6);padding:2px 8px;border-radius:20px}.customer-stats-page .date-filter{display:flex!important;align-items:center!important;gap:12px!important}.customer-stats-page .date-filter input{padding:6px 10px;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;font-size:13px;color:var(--color-text, #374151);background:var(--color-surface, white)}.customer-stats-page .loading-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;min-height:calc(100vh / var(--ui-vu, 1))}.customer-stats-page .empty-state{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:60px 20px;color:var(--color-text-muted, #9ca3af)}@media(max-width:1024px){.customer-stats-page .kpi-grid,.customer-stats-page .distribution-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.customer-stats-page .kpi-grid{grid-template-columns:1fr!important}.customer-stats-page .page-header-content{flex-direction:column!important;gap:16px!important;align-items:flex-start!important}}.cs-pc-page{padding:16px 20px 24px;background:var(--color-background);min-height:100%;display:flex;flex-direction:column;gap:14px}.cs-pc-loading,.cs-pc-error{padding:60px;text-align:center;color:#94a3b8;font-size:14px}.cs-pc-error{color:#ef4444}.cs-pc-header{position:relative;display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:18px 24px 18px 28px;box-shadow:0 1px 3px #00000008;overflow:hidden}.cs-pc-header-accent{position:absolute;left:0;top:12px;bottom:12px;width:4px;background:var(--color-primary);border-radius:0 4px 4px 0}.cs-pc-header-icon{width:52px;height:52px;border-radius:12px;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px rgba(var(--color-primary-rgb),.25)}.cs-pc-header-left{min-width:0;flex:1}.cs-pc-title{font-size:1.45rem;font-weight:700;color:#111827;margin:0 0 4px;letter-spacing:-.01em}.cs-pc-subtitle{font-size:.72rem;font-weight:600;color:#94a3b8;letter-spacing:.6px}.cs-pc-section-actions{display:flex;align-items:center;gap:16px}.cs-pc-filter{display:flex;align-items:center;gap:8px;flex-shrink:0}.cs-pc-date{width:140px;height:32px;padding:0 10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background);font-size:12px;color:var(--color-text);outline:none;transition:border-color .15s,box-shadow .15s,background .15s}.cs-pc-date:hover{background:var(--color-background)}.cs-pc-date:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.cs-pc-sep{color:#d1d5db;font-size:14px;font-weight:300}.cs-pc-dash{color:#9ca3af;font-size:14px}@media(max-width:768px){.cs-pc-header{flex-direction:column;align-items:flex-start}}.cs-pc-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cs-pc-kpi{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:18px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #00000008}.cs-pc-kpi-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cs-pc-kpi-info{min-width:0;flex:1}.cs-pc-kpi-label{font-size:.72rem;font-weight:600;color:#94a3b8;letter-spacing:.5px;margin-bottom:6px}.cs-pc-kpi-value{font-size:1.85rem;font-weight:700;color:var(--color-primary);line-height:1;letter-spacing:-.02em}.cs-pc-section{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:16px 20px 18px;box-shadow:0 1px 3px #00000008}.cs-pc-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cs-pc-section-title{font-size:.95rem;font-weight:700;color:#1e293b}.cs-pc-legend{display:flex;gap:16px}.cs-pc-legend-item{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:#475569;font-weight:500}.cs-pc-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.cs-pc-chart-wrap{position:relative}.cs-pc-empty{padding:30px;text-align:center;color:#94a3b8;font-size:12px}.cs-pc-dist-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cs-pc-dist{background:#fff;border:1px solid #f1f5f9;border-radius:14px;padding:16px 14px;box-shadow:0 1px 3px #00000008;display:flex;flex-direction:column;gap:12px;min-height:260px}.cs-pc-dist-title{font-size:.78rem;font-weight:700;color:#475569;text-align:center;letter-spacing:.5px}.cs-pc-doughnut-wrap{position:relative;width:140px;height:140px;margin:0 auto}.cs-pc-doughnut-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.cs-pc-doughnut-num{font-size:1.6rem;font-weight:700;color:#111827;line-height:1}.cs-pc-doughnut-sub{font-size:.65rem;color:#94a3b8;font-weight:600;letter-spacing:.5px;margin-top:2px}.cs-pc-bar-wrap{flex:1;min-height:160px}.cs-pc-legend-list{display:flex;flex-direction:column;gap:6px}.cs-pc-legend-row{display:flex;align-items:center;gap:8px;font-size:.78rem}.cs-pc-legend-name{flex:1;color:#475569;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-pc-legend-count{color:#1e293b;font-weight:600}@media(max-width:1280px){.cs-pc-kpi-row,.cs-pc-dist-row{grid-template-columns:repeat(2,1fr)}}[data-theme=dark] .customer-stats-page{background:#101525!important}[data-theme=dark] .customer-stats-page .page-header-content,[data-theme=dark] .customer-stats-page .kpi-card{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .customer-stats-page .kpi-label{color:#94a3b8!important}[data-theme=dark] .customer-stats-page .kpi-value{color:#f5f7fa!important}[data-theme=dark] .customer-stats-page .chart-card{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .customer-stats-page .chart-card-header{border-color:#ffffff14!important}[data-theme=dark] .customer-stats-page .chart-card-title,[data-theme=dark] .customer-stats-page .legend-item{color:#f5f7fa!important}[data-theme=dark] .customer-stats-page .chart-container{background:#202638!important}.ac-input-bar.acx{flex-direction:column;align-items:stretch;gap:8px;padding:12px 20px 14px}.acx-notice{padding:6px 10px;border-radius:8px;background:#fef3c7;color:#92400e;font-size:.8rem;overflow-wrap:anywhere}.acx-files{display:flex;flex-wrap:wrap;gap:6px}.acx-file{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:2px 4px 2px 10px;border-radius:999px;background:#f1f5f9;font-size:.78rem;color:#334155}.acx-file-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.acx-file-remove{width:24px;height:24px;border:none;border-radius:50%;background:transparent;color:#64748b;font-size:16px;line-height:1;cursor:pointer}.acx-file-remove:hover{background:#e2e8f0}.acx-field{position:relative}.acx-field .ac-input{width:100%;box-sizing:border-box;height:50px;padding:0 52px 0 20px;border-radius:999px;font-size:15px}.acx-mic{position:absolute;top:50%;right:5px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:50%;background:transparent;color:#475569;cursor:pointer}.acx-mic svg{width:20px;height:20px}.acx-mic:hover:not(:disabled){background:#f1f5f9}.acx-mic.is-recording{background:#fee2e2;color:#dc2626}.acx-tools{display:flex;align-items:center;gap:8px;min-width:0}.acx-spacer{flex:1;min-width:0}.ac-input-bar.acx .acx-round{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;min-width:40px;height:40px;padding:0;border-radius:50%}.ac-input-bar.acx .acx-round svg{width:20px;height:20px}.acx-add{border:1px solid #e5e7eb;background:#fff;color:#334155;cursor:pointer}.acx-add:hover:not(:disabled){background:#f8fafc}.acx-mode{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 10px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#334155;font-size:.85rem;font-weight:600;white-space:nowrap;cursor:pointer}.acx-mode-track{position:relative;flex:none;width:30px;height:18px;border-radius:999px;background:#cbd5e1;transition:background-color .15s ease}.acx-mode-thumb{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0f172a40;transition:transform .15s ease}.acx-mode.is-on .acx-mode-track{background:var(--color-primary, #0f766e)}.acx-mode.is-on .acx-mode-thumb{transform:translate(12px)}.acx-quick{position:relative;flex:none}.acx-quick-btn{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 12px 0 14px;border:1px solid #e5e7eb;border-radius:999px;background:#fff;color:#334155;font-size:.85rem;font-weight:600;white-space:nowrap;cursor:pointer}.acx-quick-btn:hover:not(:disabled){background:#f8fafc}.acx-quick-caret{width:16px;height:16px;transition:transform .15s ease}.acx-quick-caret.is-open{transform:rotate(180deg)}.acx-quick-menu{position:absolute;right:0;bottom:calc(100% + 6px);z-index:30;min-width:190px;padding:6px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;box-shadow:0 12px 32px #0f172a29}.acx-quick-item{display:flex;align-items:center;gap:8px;width:100%;min-height:40px;padding:0 10px;border:none;border-radius:8px;background:transparent;color:#334155;font-size:.85rem;text-align:left;cursor:pointer}.acx-quick-item:hover{background:#f1f5f9}.acx button:disabled{opacity:.55;cursor:not-allowed}.acx button:focus-visible{outline:2px solid var(--color-primary, #0f766e);outline-offset:2px}@media(prefers-reduced-motion:reduce){.acx-mode-track,.acx-mode-thumb,.acx-quick-caret{transition:none}}@media(pointer:coarse){.ac-input-bar.acx .acx-round{width:44px;min-width:44px;height:44px}.acx-mic,.acx-mode,.acx-quick-btn{height:44px}.acx-mic{width:44px;right:3px}.acx-file-remove{width:32px;height:32px}.acx-quick-item{min-height:44px}}@media(max-width:768px){.ac-input-bar.acx{padding:10px 12px calc(env(safe-area-inset-bottom,0px) + 10px)}.acx-field .ac-input{font-size:16px}.acx-tools{gap:6px}.acx-mode{padding:0 10px 0 8px}.acx-quick-btn{padding:0 8px 0 10px}}.aia-shell{height:calc(calc(100vh / var(--ui-vu, 1)) - 64px);background:#f8fafc;display:flex;flex-direction:column;overflow:hidden}@media(max-width:768px){.aia-shell{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;overflow-x:hidden!important}.aia-header{width:100%!important;max-width:100%!important;min-width:0!important;height:calc(var(--mobile-safe-top) + 86px)!important;min-height:calc(var(--mobile-safe-top) + 86px)!important;max-height:calc(var(--mobile-safe-top) + 86px)!important;box-sizing:border-box!important;margin:0!important;padding:calc(var(--mobile-safe-top) + 14px) 16px 24px!important;border-radius:0!important;background:var(--brand-gradient)!important;flex-wrap:nowrap!important;gap:8px!important;overflow:hidden!important}.aia-header-back{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;padding:0!important;border-radius:10px!important;box-sizing:border-box!important;flex-shrink:0!important}.aia-header-icon{width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;font-size:18px!important;flex-shrink:0!important}.aia-header-text{min-width:0!important;flex:1 1 auto!important}.aia-header-title{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;font-family:var(--font-ui, var(--font-family-sans, "Be Vietnam Pro", sans-serif))!important;font-size:17px!important;font-weight:700!important;line-height:20.4px!important}.aia-header-sub{font-family:var(--font-ui, var(--font-family-sans, "Be Vietnam Pro", sans-serif))!important;font-size:12px!important;font-weight:500!important;line-height:16px!important}.aia-header-btn{height:36px!important;min-height:36px!important;padding:0 12px!important;border-radius:10px!important;font-family:var(--font-ui, var(--font-family-sans, "Be Vietnam Pro", sans-serif))!important;font-size:12px!important;line-height:1!important;flex-shrink:0!important;white-space:nowrap!important}}.aia-header{background:var(--brand-gradient);color:#fff;padding:14px 22px;display:flex;align-items:center;gap:14px;flex-shrink:0}.aia-header-back{width:34px;height:34px;border-radius:10px;background:#fff3;border:1px solid rgba(255,255,255,.35);display:none;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.aia-header-icon{width:46px;height:46px;border-radius:12px;background:#ffffff2e;display:grid;place-items:center;font-size:22px;flex-shrink:0}.aia-header-text{flex:1;min-width:0}.aia-header-title{font-size:16px;font-weight:700;letter-spacing:-.01em}.aia-header-sub{font-size:12px;opacity:.9;margin-top:2px}.aia-header-btn{background:#fffffff5;color:var(--color-primary-hover);border:none;padding:8px 14px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:background .15s}.aia-header-btn:hover{background:#fff}.aia-history-icon{font-size:14px}.aia-online{background:#ffffff2e;border:1px solid rgba(255,255,255,.25);padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.aia-online-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px #10b9814d}.aia-body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:14px;overflow:hidden}.aia-center{background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;min-height:0;display:flex;flex-direction:column;box-shadow:0 1px 3px #0000000a}.aia-center>*{flex:1;min-height:0}.ac-root{display:flex;flex-direction:column;height:100%;background:#f8fafc}.ac-head{display:flex;align-items:center;gap:12px;padding:16px 20px 14px;background:#fff;border-bottom:1px solid #f1f5f9}.ac-head-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:22px;flex-shrink:0}.ac-head-info{flex:1;min-width:0}.ac-head-name{font-size:.95rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px}.ac-head-badge{background:#2563eb;color:#fff;font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:6px;letter-spacing:.5px}.ac-head-sub{font-size:.8rem;color:#64748b;margin-top:2px}.ac-body{flex:1;overflow-y:auto;padding:18px 22px;display:flex;flex-direction:column;gap:14px;background:#f8fafc}.ac-msg{display:flex;align-items:flex-end;gap:8px;max-width:78%}.ac-msg-ai{align-self:flex-start}.ac-msg-user{align-self:flex-end;flex-direction:row-reverse}.ac-msg-avatar{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:16px;flex-shrink:0}.ac-bubble{padding:12px 14px 8px;border-radius:16px;font-size:.88rem;line-height:1.55;white-space:pre-wrap;word-wrap:break-word;box-shadow:0 1px 2px #00000008}.ac-msg-ai .ac-bubble{border-bottom-left-radius:4px}.ac-msg-user .ac-bubble{border-bottom-right-radius:4px}.ac-bubble-text{margin-bottom:4px}.ac-bubble-time{font-size:.7rem;color:#94a3b8;text-align:right;display:flex;justify-content:flex-end;gap:4px;align-items:center}.ac-msg-user .ac-bubble-time{color:#059669}.ac-tick{font-size:.72rem}.ac-input-bar{display:flex;gap:10px;padding:14px 20px;background:#fff;border-top:1px solid #f1f5f9;align-items:center}.ac-input{flex:1;height:50px;border:1px solid #e5e7eb;border-radius:12px;padding:0 18px;font-size:15px;outline:none;background:#f8fafc;transition:all .15s}.ac-input:focus{background:#fff;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.ac-input:disabled{opacity:.6}.ac-send{height:50px;min-width:100px;padding:0 22px;border:none;border-radius:12px;color:#fff;font-weight:600;font-size:15px;cursor:pointer;transition:filter .15s}.ac-send:hover:not(:disabled){filter:brightness(1.05)}.ac-send:disabled{cursor:not-allowed}.aia-history-link{margin-top:8px;width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px;font-size:.82rem;color:#475569;cursor:pointer;font-weight:500;transition:background .15s}.aia-history-link:hover{background:#f8fafc}@media(max-width:768px){.aia-shell{height:auto;min-height:calc(100vh / var(--ui-vu, 1))}.aia-header{flex-wrap:wrap;padding-top:calc(env(safe-area-inset-top,0px) + 12px)!important;padding-bottom:12px!important;padding-left:14px!important;padding-right:14px!important;gap:8px;align-items:center}.aia-header-back{display:flex;width:30px;height:30px;border-radius:8px}.aia-header-icon{width:40px;height:40px;border-radius:50%;font-size:20px}.aia-header-text{flex:1;min-width:0}.aia-header-title{font-size:16px;font-weight:800;white-space:nowrap}.aia-header-sub{font-size:12px;white-space:nowrap}.aia-online{display:none}.aia-header-btn{padding:6px 12px;border-radius:999px;font-size:12px;white-space:nowrap;flex-shrink:0}.aia-body{grid-template-columns:1fr;gap:0;padding:0;overflow:visible}.aia-center{border:none;border-radius:0;box-shadow:none;min-height:calc(calc(100vh / var(--ui-vu, 1)) - 200px)}.ac-head{padding:12px 16px}.ac-head-avatar{width:36px;height:36px;font-size:18px}.ac-head-name{font-size:.88rem}.ac-head-sub{font-size:.75rem}.ac-body{padding:14px 16px;gap:12px}.ac-msg{max-width:88%}.ac-bubble{padding:10px 12px 6px;font-size:.85rem}.ac-input-bar{padding:10px 16px 14px;gap:8px;position:fixed;bottom:60px;left:0;right:0;z-index:110;background:#fff}.ac-input{height:44px;font-size:14px;padding:0 14px;border-radius:999px}.ac-send{height:44px;min-width:70px;padding:0 16px;border-radius:999px;font-size:14px}}@media(max-width:768px){:root:has(.aia-shell){--mobile-nav-space: var(--mobile-safe-bottom)}.main-body:has(.aia-shell){height:calc(calc(100dvh / var(--ui-vu, 1)) - var(--mobile-nav-space))!important;min-height:0!important;padding-bottom:0!important;overflow:hidden!important}.aia-shell,.aia-body,.aia-center,.ac-root{height:100%!important;min-height:0!important;overflow:hidden!important}.aia-body,.aia-center,.ac-root{flex:1 1 auto!important}.aia-header-icon{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;border-radius:9px!important;font-size:15px!important}.aia-header-title{font-size:17px!important;line-height:20.4px!important}.aia-header-sub{font-size:12px!important;line-height:16px!important}.ac-head{flex-shrink:0!important;padding:10px 16px!important}.ac-head-avatar,.ac-msg-avatar{width:30px!important;height:30px!important;min-width:30px!important;min-height:30px!important;font-size:15px!important}.ac-head-name{font-size:1rem!important}.ac-head-sub{font-size:.8rem!important}.ac-body{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}.ac-input-bar{position:relative!important;inset:auto!important;flex-shrink:0!important;z-index:2!important}}.ac-approval{margin:8px 0 4px;padding:10px 12px;border:1px solid #fcd34d;border-radius:12px;background:#fffbeb;color:#1e293b}.ac-approval-title{font-weight:600;font-size:.85rem;margin-bottom:4px}.ac-approval-title code{font-size:.78rem;background:#fef3c7;padding:1px 5px;border-radius:4px}.ac-approval-desc{font-size:.82rem;margin-bottom:6px}.ac-approval-params{margin:0 0 8px;font-size:.8rem}.ac-approval-params>div{display:flex;gap:6px;min-width:0}.ac-approval-params dt{color:#64748b;flex-shrink:0}.ac-approval-params dd{margin:0;overflow-wrap:anywhere;min-width:0}.ac-approval-actions{display:flex;gap:8px}.ac-approval-btn{min-height:36px;padding:0 16px;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:.85rem;cursor:pointer;touch-action:manipulation}.ac-approval-btn:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.ac-approval-ok{background:#059669;color:#fff}.ac-approval-ok:hover{background:#047857}.ac-approval-no{background:#fff;color:#b91c1c;border-color:#fca5a5}.ac-approval-no:hover{background:#fef2f2}.ac-approval-status{font-size:.83rem;font-weight:600}.ac-approval-status.is-error,.ac-approval-note.is-error{color:#b91c1c}.ac-approval-note{font-size:.8rem;margin-top:6px;overflow-wrap:anywhere}.trash-page{min-height:calc(100vh / var(--ui-vu, 1));background:#f8fafc;padding:20px 24px 40px;color:#0f172a}@media(min-width:769px){.trash-page{margin-left:-24px!important;margin-right:-24px!important;padding-left:20px!important;padding-right:20px!important;padding-top:16px!important}}.trash-stats-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.trash-stat-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;font-size:12px;font-weight:600}.trash-stat-chip.primary{background:#e0f2fe;color:#0369a1}.trash-stat-chip.warning{background:#fef3c7;color:#b45309}.trash-stat-chip.info{background:#f1f5f9;color:#475569}.trash-stat-val{font-weight:800}.trash-settings{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;margin-bottom:18px;display:flex;flex-direction:column;gap:14px;box-shadow:0 1px 3px #0f172a0a}.trash-filter-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.trash-search{flex:1;min-width:240px;height:40px;display:flex;align-items:center;gap:8px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;padding:0 12px;color:#64748b;transition:all .15s}.trash-search:focus-within{border-color:var(--color-primary, #0d9488);background:#fff;box-shadow:0 0 0 3px #0d94881f}.trash-search input{border:0;outline:0;width:100%;font-size:13.5px;background:transparent;color:#0f172a}.trash-clear-btn{background:none;border:none;cursor:pointer;color:#94a3b8;font-size:13px;padding:2px 4px}.trash-filter-actions{display:flex;gap:8px;align-items:center}.trash-filter-actions select{height:40px;border-radius:10px;border:1px solid #cbd5e1;background:#f8fafc;color:#0f172a;padding:0 12px;font-size:13px;font-weight:500;cursor:pointer}.trash-refresh-btn{height:40px;border-radius:10px;border:1px solid #cbd5e1;background:#f8fafc;color:#334155;padding:0 14px;font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s}.trash-refresh-btn:hover{background:#f1f5f9;border-color:#94a3b8}.trash-retention-config{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.trash-retention-header{display:flex;justify-content:space-between;align-items:center}.trash-retention-title{font-size:13px;font-weight:700;color:#334155}.trash-save-btn{height:28px;padding:0 10px;border-radius:6px;border:none;background:var(--color-primary, #0d9488);color:#fff;font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:5px;cursor:pointer}.trash-retention-controls{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.trash-switch-wrap{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#475569;cursor:pointer}.trash-switch-wrap input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-primary, #0d9488);cursor:pointer}.trash-days-wrap{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#475569}.trash-days-input{display:inline-flex;align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;overflow:hidden}.trash-days-input input{width:60px;height:32px;border:0;padding:0 8px;font-size:13px;font-weight:700;color:#0f172a;text-align:right;outline:none}.trash-days-unit{padding:0 8px 0 2px;font-size:12px;color:#64748b;font-weight:500}.trash-empty-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:56px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 1px 3px #0f172a0a}.trash-empty-icon{font-size:40px;line-height:1;margin-bottom:8px;opacity:.85}.trash-empty-title{font-size:16px;font-weight:700;color:#0f172a;letter-spacing:-.01em}.trash-empty-desc{font-size:13px;color:#64748b;margin-top:4px;max-width:320px}.trash-mobile-list{display:flex;flex-direction:column;gap:10px;padding-bottom:20px}.trash-mobile-card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:14px;box-shadow:0 1px 3px #0f172a0a;display:flex;flex-direction:column;gap:8px;cursor:pointer;transition:transform .1s ease}.trash-mobile-card:active{transform:scale(.99)}.trash-mobile-card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.trash-entity-tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:6px;background:#f1f5f9;color:#334155;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em}.trash-badge{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:700}.trash-badge.sensitive{background:#fef3c7;color:#b45309}.trash-mobile-card-title{font-size:15px;font-weight:700;color:#0f172a;letter-spacing:-.01em}.trash-mobile-card-meta{font-size:12px;color:#64748b;line-height:1.4}.trash-meta-sub{font-weight:600;color:#334155}.trash-mobile-card-actions{display:flex;gap:8px;margin-top:4px;padding-top:8px;border-top:1px solid #f1f5f9}.btn-trash-restore{flex:1;height:36px;border-radius:8px;border:1px solid #cbd5e1;background:#f8fafc;color:#0f766e;font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.btn-trash-restore:hover{background:#e0f2fe;border-color:#7dd3fc}.btn-trash-purge{height:36px;padding:0 12px;border-radius:8px;border:1px solid #fecaca;background:#fff5f5;color:#dc2626;font-size:12.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.trash-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0f172a0a}.trash-table{width:100%;border-collapse:collapse}.trash-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#64748b;background:#f8fafc;border-bottom:1px solid #e2e8f0}.trash-table td{padding:12px 16px;border-bottom:1px solid #f1f5f9;font-size:13.5px;vertical-align:middle}.trash-table tr{cursor:pointer;transition:background .12s ease}.trash-table tr:hover td{background:#f8fafc}.trash-name{font-weight:700;color:#0f172a}.trash-sub{margin-top:2px;color:#64748b;font-size:12px}.trash-actions{display:flex;justify-content:flex-end;gap:8px}.trash-actions button{width:34px;height:34px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;color:#334155;cursor:pointer;display:inline-grid;place-items:center;transition:all .12s}.trash-actions button:hover{background:#f1f5f9;border-color:#94a3b8}.trash-actions .danger{border-color:#fecaca;background:#fff5f5;color:#dc2626}.trash-actions .danger:hover{background:#fee2e2;border-color:#f87171}.trash-drawer{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:flex-end;z-index:999}.trash-drawer-panel{width:min(540px,calc(100vw / var(--ui-vu, 1)));height:100%;background:#fff;padding:24px;overflow-y:auto;position:relative;box-shadow:-10px 0 30px #0f172a26}.trash-close{position:absolute;top:18px;right:18px;border:0;background:transparent;cursor:pointer;color:#64748b;padding:4px}.trash-drawer-panel h2{margin:0 36px 4px 0;font-size:20px;font-weight:700;color:#0f172a}.trash-drawer-panel p{color:#64748b;margin:0 0 16px;font-size:13px}.trash-detail-actions{display:flex;gap:10px;margin-bottom:18px}.trash-detail-actions button{height:38px;padding:0 14px;border-radius:8px;border:1px solid #cbd5e1;background:#fff;font-size:13px;font-weight:600;display:inline-flex;gap:6px;align-items:center;cursor:pointer}.trash-detail-actions .danger{border-color:#fecaca;background:#fff5f5;color:#dc2626}.trash-drawer-panel pre{background:#0f172a;color:#e2e8f0;border-radius:10px;padding:14px;overflow:auto;font-size:12px;font-family:monospace}.trash-purge-backdrop{position:fixed;inset:0;background:#0f172a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.trash-purge-modal{width:min(440px,100%);background:#fff;border-radius:18px;padding:24px;position:relative;box-shadow:0 24px 60px #0f172a47}.trash-purge-modal h2{margin:0 36px 10px 0;font-size:18px;font-weight:700;color:#dc2626}.trash-purge-modal p{margin:0 0 10px;color:#475569;font-size:13.5px;line-height:1.5}.trash-purge-input{width:100%;height:40px;border:1px solid #cbd5e1;border-radius:10px;padding:0 12px;font-size:14px;font-weight:700;letter-spacing:.5px;margin-bottom:16px;outline:none;box-sizing:border-box}.trash-purge-input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc262626}.trash-purge-modal .trash-detail-actions{justify-content:flex-end;margin-bottom:0}.trash-purge-modal .danger:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.trash-page{padding:0 0 calc(88px + env(safe-area-inset-bottom,0px))!important;margin:0!important;background:#f8fafc;width:100%!important;box-sizing:border-box!important}.trash-page .trash-mobile-hero,.trash-page .m-standard-hero{width:100%!important;margin:0!important;border-radius:0!important;box-sizing:border-box!important}.trash-settings{margin:12px 16px 14px!important;padding:14px!important;border-radius:16px!important;gap:12px!important}.trash-empty-card,.trash-mobile-list,.trash-table-wrap{margin-left:16px!important;margin-right:16px!important;box-sizing:border-box!important}.trash-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.trash-stat-chip{flex-direction:column;height:auto;padding:8px 4px;border-radius:10px;text-align:center;gap:2px}.trash-stat-val{font-size:15px;line-height:1}.trash-stat-chip .trash-stat-label{font-size:12px;white-space:nowrap}.trash-filter-row{flex-direction:column;align-items:stretch;gap:8px}.trash-search{min-width:0;width:100%;box-sizing:border-box}.trash-filter-actions{width:100%}.trash-filter-actions select{flex:1;min-width:0}.trash-refresh-btn{flex-shrink:0}.trash-retention-controls{flex-direction:column;align-items:stretch;gap:10px}.trash-switch-wrap,.trash-days-wrap{justify-content:space-between;width:100%}}.mhr-mobile{max-width:600px;margin:0 auto;padding:16px 20px 80px;min-height:calc(100vh / var(--ui-vu, 1));background:var(--bg-secondary, #f8fafc);font-family:Be Vietnam Pro,sans-serif}.mhr-header-box{display:flex;align-items:center;gap:16px;padding:20px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary, #0891b2) 100%);border-radius:20px;margin-bottom:12px;color:#fff}.mhr-avatar-wrap{position:relative;flex-shrink:0}.mhr-avatar{width:56px;height:56px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid rgba(255,255,255,.3)}.mhr-avatar.placeholder{width:56px;height:56px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;border:3px solid rgba(255,255,255,.3)}.mhr-status-dot{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;border:2px solid #fff}.mhr-header-info{flex:1;min-width:0}.mhr-name{font-size:18px;font-weight:700;margin:0;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhr-role{font-size:13px;opacity:.85;margin-top:2px}.mhr-status-label{font-size:12px;font-weight:600;margin-top:4px}.mhr-header-combined{flex-wrap:nowrap;justify-content:space-between;overflow:hidden}.mhr-header-left{display:flex;align-items:center;gap:12px;flex-shrink:0}.mhr-header-combined .mhr-checkin-row{display:flex;flex-direction:row;gap:4px;flex-shrink:0;margin-bottom:0}.mhr-header-combined .mhr-ck-btn,.mhr-header-combined .mhr-ck-status{padding:4px 6px;min-width:0;width:44px;font-size:12px;border-radius:8px;border-width:1.5px;gap:1px;box-shadow:none}.mhr-header-combined .mhr-ck-icon{font-size:12px}.mhr-header-combined .mhr-ck-label{font-size:12px;line-height:1}.mhr-header-combined .mhr-ck-time{font-size:12px}.mhr-subtitle{font-size:13px;opacity:.8;margin:4px 0 0}.mhr-checkin-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px}.mhr-ck-btn,.mhr-ck-status{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:14px 8px;border-radius:14px;background:#fff;color:#334155;text-align:center;border:2px solid var(--border-color, #e2e8f0);cursor:pointer;transition:all .2s;font-family:Be Vietnam Pro,sans-serif;box-shadow:0 1px 3px #0000000f}[data-theme=dark] .mhr-ck-btn,[data-theme=dark] .mhr-ck-status{background:var(--bg-card, #1e293b);border-color:#ffffff1a}.mhr-ck-btn.in{border-color:#10b981;color:#059669}.mhr-ck-btn.in:hover:not(:disabled){background:#ecfdf5;transform:translateY(-1px);box-shadow:0 4px 12px #10b98133}.mhr-ck-btn.out{border-color:#ef4444;color:#dc2626}.mhr-ck-btn.out:hover:not(:disabled){background:#fef2f2;transform:translateY(-1px);box-shadow:0 4px 12px #ef444433}.mhr-ck-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:0 1px 3px #0000000f!important}.mhr-ck-btn.done{background:#f0fdf4;border-color:#86efac;opacity:1}.mhr-ck-btn.out.done{background:#fef2f2;border-color:#fca5a5}[data-theme=dark] .mhr-ck-btn.done{background:#064e3b;border-color:#065f46}[data-theme=dark] .mhr-ck-btn.out.done{background:#450a0a;border-color:#7f1d1d}.mhr-ck-status{border-color:var(--border-color, #e2e8f0);cursor:default}.mhr-ck-icon{font-size:20px;line-height:1}.mhr-ck-label{font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.mhr-ck-time{font-size:12px;font-weight:600;color:var(--text-secondary, #64748b)}.mhr-ck-badge{font-size:12px;padding:1px 6px;border-radius:8px;font-weight:600}.mhr-ck-badge.late{background:#fef3c7;color:#92400e}[data-theme=dark] .mhr-ck-badge.late{background:#78350f;color:#fbbf24}.mhr-quick-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}.mhr-qs-item{background:var(--bg-primary, #fff);border-radius:14px;padding:16px 12px;text-align:center;box-shadow:0 1px 4px #0000000f;border:1px solid var(--border-color, #e2e8f0);transition:transform .2s}.mhr-qs-item:hover{transform:translateY(-1px)}[data-theme=dark] .mhr-qs-item{background:var(--bg-card, #1e293b);border-color:#ffffff14}.mhr-qs-val{font-size:16px;font-weight:700;color:var(--text-primary, #0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhr-qs-label{font-size:.65rem;font-weight:600;letter-spacing:.5px;color:var(--text-secondary, #94a3b8);margin-top:6px;text-transform:uppercase}.mhr-density-compact{--mhr-gap: 10px;--mhr-pad: 12px;--mhr-fs-body: 13px;--mhr-fs-heading: 15px;--mhr-fs-value: 1.15rem}.mhr-density-comfortable{--mhr-gap: 18px;--mhr-pad: 22px;--mhr-fs-body: 15px;--mhr-fs-heading: 18px;--mhr-fs-value: 1.45rem}.mhr-density-compact .mhr-tab-content,.mhr-density-comfortable .mhr-tab-content{gap:var(--mhr-gap);padding:var(--mhr-pad)}.mhr-density-compact .mhr-section-title,.mhr-density-comfortable .mhr-section-title,.mhr-density-compact .mhr-quick-work-title,.mhr-density-comfortable .mhr-quick-work-title{font-size:var(--mhr-fs-heading)}.mhr-density-compact .mhr-qs-val,.mhr-density-comfortable .mhr-qs-val,.mhr-density-compact .mhr-income-ring-val,.mhr-density-comfortable .mhr-income-ring-val{font-size:var(--mhr-fs-value)}.mhr-density-compact .mhr-qs-label,.mhr-density-comfortable .mhr-qs-label,.mhr-density-compact .mhr-quick-work-label,.mhr-density-comfortable .mhr-quick-work-label{font-size:var(--mhr-fs-body)}.mhr-density-compact .mhr-header-combined,.mhr-density-comfortable .mhr-header-combined,.mhr-density-compact .mhr-income-box,.mhr-density-comfortable .mhr-income-box,.mhr-density-compact .mhr-today-card,.mhr-density-comfortable .mhr-today-card,.mhr-density-compact .mhr-qs-item,.mhr-density-comfortable .mhr-qs-item,.mhr-density-compact .mhr-quick-work-item,.mhr-density-comfortable .mhr-quick-work-item{padding:var(--mhr-pad)}.mhr-mobile .mhr-tech-hero{background:var(--mhr-gradient, linear-gradient(135deg,#0d9488,#5eead4))!important}.mhr-mobile .mhr-header-combined{background:var(--mhr-gradient, linear-gradient(135deg,#1E88E5,#64B5F6))!important;color:#fff}.mhr-mobile .mhr-income-ring-val{color:var(--mhr-primary, var(--color-primary))!important}.mhr-mobile .mhr-qs-item{border-left-color:var(--mhr-primary, var(--color-primary))}.mhr-mobile .mhr-pc-right-col .mhr-earn-hero,.mhr-mobile [class*=earn]{--color-primary: var(--mhr-primary)}.mhr-mobile .mhr-empty-action{background:var(--mhr-btn-bg, var(--mhr-primary))!important}.mhr-mobile .mhr-bottom-tabs .mhr-tab.active .mhr-tab-icon,.mhr-mobile .mhr-bottom-tabs .mhr-tab.active .mhr-tab-label{color:var(--mhr-primary, var(--color-primary))!important}.mhr-mobile .mhr-bottom-tabs .mhr-tab.active:before{background:var(--mhr-primary, var(--color-primary))!important}.mhr-mobile .mhr-quick-work-icon{color:var(--mhr-primary, var(--color-primary))}.mhr-mobile .mhr-filter-active,.mhr-mobile .mhr-tab-filter.active,.mhr-mobile .mhr-appt-fab,.mhr-mobile .mhr-cta-primary{background:var(--mhr-primary, var(--color-primary))!important}.mhr-mobile .mhr-emore-card{background:var(--mhr-gradient, linear-gradient(135deg,#0d9488,#5eead4))!important}.mhr-mobile .mhr-empty-action,.mhr-mobile .mhr-ck-btn{border-radius:var(--mhr-btn-radius, 14px)}.mhr-mobile .mhr-empty-action{background:var(--mhr-btn-bg, var(--color-primary))}.mhr-mobile .mhr-ck-btn.in{border-color:#10b981!important;background:#ecfdf5!important;color:#059669!important}.mhr-mobile .mhr-ck-btn.out{border-color:#f87171!important}.mhr-radius-sharp .mhr-header-combined,.mhr-radius-sharp .mhr-income-box,.mhr-radius-sharp .mhr-today-card,.mhr-radius-sharp .mhr-qs-item,.mhr-radius-sharp .mhr-quick-work-item,.mhr-radius-sharp .mhr-section,.mhr-radius-sharp .mhr-ck-btn,.mhr-radius-sharp .mhr-avatar,.mhr-radius-sharp .mhr-quick-stats,.mhr-radius-sharp .mhr-tech-hero{border-radius:4px!important}.mhr-radius-pill .mhr-header-combined,.mhr-radius-pill .mhr-income-box,.mhr-radius-pill .mhr-today-card,.mhr-radius-pill .mhr-qs-item,.mhr-radius-pill .mhr-quick-work-item,.mhr-radius-pill .mhr-section,.mhr-radius-pill .mhr-quick-stats,.mhr-radius-pill .mhr-ck-btn{border-radius:24px!important}.mhr-radius-pill .mhr-tech-hero{border-radius:24px 24px 0 0}.mhr-dark{--mhr-bg: #0f172a;--mhr-card: #1e293b;--mhr-card-border: #334155;--mhr-text: #f1f5f9;--mhr-text-muted: #94a3b8}.mhr-dark,.mhr-dark .mhr-tab-content,.mhr-dark .mhr-desktop-home,.mhr-dark .mhr-mobile-home-only{background:var(--mhr-bg)}.mhr-dark .mhr-header-combined,.mhr-dark .mhr-income-box,.mhr-dark .mhr-today-card,.mhr-dark .mhr-section,.mhr-dark .mhr-quick-work-item{background:var(--mhr-card);border-color:var(--mhr-card-border);color:var(--mhr-text)}.mhr-dark .mhr-qs-item{background:var(--mhr-card);border-color:var(--mhr-card-border)}.mhr-dark .mhr-ck-btn{background:var(--mhr-card);border-color:var(--mhr-card-border);color:var(--mhr-text)}.mhr-dark .mhr-ck-btn.in{border-color:#4ade80}.mhr-dark .mhr-ck-btn.out{border-color:#f87171}.mhr-dark .mhr-section-title,.mhr-dark .mhr-quick-work-title,.mhr-dark .mhr-tech-greeting,.mhr-dark .mhr-income-title,.mhr-dark .mhr-income-ring-val,.mhr-dark .mhr-qs-val,.mhr-dark .mhr-quick-work-count,.mhr-dark .mhr-name,.mhr-dark .mhr-apt-customer{color:var(--mhr-text)}.mhr-dark .mhr-qs-label,.mhr-dark .mhr-quick-work-label,.mhr-dark .mhr-tech-date,.mhr-dark .mhr-role,.mhr-dark .mhr-ck-label,.mhr-dark .mhr-ck-time,.mhr-dark .mhr-apt-service,.mhr-dark .mhr-empty span{color:var(--mhr-text-muted)}.mhr-dark .mhr-bottom-tabs{background:var(--mhr-card);border-color:var(--mhr-card-border)}.mhr-dark .mhr-bottom-tabs .mhr-tab-label{color:var(--mhr-text-muted)}.mhr-dark .mhr-bottom-tabs .mhr-tab.active .mhr-tab-label{color:var(--mhr-text)}.mhr-dark .mpage-hero{background:linear-gradient(135deg,#1e293b,#0f172a)}.mhr-dark .mhr-pc-right-col{background:var(--mhr-bg)}.mhr-kpi-gradient .mhr-qs-item-hh{background:#fef9ec!important;border-color:#f59e0b40!important}.mhr-kpi-gradient .mhr-qs-item-hh .mhr-qs-val,.mhr-kpi-gradient .mhr-qs-item-hh .mhr-qs-label{color:#f59e0b!important}.mhr-kpi-gradient .mhr-qs-item-sp{background:#f5f0ff!important;border-color:#8b5cf640!important}.mhr-kpi-gradient .mhr-qs-item-sp .mhr-qs-val,.mhr-kpi-gradient .mhr-qs-item-sp .mhr-qs-label{color:#8b5cf6!important}.mhr-kpi-gradient .mhr-qs-item-tips{background:#fdf0f7!important;border-color:#ec489940!important}.mhr-kpi-gradient .mhr-qs-item-tips .mhr-qs-val,.mhr-kpi-gradient .mhr-qs-item-tips .mhr-qs-label{color:#ec4899!important}.mhr-kpi-solid .mhr-qs-item{background:#fff!important}.mhr-section{background:var(--bg-primary, #fff);border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 1px 4px #0000000f;border:1px solid var(--border-color, #e2e8f0)}[data-theme=dark] .mhr-section{background:var(--bg-card, #1e293b);border-color:#ffffff14}.mhr-section-title{font-size:15px;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 14px;display:flex;align-items:center;gap:8px}.mhr-section-badge{background:var(--color-primary);color:#fff;border-radius:10px;padding:2px 8px;font-size:12px;font-weight:600}.mhr-section-total{margin-left:auto;font-size:16px;color:var(--color-primary)}.mhr-expand-icon{font-size:12px;color:var(--text-secondary, #94a3b8);margin-left:auto}.mhr-expand-icon-sm{font-size:12px;color:var(--text-secondary, #94a3b8)}.mhr-appointment-list{display:flex;flex-direction:column;gap:8px}.mhr-appointment-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;background:var(--bg-secondary, #f8fafc);transition:background .15s}[data-theme=dark] .mhr-appointment-card{background:#ffffff0d}.mhr-appt-time{font-size:14px;font-weight:700;color:var(--color-primary);min-width:50px}.mhr-appt-info{flex:1;min-width:0}.mhr-appt-service{font-size:13px;font-weight:600;color:var(--text-primary, #0f172a);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhr-appt-customer{font-size:12px;color:var(--text-secondary, #64748b)}.mhr-appt-status{font-size:16px;flex-shrink:0}.mhr-earnings-breakdown{display:flex;flex-direction:column;gap:8px}.mhr-earn-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-primary, #334155)}.mhr-earn-amount{font-weight:600;color:var(--text-primary, #0f172a)}.mhr-earn-amount.accent{color:var(--color-primary)}.mhr-earn-divider{height:1px;background:var(--border-color, #e2e8f0);margin:4px 0}.mhr-earn-row.total{font-weight:700;font-size:14px}.mhr-earn-amount.total{font-size:16px;color:var(--color-primary)}.mhr-earnings-mini{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mhr-mini-item{text-align:center}.mhr-mini-label{font-size:12px;color:var(--text-secondary, #94a3b8)}.mhr-mini-val{font-size:14px;font-weight:700;color:var(--text-primary, #0f172a)}.mhr-mini-val.accent{color:var(--color-primary)}.mhr-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.mhr-stat-item{text-align:center;padding:8px 4px;border-radius:10px;background:var(--bg-secondary, #f8fafc)}[data-theme=dark] .mhr-stat-item{background:#ffffff0d}.mhr-stat-val{font-size:18px;font-weight:700;color:var(--text-primary, #0f172a)}.mhr-stat-val.warn{color:#ef4444}.mhr-stat-label{font-size:12px;color:var(--text-secondary, #94a3b8);margin-top:2px}.mhr-kpi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mhr-kpi-card{padding:14px 12px;border-radius:12px;text-align:center}.mhr-kpi-card.blue{background:#eff6ff}.mhr-kpi-card.green{background:#f0fdf4}.mhr-kpi-card.purple{background:#faf5ff}.mhr-kpi-card.orange{background:#fff7ed}[data-theme=dark] .mhr-kpi-card.blue{background:#1e3a5f}[data-theme=dark] .mhr-kpi-card.green{background:#064e3b}[data-theme=dark] .mhr-kpi-card.purple{background:#3b0764}[data-theme=dark] .mhr-kpi-card.orange{background:#431407}.mhr-kpi-val{font-size:18px;font-weight:700;color:var(--text-primary, #0f172a)}.mhr-kpi-label{font-size:12px;color:var(--text-secondary, #64748b);margin-top:2px}.mhr-month-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.mhr-month-nav button{background:var(--bg-secondary, #f1f5f9);border:none;border-radius:8px;padding:6px 12px;cursor:pointer;font-size:14px;color:var(--text-primary, #334155)}.mhr-month-nav span{font-size:14px;font-weight:600;color:var(--text-primary, #334155)}.mhr-daily-list{display:flex;flex-direction:column;gap:6px}.mhr-daily-card{border-radius:10px;background:var(--bg-secondary, #f8fafc);overflow:hidden}[data-theme=dark] .mhr-daily-card{background:#ffffff0d}.mhr-daily-header{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer}.mhr-daily-date{font-size:13px;font-weight:600;color:var(--text-primary, #0f172a);min-width:60px}.mhr-daily-amounts{flex:1;text-align:right;display:flex;gap:8px;justify-content:flex-end}.mhr-daily-salary{font-size:12px;color:var(--text-secondary, #64748b)}.mhr-daily-commission{font-size:12px;color:var(--color-primary);font-weight:600}.mhr-daily-detail{padding:0 12px 10px;border-top:1px solid var(--border-color, #e2e8f0)}.mhr-commission-row{display:flex;align-items:center;gap:8px;padding:6px 0;font-size:12px}.mhr-comm-service{font-weight:600;color:var(--text-primary, #334155);flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhr-comm-customer{color:var(--text-secondary, #94a3b8);font-size:12px}.mhr-comm-amount{color:var(--color-primary);font-weight:600;flex-shrink:0}.mhr-daily-summary{margin-top:12px;padding:12px;border-radius:10px;background:var(--bg-secondary, #f0fdf4);border:1px solid #bbf7d0}[data-theme=dark] .mhr-daily-summary{background:#064e3b;border-color:#065f46}.mhr-dsum-row{display:flex;justify-content:space-between;font-size:13px;padding:3px 0;color:var(--text-primary, #334155)}.mhr-dsum-row.accent span:last-child{color:var(--color-primary);font-weight:600}.mhr-dsum-row.total{font-weight:700;font-size:14px;border-top:1px solid var(--border-color, #bbf7d0);padding-top:8px;margin-top:4px}.mhr-dsum-row.total span:last-child{color:var(--color-primary);font-size:16px}.mhr-quick-links{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mhr-quick-link{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--border-color, #e2e8f0);border-radius:12px;background:#fff;cursor:pointer;transition:all .15s;text-align:left;font-family:Be Vietnam Pro,sans-serif}[data-theme=dark] .mhr-quick-link{background:var(--bg-card, #1e293b);border-color:#ffffff1a}.mhr-quick-link:hover{border-color:var(--color-primary);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.12)}.mhr-ql-icon{font-size:28px}.mhr-ql-label{font-weight:600;font-size:13px;color:var(--text-primary, #0f172a)}.mhr-ql-desc{font-size:12px;color:var(--text-secondary, #94a3b8)}.mhr-empty-state{text-align:center;padding:20px;color:var(--text-secondary, #94a3b8);font-size:13px}.mhr-empty-icon{font-size:32px;margin-bottom:4px}.mhr-loading{text-align:center;padding:16px;color:var(--text-secondary, #94a3b8);font-size:13px}.mhr-loading-full{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(60vh / var(--ui-vu, 1));gap:12px;color:var(--text-secondary, #94a3b8)}.mhr-loading-spinner{width:32px;height:32px;border:3px solid var(--border-color, #e2e8f0);border-top-color:var(--color-primary);border-radius:50%;animation:mhr-spin .8s linear infinite}@keyframes mhr-spin{to{transform:rotate(360deg)}}.mhr-not-linked{text-align:center;padding:60px 20px}.mhr-nl-icon{font-size:48px;margin-bottom:12px}.mhr-not-linked h2{font-size:18px;color:var(--text-primary, #0f172a);margin:0 0 8px}.mhr-not-linked p{font-size:14px;color:var(--text-secondary, #64748b);margin:0 0 4px}.mhr-nl-sub{font-size:12px!important;color:var(--text-secondary, #94a3b8)!important}.mhr-profile-content{display:flex;flex-direction:column;gap:10px}.mhr-profile-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-primary, #334155)}.mhr-profile-label{font-size:12px;color:var(--text-secondary, #64748b);font-weight:600}.mhr-profile-group{display:flex;flex-direction:column;gap:6px}.mhr-skill-badge{padding:2px 10px;border-radius:8px;font-size:12px;font-weight:600;background:#faf5ff;color:#7c3aed}[data-theme=dark] .mhr-skill-badge{background:#3b0764;color:#c4b5fd}.mhr-emp-status{font-size:12px;font-weight:600}.mhr-chip-list{display:flex;flex-wrap:wrap;gap:6px}.mhr-chip{padding:4px 10px;border-radius:16px;font-size:12px;font-weight:600}.mhr-chip.green{background:#dcfce7;color:#166534}.mhr-chip.blue{background:#dbeafe;color:#1e40af}[data-theme=dark] .mhr-chip.green{background:#064e3b;color:#86efac}[data-theme=dark] .mhr-chip.blue{background:#1e3a5f;color:#93c5fd}.mhr-leave-balance{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.mhr-lb-item{text-align:center;padding:8px 4px;border-radius:10px;background:var(--bg-secondary, #f8fafc)}[data-theme=dark] .mhr-lb-item{background:#ffffff0d}.mhr-lb-val{font-size:20px;font-weight:700;color:var(--text-primary, #0f172a)}.mhr-lb-val.used{color:#ef4444}.mhr-lb-val.pending{color:#f59e0b}.mhr-lb-val.remain{color:var(--color-primary)}.mhr-lb-label{font-size:12px;color:var(--text-secondary, #94a3b8);margin-top:2px}.mhr-leave-btn{width:100%;padding:10px;font-size:14px;font-weight:600;color:var(--color-primary);background:#f0fdfa;border:2px dashed var(--color-primary);border-radius:10px;cursor:pointer;margin-bottom:12px;font-family:Be Vietnam Pro,sans-serif;transition:all .15s}.mhr-leave-btn:hover{background:#ccfbf1}[data-theme=dark] .mhr-leave-btn{background:#064e3b;border-color:#14b8a6;color:#5eead4}.mhr-leave-form{background:var(--bg-secondary, #f8fafc);border-radius:12px;padding:12px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px}[data-theme=dark] .mhr-leave-form{background:#ffffff0d}.mhr-lf-row{display:flex;flex-direction:column;gap:4px}.mhr-lf-row.two{flex-direction:row;gap:8px}.mhr-lf-row.two>div{flex:1;display:flex;flex-direction:column;gap:4px}.mhr-lf-row label{font-size:12px;font-weight:600;color:var(--text-secondary, #64748b)}.mhr-lf-row select,.mhr-lf-row input,.mhr-lf-row textarea{padding:8px 10px;border:1px solid var(--border-color, #e2e8f0);border-radius:8px;font-size:13px;font-family:Be Vietnam Pro,sans-serif;background:#fff;color:var(--text-primary, #334155)}[data-theme=dark] .mhr-lf-row select,[data-theme=dark] .mhr-lf-row input,[data-theme=dark] .mhr-lf-row textarea{background:var(--bg-card, #1e293b);border-color:#ffffff1a;color:var(--text-primary, #e2e8f0)}.mhr-lf-submit{padding:10px;font-size:14px;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:10px;cursor:pointer;font-family:Be Vietnam Pro,sans-serif}.mhr-lf-submit:disabled{opacity:.6;cursor:wait}.mhr-leave-list{display:flex;flex-direction:column;gap:8px}.mhr-leave-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--bg-secondary, #f8fafc)}[data-theme=dark] .mhr-leave-card{background:#ffffff0d}.mhr-leave-icon{font-size:20px;flex-shrink:0}.mhr-leave-info{flex:1;min-width:0}.mhr-leave-type{font-size:13px;font-weight:600;color:var(--text-primary, #0f172a)}.mhr-leave-dates{font-size:12px;color:var(--text-secondary, #64748b)}.mhr-leave-reason{font-size:12px;color:var(--text-secondary, #94a3b8);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhr-leave-status{padding:3px 8px;border-radius:8px;font-size:12px;font-weight:600;flex-shrink:0;white-space:nowrap}@media(min-width:768px){.mhr-mobile{max-width:600px;padding:20px 24px}.mhr-quick-stats{gap:12px}.mhr-stats-grid{gap:10px}.mhr-kpi-grid{grid-template-columns:repeat(4,1fr)}}@media(min-width:1024px){.mhr-mobile{max-width:720px}}.mhr-income-box{background:var(--bg-primary, #fff);border-radius:16px;padding:20px;text-align:center;margin-bottom:12px;border:1px solid var(--border-color, #e2e8f0)}.mhr-income-title{font-size:.75rem;font-weight:600;letter-spacing:1px;color:var(--text-secondary, #64748b);margin-bottom:12px}.mhr-income-ring-wrap{position:relative;width:160px;height:160px;margin:8px auto 16px}.mhr-income-ring{width:100%;height:100%}.mhr-income-ring-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.mhr-income-ring-val{font-size:1.6rem;font-weight:800;color:var(--text-primary, #1e293b)}.mhr-income-ring-target{font-size:.75rem;color:var(--text-secondary, #64748b)}.mhr-income-ring-link{font-size:.8rem;color:var(--color-primary);font-weight:500}.mhr-3cols{grid-template-columns:repeat(3,1fr)!important}.mhr-qs-val-lg{font-size:1.3rem;font-weight:800;color:var(--text-primary, #1e293b)}.mhr-month-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 0}.mhr-mn-btn{background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:10px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-primary, #1e293b);font-size:.9rem}.mhr-mn-center{text-align:center}.mhr-mn-title{font-size:1.1rem;font-weight:700;color:var(--text-primary, #1e293b)}.mhr-mn-sub{font-size:.75rem;color:var(--text-secondary, #64748b)}.mhr-cal-item{background:var(--bg-primary, #fff);border-radius:16px;padding:16px;margin-bottom:12px;border:1px solid var(--border-color, #e2e8f0)}.mhr-cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.mhr-cal-dow{text-align:center;font-size:.7rem;font-weight:600;color:var(--text-secondary, #64748b);padding:6px 0}.mhr-cal-day{text-align:center;padding:8px 0 4px;font-size:.85rem;color:var(--text-primary, #1e293b);border-radius:8px;position:relative;min-height:36px}.mhr-cal-day.empty{visibility:hidden}.mhr-cal-day.today{background:var(--color-primary);color:#fff;font-weight:700}.mhr-cal-dot{width:5px;height:5px;border-radius:50%;margin:2px auto 0}.mhr-cal-legend{display:flex;justify-content:center;gap:16px;padding-top:12px;border-top:1px solid var(--border-color, #e2e8f0);margin-top:8px;font-size:.7rem;color:var(--text-secondary, #64748b)}.mhr-cal-dot-inline{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}.mhr-penalty-alert{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;margin-bottom:12px}[data-theme=dark] .mhr-penalty-alert{background:#ef44441a;border-color:#ef44444d}.mhr-penalty-left{display:flex;align-items:center;gap:10px}.mhr-penalty-icon{font-size:1.5rem}.mhr-penalty-title{font-weight:600;font-size:.85rem;color:var(--text-primary, #1e293b)}.mhr-penalty-desc{font-size:.75rem;color:var(--text-secondary, #64748b)}.mhr-penalty-amount{font-weight:700;color:#ef4444;font-size:.95rem}.mhr-attendance-log{display:flex;flex-direction:column;gap:8px}.mhr-atlog-item{background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:14px 16px}.mhr-atlog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.mhr-atlog-date{font-weight:600;font-size:.85rem;color:var(--text-primary, #1e293b)}.mhr-atlog-badge{font-size:.7rem;padding:3px 10px;border-radius:12px;font-weight:600}.mhr-atlog-badge.today{background:#d1fae5;color:#059669}[data-theme=dark] .mhr-atlog-badge.today{background:#05966933}.mhr-atlog-hours{font-size:.75rem;color:var(--text-secondary, #64748b)}.mhr-atlog-times{display:grid;grid-template-columns:1fr 1fr;gap:16px}.mhr-atlog-label{font-size:.7rem;color:var(--text-secondary, #64748b);margin-bottom:4px}.mhr-atlog-val{font-size:1.2rem;font-weight:700;color:var(--text-primary, #1e293b)}.mhr-atlog-val.late{color:#f59e0b}.mhr-atlog-val.ok{color:var(--text-primary, #1e293b)}.mhr-atlog-late-badge{display:inline-block;font-size:.65rem;padding:2px 8px;background:#fef3c7;color:#d97706;border-radius:8px;margin-top:4px;font-weight:600}[data-theme=dark] .mhr-atlog-late-badge{background:#d9770633}.mhr-earn-total-box{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary, #0891b2) 100%);border-radius:16px;padding:24px;color:#fff;margin-bottom:12px}.mhr-earn-total-label{font-size:.75rem;opacity:.9;margin-bottom:8px}.mhr-earn-total-val{font-size:1.8rem;font-weight:800}.mhr-earn-bar{display:flex;height:10px;border-radius:5px;overflow:hidden;margin:12px 0 8px;background:var(--border-color, #e2e8f0)}.mhr-earn-bar-seg{height:100%;transition:width .3s}.mhr-earn-bar-seg.salary{background:#6b7280}.mhr-earn-bar-seg.service{background:var(--color-primary)}.mhr-earn-bar-seg.product{background:#8b5cf6}.mhr-earn-legend{display:flex;flex-wrap:wrap;gap:12px;font-size:.72rem;color:var(--text-secondary, #64748b);margin-bottom:12px}.mhr-earn-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px;vertical-align:middle}.mhr-earn-dot.salary{background:#6b7280}.mhr-earn-dot.service{background:var(--color-primary)}.mhr-earn-dot.product{background:#8b5cf6}.mhr-earn-tabs{display:flex;gap:6px;margin-bottom:12px;overflow-x:auto}.mhr-earn-tab{padding:8px 16px;border-radius:20px;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-primary, #fff);font-size:.8rem;font-weight:500;cursor:pointer;color:var(--text-secondary, #64748b);white-space:nowrap}.mhr-earn-tab.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.mhr-earn-day-group{margin-bottom:16px}.mhr-earn-day-header{font-size:.72rem;font-weight:600;color:var(--text-secondary, #64748b);text-transform:uppercase;padding:8px 0;text-align:center;letter-spacing:.5px}.mhr-earn-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;margin-bottom:6px}.mhr-earn-item-icon{font-size:1.5rem;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary, #f1f5f9);flex-shrink:0}.mhr-earn-item-info{flex:1;min-width:0}.mhr-earn-item-name{font-weight:600;font-size:.85rem;color:var(--text-primary, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhr-earn-item-sub{font-size:.72rem;color:var(--text-secondary, #64748b)}.mhr-earn-item-amount{text-align:right;font-weight:700;color:#059669;font-size:.9rem;flex-shrink:0}.mhr-earn-item-rate{font-size:.65rem;font-weight:500;color:var(--text-secondary, #64748b)}.mhr-earn-salary-box{background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:16px}.mhr-earn-salary-row{display:flex;justify-content:space-between;padding:10px 0;font-size:.85rem;color:var(--text-primary, #1e293b);border-bottom:1px solid var(--border-color, #e2e8f0)}.mhr-earn-salary-row:last-child{border-bottom:0}.mhr-earn-salary-row.total{font-weight:700}.mhr-earn-salary-val{font-weight:600;color:#059669}.mhr-profile-header{text-align:center;padding:24px 0 16px}.mhr-profile-avatar-wrap{margin:0 auto 12px}.mhr-profile-avatar{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid var(--color-primary)}.mhr-profile-avatar.placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#0891b2);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;border:3px solid rgba(var(--color-primary-rgb),.3)}.mhr-profile-name{font-size:1.3rem;font-weight:700;color:var(--text-primary, #1e293b);margin:0 0 8px}.mhr-profile-badges{display:flex;gap:8px;justify-content:center}.mhr-profile-badge{padding:4px 12px;border-radius:12px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.mhr-profile-badge.role{background:#d1fae5;color:#059669}[data-theme=dark] .mhr-profile-badge.role{background:#05966933}.mhr-target-box{background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:20px;text-align:center}.mhr-target-val{font-size:1.4rem;font-weight:700;color:var(--text-primary, #1e293b);margin-bottom:16px}.mhr-target-slider{width:100%;accent-color:var(--color-primary);margin-bottom:4px}.mhr-target-range{display:flex;justify-content:space-between;font-size:.7rem;color:var(--text-secondary, #64748b);margin-bottom:16px}.mhr-target-btn{width:100%;padding:12px;background:var(--color-primary);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer}.mhr-target-btn:disabled{opacity:.6;cursor:not-allowed}.mhr-menu-list{display:flex;flex-direction:column;gap:2px}.mhr-menu-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;cursor:pointer;font-size:.9rem;color:var(--text-primary, #1e293b);width:100%;text-align:left;margin-bottom:4px}.mhr-menu-icon{font-size:1.2rem}.mhr-menu-arrow{margin-left:auto;color:var(--text-secondary, #64748b)}.mhr-logout-btn{width:100%;padding:14px;background:transparent;border:1px solid #ef4444;color:#ef4444;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer}.mhr-bottom-tabs{position:fixed;bottom:0;left:260px;right:0;display:flex;max-width:600px;margin:0 auto;background:var(--bg-primary, #fff);border-top:1px solid var(--border-color, #e2e8f0);padding:8px 0 env(safe-area-inset-bottom,6px);z-index:1000;box-shadow:0 -2px 10px #0000000d}body:has(.sidebar.collapsed) .mhr-bottom-tabs{left:56px}.mhr-tech-hero{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;border-radius:16px;padding:20px 22px 18px;margin-bottom:12px}.mhr-tech-date{font-size:14px;font-weight:700;opacity:.95}.mhr-tech-greeting{margin-top:8px;font-size:28px;font-weight:900}.mhr-tech-meta{display:flex;align-items:center;gap:14px;margin-top:8px;font-size:13px;font-weight:600;opacity:.9}.mhr-tech-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.mhr-tech-role,.mhr-tech-available{display:flex;align-items:center;gap:4px}.mhr-today-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:16px;margin-bottom:12px}.mhr-apt-item{display:grid;grid-template-columns:50px 24px 1fr auto;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #f3f4f6}.mhr-apt-item:last-child{border-bottom:none}.mhr-apt-time{font-size:13px;font-weight:700;color:#374151}.mhr-apt-timeline{display:flex;flex-direction:column;align-items:center}.mhr-apt-dot{width:10px;height:10px;border-radius:50%;background:#d1d5db}.mhr-apt-dot.current{background:#8b5cf6}.mhr-apt-dot.done{background:#22c55e}.mhr-apt-customer{font-size:13px;font-weight:600;color:#111827}.mhr-apt-service{font-size:12px;color:#64748b}.mhr-apt-note{font-size:12px;color:#f59e0b;margin-top:2px}.mhr-apt-badge{font-size:12px;font-weight:600;padding:2px 8px;border-radius:6px;background:#f3f4f6;color:#6b7280}.mhr-apt-badge.current{background:#f5f3ff;color:#7c3aed}.mhr-apt-badge.done{background:#f0fdf4;color:#16a34a}.mhr-quick-work{margin:0 0 4px}.mhr-quick-work-title{display:flex;align-items:center;gap:8px;padding:0 6px 10px;color:#111827;font-size:18px;font-weight:850}.mhr-quick-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mhr-quick-work-item{position:relative;display:grid;grid-template-columns:34px 1fr 16px;grid-template-rows:auto auto;-moz-column-gap:10px;column-gap:10px;align-items:center;padding:14px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 7px 18px #0f172a12;overflow:hidden;cursor:pointer}.mhr-quick-work-icon{grid-row:1 / span 2;color:var(--color-primary);font-size:24px;font-weight:800}.mhr-quick-work-count{color:#0f172a;font-size:20px;font-weight:900}.mhr-quick-work-label{min-width:0;color:#64748b;font-size:13px;font-weight:600}.mhr-quick-work-arrow{grid-row:1 / span 2;grid-column:3;color:#94a3b8;font-size:18px;font-weight:700;text-align:center}.mhr-income-box{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:14px 20px;margin-bottom:12px;box-shadow:0 4px 12px #0f172a0d}.mhr-income-title{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.mhr-income-ring-val{font-size:1.3rem;font-weight:800;color:var(--color-primary)}.mhr-quick-stats.mhr-3cols{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.mhr-qs-item{background:#fff;border:1px solid #e5e7eb;border-radius:14px;padding:14px 16px;text-align:center;box-shadow:0 4px 12px #0f172a0d}.mhr-qs-val{font-size:18px;font-weight:800;color:#111827}.mhr-qs-label{font-size:12px;font-weight:700;color:#94a3b8;text-transform:uppercase;margin-top:4px}@media(max-width:768px){.mhr-bottom-tabs{left:0!important;right:0!important;bottom:0!important;height:58px!important;max-width:100%!important;border-radius:0!important;background:#fff!important;box-shadow:0 -1px 6px #10201e0f!important;padding:0 8px!important;border-top:1px solid #e5e7eb!important;z-index:1100!important}}.mhr-btab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 0;background:none;border:none;cursor:pointer;color:#7e929e;font-size:.7rem;font-weight:600;transition:color .2s;position:relative;min-width:0}.mhr-btab.active{color:var(--color-primary)}.mhr-btab.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:24px;height:3px;border-radius:0 0 4px 4px;background:var(--color-primary)}.mhr-btab-icon{font-size:1.2rem;line-height:1}.mhr-btab-icon svg{width:20px;height:20px}.mhr-btab-label{font-weight:600;font-size:.7rem}.mhr-apt-item{display:flex;align-items:flex-start;gap:10px;padding:12px 0}.mhr-apt-time{min-width:42px;font-size:.8rem;font-weight:700;color:var(--text-primary, #1e293b)}.mhr-apt-timeline{display:flex;flex-direction:column;align-items:center;padding-top:4px}.mhr-apt-dot{width:10px;height:10px;border-radius:50%;background:var(--border-color, #cbd5e1);flex-shrink:0}.mhr-apt-dot.done{background:#10b981}.mhr-apt-dot.current{background:#f59e0b}.mhr-apt-dot.pending{background:var(--border-color, #cbd5e1)}.mhr-apt-line{width:2px;flex:1;min-height:20px;background:var(--border-color, #e2e8f0);margin-top:4px}.mhr-apt-info{flex:1;min-width:0}.mhr-apt-customer{font-weight:600;font-size:.85rem;color:var(--text-primary, #1e293b)}.mhr-apt-service{font-size:.75rem;color:var(--text-secondary, #64748b)}.mhr-apt-note{font-size:.7rem;color:#f59e0b;background:#fef3c7;padding:2px 8px;border-radius:6px;display:inline-block;margin-top:4px}[data-theme=dark] .mhr-apt-note{background:#f59e0b26}.mhr-apt-badge{font-size:.65rem;padding:3px 8px;border-radius:8px;font-weight:600;flex-shrink:0}.mhr-apt-badge.done{background:#d1fae5;color:#059669}.mhr-apt-badge.current{background:#fef3c7;color:#d97706}.mhr-apt-badge.pending{background:var(--bg-secondary, #f1f5f9);color:var(--text-secondary, #64748b)}[data-theme=dark] .mhr-apt-badge.done{background:#05966933}[data-theme=dark] .mhr-apt-badge.current{background:#d9770633}.mhr-loading-inline{padding:30px;text-align:center;color:var(--text-secondary, #64748b)}.mhr-empty{padding:30px;text-align:center;color:var(--text-secondary, #94a3b8);font-size:.85rem}.mhr-empty-icon{display:block;font-size:2rem;margin-bottom:8px}.mhr-leave-section{padding:12px 0}.mhr-leave-balance{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.mhr-lb-item{text-align:center;padding:10px;background:var(--bg-secondary, #f1f5f9);border-radius:10px}.mhr-lb-val{font-size:1.2rem;font-weight:700;color:var(--text-primary, #1e293b)}.mhr-lb-val.used{color:#f59e0b}.mhr-lb-val.remaining{color:#059669}.mhr-lb-label{font-size:.65rem;color:var(--text-secondary, #64748b)}.mhr-leave-add-btn{width:100%;padding:10px;border:1px dashed var(--border-color, #cbd5e1);background:transparent;border-radius:10px;color:var(--color-primary);font-weight:600;cursor:pointer;margin-bottom:12px}.mhr-leave-form{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.mhr-leave-form select,.mhr-leave-form input,.mhr-leave-form textarea{padding:10px 12px;border:1px solid var(--border-color, #e2e8f0);border-radius:10px;background:var(--bg-primary, #fff);color:var(--text-primary, #1e293b);font-size:.85rem}.mhr-leave-form textarea{min-height:60px;resize:vertical}.mhr-leave-form button[type=submit]{padding:10px;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer}.mhr-leave-dates{display:flex;gap:8px;align-items:center}.mhr-leave-dates input{flex:1}.mhr-leave-dates span{color:var(--text-secondary, #64748b)}.mhr-leave-list{display:flex;flex-direction:column;gap:6px}.mhr-leave-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-primary, #fff);border:1px solid var(--border-color, #e2e8f0);border-radius:10px;font-size:.8rem}.mhr-leave-type{font-weight:600;min-width:80px;color:var(--text-primary, #1e293b)}.mhr-leave-dates-display{flex:1;font-size:.75rem;color:var(--text-secondary, #64748b)}.mhr-leave-status{padding:3px 10px;border-radius:8px;font-size:.65rem;font-weight:600}.mhr-profile-header{text-align:center;padding:24px 16px 16px}.mhr-profile-avatar-wrap{display:flex;justify-content:center;margin-bottom:12px}.mhr-profile-avatar{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:3px solid var(--border-color, #e2e8f0)}.mhr-profile-avatar.placeholder{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),#0891b2);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;border:3px solid rgba(255,255,255,.3)}.mhr-profile-name{font-size:1.3rem;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 8px}.mhr-profile-badges{display:flex;justify-content:center;gap:8px}.mhr-profile-badge.role{background:#d1fae5;color:#059669;padding:3px 12px;border-radius:12px;font-size:.7rem;font-weight:600}.mhr-tab-content{padding-bottom:16px;max-width:600px;margin:0 auto}@media(min-width:768px){.mhr-mobile{max-width:680px;padding:24px 32px 0}.mhr-header-box{padding:24px;border-radius:20px;margin-bottom:20px}.mhr-income-box{padding:28px}.mhr-income-ring-wrap{width:180px;height:180px}.mhr-income-ring-val{font-size:1.8rem}.mhr-quick-stats{gap:14px}.mhr-qs-item{padding:20px 16px}.mhr-section{padding:24px;margin-bottom:20px}.mhr-cal-item{padding:24px}.mhr-cal-day{padding:10px 0 6px;font-size:.9rem}.mhr-earn-total-box{padding:32px}.mhr-earn-total-val{font-size:2.2rem}.mhr-profile-avatar,.mhr-profile-avatar.placeholder{width:96px;height:96px;font-size:38px}.mhr-profile-name{font-size:1.5rem}.mhr-target-box{padding:28px}.mhr-bottom-tabs{max-width:680px}}@media(min-width:1024px){.mhr-mobile,.mhr-bottom-tabs{max-width:780px}}@media(max-width:767px){.mhr-mobile{width:100%;max-width:100%;padding:0 10px 78px;overflow-x:hidden;background:#f4f8fa;box-sizing:border-box}.mhr-mobile *,.mhr-mobile *:before,.mhr-mobile *:after{box-sizing:border-box}.mhr-tab-content{padding-bottom:12px}.mhr-tech-hero{min-height:122px;margin:0 -10px 10px;padding:20px 22px 18px;color:#fff;background:radial-gradient(circle at 78% 0%,rgba(255,255,255,.28) 0 42px,transparent 43px),radial-gradient(circle at 96% -8%,rgba(255,255,255,.14) 0 86px,transparent 87px),linear-gradient(135deg,#0b8f83,#12aa9b 62%,#18b7a5);border-bottom-left-radius:26px;border-bottom-right-radius:26px;box-shadow:0 12px 28px rgba(var(--color-primary-rgb),.2)}.mhr-tech-date{font-size:14px;line-height:1.25;font-weight:700;opacity:.95}.mhr-tech-greeting{margin-top:8px;font-size:28px;line-height:1.05;font-weight:800;letter-spacing:0}.mhr-tech-meta{display:flex;align-items:center;gap:14px;margin-top:14px;min-width:0}.mhr-tech-role{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:0 14px;border-radius:999px;background:#fff3;border:1px solid rgba(255,255,255,.18);font-size:14px;font-weight:800;white-space:nowrap}.mhr-tech-available{display:inline-flex;align-items:center;gap:6px;min-width:0;font-size:14px;font-weight:800;white-space:nowrap}.mhr-tech-dot{width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 2px #ffffff2e;flex:0 0 auto}.mhr-header-box.mhr-header-combined{align-items:center;gap:10px;width:100%;margin:0 0 14px;padding:12px;min-height:88px;background:#fff;color:#0f172a;border:1px solid #dce7ec;border-radius:20px;box-shadow:0 8px 22px #0f172a14;overflow:hidden}.mhr-header-left{flex:1 1 auto;min-width:0;gap:10px}.mhr-header-combined .mhr-avatar,.mhr-header-combined .mhr-avatar.placeholder{width:56px;height:56px;font-size:26px;color:#fff;background:linear-gradient(135deg,#10b8a7,#0b9387);border:4px solid #d7f4ee}.mhr-header-combined .mhr-status-dot{width:15px;height:15px;right:0;bottom:2px;border:3px solid #fff}.mhr-header-combined .mhr-header-info{min-width:0}.mhr-header-combined .mhr-name{max-width:132px;color:#0f172a;font-size:15px;line-height:1.2;font-weight:800}.mhr-header-combined .mhr-role{color:#667085;opacity:1;font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhr-header-combined .mhr-role span,.mhr-header-combined .mhr-header-info .mhr-role:last-child{display:none}.mhr-header-combined .mhr-status-label{display:flex;align-items:center;gap:4px;margin-top:5px;font-size:13px;line-height:1.2;font-weight:800;white-space:nowrap}.mhr-header-combined .mhr-checkin-row{flex:0 0 auto;display:flex;gap:6px;margin:0}.mhr-header-combined .mhr-ck-btn{width:56px;min-width:56px;min-height:72px;padding:8px 4px;border-radius:13px;background:#fff;box-shadow:0 6px 16px #0f172a0d}.mhr-header-combined .mhr-ck-btn.in{background:#f0fdfa;border-color:#7ddfcb;color:var(--color-primary)}.mhr-header-combined .mhr-ck-btn.out{background:#fff5f5;border-color:#ffb4bf;color:#e11d48}.mhr-header-combined .mhr-ck-icon{font-size:18px;line-height:1}.mhr-header-combined .mhr-ck-label{max-width:100%;font-size:12px;line-height:1.08;letter-spacing:0;overflow-wrap:anywhere}.mhr-header-combined .mhr-ck-time{font-size:12px;color:currentColor;opacity:.9}.mhr-income-box{min-height:58px;margin-bottom:14px!important;padding:14px 18px!important;border-radius:18px;border-color:#dce7ec;box-shadow:0 6px 18px #0f172a0d}.mhr-income-title{font-size:12px;font-weight:800;letter-spacing:.7px;color:#516276}.mhr-income-ring-val{color:#111827;font-size:24px!important;font-weight:900;line-height:1}.mhr-quick-stats.mhr-3cols{gap:10px;margin-bottom:16px}.mhr-quick-stats.mhr-3cols .mhr-qs-item{min-height:84px;padding:16px 8px 12px;border-radius:14px;border-top:3px solid transparent;border-left-width:1px!important;box-shadow:0 7px 18px #0f172a12}.mhr-quick-stats.mhr-3cols .mhr-qs-val{font-size:18px;font-weight:900;color:#111827}.mhr-quick-stats.mhr-3cols .mhr-qs-label{margin-top:9px;font-size:12px;line-height:1.15;letter-spacing:.5px;color:#7788a0}.mhr-today-card{min-height:168px;margin-bottom:14px;padding:16px 16px 18px;border-radius:18px;border-color:#dce7ec;box-shadow:0 8px 22px #0f172a12}.mhr-today-card .mhr-section-header{margin-bottom:0}.mhr-today-card .mhr-section-title{margin:0;color:#111827;font-size:18px;line-height:1.2;font-weight:850}.mhr-empty-compact{display:grid;justify-items:center;gap:9px;padding:14px 0 0;color:#71809a;font-size:13px;line-height:1.3}.mhr-empty-compact .mhr-empty-icon{display:grid;place-items:center;width:48px;height:48px;margin:0;border-radius:15px;background:#dff8f3;color:var(--color-primary);font-size:28px;line-height:1;font-weight:800}.mhr-empty-action{min-height:34px;padding:0 20px;border:0;border-radius:12px;background:var(--color-primary);color:#fff;font-size:13px;font-weight:800;box-shadow:0 8px 18px rgba(var(--color-primary-rgb),.25)}.mhr-quick-work{margin:0 0 4px}.mhr-quick-work-title{display:flex;align-items:center;gap:8px;padding:0 6px 10px;color:#111827;font-size:18px;line-height:1.2;font-weight:850}.mhr-quick-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mhr-quick-work-item{position:relative;display:grid;grid-template-columns:34px 1fr 16px;grid-template-rows:auto auto;-moz-column-gap:10px;column-gap:10px;align-items:center;min-height:74px;padding:13px 12px;background:#fff;border:1px solid #dce7ec;border-radius:16px;box-shadow:0 7px 18px #0f172a12;overflow:hidden}.mhr-quick-work-icon{grid-row:1 / span 2;color:var(--color-primary);font-size:24px;line-height:1;font-weight:800}.mhr-quick-work-count{color:#0f172a;font-size:20px;line-height:1;font-weight:900}.mhr-quick-work-label{min-width:0;color:#64748b;font-size:13px;line-height:1.18;font-weight:600}.mhr-quick-work-arrow{grid-row:1 / span 2;grid-column:3;color:#94a3b8;font-size:26px;line-height:1}.mhr-bottom-tabs{left:10px;right:10px;bottom:10px;width:auto;max-width:410px;min-height:60px;border:1px solid #e2e8f0;border-radius:22px;padding:5px 6px calc(5px + env(safe-area-inset-bottom,0px));box-shadow:0 10px 28px #0f172a1f;overflow:hidden}.mhr-btab{justify-content:center;min-width:0;min-height:50px;gap:3px;padding:5px 0;color:#64748b}.mhr-btab.active{color:var(--color-primary)}.mhr-btab.active:before{content:"";width:32px;height:4px;border-radius:999px;background:var(--color-primary)}.mhr-btab-icon{display:grid;place-items:center;width:24px;height:24px;font-size:22px;line-height:1}.mhr-btab-account-icon{position:relative;display:block;width:22px;height:22px;color:currentColor}.mhr-btab-account-icon:before,.mhr-btab-account-icon:after{content:"";position:absolute;left:50%;transform:translate(-50%);border:2px solid currentColor}.mhr-btab-account-icon:before{top:1px;width:8px;height:8px;border-radius:50%;background:transparent}.mhr-btab-account-icon:after{bottom:1px;width:18px;height:10px;border-top-left-radius:11px;border-top-right-radius:11px;border-bottom:0;background:transparent}.mhr-btab-label{font-size:12px;line-height:1.1;font-weight:800}.mhr-appt-page{position:relative;min-height:calc(calc(100vh / var(--ui-vu, 1)) - 78px);padding:22px 8px 92px;color:#172033}.mhr-appt-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:22px}.mhr-appt-header h1{margin:0 0 6px;font-size:24px;line-height:1;font-weight:900;letter-spacing:0;color:#142033}.mhr-appt-header p{margin:0;color:#7b8798;font-size:13px;font-weight:600}.mhr-appt-actions{display:flex;gap:8px;flex:0 0 auto}.mhr-appt-actions button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #dfe7ec;border-radius:13px;background:#fff;color:var(--color-primary);font-size:22px;line-height:1;box-shadow:0 4px 12px #0f172a0a}.mhr-appt-actions button:first-child,.mhr-appt-actions button:nth-child(2){color:#1f2937;font-size:20px}.mhr-appt-week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin-bottom:14px}.mhr-appt-day{display:grid;place-items:center;gap:8px;min-width:0;height:60px;padding:8px 0;border:1px solid #e4eaef;border-radius:12px;background:#fff;color:#344054;box-shadow:0 5px 14px #0f172a0a}.mhr-appt-day span{color:#758195;font-size:12px;font-weight:800}.mhr-appt-day strong{font-size:16px;line-height:1;font-weight:900}.mhr-appt-day.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff;box-shadow:0 10px 20px rgba(var(--color-primary-rgb),.22)}.mhr-appt-day.active span{color:#ffffffd1}.mhr-appt-summary{display:grid;grid-template-columns:1.1fr 1fr 1fr;margin-bottom:14px;padding:14px 0;background:#fff;border:1px solid #e0e7ed;border-radius:18px;box-shadow:0 8px 20px #0f172a0f;overflow:hidden}.mhr-appt-summary div{min-width:0;padding:0 14px;border-right:1px solid #e7edf2}.mhr-appt-summary div:last-child{border-right:0}.mhr-appt-summary span{display:block;margin-bottom:6px;color:#7b8798;font-size:12px;line-height:1.1;font-weight:800}.mhr-appt-summary strong{display:block;color:#111827;font-size:18px;line-height:1.1;font-weight:900;white-space:nowrap}.mhr-appt-summary div:nth-child(2) strong{color:var(--color-primary)}.mhr-appt-filter{display:grid;grid-template-columns:34px 1fr 18px;align-items:center;gap:10px;width:100%;min-height:54px;margin-bottom:10px;padding:10px 12px;border:1px solid #e0e7ed;border-radius:14px;background:#fff;color:#142033;text-align:left;box-shadow:0 6px 16px #0f172a0d}.mhr-appt-filter-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#e1f8f3;color:var(--color-primary);font-size:18px;font-weight:800}.mhr-appt-filter strong,.mhr-appt-filter small{display:block}.mhr-appt-filter strong{font-size:13px;line-height:1.2;font-weight:900}.mhr-appt-filter small{margin-top:2px;color:#7b8798;font-size:12px;line-height:1.2;font-weight:600}.mhr-appt-filter-arrow{color:#667085;font-size:18px;font-weight:800}.mhr-appt-list{display:grid;gap:10px}.mhr-appt-card{display:grid;grid-template-columns:52px 2px minmax(0,1fr) 22px;gap:12px;align-items:stretch;min-height:98px;padding:14px 12px;background:#fff;border:1px solid #e0e7ed;border-radius:18px;box-shadow:0 8px 20px #0f172a0f}.mhr-appt-time{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:5px;color:#142033}.mhr-appt-time strong{font-size:17px;line-height:1;font-weight:900}.mhr-appt-time span{color:#7b8798;font-size:12px;line-height:1.2;font-weight:600}.mhr-appt-line{width:2px;min-height:70px;border-radius:99px;background:repeating-linear-gradient(to bottom,#d9e1e8 0 4px,transparent 4px 8px)}.mhr-appt-info{min-width:0}.mhr-appt-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.mhr-appt-card-top strong{min-width:0;color:#142033;font-size:15px;line-height:1.2;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhr-appt-card-top span{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#eef1f3;color:#7b8798;font-size:12px;line-height:1;font-weight:800}.mhr-appt-customer{margin-bottom:7px;color:#475467;font-size:13px;line-height:1.25;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhr-appt-meta{display:flex;align-items:center;gap:8px;min-width:0}.mhr-appt-meta span{display:grid;place-items:center;width:24px;height:20px;border-radius:999px;background:#dbeafe;color:#2563eb;font-size:12px;font-weight:900}.mhr-appt-meta small{min-width:0;color:#475467;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhr-appt-more{align-self:center;width:22px;border:0;background:transparent;color:#64748b;font-size:22px;line-height:1}.mhr-appt-empty{display:grid;justify-items:center;gap:8px;min-height:160px;padding:30px 18px;border:1px solid #e0e7ed;border-radius:18px;background:#fff;color:#64748b;text-align:center;box-shadow:0 8px 20px #0f172a0d}.mhr-appt-empty span{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;background:#e1f8f3;color:var(--color-primary);font-size:28px;font-weight:900}.mhr-appt-empty strong{color:#142033;font-size:15px;font-weight:900}.mhr-appt-empty small{max-width:250px;color:#7b8798;font-size:12px;line-height:1.35;font-weight:600}.mhr-appt-fab{position:fixed;right:20px;bottom:92px;display:grid;place-items:center;width:56px;height:56px;border:0;border-radius:18px;background:var(--color-primary);color:#fff;font-size:34px;line-height:1;box-shadow:0 14px 28px rgba(var(--color-primary-rgb),.3);z-index:999}.mhr-menu-attendance>.mhr-tab-content{padding:12px 0 0}.mhr-menu-attendance .mhr-month-nav{padding-top:4px}.mhr-employee-more{display:grid;gap:12px;padding:20px 8px 92px}.mhr-emore-head h1{margin:0;color:#1a2b2a;font-size:24px;line-height:1.05;font-weight:900;letter-spacing:0}.mhr-emore-head p{margin:6px 0 0;color:#667085;font-size:13px;font-weight:600}.mhr-emore-search{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 14px;background:#fff;border:1px solid #e7edf2;border-radius:14px;box-shadow:0 4px 12px #0f172a0a}.mhr-emore-search span{color:#8a9499;font-size:18px}.mhr-emore-search input{width:100%;border:0;outline:0;background:transparent;color:#1a2b2a;font-size:13px;font-weight:600}.mhr-emore-card{display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px;align-items:center;min-height:96px;padding:15px;border-radius:18px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;box-shadow:0 12px 24px rgba(var(--color-primary-rgb),.22)}.mhr-emore-avatar{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:#fffffff0;color:var(--color-primary-hover);font-size:20px;font-weight:900;border:2px solid rgba(255,255,255,.6)}img.mhr-emore-avatar{-o-object-fit:cover;object-fit:cover;background:#fff3}.mhr-emore-card strong,.mhr-emore-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhr-emore-card strong{font-size:16px;font-weight:900}.mhr-emore-card small{margin-top:4px;color:#ffffffdb;font-size:12px;font-weight:700}.mhr-emore-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mhr-emore-quick button{display:grid;justify-items:center;gap:7px;min-height:82px;padding:10px 4px;border:1px solid #eef2f4;border-radius:14px;background:#fff;box-shadow:0 5px 14px #0f172a0d}.mhr-emore-quick button span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e6f4f2;font-size:18px}.mhr-emore-quick button strong{max-width:100%;color:#1a2b2a;font-size:12px;line-height:1.15;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhr-emore-title{padding-top:8px;color:#636e72;font-size:12px;font-weight:900;letter-spacing:.08em}.mhr-emore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mhr-emore-grid button{display:grid;grid-template-columns:42px minmax(0,1fr) 12px;align-items:center;gap:10px;min-height:78px;padding:13px 10px;border:1px solid #eef2f4;border-radius:16px;background:#fff;text-align:left;box-shadow:0 5px 14px #0f172a0d}.mhr-emore-grid button>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e6f4f2;font-size:20px}.mhr-emore-grid strong,.mhr-emore-grid small{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhr-emore-grid strong{color:#1a2b2a;font-size:14px;font-weight:900}.mhr-emore-grid small{margin-top:4px;color:#8a9499;font-size:12px;font-weight:700}.mhr-emore-grid em{color:#b8bec2;font-size:18px;font-style:normal;font-weight:800}}.mhr-employee-more{display:grid;gap:12px;width:100%;max-width:100%;margin:0 auto;padding:22px 14px 92px;overflow-x:hidden;box-sizing:border-box;background:#f6f8fa}.mhr-employee-more *,.mhr-employee-more *:before,.mhr-employee-more *:after{box-sizing:border-box}.mhr-emore-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.mhr-emore-head h1{margin:0;color:#1f2d2b;font-size:24px;line-height:1.1;font-weight:900;letter-spacing:0}.mhr-emore-head p{margin:8px 0 0;color:#6b7788;font-size:13px;font-weight:600}.mhr-emore-back{display:grid;place-items:center;width:36px;height:36px;border:1px solid #e2e8f0;border-radius:13px;background:#fff;color:#1f2d2b;font-size:18px;line-height:1;box-shadow:0 4px 12px #0f172a0a}.mhr-emore-search{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 14px;background:#fff;border:1px solid #e7edf2;border-radius:14px;box-shadow:0 4px 12px #0f172a0a}.mhr-emore-search span{flex:0 0 auto;color:#8a9499;font-size:18px}.mhr-emore-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#1a2b2a;font-size:13px;font-weight:600}.mhr-emore-card{display:grid;grid-template-columns:52px minmax(0,1fr) 24px;gap:12px;align-items:center;min-height:100px;padding:20px 16px;border:0;border-radius:18px;background:radial-gradient(circle at 92% 0%,rgba(255,255,255,.16) 0 56px,transparent 57px),linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:#fff;box-shadow:0 12px 24px rgba(var(--color-primary-rgb),.22);overflow:hidden}.mhr-mobile .mhr-employee-more .mhr-emore-card{background:radial-gradient(circle at 92% 0%,rgba(255,255,255,.16) 0 56px,transparent 57px),linear-gradient(135deg,var(--color-primary),var(--color-primary-hover))!important;color:#fff!important}.mhr-emore-card:after{content:"›";justify-self:end;color:#ffffffe6;font-size:28px;line-height:1;font-weight:800}.mhr-emore-avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:#fffffff0;color:var(--color-primary-hover);font-size:20px;font-weight:900;border:2px solid rgba(255,255,255,.6)}img.mhr-emore-avatar{-o-object-fit:cover;object-fit:cover;background:#fff3}.mhr-emore-card>div{min-width:0}.mhr-emore-card strong,.mhr-emore-card small{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhr-emore-card strong{font-size:16px;line-height:1.2;font-weight:900}.mhr-emore-card small{margin-top:4px;color:#ffffffdb;font-size:12px;line-height:1.25;font-weight:700}.mhr-emore-badges{display:flex;align-items:center;gap:7px;margin-top:9px}.mhr-emore-badges span{display:inline-flex;align-items:center;justify-content:center;min-height:18px;padding:0 8px;border-radius:999px;background:#fff;color:#1a1a1a;font-size:12px;line-height:1;font-weight:900}.mhr-emore-badges span:last-child{background:#f6c75c;color:#4a3510}.mhr-emore-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.mhr-emore-quick button{display:grid;justify-items:center;gap:7px;min-width:0;min-height:82px;padding:10px 4px;border:1px solid #eef2f4;border-radius:14px;background:#fff;box-shadow:0 5px 14px #0f172a0d}.mhr-emore-quick button span{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:#e6f4f2;font-size:18px}.mhr-emore-quick button strong{max-width:100%;color:#1a2b2a;font-size:12px;line-height:1.15;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhr-emore-title{padding-top:8px;color:#636e72;font-size:12px;font-weight:900;letter-spacing:.08em}.mhr-emore-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mhr-emore-grid button{display:grid;grid-template-columns:42px minmax(0,1fr) 12px;align-items:center;gap:10px;min-width:0;min-height:78px;padding:13px 10px;border:1px solid #eef2f4;border-radius:16px;background:#fff;text-align:left;box-shadow:0 5px 14px #0f172a0d}.mhr-emore-grid button>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#e6f4f2;font-size:20px}.mhr-emore-grid button>div{min-width:0}.mhr-emore-grid strong,.mhr-emore-grid small{display:block;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mhr-emore-grid strong{color:#1a2b2a;font-size:14px;line-height:1.2;font-weight:900}.mhr-emore-grid small{margin-top:4px;color:#8a9499;font-size:12px;font-weight:700}.mhr-emore-grid em{color:#b8bec2;font-size:18px;font-style:normal;font-weight:800}@media(max-width:390px){.mhr-emore-grid{gap:8px}.mhr-emore-grid button{grid-template-columns:38px minmax(0,1fr) 10px;gap:8px;padding:12px 8px}.mhr-emore-grid button>span{width:38px;height:38px}}@media(max-width:374px){.mhr-header-box.mhr-header-combined{padding:10px;gap:8px}.mhr-header-combined .mhr-avatar,.mhr-header-combined .mhr-avatar.placeholder{width:50px;height:50px;font-size:22px}.mhr-header-combined .mhr-name{max-width:104px;font-size:14px}.mhr-header-combined .mhr-role,.mhr-header-combined .mhr-status-label{font-size:12px}.mhr-header-combined .mhr-ck-btn{width:50px;min-width:50px;min-height:68px}}.mhr-info-box{background:var(--bg-secondary, #f8fafc);border-radius:12px;padding:16px}[data-theme=dark] .mhr-info-box{background:#ffffff0d}.mhr-info-grid{display:flex;flex-direction:column;gap:0}.mhr-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-color, #f1f5f9)}.mhr-info-row:last-child{border-bottom:none}[data-theme=dark] .mhr-info-row{border-bottom-color:#ffffff0f}.mhr-info-label{font-size:13px;color:var(--text-secondary, #64748b);flex-shrink:0}.mhr-info-value{font-size:13px;font-weight:600;color:var(--text-primary, #0f172a);text-align:right;word-break:break-word}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}[data-theme=dark] .mhr-ck-btn,[data-theme=dark] .mhr-ck-status{background:#202638!important;border-color:#ffffff1f!important;color:#f5f7fa!important}[data-theme=dark] .mhr-ck-btn.in{background:rgba(var(--color-primary-rgb),.12)!important;border-color:rgba(var(--color-primary-rgb),.3)!important;color:var(--color-primary)!important}[data-theme=dark] .mhr-ck-btn.out{background:#e11d481a!important;border-color:#e11d4840!important;color:#f43f5e!important}[data-theme=dark] .mhr-ck-btn.done{background:#ffffff0f!important;color:#a4adbf!important}[data-theme=dark] .mhr-apt-badge.done{background:#16a34a26!important;color:#4ade80!important}[data-theme=dark] .mhr-quick-link{background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .mhr-quick-link:hover{background:#28324a!important}[data-theme=dark] .mhr-lf-row select,[data-theme=dark] .mhr-lf-row input,[data-theme=dark] .mhr-lf-row textarea,[data-theme=dark] .mhr-today-card,[data-theme=dark] .mhr-apt-item,[data-theme=dark] .mhr-stat-card{background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .mhr-header-combined{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .mhr-header-combined .mhr-ck-btn.in{background:rgba(var(--color-primary-rgb),.12)!important;border-color:rgba(var(--color-primary-rgb),.3)!important;color:var(--color-primary)!important}[data-theme=dark] .mhr-header-combined .mhr-ck-btn.out{background:#e11d481a!important;border-color:#e11d4840!important;color:#f43f5e!important}[data-theme=dark] .mhr-kpi-card{border-color:#ffffff14!important}[data-theme=dark] [class*=mhr-][class$=-card],[data-theme=dark] [class*=mhr-][class$=-wrap],[data-theme=dark] [class*=mhr-][class$=-box]{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] [class*=mhr-][class$=-btn]:not(.mhr-ck-btn):not(.mhr-lf-submit){background:#ffffff0f!important;border-color:#ffffff1a!important;color:#d5dae6!important}[data-theme=dark] .mhr-quick-icon{background:#ffffff0f!important;border-color:#ffffff14!important;color:var(--color-primary)!important}[data-theme=dark] [class*=mhr-][class*=count],[data-theme=dark] [class*=mhr-][class*=badge]{background:rgba(var(--color-primary-rgb),.15)!important;color:var(--color-primary)!important}.mhr-desktop-home{display:none}.mhr-mobile-home-only{display:block}.mhr-qs-pc-icon,.mhr-empty-cal-pc,.mhr-empty-sub-pc{display:none}@media(min-width:769px){.mhr-mobile{max-width:100%!important;padding:0!important;background:transparent!important}.mhr-tab-content{max-width:100%!important;margin:0!important}.mhr-bottom-tabs{display:none!important}.mhr-desktop-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:16px 24px 0;padding:6px;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.mhr-desktop-tabs .mhr-dtab{border:none;background:transparent;color:#475569;font-size:14px;font-weight:600;padding:8px 16px;border-radius:8px;cursor:pointer}.mhr-desktop-tabs .mhr-dtab:hover{background:#f1f5f9}.mhr-desktop-tabs .mhr-dtab.active{background:var(--color-primary, #1976D2);color:#fff}.mhr-dark .mhr-desktop-tabs{background:#1e293b;border-color:#334155}.mhr-dark .mhr-desktop-tabs .mhr-dtab{color:#cbd5e1}.mhr-dark .mhr-desktop-tabs .mhr-dtab:hover{background:#334155}.mhr-desktop-home{display:block;zoom:.77;margin-left:5%;margin-right:5%}.mhr-mobile-home-only{display:none!important}.mhr-pc-hero-fullwidth{border-radius:16px!important;margin:20px 24px 0!important;padding:28px 36px 26px!important;background:linear-gradient(135deg,#1255b8,#1976d2,#42a5f5)!important;position:relative!important;overflow:hidden!important}.mhr-pc-hero-fullwidth:before{content:"";position:absolute;width:320px;height:320px;border-radius:50%;background:#ffffff17;right:-80px;top:-120px;pointer-events:none}.mhr-pc-hero-fullwidth:after{content:"";position:absolute;width:480px;height:100px;border-radius:60px;background:#ffffff0f;right:-100px;top:28px;transform:rotate(-10deg);pointer-events:none}.mhr-pc-left-col .mhr-header-box{background:linear-gradient(135deg,#1e88e5,#64b5f6 65%,#b3e5fc)!important}.mhr-pc-two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 24px 24px;align-items:start}.mhr-pc-left-col,.mhr-pc-right-col{min-width:0}.mhr-pc-left-col .mhr-tab-content,.mhr-pc-right-col .mhr-tab-content{padding-bottom:0}.mhr-pc-left-col .mhr-qs-item{border-left:none!important;padding:18px 12px 14px!important}.mhr-qs-pc-icon{display:flex!important;align-items:center;justify-content:center;width:42px;height:42px;border-radius:12px;margin:0 auto 10px}.mhr-qs-orange{background:#fef3c7}.mhr-qs-purple{background:#f5f3ff}.mhr-qs-pink{background:#fdf2f8}.mhr-empty-icon-mobile{display:none!important}.mhr-empty-cal-pc{display:block!important;margin:8px auto 6px}.mhr-empty-sub-pc{display:block!important;font-size:12px;color:#94a3b8;margin-top:2px}.mhr-pc-right-col .mhr-earn-total-box{background:linear-gradient(135deg,#1255b8,#1976d2 55%,#42a5f5)!important;border-radius:16px!important;position:relative;overflow:hidden}.mhr-pc-right-col .mhr-earn-total-box:after{content:"";position:absolute;width:200px;height:200px;border-radius:50%;background:#ffffff14;right:-40px;top:-60px;pointer-events:none}.mhr-pc-right-col .mhr-earn-total-label{color:#ffffffd9!important}.mhr-pc-right-col .mhr-earn-total-val{color:#fff!important;font-size:2rem!important}.mhr-pc-right-col .mhr-mn-title{font-size:18px!important;font-weight:800!important}.mhr-pc-left-col .mhr-quick-work-grid{grid-template-columns:repeat(4,1fr)}.mhr-pc-left-col .mhr-header-combined .mhr-ck-btn,.mhr-pc-left-col .mhr-header-combined .mhr-ck-status{width:72px!important;padding:10px 6px!important;border-radius:10px!important;gap:4px!important}.mhr-pc-left-col .mhr-header-combined .mhr-ck-icon{font-size:16px!important}.mhr-pc-left-col .mhr-header-combined .mhr-ck-label,.mhr-pc-left-col .mhr-header-combined .mhr-ck-time{font-size:12px!important}}.mhr-mobile .mhr-tech-hero{background:linear-gradient(135deg,#0f766e,#065f54)!important;color:#fff!important}.mhr-mobile .mhr-tech-hero .mhr-tech-date,.mhr-mobile .mhr-tech-hero .mhr-tech-greeting,.mhr-mobile .mhr-tech-hero .mhr-tech-role,.mhr-mobile .mhr-tech-hero .mhr-tech-available{color:#ffffffe6!important}.mhr-mobile .mhr-header-combined{background:var(--mhr-gradient)!important}.mhr-mobile .mhr-header-combined .mhr-name,.mhr-mobile .mhr-header-combined .mhr-role,.mhr-mobile .mhr-header-combined .mhr-status-label{color:#ffffffe6!important}.mhr-mobile .mhr-header-combined .mhr-avatar.placeholder{background:#ffffff40!important;color:#fff!important}.mhr-mobile .mhr-ck-btn.in{border-color:#10b981!important;color:#059669!important;background:#ecfdf5!important}.mhr-mobile .mhr-ck-btn.in .mhr-ck-icon{color:#059669!important}.mhr-mobile .mhr-ck-btn.in.done{background:var(--mhr-soft)!important;border-color:var(--mhr-primary)!important}.mhr-mobile .mhr-income-ring-val{color:var(--mhr-primary)!important}.mhr-mobile .mhr-qs-item{border-left:3px solid var(--mhr-primary)!important}.mhr-mobile .mhr-qs-item-hh{border-left-color:#f59e0b!important}.mhr-mobile .mhr-qs-item-sp{border-left-color:#8b5cf6!important}.mhr-mobile .mhr-qs-item-tips{border-left-color:#ec4899!important}.mhr-mobile .mhr-empty-action{background:var(--mhr-btn-bg)!important;border-radius:var(--mhr-btn-radius)!important;color:#fff!important}.mhr-mobile .mhr-bottom-tabs .mhr-tab.active .mhr-tab-icon,.mhr-mobile .mhr-bottom-tabs .mhr-tab.active .mhr-tab-label{color:var(--mhr-primary)!important}.mhr-mobile .mhr-bottom-tabs .mhr-tab.active:before{background:var(--mhr-primary)!important}.mhr-mobile .mhr-quick-work-icon{color:var(--mhr-primary)!important}.mhr-mobile .mhr-income-box,.mhr-mobile .mhr-today-card,.mhr-mobile .mhr-section,.mhr-mobile .mhr-quick-work-item{background:var(--mhr-surface)!important;border-color:var(--mhr-border)!important}.mhr-mobile .mhr-tab-content,.mhr-mobile .mhr-desktop-home,.mhr-mobile .mhr-mobile-home-only{background:var(--mhr-bg)!important}.mhr-mobile .mhr-section-title,.mhr-mobile .mhr-quick-work-title{color:var(--mhr-text)!important}.mhr-mobile .mhr-quick-work-label,.mhr-mobile .mhr-qs-label{color:var(--mhr-text-muted)!important}.mhr-mobile .mhr-quick-work-count{color:var(--mhr-text)!important}.mhr-mobile .mhr-income-title{color:var(--mhr-text-muted)!important}.mhr-mobile .mhr-emore-card{background:var(--mhr-gradient)!important;color:#fff!important}.mhr-mobile .mhr-emore-card strong,.mhr-mobile .mhr-emore-card small{color:#ffffffe6!important}.mhr-mobile .mhr-emore-badges span{color:#1a1a1a!important}.mhr-mobile .mhr-appt-fab{background:var(--mhr-primary)!important;color:#fff!important}.mhr-tech-header-row{display:none}@media(max-width:767px){.mhr-mobile .mhr-tech-hero{min-height:0;padding:14px 16px 16px;background:linear-gradient(135deg,#0f766e,#065f54)!important;border-radius:0 0 22px 22px}.mhr-tech-header-row{display:flex;align-items:center;gap:10px}.mhr-tech-back{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:11px;background:#ffffff29;color:#fff;cursor:pointer}.mhr-tech-header-copy{min-width:0}.mhr-tech-section-title{color:#fff;font-size:16px;font-weight:800;line-height:1.2}.mhr-tech-section-sub{color:#ffffffd1;font-size:12px;margin-top:2px}.mhr-mobile .mhr-tech-date{margin-top:10px}.mhr-mobile .mhr-tech-greeting{margin-top:5px;font-size:25px}}html.mobile-preview .mhr-mobile .mhr-tech-hero{min-height:0;padding:14px 16px 16px;background:linear-gradient(135deg,#0f766e,#065f54)!important;border-radius:0 0 22px 22px}html.mobile-preview .mhr-tech-header-row{display:flex;align-items:center;gap:10px}html.mobile-preview .mhr-tech-back{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);border-radius:11px;background:#ffffff29;color:#fff;cursor:pointer}html.mobile-preview .mhr-tech-section-title{color:#fff;font-size:16px;font-weight:800;line-height:1.2}html.mobile-preview .mhr-tech-section-sub{color:#ffffffd1;font-size:12px;margin-top:2px}html.mobile-preview .mhr-mobile .mhr-tech-date{margin-top:10px}html.mobile-preview .mhr-mobile .mhr-tech-greeting{margin-top:5px;font-size:25px}.mhr-mobile .mhr-appt-day.active{background:var(--mhr-primary)!important;border-color:var(--mhr-primary)!important;color:#fff!important}.mhr-mobile .mhr-tab-filter.active,.mhr-mobile .mhr-earn-tab.active{background:var(--mhr-primary)!important;color:#fff!important}.mhr-mobile .sidebar .sidebar-item.active,.mhr-mobile .sidebar .sidebar-item.active a{color:var(--mhr-primary)!important;background:var(--mhr-soft)!important;border-left-color:var(--mhr-primary)!important}.mhr-mobile .mhr-pc-right-col>div:first-child>div:nth-child(2){background:var(--mhr-gradient)!important}.mhr-mobile .mhr-quick-stats{background:var(--mhr-surface)!important}.mhr-mobile .mhr-empty span,.mhr-mobile .mhr-empty-sub-pc{color:var(--mhr-text-muted)!important}.mhr-mobile .mhr-cal-day.today{background:var(--mhr-primary)!important;color:#fff!important}.mhr-mobile a:not([class]){color:var(--mhr-primary)}.mhr-mobile .mhr-pc-hero-fullwidth{background:var(--mhr-gradient)!important}.mhr-mobile .mhr-emore-quick button{border-color:var(--mhr-border)!important;background:var(--mhr-surface)!important;color:var(--mhr-text)!important}.mhr-mobile .mhr-emore-grid button{background:var(--mhr-surface)!important;border-color:var(--mhr-border)!important;color:var(--mhr-text)!important}.mhr-mobile .mhr-penalty-alert{border-left:3px solid var(--mhr-primary)!important}.mhr-mobile ::-webkit-scrollbar-thumb{background:var(--mhr-primary);border-radius:4px}@media(max-width:768px){.mhr-desktop-tabs{display:none!important}}.schedule-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.schedule-table{width:100%;border-collapse:collapse;font-size:13px;min-width:900px}.schedule-table th{padding:10px 8px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:600;color:#374151;text-align:center;vertical-align:bottom}.schedule-table td{padding:6px 8px;border-bottom:1px solid #f3f4f6;border-right:1px solid #f3f4f6;vertical-align:top;min-width:110px;min-height:48px}.schedule-table td:first-child{padding-left:14px;min-width:140px;border-right:2px solid #e5e7eb}.schedule-cell{cursor:pointer;position:relative}.schedule-cell:hover{background:#f0f9ff}.shift-chip{display:flex;flex-direction:column;padding:3px 6px;border-radius:5px;margin-bottom:3px;font-size:12px;position:relative}.chip-del{position:absolute;top:1px;right:3px;background:none;border:none;cursor:pointer;color:#9ca3af;font-size:14px;line-height:1;padding:0}.chip-del:hover{color:#dc2626}.schedule-add{color:#d1d5db;font-size:18px;text-align:center;padding:2px;display:none}.schedule-cell:hover .schedule-add{display:block}.sa-status-pending{color:#d97706}.sa-status-approved{color:#2563eb}.sa-status-paid{color:#059669}.sa-status-rejected{color:#dc2626}.policy-page{padding:24px;display:flex;flex-direction:column;height:100%;overflow-y:auto}.policy-header{margin-bottom:20px}.policy-header h1{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0}.policy-tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:2px solid var(--color-border);padding-bottom:0}.policy-tabs button{padding:10px 20px;border:none;background:transparent;font-size:.9rem;font-weight:600;cursor:pointer;color:var(--color-text-muted);border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .15s}.policy-tabs button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.policy-content{flex:1}.policy-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:24px}.policy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.policy-field{display:flex;flex-direction:column;gap:6px}.policy-field label{font-size:.82rem;font-weight:600;color:var(--color-text-muted)}.policy-field input{padding:10px 14px;border:1px solid var(--color-border);border-radius:8px;font-size:.95rem;background:var(--color-bg);color:var(--color-text);transition:border-color .15s}.policy-field input:focus{outline:none;border-color:var(--color-primary)}.policy-save-btn{padding:12px 28px;background:var(--color-primary);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:700;cursor:pointer;transition:opacity .15s}.policy-save-btn:hover{opacity:.9}.policy-save-btn:disabled{opacity:.5;cursor:not-allowed}.logs-table-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;overflow:hidden}.logs-table{width:100%;border-collapse:collapse;font-size:.85rem}.logs-table thead{background:var(--color-bg);position:sticky;top:0;z-index:1}.logs-table th{padding:12px 16px;text-align:left;font-weight:700;color:var(--color-text-muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border)}.logs-table td{padding:10px 16px;border-bottom:1px solid var(--color-border);color:var(--color-text)}.logs-table tbody tr:nth-child(2n){background:#00000005}.logs-table tbody tr:hover{background:#3b82f60a}.logs-staff{font-weight:600}.logs-old{color:#ef4444;text-decoration:line-through}.logs-new{color:#22c55e;font-weight:600}.logs-reason{color:var(--color-text-muted);font-style:italic}.logs-empty{padding:40px;text-align:center;color:var(--color-text-muted);font-size:.9rem}.policy-loading{display:flex;justify-content:center;padding:60px;font-size:1.1rem;color:var(--color-text-muted)}.policy-modal-overlay{position:fixed;inset:0;background:#00000073;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:policyOverlayFadeIn .2s ease}@keyframes policyOverlayFadeIn{0%{opacity:0}to{opacity:1}}.policy-modal-content{background:#fff;border-radius:16px;width:520px;max-width:calc(94vw / var(--ui-vu, 1));max-height:calc(90vh / var(--ui-vu, 1));overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:policyModalSlideUp .25s ease}@keyframes policyModalSlideUp{0%{opacity:0;transform:translateY(30px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.policy-modal-header{background:var(--brand-gradient);padding:18px 24px;border-radius:16px 16px 0 0;position:relative}.policy-modal-close{position:absolute;top:14px;left:16px;background:#fff3;border:none;color:#fff;width:30px;height:30px;border-radius:50%;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.policy-modal-close:hover{background:#ffffff59}.policy-modal-title{color:#fff;font-size:1.1rem;font-weight:700;text-align:center}.policy-modal-sub{color:#fffc;font-size:.8rem;text-align:center;margin-top:2px}@media(max-width:768px){.policy-page{padding:0 0 88px}.policy-grid{grid-template-columns:1fr;gap:14px}.policy-form{padding:16px}.policy-save-btn{width:100%}.logs-table-wrapper{overflow-x:auto}.logs-table{min-width:640px}}.earnings-page{padding:24px;display:flex;flex-direction:column;height:100%;overflow-y:auto}.earnings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-shrink:0}.earnings-header h1{font-size:1.5rem;font-weight:700;color:var(--color-text);margin:0;display:flex;align-items:center;gap:10px}.earnings-month-nav{display:flex;align-items:center;gap:8px}.earnings-month-nav button{width:32px;height:32px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;color:var(--color-text)}.earnings-month-label{font-size:1rem;font-weight:600;color:var(--color-text);min-width:140px;text-align:center}.earnings-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.earnings-stat-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:20px;position:relative;overflow:hidden}.earnings-stat-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.earnings-stat-box.total:before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.earnings-stat-box.salary:before{background:linear-gradient(90deg,#22c55e,#10b981)}.earnings-stat-box.commission:before{background:linear-gradient(90deg,#f59e0b,#eab308)}.earnings-stat-box.allowance:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.stat-label{font-size:.8rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.stat-value{font-size:1.6rem;font-weight:800;color:var(--color-text)}.stat-sub{font-size:.78rem;color:var(--color-text-muted);margin-top:4px}.earnings-sections{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:800px){.earnings-sections{grid-template-columns:1fr}}.earnings-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:20px}.earnings-section h3{font-size:1rem;font-weight:700;margin:0 0 16px;color:var(--color-text);display:flex;align-items:center;gap:8px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--color-border);font-size:.875rem}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--color-text-muted)}.detail-value{font-weight:600;color:var(--color-text)}.detail-value.highlight{color:var(--color-primary)}.detail-value.negative{color:#ef4444}.commission-breakdown{display:flex;flex-direction:column;gap:10px;margin-top:8px}.commission-source{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:var(--color-bg);border-radius:8px;font-size:.85rem}.commission-source-label{color:var(--color-text-muted);display:flex;align-items:center;gap:6px}.commission-source-value{font-weight:700;color:var(--color-text)}.earnings-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;color:var(--color-text-muted)}.earnings-empty-icon{font-size:3rem;margin-bottom:12px}.earnings-loading{display:flex;justify-content:center;padding:60px;font-size:1.1rem;color:var(--color-text-muted)}.kanban-board{display:flex;gap:12px;padding:16px;overflow-x:auto;flex:1;align-items:flex-start;min-height:0}.kanban-col{flex:0 0 240px;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb;display:flex;flex-direction:column;max-height:calc(calc(100vh / var(--ui-vu, 1)) - 160px)}.kanban-col.over{border-color:#6366f1;background:#eef2ff}.kanban-col-header{padding:10px 12px;display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:13px;color:#374151;background:#fff;border-radius:8px 8px 0 0;border-bottom:1px solid #e5e7eb}.kanban-badge{background:#e5e7eb;color:#6b7280;font-size:12px;padding:2px 7px;border-radius:10px;font-weight:600}.kanban-col-body{padding:8px;overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:6px}.kanban-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:10px 12px;cursor:grab;transition:box-shadow .15s,opacity .15s}.kanban-card:hover{box-shadow:0 2px 8px #0000001a;border-color:#c7d2fe}.kanban-card.dragging{opacity:.5}.kanban-card-name{font-weight:600;font-size:13px;color:#111827;margin-bottom:2px}.kanban-card-phone{font-size:12px;color:#6b7280;margin-bottom:3px}.kanban-card-staff{font-size:12px;color:#9ca3af}.kanban-card-note{font-size:12px;color:#6b7280;margin-top:4px;padding-top:4px;border-top:1px solid #f3f4f6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kanban-card-score{font-size:12px;font-weight:600;margin-top:4px}[data-theme=dark] .kanban-board{background:#101525!important}[data-theme=dark] .kanban-col{background:#1c2233!important;border-color:#ffffff14!important}[data-theme=dark] .kanban-col.over{background:rgba(var(--color-primary-rgb),.1)!important;border-color:rgba(var(--color-primary-rgb),.3)!important}[data-theme=dark] .kanban-col-header{background:#1c2233!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .kanban-badge{background:#ffffff1a!important;color:#94a3b8!important}[data-theme=dark] .kanban-card{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .kanban-card:hover{background:#ffffff08!important;box-shadow:0 2px 8px #0006!important}[data-theme=dark] .kanban-card-name{color:#f5f7fa!important}[data-theme=dark] .kanban-card-phone,[data-theme=dark] .kanban-card-staff{color:#94a3b8!important}[data-theme=dark] .kanban-card-note{color:#64748b!important}.mtab-mobile{max-width:600px;margin:0 auto;padding:16px 20px 80px;min-height:calc(100vh / var(--ui-vu, 1));background:var(--bg-secondary, #f8fafc)}.mtab-content{position:relative}.mtab-toast{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999}.mtab-bottom-tabs{position:fixed;bottom:0;left:260px;right:0;display:flex;max-width:600px;margin:0 auto;background:var(--bg-primary, #fff);border-top:1px solid var(--border-color, #e2e8f0);padding:8px 0 env(safe-area-inset-bottom,6px);z-index:1000;box-shadow:0 -2px 10px #0000000d}body:has(.sidebar.collapsed) .mtab-bottom-tabs{left:56px}@media(max-width:768px){.mtab-bottom-tabs{left:0}}.mtab-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 0;background:none;border:none;cursor:pointer;color:var(--text-secondary, #94a3b8);font-size:.68rem;transition:color .2s}.mtab-btn.active{color:var(--color-primary)}.mtab-btn-icon{font-size:1.4rem;line-height:1}.mtab-btn-label{font-weight:600;font-size:.68rem}.mtab-section{background:var(--bg-primary, #fff);border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 1px 4px #0000000f}[data-theme=dark] .mtab-section{background:var(--bg-card, #1e293b);border-color:#ffffff14}.mtab-section-title{font-size:15px;font-weight:700;color:var(--text-primary, #0f172a);margin:0 0 14px;display:flex;align-items:center;gap:8px}.mtab-section-badge{background:var(--color-primary);color:#fff;border-radius:10px;padding:2px 8px;font-size:12px}@media(min-width:600px){.mtab-mobile{max-width:600px;padding:20px 24px 80px}}@media(min-width:768px){.mtab-mobile,.mtab-bottom-tabs{max-width:680px}.mtab-section{padding:24px;margin-bottom:20px}}@media(min-width:1024px){.mtab-mobile,.mtab-bottom-tabs{max-width:780px}}.tele-tab-content{padding-bottom:96px!important}.tele-mobile-hero{display:none}@media(max-width:768px){.mtab-mobile.tele-shell{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0 0 calc(var(--mobile-nav-space, 72px) + 16px)!important;overflow-x:clip!important}.tele-shell .tele-mobile-hero{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important}.tele-shell .mtab-content{padding:12px 16px 96px!important}.tele-shell .tele-tab-content{padding-bottom:0!important}.tele-shell .tele-desktop-hero{display:none!important}}@media(min-width:769px){.tele-shell .tele-mobile-hero{display:none!important}}html.mobile-preview .mtab-mobile.tele-shell{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0 0 96px!important;overflow-x:clip!important}html.mobile-preview .tele-shell .tele-mobile-hero{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important}html.mobile-preview .tele-shell .mtab-content{padding:12px 16px 96px!important}html.mobile-preview .tele-shell .tele-tab-content{padding-bottom:0!important}html.mobile-preview .tele-shell .tele-desktop-hero{display:none!important}.tele-call-item{padding:12px 0;border-bottom:1px solid var(--border-color, #f1f5f9)}.tele-call-item:last-child{border-bottom:none}.tele-avatar{width:40px;height:40px;border-radius:50%;background:var(--brand-soft, #E6F4F2);color:var(--color-primary, #0f766e);display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;flex-shrink:0}.tele-call-name{font-size:14px;font-weight:600;color:var(--text-primary, #1e293b);line-height:1.3;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tele-call-btn{width:36px;height:36px;border-radius:50%;background:#22c55e15;display:flex;align-items:center;justify-content:center;font-size:18px;text-decoration:none;flex-shrink:0}.tele-call-btn:active{background:#22c55e30}.tele-call-form{margin-top:10px;padding-top:10px;border-top:1px solid var(--border-color, #f1f5f9);display:flex;flex-direction:column;gap:10px}.tele-status-grid{display:flex;flex-wrap:wrap;gap:6px}.tele-status-chip{padding:6px 12px;border-radius:16px;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-secondary, #f8fafc);font-size:12px;font-weight:600;cursor:pointer;color:var(--text-secondary, #64748b);transition:all .15s}.tele-status-chip.selected{background:color-mix(in srgb,var(--chip-color, var(--color-primary)) 12%,transparent);border-color:var(--chip-color, var(--color-primary));color:var(--chip-color, var(--color-primary))}.tele-status-chip:active{transform:scale(.97)}[data-theme=dark] .tele-status-chip{background:var(--bg-card, #1e293b);border-color:#ffffff1a}.tele-input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-secondary, #f8fafc);font-size:14px;color:var(--text-primary, #1e293b);outline:none;resize:none;box-sizing:border-box}.tele-input:focus{border-color:var(--color-primary)}[data-theme=dark] .tele-input{background:var(--bg-card, #1e293b);border-color:#ffffff1a;color:var(--text-primary, #e2e8f0)}.tele-submit-btn{width:100%;padding:10px;border-radius:10px;border:none;background:var(--color-primary);color:#fff;font-size:14px;font-weight:600;cursor:pointer}.tele-submit-btn:active{background:var(--color-primary-hover)}.tele-submit-btn:disabled{opacity:.6;cursor:not-allowed}.tele-followup-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-color, #f1f5f9)}.tele-followup-item:last-child{border-bottom:none}.tele-followup-item.overdue{background:#fef2f2;margin:0 -20px;padding:12px 20px;border-radius:8px}[data-theme=dark] .tele-followup-item.overdue{background:#ef44441a}.tele-done-btn{padding:6px 14px;border-radius:8px;border:none;background:#22c55e15;color:#22c55e;font-size:12px;font-weight:600;cursor:pointer;flex-shrink:0}.tele-done-btn:active{background:#22c55e30}.import-kv-page{padding:24px;max-width:1200px;margin:0 auto}.import-kv-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px;gap:16px;flex-wrap:wrap}.import-kv-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary, #1e293b);display:flex;align-items:center;gap:10px;margin:0 0 8px}.import-kv-logo{width:32px;height:32px;display:inline-grid;place-items:center;border-radius:10px;background:var(--teal-5, #ecfdf5);color:var(--color-primary, #007b7b)}.import-kv-subtitle{color:var(--text-secondary, #64748b);font-size:.9rem;margin:0;line-height:1.5}.import-kv-progress-badge{background:var(--color-primary, #007b7b);color:#fff;padding:8px 18px;border-radius:20px;font-weight:600;font-size:.85rem;white-space:nowrap;box-shadow:0 2px 8px #10b9814d}.import-kv-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:1024px){.import-kv-steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.import-kv-steps{grid-template-columns:1fr}}.import-kv-step{display:flex;gap:16px;background:var(--card-bg, #fff);border:1px solid var(--border, #e2e8f0);border-radius:12px;padding:20px;transition:all .2s ease;position:relative}.import-kv-step:hover{border-color:var(--color-primary, #007b7b);box-shadow:0 2px 12px #007b7b14}.import-kv-step.done{border-color:#10b981;background:var(--card-bg, rgba(240, 253, 244, .5))}.import-kv-step.uploading{border-color:#f59e0b;opacity:.9}.step-number{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--color-primary, #007b7b);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.import-kv-step.done .step-number{background:#10b981}.step-content{flex:1;min-width:0}.step-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.step-icon{width:30px;height:30px;display:inline-grid;place-items:center;border-radius:8px;background:var(--teal-5, #ecfdf5);color:var(--color-primary, #007b7b)}.step-header h3{margin:0;font-size:1.05rem;font-weight:600;color:var(--text-primary, #1e293b)}.step-check{margin-left:auto;font-size:1.1rem}.step-description{color:var(--text-secondary, #64748b);font-size:.85rem;margin:0 0 4px}.step-dep{color:#f59e0b;font-size:.8rem;margin:2px 0 4px;font-weight:500}.step-file-hint{color:var(--text-tertiary, #94a3b8);font-size:.78rem;margin:0 0 12px}.step-file-hint code{background:var(--bg-surface, #f1f5f9);padding:2px 6px;border-radius:4px;font-size:.75rem}.step-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.file-input-label{cursor:pointer;flex:1;min-width:140px}.file-input-label input[type=file]{display:none}.file-btn{display:block;padding:10px 16px;background:var(--bg-surface, #f1f5f9);border:1px dashed var(--border, #cbd5e1);border-radius:8px;color:var(--text-secondary, #475569);font-size:.85rem;text-align:center;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-btn:hover{border-color:var(--color-primary, #007b7b);background:var(--bg-hover, #e8edf5)}.import-btn{padding:10px 24px;border:none;background:var(--color-primary, #007b7b);color:#fff;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px;white-space:nowrap}.import-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #007b7b40}.import-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.spinner-sm{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-sm .6s linear infinite}@keyframes spin-sm{to{transform:rotate(360deg)}}.step-result{margin-top:12px;padding:12px 16px;border-radius:8px;font-size:.85rem}.step-result.success{background:var(--success-bg, #f0fdf4);border:1px solid #bbf7d0}.step-result.error{background:var(--error-bg, #fef2f2);border:1px solid #fecaca}.result-header{font-weight:600;margin-bottom:6px}.step-result.error .result-header{color:#dc2626}.result-stats{display:flex;gap:16px;flex-wrap:wrap;font-size:.83rem;color:var(--text-secondary, #475569)}.result-stats b{color:var(--text-primary, #1e293b)}.result-errors{margin-top:8px}.result-errors summary{cursor:pointer;color:#f59e0b;font-weight:500;font-size:.82rem}.result-errors ul{margin:6px 0 0;padding-left:20px;font-size:.8rem;color:var(--text-secondary, #64748b);max-height:200px;overflow-y:auto}.result-errors li{margin-bottom:4px}.import-kv-note{margin-top:32px;padding:20px;background:var(--bg-surface, #f8fafc);border:1px solid var(--border, #e2e8f0);border-radius:12px}.import-kv-note h4{margin:0 0 10px;font-size:.95rem;color:var(--text-primary, #1e293b)}.import-kv-note ul{margin:0;padding-left:22px}.import-kv-note li{color:var(--text-secondary, #64748b);font-size:.85rem;margin-bottom:6px;line-height:1.5}@media(max-width:640px){.import-kv-page{padding:0}.import-kv-page .import-kv-header,.import-kv-page .import-kv-steps,.import-kv-page .import-kv-note{margin-left:16px;margin-right:16px}.import-kv-header{display:none}.import-kv-page .import-kv-steps{margin-top:8px}.import-kv-step{gap:12px;padding:14px 16px}.step-number{width:32px;height:32px;font-size:.8rem}.step-actions{gap:8px}.file-input-label{min-width:unset;width:100%}.import-btn{justify-content:center;min-height:44px}.result-stats{flex-direction:column;gap:4px}.import-kv-header h1{font-size:18px;margin-bottom:6px}.import-kv-subtitle{font-size:13px;line-height:1.45}.step-header h3{font-size:15px}.step-description{font-size:13px;line-height:1.45}.file-btn{min-height:44px;display:flex;align-items:center;justify-content:center;padding:8px 12px}.import-kv-note{margin-top:16px;padding:14px}}.appt-stats-page,.svc-usage-page,.sold-products-page,.stock-export-page,.import-report-page,.customer-cards-page,.card-usage-page,.staff-revenue-page,.customer-revenue-page,.branch-revenue-page,.item-report-page,.cashier-report-page,.customer-stats-page{padding:0;margin:0;background:var(--color-background, #f8fafc);height:calc(calc(100vh / var(--ui-vu, 1)) - 60px);width:100%;box-sizing:border-box;display:flex;flex-direction:column;overflow:hidden;font-family:inherit;color:var(--color-text, #475569)}.appt-stats-page .page-header,.svc-usage-page .page-header,.sold-products-page .page-header,.stock-export-page .page-header,.import-report-page .page-header,.customer-cards-page .page-header,.card-usage-page .page-header,.staff-revenue-page .page-header,.customer-revenue-page .page-header,.branch-revenue-page .page-header,.item-report-page .page-header,.cashier-report-page .page-header,.customer-stats-page .page-header{background:#0d9488;border-bottom:1px solid #0d9488;padding:16px 12px;flex-shrink:0;z-index:20;box-sizing:border-box;color:#fff}.appt-stats-page .page-header-content,.svc-usage-page .page-header-content,.sold-products-page .page-header-content,.stock-export-page .page-header-content,.import-report-page .page-header-content,.customer-cards-page .page-header-content,.card-usage-page .page-header-content,.staff-revenue-page .page-header-content,.customer-revenue-page .page-header-content,.branch-revenue-page .page-header-content,.item-report-page .page-header-content,.cashier-report-page .page-header-content,.customer-stats-page .page-header-content{display:flex;align-items:center;justify-content:space-between}.appt-stats-page h1,.svc-usage-page h1,.sold-products-page h1,.stock-export-page h1,.import-report-page h1,.customer-cards-page h1,.card-usage-page h1,.staff-revenue-page h1,.customer-revenue-page h1,.branch-revenue-page h1,.item-report-page h1,.cashier-report-page h1,.customer-stats-page h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0}.appt-stats-page .subtitle,.svc-usage-page .subtitle,.sold-products-page .subtitle,.stock-export-page .subtitle,.import-report-page .subtitle,.customer-cards-page .subtitle,.card-usage-page .subtitle,.staff-revenue-page .subtitle,.customer-revenue-page .subtitle,.branch-revenue-page .subtitle,.item-report-page .subtitle,.cashier-report-page .subtitle,.customer-stats-page .subtitle{font-size:.75rem;font-weight:600;color:#ffffffd9;text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.appt-stats-page .date-filter,.svc-usage-page .date-filter,.sold-products-page .date-filter,.stock-export-page .date-filter,.import-report-page .date-filter,.customer-cards-page .date-filter,.card-usage-page .date-filter,.staff-revenue-page .date-filter,.customer-revenue-page .date-filter,.branch-revenue-page .date-filter,.item-report-page .date-filter,.cashier-report-page .date-filter,.customer-stats-page .date-filter{display:flex;align-items:center;gap:12px;background:var(--color-background, #f8fafc);padding:8px 16px;border-radius:12px;border:1px solid var(--color-border, #e5e7eb)}.appt-stats-page .date-filter input,.svc-usage-page .date-filter input,.sold-products-page .date-filter input,.stock-export-page .date-filter input,.import-report-page .date-filter input,.customer-cards-page .date-filter input,.card-usage-page .date-filter input,.staff-revenue-page .date-filter input,.customer-revenue-page .date-filter input,.branch-revenue-page .date-filter input,.item-report-page .date-filter input,.cashier-report-page .date-filter input,.customer-stats-page .date-filter input{padding:8px 12px;border:1px solid var(--color-border, #e5e7eb);border-radius:10px;font-size:14px;color:var(--color-text, #374151);background:var(--color-surface, white)}.appt-stats-page .date-filter input:focus,.svc-usage-page .date-filter input:focus,.sold-products-page .date-filter input:focus,.stock-export-page .date-filter input:focus,.import-report-page .date-filter input:focus,.customer-cards-page .date-filter input:focus,.card-usage-page .date-filter input:focus,.staff-revenue-page .date-filter input:focus,.customer-revenue-page .date-filter input:focus,.branch-revenue-page .date-filter input:focus,.item-report-page .date-filter input:focus,.cashier-report-page .date-filter input:focus,.customer-stats-page .date-filter input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.appt-stats-page .main-content,.svc-usage-page .main-content,.sold-products-page .main-content,.stock-export-page .main-content,.import-report-page .main-content,.customer-cards-page .main-content,.card-usage-page .main-content,.staff-revenue-page .main-content,.customer-revenue-page .main-content,.branch-revenue-page .main-content,.item-report-page .main-content,.cashier-report-page .main-content,.customer-stats-page .main-content,.customer-stats-page .stats-content{padding:20px 12px;margin:0;width:100%;box-sizing:border-box;flex:1;overflow-y:auto;min-height:0}.appt-stats-page .kpi-grid,.svc-usage-page .kpi-grid,.sold-products-page .kpi-grid,.stock-export-page .kpi-grid,.import-report-page .kpi-grid,.customer-cards-page .kpi-grid,.card-usage-page .kpi-grid,.staff-revenue-page .kpi-grid,.customer-revenue-page .kpi-grid,.branch-revenue-page .kpi-grid,.item-report-page .kpi-grid,.cashier-report-page .kpi-grid,.customer-stats-page .kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:28px}.appt-stats-page .kpi-box,.svc-usage-page .kpi-box,.sold-products-page .kpi-box,.stock-export-page .kpi-box,.import-report-page .kpi-box,.customer-cards-page .kpi-box,.card-usage-page .kpi-box,.staff-revenue-page .kpi-box,.customer-revenue-page .kpi-box,.branch-revenue-page .kpi-box,.item-report-page .kpi-box,.cashier-report-page .kpi-box,.customer-stats-page .kpi-box{background:var(--color-surface, white);border-radius:16px;padding:20px 24px;box-shadow:0 1px 3px #00000014;display:flex;align-items:center;justify-content:space-between;transition:all .2s}.appt-stats-page .kpi-box:hover,.svc-usage-page .kpi-box:hover,.sold-products-page .kpi-box:hover,.stock-export-page .kpi-box:hover,.import-report-page .kpi-box:hover,.customer-cards-page .kpi-box:hover,.card-usage-page .kpi-box:hover,.staff-revenue-page .kpi-box:hover,.customer-revenue-page .kpi-box:hover,.branch-revenue-page .kpi-box:hover,.item-report-page .kpi-box:hover,.cashier-report-page .kpi-box:hover,.customer-stats-page .kpi-box:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.appt-stats-page .kpi-label,.svc-usage-page .kpi-label,.sold-products-page .kpi-label,.stock-export-page .kpi-label,.import-report-page .kpi-label,.customer-cards-page .kpi-label,.card-usage-page .kpi-label,.staff-revenue-page .kpi-label,.customer-revenue-page .kpi-label,.branch-revenue-page .kpi-label,.item-report-page .kpi-label,.cashier-report-page .kpi-label,.customer-stats-page .kpi-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted, #9ca3af);text-transform:uppercase;letter-spacing:.3px;margin-bottom:8px}.appt-stats-page .kpi-value,.svc-usage-page .kpi-value,.sold-products-page .kpi-value,.stock-export-page .kpi-value,.import-report-page .kpi-value,.customer-cards-page .kpi-value,.card-usage-page .kpi-value,.staff-revenue-page .kpi-value,.customer-revenue-page .kpi-value,.branch-revenue-page .kpi-value,.item-report-page .kpi-value,.cashier-report-page .kpi-value,.customer-stats-page .kpi-value{font-size:1.75rem;font-weight:700;color:var(--color-text, #1e293b);margin:0}.appt-stats-page .kpi-icon,.svc-usage-page .kpi-icon,.sold-products-page .kpi-icon,.stock-export-page .kpi-icon,.import-report-page .kpi-icon,.customer-cards-page .kpi-icon,.card-usage-page .kpi-icon,.staff-revenue-page .kpi-icon,.customer-revenue-page .kpi-icon,.branch-revenue-page .kpi-icon,.item-report-page .kpi-icon,.cashier-report-page .kpi-icon,.customer-stats-page .kpi-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.kpi-icon.blue{background:#dbeafe;color:#3b82f6}.kpi-icon.green{background:#dcfce7;color:#22c55e}.kpi-icon.red{background:#fee2e2;color:#ef4444}.kpi-icon.purple{background:#f3e8ff;color:#a855f7}.kpi-icon.indigo{background:#e0e7ff;color:#6366f1}.kpi-icon.sky{background:#e0f2fe;color:#0ea5e9}.kpi-icon.teal{background:#ccfbf1;color:var(--color-primary)}.kpi-icon.amber{background:#fef3c7;color:#f59e0b}.kpi-icon.rose{background:#ffe4e6;color:#f43f5e}.appt-stats-page .table-box,.svc-usage-page .table-box,.sold-products-page .table-box,.stock-export-page .table-box,.import-report-page .table-box,.customer-cards-page .table-box,.card-usage-page .table-box,.staff-revenue-page .table-box,.customer-revenue-page .table-box,.branch-revenue-page .table-box,.item-report-page .table-box,.cashier-report-page .table-box{background:var(--color-surface, white);border-radius:16px;box-shadow:0 1px 3px #00000014;overflow:hidden}.appt-stats-page .table-box-header,.svc-usage-page .table-box-header,.sold-products-page .table-box-header,.stock-export-page .table-box-header,.import-report-page .table-box-header,.customer-cards-page .table-box-header,.card-usage-page .table-box-header,.staff-revenue-page .table-box-header,.customer-revenue-page .table-box-header,.branch-revenue-page .table-box-header,.item-report-page .table-box-header,.cashier-report-page .table-box-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--color-border, #f3f4f6)}.appt-stats-page .table-box-header h3,.svc-usage-page .table-box-header h3,.sold-products-page .table-box-header h3,.stock-export-page .table-box-header h3,.import-report-page .table-box-header h3,.customer-cards-page .table-box-header h3,.card-usage-page .table-box-header h3,.staff-revenue-page .table-box-header h3,.customer-revenue-page .table-box-header h3,.branch-revenue-page .table-box-header h3,.item-report-page .table-box-header h3,.cashier-report-page .table-box-header h3{font-size:1rem;font-weight:600;color:var(--color-text, #1e293b);margin:0}.appt-stats-page .table-count,.svc-usage-page .table-count,.sold-products-page .table-count,.stock-export-page .table-count,.import-report-page .table-count,.customer-cards-page .table-count,.card-usage-page .table-count,.staff-revenue-page .table-count,.customer-revenue-page .table-count,.branch-revenue-page .table-count,.item-report-page .table-count,.cashier-report-page .table-count{font-size:.8rem;color:var(--color-text-muted, #9ca3af);background:var(--color-background, #f3f4f6);padding:4px 12px;border-radius:20px}.appt-stats-page .table-wrapper,.svc-usage-page .table-wrapper,.sold-products-page .table-wrapper,.stock-export-page .table-wrapper,.import-report-page .table-wrapper,.customer-cards-page .table-wrapper,.card-usage-page .table-wrapper,.staff-revenue-page .table-wrapper,.customer-revenue-page .table-wrapper,.branch-revenue-page .table-wrapper,.item-report-page .table-wrapper,.cashier-report-page .table-wrapper{overflow-x:auto}.appt-stats-page .report-table,.svc-usage-page .report-table,.sold-products-page .report-table,.stock-export-page .report-table,.import-report-page .report-table,.customer-cards-page .report-table,.card-usage-page .report-table,.staff-revenue-page .report-table,.customer-revenue-page .report-table,.branch-revenue-page .report-table,.item-report-page .report-table,.cashier-report-page .report-table{width:100%;border-collapse:collapse;font-size:.9rem}.appt-stats-page .report-table thead th,.svc-usage-page .report-table thead th,.sold-products-page .report-table thead th,.stock-export-page .report-table thead th,.import-report-page .report-table thead th,.customer-cards-page .report-table thead th,.card-usage-page .report-table thead th,.staff-revenue-page .report-table thead th,.customer-revenue-page .report-table thead th,.branch-revenue-page .report-table thead th,.item-report-page .report-table thead th,.cashier-report-page .report-table thead th{padding:14px 20px;text-align:left;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted, #6b7280);background:var(--color-background, #f8fafc);border-bottom:1px solid var(--color-border, #e5e7eb);position:sticky;top:0;white-space:nowrap}.appt-stats-page .report-table tbody td,.svc-usage-page .report-table tbody td,.sold-products-page .report-table tbody td,.stock-export-page .report-table tbody td,.import-report-page .report-table tbody td,.customer-cards-page .report-table tbody td,.card-usage-page .report-table tbody td,.staff-revenue-page .report-table tbody td,.customer-revenue-page .report-table tbody td,.branch-revenue-page .report-table tbody td,.item-report-page .report-table tbody td,.cashier-report-page .report-table tbody td{padding:14px 20px;border-bottom:1px solid var(--color-border, #f3f4f6);color:var(--color-text, #374151);white-space:nowrap}.appt-stats-page .report-table tbody tr:hover,.svc-usage-page .report-table tbody tr:hover,.sold-products-page .report-table tbody tr:hover,.stock-export-page .report-table tbody tr:hover,.import-report-page .report-table tbody tr:hover,.customer-cards-page .report-table tbody tr:hover,.card-usage-page .report-table tbody tr:hover,.staff-revenue-page .report-table tbody tr:hover,.customer-revenue-page .report-table tbody tr:hover,.branch-revenue-page .report-table tbody tr:hover,.item-report-page .report-table tbody tr:hover,.cashier-report-page .report-table tbody tr:hover{background:var(--color-background, #f8fafc)}.appt-stats-page .report-table tbody tr:nth-child(2n),.svc-usage-page .report-table tbody tr:nth-child(2n),.sold-products-page .report-table tbody tr:nth-child(2n),.stock-export-page .report-table tbody tr:nth-child(2n),.import-report-page .report-table tbody tr:nth-child(2n),.customer-cards-page .report-table tbody tr:nth-child(2n),.card-usage-page .report-table tbody tr:nth-child(2n),.staff-revenue-page .report-table tbody tr:nth-child(2n),.customer-revenue-page .report-table tbody tr:nth-child(2n),.branch-revenue-page .report-table tbody tr:nth-child(2n),.item-report-page .report-table tbody tr:nth-child(2n),.cashier-report-page .report-table tbody tr:nth-child(2n){background:var(--color-background-alt, #fafbfc)}.appt-stats-page .report-table tfoot td,.svc-usage-page .report-table tfoot td,.sold-products-page .report-table tfoot td,.stock-export-page .report-table tfoot td,.import-report-page .report-table tfoot td,.customer-cards-page .report-table tfoot td,.card-usage-page .report-table tfoot td,.staff-revenue-page .report-table tfoot td,.customer-revenue-page .report-table tfoot td,.branch-revenue-page .report-table tfoot td,.item-report-page .report-table tfoot td,.cashier-report-page .report-table tfoot td{padding:16px 20px;background:var(--color-background, #f8fafc);border-top:2px solid var(--color-border, #e5e7eb);font-weight:600;color:var(--color-text, #1e293b)}.text-right{text-align:right!important}.font-bold{font-weight:600!important}.row-num{color:var(--color-text-muted, #9ca3af);font-weight:500;width:40px}.text-green{color:#22c55e!important}.text-red{color:#ef4444!important}.text-orange{color:#f59e0b!important}.date-cell{color:var(--color-text-muted, #6b7280);font-size:.85rem}.revenue-cell{font-weight:600;color:var(--color-text, #1e293b)}.cost-cell{font-weight:600;color:#ef4444}.item-cell{display:flex;align-items:center;gap:12px}.item-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.item-icon.service{background:#e0e7ff}.item-icon.product{background:#fef3c7}.item-icon.staff{background:#e0e7ff}.item-name{font-weight:600;color:var(--color-text, #1e293b)}.supplier-badge{display:inline-block;padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:600;background:#f3f4f6;color:#6b7280}.rate-badge{display:inline-block;padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:600}.rate-badge.high{background:#dcfce7;color:#16a34a}.rate-badge.mid{background:#fef3c7;color:#b45309}.rate-badge.low{background:#fee2e2;color:#dc2626}.status-badge{display:inline-block;padding:4px 12px;border-radius:8px;font-size:.75rem;font-weight:600}.status-badge.active{background:#dcfce7;color:#16a34a}.status-badge.used-up{background:#e0e7ff;color:#6366f1}.status-badge.expired{background:#fee2e2;color:#dc2626}.status-badge.closed{background:#f3f4f6;color:#6b7280}.filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.filter-bar select,.filter-bar input[type=text]{padding:8px 14px;border:1px solid var(--color-border, #e5e7eb);border-radius:10px;font-size:.85rem;color:var(--color-text, #374151);background:var(--color-surface, white);min-width:140px}.filter-bar select:focus,.filter-bar input[type=text]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.appt-stats-page .empty-state,.svc-usage-page .empty-state,.sold-products-page .empty-state,.stock-export-page .empty-state,.import-report-page .empty-state,.customer-cards-page .empty-state,.card-usage-page .empty-state,.staff-revenue-page .empty-state,.customer-revenue-page .empty-state,.branch-revenue-page .empty-state,.item-report-page .empty-state,.cashier-report-page .empty-state,.customer-stats-page .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-muted, #9ca3af)}.empty-state span{font-size:2rem;opacity:.5}.empty-state-text{font-size:.9rem;margin-top:12px}.appt-stats-page .loading-state,.svc-usage-page .loading-state,.sold-products-page .loading-state,.stock-export-page .loading-state,.import-report-page .loading-state,.customer-cards-page .loading-state,.card-usage-page .loading-state,.staff-revenue-page .loading-state,.customer-revenue-page .loading-state,.branch-revenue-page .loading-state,.item-report-page .loading-state,.cashier-report-page .loading-state,.customer-stats-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh / var(--ui-vu, 1));background:var(--color-background, #f8fafc)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border, #e5e7eb);border-top-color:#6366f1;border-radius:50%;animation:rpt-spin 1s linear infinite}@keyframes rpt-spin{to{transform:rotate(360deg)}}.loading-text{margin-top:16px;font-size:.9rem;color:var(--color-text-muted, #6b7280)}.appt-stats-page .error-state,.svc-usage-page .error-state,.sold-products-page .error-state,.stock-export-page .error-state,.import-report-page .error-state,.customer-cards-page .error-state,.card-usage-page .error-state,.staff-revenue-page .error-state,.customer-revenue-page .error-state,.branch-revenue-page .error-state,.item-report-page .error-state,.cashier-report-page .error-state,.customer-stats-page .error-state{display:flex;align-items:center;justify-content:center;min-height:calc(100vh / var(--ui-vu, 1))}.error-message{background:#fef2f2;color:#ef4444;padding:16px 24px;border-radius:12px;border:1px solid #fee2e2}.charts-row{display:flex;gap:20px;margin-bottom:24px}.appt-stats-page .chart-box,.svc-usage-page .chart-box,.sold-products-page .chart-box,.cashier-report-page .chart-box,.stock-export-page .chart-box,.import-report-page .chart-box,.customer-cards-page .chart-box,.card-usage-page .chart-box,.staff-revenue-page .chart-box,.customer-revenue-page .chart-box,.branch-revenue-page .chart-box,.item-report-page .chart-box,.customer-stats-page .chart-box{background:var(--color-surface, white);border-radius:16px;padding:24px;box-shadow:0 1px 3px #00000014;margin-bottom:24px}.chart-box-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-box-title{font-size:1.05rem;font-weight:600;color:var(--color-text, #1e293b);margin:0}.chart-container{height:300px;position:relative}.export-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.export-btn:hover{background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}@media(max-width:1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.page-header{padding:16px 20px!important}.page-header-content{flex-direction:column!important;gap:16px!important;align-items:flex-start!important}.main-content{padding:20px 0!important}.kpi-grid{grid-template-columns:1fr!important}.appt-stats-page .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:6px!important;margin-bottom:10px!important}.appt-stats-page .kpi-box{padding:8px 10px!important;border-radius:10px!important}.appt-stats-page .kpi-label{font-size:.55rem!important;margin-bottom:2px!important}.appt-stats-page .kpi-value{font-size:1rem!important}.appt-stats-page .kpi-icon{width:30px!important;height:30px!important;border-radius:8px!important;font-size:.9rem!important}.svc-usage-page .main-content{padding:16px!important}.svc-usage-page .kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:14px!important;margin-bottom:20px!important}.svc-usage-page .kpi-box{padding:18px 16px!important;border-radius:16px!important;flex-direction:row-reverse!important;border:1px solid #e5e7eb!important}.svc-usage-page .kpi-label{font-size:.65rem!important;margin-bottom:4px!important;letter-spacing:.04em!important}.svc-usage-page .kpi-value{font-size:1.6rem!important}.svc-usage-page .kpi-icon{width:42px!important;height:42px!important;border-radius:12px!important;font-size:1.2rem!important}.svc-usage-page .page-header{display:none!important}.appt-stats-page .mpage-hero-chips,.svc-usage-page .mpage-hero-chips{overflow-x:visible!important;gap:6px!important;justify-content:center!important}.appt-stats-page .mpage-hero-chip{flex:1!important;text-align:center!important;padding:5px 8px!important;font-size:12px!important}.svc-usage-page .mpage-hero-chip{flex:1 1 0!important;text-align:center!important;padding:4px 8px!important;font-size:12px!important;max-width:90px!important}.charts-row{flex-direction:column!important;gap:12px!important}.chart-container{height:auto!important;min-height:180px}.appt-stats-page .chart-box,.svc-usage-page .chart-box,.sold-products-page .chart-box,.cashier-report-page .chart-box,.customer-stats-page .chart-box{padding:14px!important;margin-bottom:0!important}.chart-box-header{margin-bottom:10px!important}.chart-box-title{font-size:.88rem!important}.table-box{margin:0!important;border-radius:12px!important}.table-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.report-table{display:table!important;min-width:500px}.report-table thead{display:table-header-group!important}.report-table tbody{display:table-row-group!important}.report-table tfoot{display:table-footer-group!important}.report-table tr{display:table-row!important}.report-table th,.report-table td{display:table-cell!important}.report-table thead th,.report-table tbody td,.report-table tfoot td{padding:10px 12px!important;font-size:.75rem!important}.appt-stats-page .page-header,.svc-usage-page .page-header,.import-report-page .page-header,.stock-export-page .page-header,.sold-products-page .page-header,.customer-cards-page .page-header,.card-usage-page .page-header,.staff-revenue-page .page-header,.customer-revenue-page .page-header,.branch-revenue-page .page-header,.revenue-orders-page .page-header,.item-report-page .page-header,.cashier-report-page .page-header,.customer-stats-page .page-header{display:none!important}.appt-stats-page,.svc-usage-page,.import-report-page,.stock-export-page,.sold-products-page,.customer-cards-page,.card-usage-page,.staff-revenue-page,.customer-revenue-page,.branch-revenue-page,.revenue-orders-page,.item-report-page,.cashier-report-page,.customer-stats-page{height:auto!important;min-height:calc(100vh / var(--ui-vu, 1))!important;overflow:visible!important;padding-bottom:96px!important}.kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:0 16px!important}}[data-theme=dark] .appt-stats-page,[data-theme=dark] .svc-usage-page,[data-theme=dark] .sold-products-page,[data-theme=dark] .stock-export-page,[data-theme=dark] .import-report-page,[data-theme=dark] .customer-cards-page,[data-theme=dark] .card-usage-page,[data-theme=dark] .staff-revenue-page,[data-theme=dark] .customer-revenue-page,[data-theme=dark] .branch-revenue-page,[data-theme=dark] .item-report-page,[data-theme=dark] .cashier-report-page,[data-theme=dark] .customer-stats-page{background:#101525!important}[data-theme=dark] .appt-stats-page .page-header,[data-theme=dark] .svc-usage-page .page-header{background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}.aitrucpage-settings{padding:24px 28px;max-width:900px}@media(max-width:768px){.aitrucpage-settings{width:100%!important;max-width:100%!important;min-width:0!important;padding:0 0 calc(var(--mobile-nav-space, 72px) + 16px)!important;overflow-x:clip!important}.aitrucpage-settings .atp-page-header{width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important}.atp-page-header-inner{width:100%!important;min-width:0!important}.atp-page-header-text{min-width:0!important;flex:1 1 auto!important}.atp-breadcrumb{display:none!important}.atp-title,.atp-subtitle{min-width:0!important}.aitrucpage-settings .atp-alert,.aitrucpage-settings .atp-connections-list{margin-left:16px!important;margin-right:16px!important}}html.mobile-preview .aitrucpage-settings{width:100%!important;max-width:100%!important;min-width:0!important;padding:0 0 96px!important;overflow-x:clip!important}html.mobile-preview .aitrucpage-settings .atp-page-header{width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important}html.mobile-preview .atp-page-header-inner{width:100%!important;min-width:0!important}html.mobile-preview .atp-page-header-text{min-width:0!important;flex:1 1 auto!important}html.mobile-preview .atp-breadcrumb{display:none!important}html.mobile-preview .aitrucpage-settings .atp-alert,html.mobile-preview .aitrucpage-settings .atp-connections-list{margin-left:16px!important;margin-right:16px!important}.atp-page-header{margin-bottom:24px}.atp-breadcrumb{font-size:12px;font-weight:600;letter-spacing:1.5px;color:#94a3b8;text-transform:uppercase}.atp-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:4px 0 6px}.atp-subtitle{font-size:.88rem;color:#64748b;margin:0}.atp-add-section{background:#fff;border:1px solid #e8ecf1;border-radius:14px;padding:20px;margin-bottom:24px}.atp-add-section h3{font-size:15px;font-weight:700;color:#0f172a;margin:0 0 16px;display:flex;align-items:center;gap:8px}.atp-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.atp-form-group{display:flex;flex-direction:column;gap:4px}.atp-form-group.full{grid-column:1 / -1}.atp-form-group label{font-size:13px;font-weight:600;color:#64748b}.atp-form-group input{padding:9px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:#fff;transition:border-color .2s;box-sizing:border-box;width:100%}.atp-form-group input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.atp-form-actions{display:flex;gap:10px;margin-top:16px}.atp-apikey-row{display:flex;gap:10px;align-items:center}.atp-apikey-row input{flex:1}.atp-btn-verify{white-space:nowrap;padding:9px 16px;border:1px solid #a5b4fc;background:#eef2ff;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;color:#4338ca;transition:all .2s}.atp-btn-verify:hover:not(:disabled){background:#e0e7ff;border-color:#818cf8}.atp-btn-verify:disabled{opacity:.5;cursor:not-allowed}.atp-verify-result{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:500;animation:atp-fade-in .3s ease}.atp-verify-result.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.atp-verify-result.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.atp-verify-icon{font-size:16px;flex-shrink:0}@keyframes atp-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.atp-auto-sync-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #f0f2f5;border-bottom:1px solid #f0f2f5;margin-bottom:0}.atp-auto-sync-left{display:flex;align-items:center;gap:10px}.atp-auto-sync-label{font-size:13px;font-weight:600;color:#475569}.atp-auto-sync-right{display:flex;align-items:center;gap:8px;font-size:13px;color:#64748b}.atp-auto-sync-right select{padding:5px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:13px;color:#1e293b;background:#fff;cursor:pointer}.atp-auto-sync-right select:focus{border-color:#6366f1;outline:none}.atp-switch{position:relative;display:inline-block;width:40px;height:22px;flex-shrink:0}.atp-switch input{opacity:0;width:0;height:0}.atp-slider{position:absolute;cursor:pointer;inset:0;background:#cbd5e1;border-radius:22px;transition:.3s}.atp-slider:before{content:"";position:absolute;height:16px;width:16px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}.atp-switch input:checked+.atp-slider{background:#22c55e}.atp-switch input:checked+.atp-slider:before{transform:translate(18px)}.atp-btn-primary{display:flex;align-items:center;gap:6px;padding:9px 20px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.atp-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px #6366f14d}.atp-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.atp-connections-list{display:flex;flex-direction:column;gap:16px}.atp-conn-item{background:#fff;border:1px solid #e8ecf1;border-radius:14px;padding:20px;transition:all .2s}.atp-conn-item:hover{border-color:#c7d2fe;box-shadow:0 4px 12px #0000000a}.atp-conn-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.atp-conn-info h4{font-size:16px;font-weight:700;color:#0f172a;margin:0 0 4px;display:flex;align-items:center;gap:8px}.atp-conn-url{font-size:12px;color:#94a3b8;font-family:monospace}.atp-conn-status{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:6px}.atp-conn-status.active{background:#dcfce7;color:#166534}.atp-conn-status.inactive{background:#f1f5f9;color:#64748b}.atp-conn-status .dot{width:7px;height:7px;border-radius:50%}.atp-conn-status.active .dot{background:#22c55e}.atp-conn-status.inactive .dot{background:#94a3b8}.atp-conn-meta{display:flex;gap:20px;flex-wrap:wrap;margin-bottom:14px}.atp-meta-item{font-size:12.5px;color:#475569}.atp-meta-item strong{color:#0f172a;font-weight:600}.atp-meta-item .error-text{color:#dc2626}.atp-meta-item .ok-text{color:#16a34a}.atp-conn-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid #f0f2f5;padding-top:14px}.atp-action-btn{display:flex;align-items:center;gap:5px;padding:7px 14px;border:1px solid #e2e8f0;background:#fff;border-radius:8px;font-size:12.5px;font-weight:600;cursor:pointer;color:#475569;transition:all .2s}.atp-action-btn:hover{background:#f8fafc;border-color:#c7d2fe;color:#4f46e5}.atp-action-btn:disabled{opacity:.5;cursor:not-allowed}.atp-action-btn.test{border-color:#a5b4fc;color:#4f46e5}.atp-action-btn.sync{border-color:#86efac;color:#16a34a}.atp-action-btn.push{border-color:#fdba74;color:#c2410c}.atp-action-btn.delete{border-color:#fca5a5;color:#dc2626}.atp-action-btn.delete:hover{background:#fef2f2}.atp-action-btn.delete.confirming{background:#dc2626;color:#fff;border-color:#dc2626;animation:atp-pulse-delete .6s ease-in-out infinite alternate}@keyframes atp-pulse-delete{0%{opacity:1}to{opacity:.7}}.atp-stats-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:14px;margin-top:12px}.atp-stats-panel h5{font-size:13px;font-weight:700;color:#0f172a;margin:0 0 10px}.atp-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.atp-stat-box{background:#fff;border:1px solid #e8ecf1;border-radius:8px;padding:10px 12px;text-align:center}.atp-stat-value{font-size:1.3rem;font-weight:800;color:#4f46e5}.atp-stat-label{font-size:12px;color:#64748b;font-weight:600;text-transform:uppercase;margin-top:2px}.atp-sync-result{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:12px 14px;margin-top:12px;font-size:13px;color:#166534}.atp-sync-result.error{background:#fef2f2;border-color:#fecaca;color:#991b1b}.atp-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:48px;color:#94a3b8}.atp-empty-icon{font-size:2.5rem}.atp-empty-text{font-size:.88rem}.atp-alert{padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:16px}.atp-alert.info{background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af}.atp-alert.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.atp-alert.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.atp-loading{display:flex;align-items:center;justify-content:center;padding:60px}.atp-spinner{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:atp-spin .7s linear infinite}@keyframes atp-spin{to{transform:rotate(360deg)}}[data-theme=dark] .aitrucpage-settings{background:#101525!important}[data-theme=dark] .atp-page-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .atp-title{color:#f5f7fa!important}[data-theme=dark] .atp-subtitle{color:#94a3b8!important}[data-theme=dark] .atp-add-section{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .atp-add-section h3{color:#f5f7fa!important}[data-theme=dark] .atp-form-group label{color:#94a3b8!important}[data-theme=dark] .atp-form-group input{background:#1c2233!important;border-color:#ffffff1f!important;color:#f5f7fa!important}[data-theme=dark] .atp-apikey-row{background:#1c2233!important;border-color:#ffffff14!important}@media(max-width:768px){.aitrucpage-settings .atp-title{color:#fff!important;font-size:17px!important;line-height:20px!important;margin:0!important}.aitrucpage-settings .atp-subtitle{color:#ffffffdb!important;font-size:12px!important;line-height:16px!important;margin:2px 0 0!important}}html.mobile-preview .aitrucpage-settings .atp-title{color:#fff!important;font-size:17px!important;line-height:20px!important;margin:0!important}html.mobile-preview .aitrucpage-settings .atp-subtitle{color:#ffffffdb!important;font-size:12px!important;line-height:16px!important;margin:2px 0 0!important}@media(max-width:768px){.ctv-vouchers-page.m-page{padding:0 0 calc(var(--mobile-nav-space, 72px) + 16px)!important;overflow-x:clip!important}.ctv-vouchers-page .ctv-mobile-intro{padding:0 16px!important;gap:10px!important}.ctv-vouchers-page .ctv-mobile-intro>div:first-child>div{margin-top:0!important;line-height:1.45!important}.ctv-vouchers-page .ctv-mobile-intro svg{width:78px!important;height:70px!important}.ctv-vouchers-page .ctv-mobile-create,.ctv-vouchers-page .ctv-mobile-list{width:calc(100% - 32px)!important;margin-left:16px!important;margin-right:16px!important;box-sizing:border-box!important}.ctv-vouchers-page .ctv-mobile-create{min-height:52px!important;padding:14px 16px!important}.ctv-vouchers-page .ctv-mobile-list{border-radius:16px!important}}html.mobile-preview .ctv-vouchers-page.m-page{padding:0 0 96px!important;overflow-x:clip!important}html.mobile-preview .ctv-vouchers-page .ctv-mobile-intro{padding:0 16px!important;gap:10px!important}html.mobile-preview .ctv-vouchers-page .ctv-mobile-intro>div:first-child>div{margin-top:0!important;line-height:1.45!important}html.mobile-preview .ctv-vouchers-page .ctv-mobile-intro svg{width:78px!important;height:70px!important}html.mobile-preview .ctv-vouchers-page .ctv-mobile-create,html.mobile-preview .ctv-vouchers-page .ctv-mobile-list{width:calc(100% - 32px)!important;margin-left:16px!important;margin-right:16px!important;box-sizing:border-box!important}html.mobile-preview .ctv-vouchers-page .ctv-mobile-create{min-height:52px!important;padding:14px 16px!important}.ads-leads{padding:24px;max-width:1280px;margin:0 auto}@media(max-width:768px){.ads-leads{padding:0!important;max-width:100%!important;margin:0!important}}@media(min-width:769px){.ads-leads{margin:0 -24px!important;padding-left:10px!important;padding-right:10px!important;padding-top:16px!important;max-width:none!important}}.ads-leads-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:16px;flex-wrap:wrap;gap:12px}.ads-leads-header h2{margin:0 0 4px;font-size:22px}.ads-leads-header p{margin:0;color:#6b7280;font-size:13px}.ads-leads-filter{display:flex;gap:6px;background:#f3f4f6;padding:4px;border-radius:10px}.ads-leads-filter button{padding:7px 14px;background:transparent;border:none;border-radius:8px;cursor:pointer;font-size:13px;color:#4b5563}.ads-leads-filter button.active{background:#fff;color:#111827;box-shadow:0 1px 3px #00000014;font-weight:600}.ads-leads-loading,.ads-leads-empty{text-align:center;padding:60px;color:#6b7280;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.ads-leads-table-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow-x:auto}.ads-leads-table{width:100%;border-collapse:collapse;font-size:13px}.ads-leads-table th{text-align:left;padding:12px 14px;background:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:600;color:#374151;white-space:nowrap}.ads-leads-table td{padding:12px 14px;border-bottom:1px solid #f3f4f6}.ads-leads-table tr:last-child td{border-bottom:none}.ads-tag{display:inline-block;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:600;background:#f3f4f6;color:#374151}.ads-tag.p-facebook{background:#dbeafe;color:#1e40af}.ads-tag.p-google{background:#fef3c7;color:#92400e}.ads-tag.p-tiktok{background:#fce7f3;color:#9d174d}.ads-tag.p-zalo{background:#cffafe;color:#155e75}.ads-req-badge{display:inline-flex;align-items:center;gap:4px;background:#ecfdf5;color:#065f46;padding:2px 8px;border-radius:6px;font-size:12px;font-weight:600}.ads-req-badge small{font-weight:400;opacity:.8}.ads-status{font-size:12px;font-weight:600}.ads-status.ok{color:#059669}.ads-status.pending{color:#d97706}[data-theme=dark] .ads-leads{background:#101525!important}[data-theme=dark] .ads-leads-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .ads-leads-header h2{color:#f5f7fa!important}[data-theme=dark] .ads-leads-header p{color:#94a3b8!important}[data-theme=dark] .ads-leads-filter{background:#151a2b!important;border-color:#ffffff14!important}[data-theme=dark] .ads-leads-filter button{color:#94a3b8!important}[data-theme=dark] .ads-leads-filter button.active{background:#202638!important;color:#f5f7fa!important}[data-theme=dark] .ads-leads-table-wrap{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .ads-leads-table th{background:#1c2233!important;color:#94a3b8!important;border-color:#ffffff14!important}[data-theme=dark] .ads-leads-table td{color:#f5f7fa!important;border-color:#ffffff0f!important}[data-theme=dark] .ads-leads-table tr{background:#202638!important}.ads-logs{padding:24px;max-width:1280px;margin:0 auto}@media(min-width:769px){.ads-logs{margin:0 -24px!important;padding-left:10px!important;padding-right:10px!important;padding-top:16px!important;max-width:none!important}}.ads-logs-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px;margin-bottom:16px}.ads-logs-header h2{margin:0 0 4px;font-size:22px}.ads-logs-header p{margin:0;color:#6b7280;font-size:13px}.ads-logs-filters{display:flex;gap:8px}.ads-logs-filters select,.ads-logs-filters button{padding:8px 12px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font-size:13px;cursor:pointer}.ads-logs-loading,.ads-logs-empty{text-align:center;padding:60px;color:#6b7280;background:#fff;border-radius:12px;border:1px solid #e5e7eb}.ads-logs-list{display:flex;flex-direction:column;gap:6px}.ads-log-row{background:#fff;border:1px solid #e5e7eb;border-left-width:4px;border-radius:8px}.ads-log-row.verified{border-left-color:#10b981}.ads-log-row.failed{border-left-color:#ef4444}.ads-log-summary{display:grid;grid-template-columns:180px 180px 30px 1fr 30px;align-items:center;padding:10px 14px;cursor:pointer;font-size:13px;gap:12px}.ads-log-summary:hover{background:#f9fafb}.ads-log-time{color:#6b7280;font-family:ui-monospace,monospace;font-size:12px}.ads-log-event{font-weight:600;color:#1f2937}.ads-log-status.ok{color:#059669;font-weight:700}.ads-log-status.err{color:#dc2626;font-weight:700}.ads-log-state{color:#6b7280;font-size:12px}.ads-log-toggle{text-align:right;color:#6b7280;font-weight:700;font-size:16px}.ads-log-payload{margin:0;padding:12px 16px;background:#f9fafb;border-top:1px solid #e5e7eb;font-size:12px;font-family:ui-monospace,monospace;overflow-x:auto;max-height:400px;overflow-y:auto}[data-theme=dark] .ads-logs{background:#101525!important}[data-theme=dark] .ads-logs-header{background:#202638!important;border-color:#ffffff14!important}[data-theme=dark] .ads-logs-header h2{color:#f5f7fa!important}[data-theme=dark] .ads-logs-header p{color:#94a3b8!important}[data-theme=dark] .ads-logs-filters select,[data-theme=dark] .ads-logs-filters button{background:#1c2233!important;border-color:#ffffff1f!important;color:#f5f7fa!important}[data-theme=dark] .ads-logs-list{background:transparent!important}[data-theme=dark] .ads-log-row{background:#202638!important;border-color:#ffffff14!important;color:#f5f7fa!important}[data-theme=dark] .ads-log-summary{color:#94a3b8!important}[data-theme=dark] .ads-log-summary:hover{background:#ffffff0a!important}