@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500;600&family=Inter:wght@300;400;500;600;700;800&family=Tajawal:wght@300;400;500;700;800&display=swap";@layer components;@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-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight: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}}}@layer theme{:root,:host{--font-sans:"Inter", "Tajawal", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--color-red-600:oklch(57.7% .245 27.325);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-600:oklch(66.6% .179 58.318);--color-green-600:oklch(62.7% .194 149.214);--color-gray-800:oklch(27.8% .033 256.848);--color-white:#fff;--spacing:.25rem;--container-md:28rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-relaxed:1.625;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:1.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--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);--color-primary-50:oklch(97% .02 175);--color-primary-100:oklch(93% .04 175);--color-primary-200:oklch(85% .08 175);--color-primary-500:oklch(55% .14 175);--color-primary-600:oklch(48% .13 175);--color-primary-700:oklch(40% .11 175);--color-surface-50:oklch(98% .005 250);--color-surface-100:oklch(96% .008 250);--color-surface-200:oklch(92% .01 250);--color-surface-700:oklch(35% .015 250);--color-surface-900:oklch(18% .012 250);--color-surface-950:oklch(13% .01 250);--color-success:oklch(65% .18 145);--color-warning:oklch(75% .15 70);--color-danger:oklch(60% .2 25)}}@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%;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;-webkit-text-decoration:inherit;-webkit-text-decoration: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}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{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]){appearance:button}::file-selector-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}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-3{top:calc(var(--spacing) * 3)}.bottom-6{bottom:calc(var(--spacing) * 6)}.left-1\/2{left:50%}.left-3\.5{left:calc(var(--spacing) * 3.5)}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-1{margin:var(--spacing)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-auto{margin-right:auto}.mb-1{margin-bottom:var(--spacing)}.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-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-1\.5{margin-left:calc(var(--spacing) * 1.5)}.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}.table{display:table}.table\!{display:table!important}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.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-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-20{height:calc(var(--spacing) * 20)}.h-full{height:100%}.max-h-\[80px\]{max-height:80px}.min-h-\[120px\]{min-height:120px}.min-h-screen{min-height:100vh}.w-2\.5{width:calc(var(--spacing) * 2.5)}.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-8{width:calc(var(--spacing) * 8)}.w-10{width:calc(var(--spacing) * 10)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:0}.min-w-\[220px\]{min-width:220px}.flex-1{flex:1}.flex-\[2\]{flex:2}.flex-shrink,.shrink{flex-shrink:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.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-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-px{gap:1px}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * 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(.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)))}.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-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-4{border-style:var(--tw-border-style);border-width:4px}.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-danger\/20{border-color:#de3b3d33}@supports (color:color-mix(in lab, red, red)){.border-danger\/20{border-color:color-mix(in oklab, var(--color-danger) 20%, transparent)}}.border-primary-200{border-color:var(--color-primary-200)}.border-primary-500\/30{border-color:#00856e4d}@supports (color:color-mix(in lab, red, red)){.border-primary-500\/30{border-color:color-mix(in oklab, var(--color-primary-500) 30%, transparent)}}.border-primary-500\/50{border-color:#00856e80}@supports (color:color-mix(in lab, red, red)){.border-primary-500\/50{border-color:color-mix(in oklab, var(--color-primary-500) 50%, transparent)}}.border-success\/20{border-color:#31aa4033}@supports (color:color-mix(in lab, red, red)){.border-success\/20{border-color:color-mix(in oklab, var(--color-success) 20%, transparent)}}.border-surface-200{border-color:var(--color-surface-200)}.border-warning\/20{border-color:#e99b2a33}@supports (color:color-mix(in lab, red, red)){.border-warning\/20{border-color:color-mix(in oklab, var(--color-warning) 20%, transparent)}}.border-t-primary-500{border-top-color:var(--color-primary-500)}.bg-\[\#4f7df9\]{background-color:#4f7df9}.bg-\[\#ef5777\]{background-color:#ef5777}.bg-amber-50{background-color:var(--color-amber-50)}.bg-danger\/10{background-color:#de3b3d1a}@supports (color:color-mix(in lab, red, red)){.bg-danger\/10{background-color:color-mix(in oklab, var(--color-danger) 10%, transparent)}}.bg-gray-800{background-color:var(--color-gray-800)}.bg-green-600{background-color:var(--color-green-600)}.bg-primary-50{background-color:var(--color-primary-50)}.bg-primary-100{background-color:var(--color-primary-100)}.bg-primary-500{background-color:var(--color-primary-500)}.bg-primary-600{background-color:var(--color-primary-600)}.bg-red-600{background-color:var(--color-red-600)}.bg-success\/10{background-color:#31aa401a}@supports (color:color-mix(in lab, red, red)){.bg-success\/10{background-color:color-mix(in oklab, var(--color-success) 10%, transparent)}}.bg-surface-50{background-color:var(--color-surface-50)}.bg-surface-50\/20{background-color:#f6f9fc33}@supports (color:color-mix(in lab, red, red)){.bg-surface-50\/20{background-color:color-mix(in oklab, var(--color-surface-50) 20%, transparent)}}.bg-surface-100{background-color:var(--color-surface-100)}.bg-surface-200{background-color:var(--color-surface-200)}.bg-surface-950{background-color:var(--color-surface-950)}.bg-warning\/10{background-color:#e99b2a1a}@supports (color:color-mix(in lab, red, red)){.bg-warning\/10{background-color:color-mix(in oklab, var(--color-warning) 10%, transparent)}}.bg-white{background-color:var(--color-white)}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.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-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.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:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.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)}.py-16{padding-block:calc(var(--spacing) * 16)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pl-10{padding-left:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.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-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-\[10\.5px\]{font-size:10.5px}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[13\.5px\]{font-size:13.5px}.text-\[15px\]{font-size:15px}.text-\[19px\]{font-size:19px}.text-\[22px\]{font-size:22px}.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-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-600{color:var(--color-amber-600)}.text-danger{color:var(--color-danger)}.text-primary-600{color:var(--color-primary-600)}.text-primary-700{color:var(--color-primary-700)}.text-success{color:var(--color-success)}.text-surface-200{color:var(--color-surface-200)}.text-surface-700{color:var(--color-surface-700)}.text-surface-900{color:var(--color-surface-900)}.text-warning{color:var(--color-warning)}.text-white{color:var(--color-white)}.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,)}.underline{text-decoration-line:underline}.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-card{--tw-shadow:0 4px 25px -5px var(--tw-shadow-color,oklch(0% 0 0/.1)), 0 10px 10px -5px var(--tw-shadow-color,oklch(0% 0 0/.04));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-md{--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)}.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)!important;outline-width:1px!important}.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,)}.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-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,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.\[omitted\:\'\+v\.length\+\'\]{omitted:"+v.length+"}@media (hover:hover){.hover\:bg-primary-50:hover{background-color:var(--color-primary-50)}.hover\:bg-primary-500:hover{background-color:var(--color-primary-500)}.hover\:bg-surface-50:hover{background-color:var(--color-surface-50)}.hover\:bg-surface-50\/30:hover{background-color:#f6f9fc4d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-surface-50\/30:hover{background-color:color-mix(in oklab, var(--color-surface-50) 30%, transparent)}}.hover\:bg-surface-50\/50:hover{background-color:#f6f9fc80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-surface-50\/50:hover{background-color:color-mix(in oklab, var(--color-surface-50) 50%, transparent)}}.hover\:bg-surface-100:hover{background-color:var(--color-surface-100)}.hover\:text-primary-700:hover{color:var(--color-primary-700)}.hover\:text-surface-900:hover{color:var(--color-surface-900)}}.focus\:border-primary-500:focus{border-color:var(--color-primary-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-\[0\.98\]:active{scale:.98}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}@media (width>=40rem){.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}}@media (width>=48rem){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=64rem){.lg\:col-span-2{grid-column:span 2/span 2}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--color-surface-50);color:var(--color-surface-900);margin:0;line-height:1.6;transition:background-color .3s,color .3s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface-100)}::-webkit-scrollbar-thumb{background:var(--color-surface-300);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-surface-400)}:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.login-page{color:#0f172a;background:#fff;grid-template-columns:1.1fr 1fr;min-height:100dvh;display:grid}.login-brand{color:#fff;background:linear-gradient(135deg,#0c6e5a,#0a5a4a 52%,#063d31);flex-direction:column;justify-content:space-between;padding:60px 70px;display:flex;position:relative;overflow:hidden}.login-brand:before,.login-brand:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff12,#0000 65%);border-radius:50%;width:560px;height:560px;position:absolute}.login-brand:before{top:-250px;right:-220px}.login-brand:after{bottom:-280px;left:-220px}.login-brand>*{z-index:1;position:relative}.login-brand header{flex-direction:column;gap:3px;display:flex}.login-brand header b{font-family:Inter,sans-serif;font-size:24px;font-weight:800}.login-brand header small{color:#ffffffa6}.brand-pill{background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;margin-bottom:30px;padding:8px 16px;font-size:12px;display:inline-flex}.login-brand h2{letter-spacing:-1.5px;margin:0 0 22px;font-size:clamp(38px,4vw,54px);font-weight:800;line-height:1.2}.login-brand p{color:#ffffffbf;max-width:560px;margin:0;font-size:15px;line-height:1.9}.login-brand footer{color:#ffffffb8;word-spacing:8px;font-size:13px}.login-form-side{justify-content:center;align-items:center;min-height:100dvh;padding:50px;display:flex}.login-form-wrap{width:100%;max-width:380px}.login-form-wrap h1{letter-spacing:-1px;margin:0 0 10px;font-size:36px;font-weight:800;line-height:1.2}.login-form-wrap>p{color:#64748b;margin:0 0 42px;font-size:14px}.login-form-wrap form{gap:18px;display:grid}.login-form-wrap label{color:#475569;gap:8px;font-size:13px;font-weight:600;display:grid}.login-form-wrap input{color:#0f172a;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;height:52px;padding:0 16px;font:500 15px Inter,Tajawal,sans-serif;transition:all .15s}.login-form-wrap input:focus{border-color:#14b8a0;box-shadow:0 0 0 4px #0d8a6f17}.login-form-wrap form button{color:#fff;cursor:pointer;background:#0d8a6f;border:0;border-radius:12px;height:52px;margin-top:4px;font:700 15px Tajawal,sans-serif;transition:all .15s;box-shadow:0 5px 16px #0d8a6f38}.login-form-wrap form button:hover{background:#0c6e5a}.login-form-wrap form button:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin:20px 0;padding:12px 14px;font-size:13px;font-weight:600}.login-divider{color:#94a3b8;align-items:center;gap:12px;margin:24px 0;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.google-login{justify-content:center;min-height:44px;display:flex}.google-notice{text-align:center;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;width:100%;padding:11px;color:#92400e!important;margin:0!important;font-size:12px!important}@media (width<=880px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-form-side{padding:32px 22px}.login-form-wrap{max-width:480px}.login-form-wrap h1{font-size:32px}}@media (width<=480px){.login-form-side{padding-top:max(55px,env(safe-area-inset-top));align-items:flex-start}.login-form-wrap input{font-size:16px}.login-form-wrap>p{margin-bottom:34px}}.demo-login{border-top:1px solid #e2e8f0;margin-top:32px;padding-top:20px;position:relative}.demo-login>p{color:#94a3b8;white-space:nowrap;background:#fff;margin:0;padding:0 10px;font-size:11px;font-weight:700;position:absolute;top:-9px;right:50%;transform:translate(50%)}.demo-login>div{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.demo-login button{color:#64748b;cursor:pointer;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;place-items:center;min-height:70px;padding:7px 3px;font-family:inherit;transition:all .15s;display:grid}.demo-login button:hover,.demo-login button.active{color:#0c6e5a;background:#f0fdf9;border-color:#14b8a0;transform:translateY(-1px)}.demo-login button span{font-size:16px}.demo-login button b{font-size:10px}.demo-login button small{font:600 9px Inter,sans-serif}.demo-login button em{text-overflow:ellipsis;color:#94a3b8;direction:ltr;max-width:100%;font:600 8px Inter,sans-serif;overflow:hidden}.demo-login>small{color:#94a3b8;text-align:center;margin-top:9px;font-size:10px;display:block}.login-form-side{overflow-y:auto}.login-form-wrap{padding:22px 0}@media (width<=480px){.demo-login>div{grid-template-columns:repeat(2,1fr)}.login-form-wrap>p{margin-bottom:28px}}.legacy-topbar{z-index:30;background:#fff;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;height:68px;padding:0 26px;display:flex;position:relative}.topbar-title{color:#64748b;gap:10px;font-size:13px;display:flex}.topbar-title strong{color:#0d8a6f}.topbar-actions{align-items:center;gap:12px;display:flex}.locale{border:1px solid #e2e8f0;border-radius:9px;padding:7px 11px;font-size:11px}.bell{cursor:pointer;background:#f8fafc;border:0;border-radius:10px;width:38px;height:38px;position:relative}.bell em{color:#fff;background:#dc2626;border-radius:10px;min-width:18px;height:18px;padding:0 4px;font:700 10px/18px sans-serif;position:absolute;top:-4px;right:-4px}.logout-button{color:#dc2626;cursor:pointer;background:#fef2f2;border:0;border-radius:9px;padding:9px 13px;font-weight:700}.notification-popover{background:#fff;border:1px solid #e2e8f0;border-radius:14px;width:min(390px,100vw - 30px);position:absolute;top:48px;left:0;overflow:hidden;box-shadow:0 18px 50px #0f172a29}.notification-popover>header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:15px;display:flex}.notification-popover header div{display:grid}.notification-popover header small{color:#94a3b8}.notification-popover header button{color:#0d8a6f;cursor:pointer;background:0 0;border:0;font-size:11px}.notification-popover>div>button{text-align:right;cursor:pointer;background:#fff;border:0;border-bottom:1px solid #f1f5f9;gap:10px;width:100%;padding:13px 15px;display:flex}.notification-popover>div>button.unread{background:#f0fdf9}.notification-popover>div>button>span{background:#cbd5e1;border-radius:50%;width:8px;height:8px;margin-top:6px}.notification-popover>div>button.unread>span{background:#14b8a0}.notification-popover>div>button div{gap:3px;display:grid}.notification-popover small,.notification-popover time{color:#64748b;font-size:11px}.notification-popover p{text-align:center;color:#94a3b8;padding:30px}.mobile-menu{display:none}.legacy-dashboard{gap:24px;display:grid}.page-heading{justify-content:space-between;align-items:end;display:flex}.page-heading p{color:#0d8a6f;margin:0;font-size:12px;font-weight:700}.page-heading h1{margin:4px 0;font-size:28px;font-weight:800}.page-heading span{color:#64748b;font-size:13px}.date-chip{color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:9px 14px;font-size:12px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metric-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;align-items:center;gap:14px;padding:20px;display:flex;box-shadow:0 3px 14px #0f172a0a}.metric-card>span{background:#f0fdf9;border-radius:12px;place-items:center;width:48px;height:48px;font-size:21px;display:grid}.metric-card div{display:grid}.metric-card small{color:#64748b}.metric-card strong{font-size:25px}.dashboard-grid{grid-template-columns:1.2fr 1fr;gap:18px;display:grid}.panel{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px}.panel header h2{margin:0;font-size:17px}.panel header p{color:#94a3b8;margin:4px 0;font-size:12px}.finance-summary{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px;display:grid}.finance-summary div{background:#f8fafc;border-radius:12px;gap:8px;padding:18px;display:grid}.finance-summary small{color:#64748b}.finance-summary strong{font-size:18px}.finance-summary .profit{color:#0c6e5a;background:#f0fdf9}.notification-list{margin-top:14px;display:grid}.notification-list a{color:#0f172a;border-bottom:1px solid #f1f5f9;gap:10px;padding:12px 0;text-decoration:none;display:flex}.notice-dot{background:#14b8a0;border-radius:50%;width:8px;height:8px;margin-top:7px}.notification-list a div{display:grid}.notification-list small{color:#64748b;font-size:11px}.empty-state{text-align:center;color:#94a3b8}@media (width<=900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.topbar-title,.locale{display:none}.mobile-menu{background:0 0;border:0;font-size:20px;display:block}}@media (width<=520px){.metric-grid,.finance-summary{grid-template-columns:1fr}.page-heading{align-items:start;gap:12px}.date-chip{display:none}.legacy-topbar{padding:0 14px}}.module-page{gap:24px;display:grid}.module-table{background:#fff;border:1px solid #e5e7eb;border-radius:15px;overflow:auto}.module-table table{border-collapse:collapse;white-space:nowrap;width:100%}.module-table th{color:#64748b;text-align:right;background:#f8fafc;padding:14px 16px;font-size:12px}.module-table td{color:#334155;border-top:1px solid #f1f5f9;padding:15px 16px;font-size:13px}.module-table>p{text-align:center;color:#94a3b8;padding:35px}.platform-list{margin-top:15px;display:grid}.platform-list>div{border-bottom:1px solid #f1f5f9;grid-template-columns:1fr 1fr 1fr;padding:14px 0;display:grid}.platform-list span{color:#64748b}.platform-list strong{text-align:left;color:#0c6e5a}.settings-card{align-items:center;gap:16px;display:flex}.settings-avatar{color:#fff;background:#0d8a6f;border-radius:15px;place-items:center;width:58px;height:58px;font-size:24px;font-weight:800;display:grid}.settings-card h2,.settings-card p{margin:0}.settings-card p{color:#64748b}.settings-card span{color:#0c6e5a;background:#f0fdf9;border-radius:8px;margin-top:5px;padding:3px 8px;font-size:11px;display:inline-block}.entity-page{gap:24px;display:grid}.entity-form,.detail-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:24px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.form-grid label{color:#475569;gap:7px;font-size:12px;font-weight:700;display:grid}.form-grid label:has(textarea){grid-column:1/-1}.form-grid em{color:#dc2626}.form-grid input,.form-grid select,.form-grid textarea{color:#0f172a;width:100%;min-height:44px;font:inherit;background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;outline:none;padding:10px 12px}.form-grid textarea{resize:vertical;min-height:95px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:#14b8a0;box-shadow:0 0 0 3px #14b8a01a}.form-grid label small,.form-alert{color:#b91c1c}.form-alert{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-bottom:16px;padding:12px}.form-actions,.detail-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.form-actions button,.detail-actions button,.detail-actions a{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:10px 17px;font-weight:700;text-decoration:none}.form-actions .primary{color:#fff;background:#0d8a6f;border-color:#0d8a6f}.detail-actions{margin:0}.detail-actions button{color:#dc2626;border-color:#fecaca}.detail-card{background:#e2e8f0;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding:0;display:grid;overflow:hidden}.detail-card>div{background:#fff;gap:5px;padding:18px;display:grid}.detail-card small{color:#94a3b8;text-transform:capitalize}.detail-card strong{color:#334155}.metric-grid.compact{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=700px){.form-grid,.detail-card{grid-template-columns:1fr}.page-heading{display:grid}.detail-actions{justify-content:flex-start}.metric-grid.compact{grid-template-columns:repeat(2,1fr)}}.success-alert{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:10px;padding:12px 14px;font-weight:700}.status-badge{color:#0c6e5a;background:#f0fdf9;border-radius:10px;padding:8px 13px;font-weight:700}.workflow-actions{align-items:center;gap:10px;margin:16px 0;display:flex}.workflow-actions button,.upload-form button,.table-actions button{color:#fff;cursor:pointer;background:#0d8a6f;border:0;border-radius:9px;padding:9px 13px;font-weight:700}.workflow-actions select,.upload-form select,.upload-form input{border:1px solid #e2e8f0;border-radius:9px;min-height:40px;padding:8px}.upload-form{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.timeline{margin-top:12px;display:grid}.timeline>div{border-bottom:1px solid #f1f5f9;border-right:3px solid #14b8a0;grid-template-columns:1fr 2fr auto;gap:12px;padding:13px;display:grid}.timeline span,.timeline time{color:#64748b;font-size:12px}.table-actions{gap:6px;display:flex}.table-actions button{padding:6px 9px;font-size:10px}.portal-page{background:#f1f5f9;min-height:100dvh}.portal-login{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:18px;width:min(440px,100% - 30px);margin:auto;padding:35px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0f172a1a}.portal-login h1{font-size:28px}.portal-login p{color:#64748b}.portal-login form{gap:12px;display:grid}.portal-login input,.portal-login select,.portal-login textarea{min-height:46px;font:inherit;border:1px solid #e2e8f0;border-radius:10px;padding:11px}.portal-login textarea{min-height:90px}.portal-login button{color:#fff;cursor:pointer;background:#0d8a6f;border:0;border-radius:10px;min-height:46px;font-weight:800}.portal-page>header{color:#fff;background:#063d31;justify-content:space-between;padding:18px 5%;display:flex}.portal-page>header div{display:grid}.portal-page>header span{color:#99f6e0;font-size:11px}.portal-content{grid-template-columns:1fr 1fr;gap:20px;width:min(1100px,90%);margin:35px auto;display:grid}.portal-form{border:0;padding:0}.portal-requests{gap:10px;display:grid}.portal-requests article{border:1px solid #e2e8f0;border-radius:10px;grid-template-columns:1fr auto auto;gap:10px;padding:13px;display:grid}.portal-requests span{color:#64748b}.portal-requests em{color:#0c6e5a}.legacy-link-card{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:50px}.legacy-link-card>div{color:#0d8a6f;background:#f0fdf9;border-radius:50%;place-items:center;width:60px;height:60px;margin:auto;font-size:25px;display:grid}.legacy-link-card p{color:#64748b}.legacy-link-card a{color:#fff;background:#0d8a6f;border-radius:10px;padding:11px 18px;font-weight:700;text-decoration:none;display:inline-block}.not-found{text-align:center;background:#f8fafc;place-content:center;min-height:100dvh;display:grid}.not-found strong{color:#0d8a6f;font-size:100px}.not-found h1{margin:0}.not-found p{color:#64748b}.not-found a{color:#0d8a6f;font-weight:700}@media (width<=750px){.portal-content,.timeline>div{grid-template-columns:1fr}.portal-page>header{display:grid}.upload-form{align-items:stretch}.upload-form>*{width:100%}}:root{--brand-50:#ecfdf5;--brand-100:#d1fae5;--brand-200:#a7f3d0;--brand-300:#6ee7b7;--brand-400:#34d399;--brand-500:#10b981;--brand-600:#0d8a6f;--brand-700:#047857;--brand-800:#065f46;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--success:#10b981;--warning:#f59e0b;--warning-dark:#ea580c;--danger:#dc2626;--info:#3b82f6;--teal:#0891b2;--bg:#f6f8fa;--surface:#fff;--surface-2:#fafbfc;--border:#e5e9ee;--border-strong:#d6dce4;--text:#0f172a;--text-2:#475569;--text-3:#94a3b8;--font-body:"IBM Plex Sans Arabic",system-ui,sans-serif;--font-display:"Plus Jakarta Sans","IBM Plex Sans Arabic",sans-serif;--font-mono:"JetBrains Mono","IBM Plex Sans Arabic",monospace;--sh-sm:0 1px 2px #0f172a0a;--sh-md:0 2px 6px #0f172a0f,0 1px 2px #0f172a0a;--sh-lg:0 8px 24px #0f172a14,0 2px 6px #0f172a0a}[data-theme=dark]{--brand-50:#04201e;--brand-100:#063831;--brand-200:#0a544a;--brand-300:#0d8a6f;--brand-400:#10a884;--brand-500:#14c39a;--brand-600:#34d4ab;--brand-700:#5eead4;--brand-800:#a7f3d0;--gray-50:#1c2128;--gray-100:#22272e;--gray-200:#2d333b;--gray-300:#444c56;--gray-400:#636e7b;--gray-500:#909dab;--gray-600:#adbac7;--gray-700:#cdd9e5;--bg:#0d1117;--surface:#161b22;--surface-2:#21262d;--border:#30363d;--border-strong:#484f58;--text:#f0f6fc;--text-2:#c9d1d9;--text-3:#8b949e}body{font-family:var(--font-body);background:var(--bg);color:var(--text)}button{cursor:pointer}.ic{vertical-align:-.125em;fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:1em;height:1em;display:inline-block}.app{background:var(--bg);height:100dvh;color:var(--text);font-family:var(--font-body);grid-template-columns:248px 1fr;display:grid}main.main{background:var(--bg);flex-direction:column;display:flex;overflow:hidden}.sidebar{background:var(--surface);border-inline-start:1px solid var(--border);flex-direction:column;padding:18px 14px;display:flex;overflow:hidden}.brand{border-bottom:1px solid var(--border);align-items:center;gap:12px;margin-bottom:8px;padding:4px 6px 18px;display:flex}.brand-logo{background:linear-gradient(135deg,var(--brand-600),var(--brand-800));color:#fff;width:42px;height:42px;font-family:var(--font-display);border-radius:11px;flex-shrink:0;place-items:center;font-size:20px;font-weight:800;display:grid;box-shadow:0 4px 12px #0d8a6f40}.brand-text{flex-direction:column;flex:1;min-width:0;line-height:1.1;display:flex}.brand-text .n{font-family:var(--font-display);letter-spacing:-.5px;color:var(--text);font-size:19px;font-weight:800}.brand-text .n b{color:var(--brand-600);font-weight:800}.brand-text .s{font-family:var(--font-mono);letter-spacing:1.5px;color:var(--text-3);margin-top:4px;font-size:10px;font-weight:600}.nav{flex-direction:column;flex:1;gap:1px;margin-bottom:8px;padding-inline-end:2px;display:flex;overflow-y:auto}.nav::-webkit-scrollbar{width:4px}.nav::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:10px}.nav-item{color:var(--text-2);cursor:pointer;border:1px solid #0000;border-radius:9px;align-items:center;gap:11px;padding:9px 11px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:flex;position:relative}.nav-item:hover{background:var(--gray-50);color:var(--text)}.nav-item.active{background:var(--brand-50);color:var(--brand-800);font-weight:700}.nav-item.active .ic{color:var(--brand-600)}.nav-item.active:before{content:"";background:var(--brand-600);inset-inline-start:-14px;border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px}.nav-item .ic{width:17px;height:17px;color:var(--text-3);flex-shrink:0;transition:color .12s}.nav-item:hover .ic{color:var(--text-2)}.nav-item>.nav-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.nav-sep{background:var(--border);opacity:.7;height:1px;margin:9px 8px 8px}.nav-item .badge{color:#14532d;font-size:10.5px;font-family:var(--font-mono);text-align:center;letter-spacing:.2px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;flex:none;width:auto;min-width:24px;margin-inline-start:auto;padding:2px 9px;font-weight:700;line-height:1.5;transition:all .15s}.nav-item.active .badge{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.sidebar-collapse{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-3);cursor:pointer;border-radius:9px;align-items:center;gap:11px;margin-bottom:8px;padding:8px 11px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .12s,color .12s,border-color .12s;display:flex}.sidebar-collapse:hover{background:var(--gray-50);color:var(--text-2);border-color:var(--brand-300)}.sidebar-collapse .ic{flex-shrink:0;width:16px;height:16px;transition:transform .2s}.app.sidebar-collapsed{grid-template-columns:76px 1fr}.app.sidebar-collapsed .sidebar{padding:18px 12px}.app.sidebar-collapsed .brand{justify-content:center;gap:0;padding:4px 0 16px}.app.sidebar-collapsed .brand-text{display:none}.app.sidebar-collapsed .nav-item{justify-content:center;gap:0;padding:10px 0}.app.sidebar-collapsed .nav-label,.app.sidebar-collapsed .nav-item .badge{display:none}.app.sidebar-collapsed .nav-item.active:before{inset-inline-start:-12px}.app.sidebar-collapsed .nav-sep{margin:9px 6px}.app.sidebar-collapsed .sidebar-collapse{justify-content:center;padding:9px 0}.app.sidebar-collapsed .sidebar-collapse .ic{transform:rotate(180deg)}.app.sidebar-collapsed .user-card{justify-content:center;padding:10px 6px}.app.sidebar-collapsed .user-card .info,.app.sidebar-collapsed .user-card .chevron{display:none}.user-card{background:var(--gray-50);border:1px solid var(--border);-webkit-tap-highlight-color:transparent;border-radius:12px;align-items:center;gap:10px;margin-top:auto;padding:10px 12px;transition:all .15s;display:flex}.user-card[role=button]:hover{border-color:var(--brand-300);background:var(--brand-50)}.avatar{background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:#fff;width:32px;height:32px;font-weight:700;font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;transition:transform .15s;display:grid}.user-card .avatar{width:36px;height:36px;font-size:14px;position:relative}.user-card .avatar:after{content:"";border:2px solid var(--gray-50);bottom:-1px;background:#10b981;border-radius:50%;width:10px;height:10px;position:absolute;inset-inline-end:-1px}.user-card .info{flex:1;min-width:0}.user-card .info .n{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.user-card .info .r{color:var(--text-3);font-size:10.5px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.user-card .chevron{width:13px;height:13px;color:var(--text-3);flex-shrink:0;transition:all .15s}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:5;align-items:center;gap:12px;padding:12px 22px;display:flex}.topbar-toggle{border:1px solid var(--border);cursor:pointer;width:34px;height:34px;color:var(--text-2);background:0 0;border-radius:8px;place-items:center;display:none}.topbar-toggle .ic{width:16px;height:16px}.search-wrap{flex:1;max-width:560px;margin-inline:auto;position:relative}.search-wrap input{background:var(--gray-50);border:1px solid var(--border);width:100%;color:var(--text);border-radius:9px;outline:none;padding:9px 38px 9px 42px;font-family:inherit;font-size:13px;transition:all .2s}.search-wrap input:focus{border-color:var(--brand-500);background:#fff;box-shadow:0 0 0 3px #0d8a6f14}.search-wrap input::placeholder{color:var(--text-3)}.search-wrap .s-icon{color:var(--text-3);inset-inline-end:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-wrap .s-icon .ic{width:15px;height:15px}.search-wrap .search-kbd{font-family:var(--font-mono);color:var(--text-3);border:1px solid var(--border);inset-inline-start:10px;background:#fff;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;position:absolute;top:50%;transform:translateY(-50%)}.topbar-actions{align-items:center;gap:6px;margin-inline-start:auto;display:flex}.icon-btn{background:var(--surface);border:1px solid var(--border);width:36px;height:36px;color:var(--text-2);cursor:pointer;border-radius:9px;place-items:center;transition:all .12s;display:grid;position:relative}.icon-btn:hover{color:var(--brand-700);border-color:var(--brand-300);background:var(--brand-50)}.icon-btn .ic{width:17px;height:17px}.icon-btn .ping{background:var(--warning);width:7px;height:7px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:6px;right:6px}.content{flex:1;padding:24px 24px 40px;overflow-y:auto}.content::-webkit-scrollbar{width:8px}.content::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:10px}.legacy-shell-head{background:var(--surface);border-bottom:1px solid var(--border);margin:0;padding:16px 24px 14px;display:block}.page-head-bc{color:var(--text-3);white-space:nowrap;scrollbar-width:none;align-items:center;gap:7px;margin-bottom:8px;font-size:12px;display:flex;overflow-x:auto}.page-head-bc::-webkit-scrollbar{display:none}.bc-link{color:var(--text-3);border-radius:4px;padding:1px 2px;font-weight:600;text-decoration:none;transition:color .15s}.bc-link:hover{color:var(--brand-700);text-decoration:underline}.bc-cur{color:var(--text);font-weight:700}.bc-sep{color:var(--text-3);opacity:.55;margin:0 1px;font-weight:400}.page-head-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.3px;font-size:21px;font-weight:800;line-height:1.2}.page-head-desc{color:var(--text-3);margin-top:3px;font-size:13px;font-weight:500}.legacy-bc-part{align-items:center;gap:7px;display:inline-flex}.user-btn-wrap,.notif-wrap{position:relative}.user-btn{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:var(--text);border-radius:11px;align-items:center;gap:9px;padding:6px 12px;font-family:inherit;transition:all .12s;display:flex}.user-btn:hover{background:var(--gray-50);border-color:var(--border-strong)}.user-btn .user-ava{color:#fff;width:30px;height:30px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.user-btn .user-info{text-align:start;flex-direction:column;line-height:1.1;display:flex}.user-btn .user-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:12.5px;font-weight:700;overflow:hidden}.user-btn .user-role{color:var(--text-3);font-size:10.5px;font-family:var(--font-mono);margin-top:1px}.user-btn .user-arrow{color:var(--text-3);transition:transform .15s}.user-btn.open .user-arrow{transform:rotate(180deg)}.user-btn .user-arrow .ic{width:12px;height:12px}.user-dd{background:var(--surface);border:1px solid var(--border);z-index:100;top:calc(100% + 6px);border-radius:12px;width:260px;display:none;position:absolute;inset-inline-end:0;overflow:hidden;box-shadow:0 8px 28px #0000001a}.user-dd.show{animation:.15s ease-out ddIn;display:block}@keyframes ddIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.user-dd .dd-header{background:linear-gradient(to bottom right,var(--brand-50),var(--surface));border-bottom:1px solid var(--border);padding:16px}.user-dd .dd-header .top{align-items:center;gap:11px;display:flex}.user-dd .dd-header .ava-big{color:#fff;width:42px;height:42px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;font-weight:700;display:grid}.user-dd .dd-header .info-big{flex:1;min-width:0}.user-dd .dd-header .name-big{font-family:var(--font-display);color:var(--text);margin-bottom:2px;font-size:14px;font-weight:700}.user-dd .dd-header .email-big{color:var(--text-3);font-size:11px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.user-dd .role-pill{font-size:10.5px;font-weight:700;font-family:var(--font-mono);letter-spacing:.3px;border-radius:5px;align-items:center;gap:5px;margin-top:7px;padding:3px 8px;display:inline-flex}.user-dd .dd-items{padding:6px}.user-dd .dd-item{cursor:pointer;color:var(--text-2);background:0 0;border:none;border-radius:7px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-family:inherit;font-size:13px;font-weight:500;text-decoration:none;transition:all .12s;display:flex}.user-dd .dd-item:hover{background:var(--gray-50);color:var(--text)}.user-dd .dd-item.danger:hover{color:var(--danger);background:#fef2f2}.user-dd .dd-item .ic{width:14px;height:14px;color:var(--text-3)}.user-dd .dd-divider{background:var(--border);height:1px;margin:6px 0}#notif-btn .notif-count{background:var(--danger);color:#fff;min-width:16px;height:16px;font-size:9.5px;font-weight:700;font-family:var(--font-mono);border:2px solid var(--surface);top:-2px;border-radius:8px;place-items:center;padding:0 4px;position:absolute;inset-inline-start:-2px}.notif-dd{background:var(--surface);border:1px solid var(--border);z-index:100;top:calc(100% + 6px);border-radius:12px;width:360px;max-width:calc(100vw - 40px);display:none;position:absolute;inset-inline-end:0;overflow:hidden;box-shadow:0 12px 32px #0000001f}.notif-dd.show{animation:.15s ease-out ddIn;display:block}.notif-dd-head{background:var(--surface-2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notif-dd-head h4{font-family:var(--font-display);color:var(--text);margin:0;font-size:14px;font-weight:700}.notif-mark-all{color:var(--brand-700);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:11.5px;font-weight:600}.notif-dd-list{max-height:380px;overflow-y:auto}.notif-item{border:0;border-bottom:1px solid var(--border);cursor:pointer;color:inherit;background:var(--surface);width:100%;text-align:inherit;gap:10px;padding:11px 16px;font-family:inherit;text-decoration:none;transition:background .12s;display:flex}.notif-item:hover{background:var(--surface-2)}.notif-item.unread{background:var(--brand-50)}.notif-item .notif-icon{color:#fff;width:30px;height:30px;font-family:var(--font-display);border-radius:8px;flex-shrink:0;place-items:center;font-size:12px;font-weight:700;display:grid}.notif-item .notif-icon.info{background:#3b82f6}.notif-item .notif-icon.success{background:#10b981}.notif-item .notif-icon.warning{background:#f59e0b}.notif-item .notif-icon.danger{background:#dc2626}.notif-item .notif-body{flex:1;gap:2px;min-width:0;display:grid}.notif-item .notif-title{color:var(--text);font-size:12.5px;font-weight:700;line-height:1.3}.notif-item .notif-msg{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-item .notif-time{color:var(--text-3);font-size:10px;font-family:var(--font-mono);margin-top:2px}.notif-dd-foot{border-top:1px solid var(--border);text-align:center;background:var(--surface-2);padding:10px 16px}.notif-dd-foot a{color:var(--brand-700);font-size:12px;font-weight:600;text-decoration:none}.theme-toggle-btn:active .theme-icon-sun,.theme-toggle-btn:active .theme-icon-moon{transform:rotate(45deg)scale(.9)}[data-theme=dark] .theme-toggle-btn .theme-icon-sun{color:#fbbf24;display:inline-block!important}[data-theme=dark] .theme-toggle-btn .theme-icon-moon{display:none!important}.sidebar-overlay,.bottom-nav{display:none}@media (width<=1100px){.app{grid-template-columns:220px 1fr}.search-wrap{max-width:340px}.topbar{gap:8px;padding:10px 16px}}@media (width<=900px){.app,.app.sidebar-collapsed{grid-template-columns:1fr}.sidebar-collapse{display:none}.sidebar{z-index:200;will-change:transform;width:280px;max-width:85vw;padding-top:14px;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;inset:0 0 0 auto;transform:translate(100%);box-shadow:-4px 0 24px #00000026}[dir=ltr] .sidebar{left:0;right:auto;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.topbar-toggle{display:grid!important}.sidebar-overlay{z-index:150;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.show{display:block}.search-wrap{flex:1;max-width:none}.search-wrap .search-kbd{display:none}.app .sidebar{transform:translate(100%)}.app .sidebar-overlay.show+.sidebar{transform:translate(0)}}@media (width<=768px){.topbar{z-index:50;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:nowrap;gap:8px;min-height:54px;padding:10px 14px;position:sticky;top:0}.topbar .search-wrap{display:none}.topbar-actions{gap:4px;margin-inline-start:auto}.icon-btn{background:0 0;border:none;width:38px;height:38px}.user-btn{background:0 0;border:none;gap:5px;padding:4px 6px}.user-btn .user-info,.user-btn .user-arrow{display:none}.user-btn .user-ava{width:34px;height:34px}.content{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:14px 14px 90px}.legacy-shell-head{padding:12px 14px 10px}.page-head-title{font-size:18px}.page-head-desc{font-size:12px}.page-head-bc{font-size:11px}}.dash-hero{color:#fff;background:linear-gradient(135deg,#0d8a6f 0%,#065f46 100%);border-radius:14px;margin-bottom:13px;padding:18px 22px;position:relative;overflow:hidden}.dash-hero:before{content:"";pointer-events:none;top:-50%;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:300px;height:300px;position:absolute;inset-inline-end:-10%}.dash-hero:after{content:"";pointer-events:none;bottom:-30%;background:radial-gradient(circle,#ffffff0f 0%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;inset-inline-start:-5%}.dash-hero-grid{z-index:1;grid-template-columns:1fr auto;align-items:center;gap:20px;display:grid;position:relative}.dash-hero-left h1{font-family:var(--font-display);letter-spacing:-.5px;color:#fff;margin-bottom:3px;font-size:20px;font-weight:800}.dash-hero-left .sub{color:#ffffffe0;font-size:12.5px;line-height:1.4}.dash-hero-stats{flex-shrink:0;gap:8px;display:flex}.dash-hero-stat{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #fff3;border-radius:10px;min-width:78px;padding:9px 14px}.dash-hero-stat .v{font-family:var(--font-display);color:#fff;margin-bottom:2px;font-size:18px;font-weight:800;line-height:1}.dash-hero-stat .l{color:#ffffffd1;font-size:9.5px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3px}.dash-highlights{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:13px;display:grid}.dash-hl{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:inherit;border-radius:11px;align-items:center;gap:10px;padding:11px 13px;text-decoration:none;transition:all .15s;display:flex;position:relative;overflow:hidden}.dash-hl:before{content:"";background:var(--c);top:0;border-radius:3px;width:3px;height:100%;position:absolute;inset-inline-start:0}.dash-hl:hover{border-color:var(--c);transform:translateY(-1px);box-shadow:0 4px 14px #0000000a}.dash-hl .ic-wrap{background:var(--bg);width:32px;height:32px;color:var(--c);border-radius:9px;flex-shrink:0;place-items:center;display:grid}.dash-hl .ic-wrap .ic{width:15px;height:15px}.dash-hl .body{flex:1;min-width:0}.dash-hl .val{font-family:var(--font-display);color:var(--text);letter-spacing:-.3px;margin-bottom:1px;font-size:17px;font-weight:800;line-height:1;display:block}.dash-hl .val small{color:var(--text-3);margin-inline-start:2px;font-size:10px;font-weight:500}.dash-hl .lbl{color:var(--text-3);font-size:10px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3px}.dash-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:11px;overflow:hidden}.dash-section-head{border-bottom:1px solid var(--border);background:var(--surface-2);justify-content:space-between;align-items:center;gap:9px;padding:10px 14px;display:flex}.dash-section-head .title{font-family:var(--font-display);color:var(--text);align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.dash-section-head .title .ic-w{background:var(--c,var(--brand-50));width:28px;height:28px;color:var(--c-d,var(--brand-700));border-radius:8px;place-items:center;display:grid}.dash-section-head .title .ic-w .ic{width:14px;height:14px}.dash-section-head .badge{background:var(--brand-50);color:var(--brand-700);font-size:11.5px;font-family:var(--font-mono);border-radius:6px;padding:3px 9px;font-weight:700}.dash-section-head .lnk{color:var(--brand-700);font-size:12.5px;font-weight:700;text-decoration:none}.dash-grid-2col{grid-template-columns:1.4fr 1fr;align-items:start;gap:11px;margin-bottom:11px;display:grid}.req-now{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:14px;padding:14px 16px}.req-head{align-items:center;gap:8px;margin-bottom:12px;display:flex}.req-head .t{font-family:var(--font-display);color:var(--text);align-items:center;gap:8px;font-size:14.5px;font-weight:800;display:flex}.req-head .t .ic{color:#d97706;width:17px;height:17px}.req-badge{color:#fff;font-size:12px;font-weight:800;font-family:var(--font-mono);background:#dc2626;border-radius:99px;margin-inline-start:auto;padding:2px 11px}.req-badge.ok{background:#16a34a}.req-cards{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px;display:grid}.req-card{border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:11px;align-items:center;gap:11px;padding:12px 14px;text-decoration:none;transition:transform .12s,border-color .15s;display:flex}.req-card:hover{border-color:var(--c);transform:translateY(-2px)}.req-card .ic-w{background:var(--bg);width:38px;height:38px;color:var(--c);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.req-card .rc-n{font-family:var(--font-display);color:var(--text);font-size:22px;font-weight:800;line-height:1;display:block}.req-card .rc-l{color:var(--text-2);margin-top:3px;font-size:11.5px;display:block}.req-clear{color:#16a34a;background:#f0fdf4;border-radius:10px;align-items:center;gap:9px;padding:13px 14px;font-size:13px;font-weight:600;display:flex}.dash-campaign-list,.cc-ranks,.dash-activity-feed{display:grid}.dash-campaign-row{border-bottom:1px solid var(--border);color:inherit;grid-template-columns:1fr auto;gap:8px;padding:12px 14px;text-decoration:none;display:grid}.dash-campaign-row small{color:var(--text-3);margin-top:3px;font-size:11px;display:block}.dash-campaign-row em{font-style:normal;font-family:var(--font-mono);color:var(--brand-700);font-weight:800}.dash-campaign-row i{background:var(--surface-2);border-radius:99px;grid-column:1/-1;height:5px;overflow:hidden}.dash-campaign-row i span{background:var(--brand-600);border-radius:99px;height:100%;display:block}.dash-finance-boxes{grid-template-columns:repeat(2,1fr);gap:10px;padding:14px;display:grid}.dash-finance-boxes div{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:13px}.dash-finance-boxes span{color:var(--text-3);font-size:11px;font-family:var(--font-mono);margin-bottom:4px;font-weight:700;display:block}.dash-finance-boxes b{font-family:var(--font-display);font-size:17px}.cc-rank{border-bottom:1px solid var(--border);color:inherit;grid-template-columns:auto 1fr 90px auto;align-items:center;gap:9px;padding:10px 14px;text-decoration:none;display:grid}.cc-rank .num{background:var(--brand-50);width:24px;height:24px;color:var(--brand-700);font-family:var(--font-mono);border-radius:7px;place-items:center;font-weight:800;display:grid}.cc-rank .nm{font-size:12.5px;font-weight:800}.cc-rank .bar{background:var(--surface-2);border-radius:99px;height:6px;overflow:hidden}.cc-rank .bar span{background:var(--brand-600);height:100%;display:block}.cc-rank .mt{color:var(--text-3);white-space:nowrap;font-size:11px}.dash-activity{border-bottom:1px solid var(--border);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 14px;display:grid}.dash-activity>span{border-radius:50%;width:9px;height:9px}.dash-activity b{font-size:12.5px;display:block}.dash-activity small{color:var(--text-2)}.dash-activity time{color:var(--text-3);font-size:11px}.req-hero{color:#fff;background:linear-gradient(135deg,#0d8a6f 0%,#0a6b56 100%);border-radius:16px;margin-bottom:16px;padding:22px 26px;position:relative;overflow:hidden}.req-hero:before{content:"";top:-50%;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;inset-inline-end:-8%}.req-hero-grid{z-index:1;grid-template-columns:1fr auto;align-items:center;gap:22px;display:grid;position:relative}.req-hero h1{font-family:var(--font-display);color:#fff;margin-bottom:5px;font-size:25px;font-weight:800}.req-hero .sub{color:#ffffffd9;max-width:560px;font-size:13px;line-height:1.5}.req-hero-stats{flex-shrink:0;gap:10px;display:flex}.req-hero-stat{text-align:center;background:#ffffff26;border:1px solid #fff3;border-radius:12px;min-width:82px;padding:12px 16px}.req-hero-stat .v{font-family:var(--font-display);font-size:21px;font-weight:800;line-height:1}.req-hero-stat .l{color:#fffc;margin-top:3px;font-size:10.5px}.kpi{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-inline-start:3px solid var(--c,#0d8a6f);text-align:start;color:inherit;border-radius:12px;padding:13px 15px;transition:border-color .12s,transform .12s}.kpi:hover,.kpi.active{border-color:var(--c,#0d8a6f);transform:translateY(-1px)}.kpi .v{font-family:var(--font-display);font-size:20px;font-weight:800}.kpi .l{color:var(--text-3);font-size:11px;font-weight:700}.grp-tabs,.cat-chips{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.grp-tab,.cat-chip,.sc-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:9px;padding:8px 12px;font-family:inherit;font-weight:700;text-decoration:none}.grp-tab.active,.cat-chip.active{border-color:var(--brand-600);background:var(--brand-50);color:var(--brand-700)}.grp-n,.cat-chip b{font-family:var(--font-mono);background:var(--surface-2);border-radius:99px;margin-inline-start:4px;padding:1px 6px;font-size:10px}.cat-chip{border-color:var(--cc)}@supports (color:color-mix(in lab, red, red)){.cat-chip{border-color:color-mix(in srgb,var(--cc) 25%,var(--border))}}.cat-chip{color:var(--cc)}.req-toolbar{flex-wrap:wrap;align-items:center;gap:9px;margin-bottom:14px;display:flex}.req-toolbar .fld{min-width:130px;padding:8px 11px;font-size:12.5px}.req-toolbar input.fld{flex:1;min-width:180px}.fld{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:9px;outline:none;font-family:inherit}.req-row{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:inherit;color:inherit;border-radius:12px;grid-template-columns:1.7fr 1fr 1.3fr;align-items:center;gap:14px;padding:13px 15px;font-family:inherit;transition:border-color .12s,transform .12s;display:grid}.req-row:hover{border-color:var(--brand-600);transform:translateY(-1px)}.rr-grp{border-radius:99px;padding:2px 8px;font-size:10px;font-weight:800}.req-pill{white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-flex}.rr-activity{gap:7px;display:grid}.rr-act-line{align-items:flex-start;gap:7px;display:flex}.rr-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:5px}.rr-act-k{color:var(--text-3);font-size:10px;font-weight:800;display:block}.rr-act-v{color:var(--text-2);font-size:11px}.req-empty{text-align:center;color:var(--text-3);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:50px 20px}.req-empty .ic{width:42px;height:42px;color:var(--brand-500);opacity:.6}.req-create-form{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:11px;margin-bottom:14px;padding:16px;display:grid}.req-create-form .fg{gap:6px;display:grid}.req-create-form label{color:var(--text-2);font-size:12px;font-weight:800}.req-create-form .fld{width:100%;min-height:40px;padding:9px 11px}.req-form-grid{grid-template-columns:1fr 1fr;gap:11px;display:grid}.form-actions{justify-content:flex-end;gap:10px;display:flex}.form-actions button{border:1px solid var(--border);background:var(--surface);color:var(--text-2);border-radius:10px;padding:10px 17px;font-weight:700}.form-actions .primary{border-color:var(--brand-600);background:var(--brand-600);color:#fff}@media (width<=1024px){.dash-grid-2col{grid-template-columns:1fr}.dash-highlights{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.req-hero-stats{display:none}.req-row{grid-template-columns:1fr;gap:9px}.rr-activity{border-top:1px solid var(--border);padding-top:8px}.req-form-grid,.dash-finance-boxes{grid-template-columns:1fr}.cc-rank{grid-template-columns:auto 1fr}.cc-rank .bar,.cc-rank .mt{grid-column:2/-1}.dash-hero-grid{grid-template-columns:1fr}.dash-hero-stats{grid-template-columns:repeat(3,1fr);display:grid}}.settings-nav-item .ic{width:15px;height:15px}.section-h h2{font-family:var(--font-display);color:var(--text);margin:0;font-size:17px;font-weight:700;line-height:1.2}.fld label .req,.fld .req{color:var(--danger);margin-inline-start:2px}.settings-theme-grid{border-top:1px solid var(--border);grid-template-columns:repeat(2,1fr);gap:12px;max-width:480px;margin-top:18px;padding-top:18px;display:grid}.theme-option{background:var(--surface);border:2px solid var(--border);cursor:pointer;text-align:start;color:var(--text);border-radius:12px;gap:4px;padding:16px;font-family:inherit;font-weight:800;transition:all .15s;display:grid}.theme-option span{color:var(--text-3);font-size:11.5px;font-weight:600}.theme-option.active{border-color:var(--brand-500);background:var(--brand-50)}.user-cell .ava{color:#fff;width:32px;height:32px;font-size:12px;font-weight:700;font-family:var(--font-display);background:linear-gradient(135deg,#7c3aed,#3b82f6);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.role-badge[data-role=agency_admin],.role-badge[data-role=admin]{color:#5b21b6;background:#f5f3ff;border-color:#ddd6fe}.role-badge[data-role=campaign_manager]{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.role-badge[data-role=finance]{color:#92400e;background:#fffbeb;border-color:#fde68a}.role-badge[data-role=viewer]{color:#475569;background:#f8fafc;border-color:#cbd5e1}.status-badge{color:#0c6e5a;background:#f0fdf9;border-radius:8px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.settings-inline-form{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;margin-bottom:14px;padding:14px}.upload-zone:hover{border-color:var(--brand-500);background:var(--brand-50)}.backup-actions{gap:6px;display:flex}.act-type-icon.import{background:#f59e0b}.act-type-icon.backup{background:#0d8a6f}@media (width<=980px){.settings-layout{grid-template-columns:1fr}.settings-nav{flex-flow:wrap;gap:5px;padding:8px;display:flex;position:relative;top:0}.settings-nav-item{flex:auto;min-width:140px;padding:8px 10px;font-size:12px}}@media (width<=640px){.settings-section{padding:16px 14px}.fg,.settings-theme-grid{grid-template-columns:1fr}.data-stats{grid-template-columns:repeat(2,1fr)}.team-table{font-size:12px}.team-table .uname,.team-table th:nth-child(3),.team-table td:nth-child(3){display:none}}.page-h{margin-bottom:20px}.page-h h1{font-family:var(--font-display);letter-spacing:-.5px;color:var(--text);margin-bottom:6px;font-size:28px;font-weight:800}.page-h .sub{color:var(--text-2);font-size:14px}.settings-layout{grid-template-columns:240px 1fr;gap:18px;display:grid}@media (width<=980px){.settings-layout{grid-template-columns:1fr}.settings-nav{flex-flow:wrap;gap:5px;padding:8px;display:flex;position:relative;top:0}.settings-nav-item{flex:auto;min-width:140px;padding:8px 10px;font-size:12px}}@media (width<=640px){.settings-section{border-radius:10px;padding:16px 14px}.section-h{margin-bottom:14px;padding-bottom:10px}.section-h h2{font-size:15px}.fg{grid-template-columns:1fr;gap:11px}.data-stats{grid-template-columns:repeat(2,1fr)!important}.team-table{font-size:12px}.team-table thead th,.team-table tbody td{padding:8px 9px}.team-table .user-cell .uname{display:none}.toggle-row{flex-direction:row;align-items:center}.toggle-row .info .desc{font-size:11.5px}.btn-group{flex-direction:column;align-items:stretch}.btn-group .btn{justify-content:center;width:100%}.backup-card{flex-wrap:wrap}.backup-card .backup-actions{margin-inline-start:auto}.upload-zone{padding:20px 14px}.settings-nav-item .count{display:none}}@media (width<=480px){.settings-nav-item{flex:100%;min-width:0}.data-stats{grid-template-columns:1fr!important}.team-table .uname,.team-table th:nth-child(3),.team-table td:nth-child(3){display:none}}.settings-nav{background:var(--surface);border:1px solid var(--border);border-radius:14px;height:fit-content;padding:10px;position:sticky;top:16px}.settings-nav-item{cursor:pointer;color:var(--text-2);text-align:start;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;width:100%;padding:10px 13px;font-family:inherit;font-size:13px;font-weight:600;transition:all .12s;display:flex}.settings-nav-item:hover{background:var(--gray-50);color:var(--text)}.settings-nav-item.active{background:var(--brand-50);color:var(--brand-700)}.settings-nav-item .ic{flex-shrink:0;width:15px;height:15px}.settings-nav-item .count{font-size:10px;font-family:var(--font-mono);background:var(--gray-100);color:var(--text-3);border-radius:5px;margin-inline-start:auto;padding:1px 7px;font-weight:700}.settings-nav-item.active .count{background:var(--brand-100);color:var(--brand-700)}.settings-content{flex-direction:column;gap:16px;display:flex}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px}.settings-section[hidden]{display:none}.section-h{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}.section-h .left{align-items:center;gap:11px;display:flex}.section-h .ic-wrap{border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.section-h .ic-wrap .ic{width:16px;height:16px}.section-h h2{font-family:var(--font-display);color:var(--text);font-size:17px;font-weight:700;line-height:1.2}.section-h .desc{color:var(--text-3);font-size:11.5px;font-family:var(--font-mono);margin-top:2px}.fld textarea{resize:vertical;min-height:70px}.fld .hint{color:var(--text-3);margin-top:2px;font-size:11px}.btn-group{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .12s;display:inline-flex}.btn:hover{background:var(--gray-50);color:var(--text)}.btn .ic{width:13px;height:13px}.btn-primary{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.btn-primary:hover{background:var(--brand-700);color:#fff}.btn-danger{background:var(--surface);color:var(--danger);border-color:#fecaca}.btn-danger:hover{color:var(--danger);border-color:var(--danger);background:#fef2f2}.btn-success{color:#fff;background:#10b981;border-color:#10b981}.btn-success:hover{background:#059669}.toggle-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 0;display:flex}.toggle-row:last-child{border-bottom:none}.toggle-row .info{flex:1}.toggle-row .info .title{color:var(--text);margin-bottom:3px;font-size:13.5px;font-weight:700}.toggle-row .info .desc{color:var(--text-3);max-width:520px;font-size:12px;line-height:1.5}.toggle{background:var(--gray-200);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:42px;height:24px;padding:0;transition:all .2s;position:relative}.team-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13px}.team-table thead th{background:var(--surface-2);color:var(--text-2);text-align:start;border-bottom:1px solid var(--border);white-space:nowrap;padding:11px 14px;font-size:11.5px;font-weight:600}.team-table tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 14px}.team-table tbody tr:hover{background:var(--gray-50)}.team-table tbody tr:last-child td{border-bottom:none}.user-cell{align-items:center;gap:10px;display:flex}.user-cell .ava{background:linear-gradient(135deg,var(--c1,#7c3aed),var(--c2,#3b82f6));color:#fff;width:32px;height:32px;font-size:12px;font-weight:700;font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.user-cell .info{flex:1}.user-cell .name{color:var(--text);font-size:13px;font-weight:600}.user-cell .uname{color:var(--text-3);font-size:11px;font-family:var(--font-mono);margin-top:1px}.role-badge{font-size:11px;font-weight:700;font-family:var(--font-mono);border:1px solid #0000;border-radius:5px;align-items:center;gap:5px;padding:3px 9px;display:inline-flex}.role-badge[data-role=admin]{color:#5b21b6;background:#f5f3ff;border-color:#ddd6fe}.role-badge[data-role=operations_manager]{color:#0c6e5a;background:#f0fdf9;border-color:#99f6e0}.role-badge[data-role=accounts_manager]{color:#991b1b;background:#fef2f2;border-color:#fecaca}.role-badge[data-role=accountant]{color:#92400e;background:#fffbeb;border-color:#fde68a}.role-badge[data-role=campaign_coordinator]{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.role-badge[data-role=influencer_coordinator]{color:#9f1239;background:#fdf2f8;border-color:#fbcfe8}.role-badge[data-role=marketing_manager]{color:#155e75;background:#ecfeff;border-color:#a5f3fc}.role-badge[data-role=custom]{color:#475569;background:#f8fafc;border-color:#cbd5e1}[data-theme=dark] .role-badge[data-role=admin]{color:#ddd6fe;background:#2e1065;border-color:#5b21b6}[data-theme=dark] .role-badge[data-role=operations_manager]{color:#86efac;background:#064e3b;border-color:#0d8a6f}[data-theme=dark] .role-badge[data-role=accounts_manager]{color:#fecaca;background:#450a0a;border-color:#991b1b}[data-theme=dark] .role-badge[data-role=accountant]{color:#fde68a;background:#451a03;border-color:#92400e}[data-theme=dark] .role-badge[data-role=campaign_coordinator]{color:#bfdbfe;background:#172554;border-color:#1e40af}[data-theme=dark] .role-badge[data-role=influencer_coordinator]{color:#fbcfe8;background:#500724;border-color:#9f1239}[data-theme=dark] .role-badge[data-role=marketing_manager]{color:#a5f3fc;background:#083344;border-color:#155e75}[data-theme=dark] .role-badge[data-role=custom]{color:#cbd5e1;background:#1e293b;border-color:#475569}.row-actions-mini{justify-content:flex-end;gap:5px;display:flex}.btn-icon{width:28px;height:28px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;transition:all .12s;display:grid}.btn-icon:hover{background:var(--gray-100);color:var(--text)}.btn-icon.danger:hover{color:var(--danger);background:#fef2f2}.btn-icon .ic{width:13px;height:13px}.backups-list{flex-direction:column;gap:8px;display:flex}.backup-card{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;align-items:center;gap:13px;padding:12px 14px;transition:all .12s;display:flex}.backup-card:hover{border-color:var(--brand-300)}.backup-icon{border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.backup-icon.manual{color:#1e40af;background:#eff6ff}.backup-icon.auto{color:#16a34a;background:#f0fdf4}.backup-icon.pre_import,.backup-icon.pre_restore{color:#92400e;background:#fffbeb}.backup-icon .ic{width:16px;height:16px}.backup-info{flex:1;min-width:0}.backup-label{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:700}.backup-meta{color:var(--text-3);font-size:11.5px;font-family:var(--font-mono);flex-wrap:wrap;gap:8px;display:flex}.backup-meta .item{align-items:center;gap:3px;display:inline-flex}.backup-actions{flex-shrink:0;gap:6px;display:flex}.data-stats{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:18px;display:grid}@media (width<=680px){.data-stats{grid-template-columns:repeat(2,1fr)}}.data-stat{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:12px}.data-stat .lbl{color:var(--text-3);margin-bottom:5px;font-size:11px;font-weight:600}.data-stat .val{font-family:var(--font-display);color:var(--text);letter-spacing:-.3px;font-size:22px;font-weight:800;line-height:1}.data-stat .meta{color:var(--text-3);font-size:10.5px;font-family:var(--font-mono);margin-top:3px}.upload-zone{border:2px dashed var(--border-strong);text-align:center;cursor:pointer;background:var(--surface-2);border-radius:12px;margin-bottom:14px;padding:30px;transition:all .15s}.upload-zone:hover,.upload-zone.dragging{border-color:var(--brand-500);background:var(--brand-50)}.upload-zone .icon{background:var(--brand-100);width:54px;height:54px;color:var(--brand-700);border-radius:50%;place-items:center;margin:0 auto 12px;display:grid}.upload-zone .icon .ic{width:24px;height:24px}.upload-zone .title{font-family:var(--font-display);color:var(--text);margin-bottom:5px;font-size:15px;font-weight:700}.upload-zone .hint{color:var(--text-3);font-size:12px;font-family:var(--font-mono)}.upload-zone input{display:none}.alert{border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:13px 16px;font-size:13px;display:flex}.alert.warn{color:#854d0e;background:#fffbeb;border:1px solid #fde68a}.alert.info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.alert.success{color:#14532d;background:#f0fdf4;border:1px solid #bbf7d0}.alert.danger{color:#7f1d1d;background:#fef2f2;border:1px solid #fecaca}.alert .ic{flex-shrink:0;width:16px;height:16px;margin-top:2px}.alert .text{flex:1}.alert .text strong{margin-bottom:2px;font-weight:700;display:block}.alert .text b{font-weight:700}[data-theme=dark] .alert.warn{color:#fde68a;background:#451a03;border-color:#92400e}[data-theme=dark] .alert.info{color:#bfdbfe;background:#172554;border-color:#1e3a8a}[data-theme=dark] .alert.success{color:#bbf7d0;background:#052e16;border-color:#14532d}[data-theme=dark] .alert.danger{color:#fecaca;background:#450a0a;border-color:#7f1d1d}.activity-log{flex-direction:column;gap:0;max-height:380px;display:flex;overflow-y:auto}.activity-log::-webkit-scrollbar{width:6px}.activity-log::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.activity-row{border-bottom:1px solid var(--border);align-items:flex-start;gap:9px;padding:8px 0;display:flex}.activity-row:last-child{border-bottom:none}.act-type-icon{width:26px;height:26px;font-family:var(--font-display);color:#fff;text-transform:uppercase;border-radius:7px;flex-shrink:0;place-items:center;font-size:10px;font-weight:800;display:grid}.act-type-icon.create{background:#10b981}.act-type-icon.update{background:#3b82f6}.act-type-icon.delete{background:#dc2626}.act-type-icon.login{background:#7c3aed}.act-type-icon.logout{background:#94a3b8}.act-type-icon.import,.act-type-icon.export{background:#f59e0b}.act-type-icon.backup,.act-type-icon.restore{background:#0d8a6f}.act-type-icon.system{background:#475569}.act-body{flex:1;min-width:0}.act-title{color:var(--text);font-size:12px;font-weight:600;line-height:1.35}.act-meta{color:var(--text-3);font-size:10px;font-family:var(--font-mono);flex-wrap:wrap;gap:7px;margin-top:2px;display:flex}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;justify-content:center;align-items:center;padding:12px;display:none;position:fixed;inset:0;overflow:hidden}.modal{background:var(--surface);border-radius:14px;flex-direction:column;width:100%;max-width:480px;max-height:calc(100dvh - 24px);display:flex;overflow:hidden;box-shadow:0 20px 50px #0003}.modal-h{border-bottom:1px solid var(--border);background:var(--surface);z-index:5;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.modal-h h3{font-family:var(--font-display);color:var(--text);font-size:16px;font-weight:700;line-height:1.2}.modal-h .close{background:var(--surface-2);border:1px solid var(--border);width:28px;height:28px;color:var(--text);cursor:pointer;border-radius:7px;flex-shrink:0;place-items:center;transition:all .12s;display:grid}.modal-h .close:hover{background:var(--border);color:var(--text)}.modal-body{-webkit-overflow-scrolling:touch;flex:1;padding:18px 20px;overflow:hidden auto}.modal-footer{background:var(--surface-2);border-top:1px solid var(--border);z-index:5;flex-shrink:0;justify-content:flex-end;gap:10px;padding:12px 20px;display:flex;position:sticky;bottom:0}#custom-perms-section{border-top:1px solid var(--border);margin-top:18px;padding-top:16px}#pages-list{background:var(--surface-2);border-radius:8px;grid-template-columns:repeat(2,1fr);gap:5px;max-height:none;padding:10px;display:grid}#permissions-list{background:var(--surface-2);border-radius:8px;flex-direction:column;gap:10px;max-height:none;padding:8px;display:flex}@media (width<=640px){.modal-backdrop{align-items:stretch;padding:0}.modal{border-radius:0;max-width:100%;max-height:100dvh}.modal-h{padding:14px 16px}.modal-h h3{font-size:15px}.modal-body{padding:14px 16px}.modal-footer{padding:10px 16px}#pages-list{grid-template-columns:1fr}.modal .fg{grid-template-columns:1fr!important}}.progress-overlay{z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.progress-overlay.show{display:flex}.progress-box{background:var(--surface);color:var(--text);text-align:center;border:1px solid var(--border);border-radius:12px;max-width:340px;padding:30px;box-shadow:0 10px 40px #00000040}.spinner{border:4px solid var(--brand-100);border-top-color:var(--brand-600);border-radius:50%;width:42px;height:42px;margin:0 auto 15px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.progress-box .text{color:var(--text-2);font-size:13px;font-weight:600}.wa-header{color:#fff;background:linear-gradient(135deg,#075e54 0%,#128c7e 50%,#25d366 100%);border-radius:16px;align-items:center;gap:20px;margin-bottom:18px;padding:24px 28px;display:flex;position:relative;overflow:hidden}.wa-header:before{content:"";background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' opacity='0.06'%3E%3Cpath fill='%23fff' d='M50 15c19.3 0 35 15.7 35 35S69.3 85 50 85c-6.5 0-12.6-1.8-17.8-4.9L15 85l5-17c-3.2-5.3-5-11.4-5-18 0-19.3 15.7-35 35-35zm0 6c-16 0-29 13-29 29 0 5.9 1.8 11.4 4.8 16l-3 10.3 10.6-2.8c4.5 2.9 9.8 4.5 15.6 4.5 16 0 29-13 29-29S66 21 50 21z'/%3E%3C/svg%3E");position:absolute;inset:0}.wa-header-content{z-index:1;flex:1;position:relative}.wa-header h1{font-family:var(--font-display);letter-spacing:-.5px;align-items:center;gap:10px;margin-bottom:4px;font-size:24px;font-weight:800;display:flex}.wa-header .sub{opacity:.92;font-size:13px;font-weight:400}.wa-conn-badge{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;font-weight:600;display:inline-flex;position:relative}.wa-conn-badge .dot{background:#4ade80;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite wa-pulse;box-shadow:0 0 0 3px #4ade804d}.wa-conn-badge.disconnected .dot{background:#fbbf24;box-shadow:0 0 0 3px #fbbf244d}.wa-conn-badge.error .dot{background:#f87171;box-shadow:0 0 0 3px #f871714d}@keyframes wa-pulse{0%,to{opacity:1}50%{opacity:.6}}.wa-tabs{background:var(--surface);border:1px solid var(--border);scrollbar-width:none;border-radius:12px;gap:4px;margin-bottom:18px;padding:5px;display:flex;overflow-x:auto}.wa-tabs::-webkit-scrollbar{display:none}.wa-tab{min-width:max-content;color:var(--text-2);cursor:pointer;transition:all .15s var(--ease-out);white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.wa-tab:hover{background:var(--gray-50);color:var(--text)}.wa-tab.active{background:var(--brand-50);color:var(--brand-700);font-weight:700}.wa-tab .ic{width:15px;height:15px}.wa-tab .count{color:var(--brand-700);font-size:10px;font-family:var(--font-mono);text-align:center;background:#0d8a6f1a;border-radius:999px;min-width:18px;padding:1px 6px;font-weight:700}.wa-tab.active .count{background:var(--brand-600);color:#fff}.wa-tab-content{display:none}.wa-tab-content.active{display:block}.wa-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:18px;display:grid}.wa-stat-card{background:var(--surface);border:1px solid var(--border);transition:all .2s var(--ease-out);border-radius:14px;padding:18px}.wa-stat-card:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.wa-stat-card .label{letter-spacing:.4px;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:600;font-family:var(--font-mono);margin-bottom:6px}.wa-stat-card .value{font-family:var(--font-display);letter-spacing:-.8px;color:var(--text);font-variant-numeric:tabular-nums;font-size:28px;font-weight:800;line-height:1.1}.wa-stat-card .meta{color:var(--text-3);align-items:center;gap:5px;margin-top:6px;font-size:11.5px;display:flex}.wa-stat-card.brand{background:linear-gradient(135deg, var(--brand-50), var(--surface));border-color:var(--brand-200)}.wa-setup-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:760px;margin-bottom:18px;padding:28px}.wa-setup-card .title{font-family:var(--font-display);letter-spacing:-.3px;align-items:center;gap:10px;margin-bottom:6px;font-size:18px;font-weight:700;display:flex}.wa-setup-card .title .step{background:var(--brand-600);color:#fff;width:28px;height:28px;font-size:13px;font-weight:700;font-family:var(--font-mono);border-radius:8px;place-items:center;display:grid}.wa-setup-card .desc{color:var(--text-2);margin-bottom:18px;font-size:13px;line-height:1.6}.wa-form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-bottom:14px;display:grid}.wa-form-field{flex-direction:column;display:flex}.wa-form-field label{color:var(--text-2);align-items:center;gap:6px;margin-bottom:6px;font-size:12.5px;font-weight:600;display:flex}.wa-form-field label .required{color:#dc2626;font-size:13px}.wa-form-field label .info{color:var(--text-3);font-size:10px;font-family:var(--font-mono);margin-inline-start:auto;font-weight:500}.wa-form-field input,.wa-form-field select,.wa-form-field textarea{border:1px solid var(--border);background:var(--gray-50);font-family:var(--font-body);color:var(--text);border-radius:9px;padding:10px 12px;font-size:13px;transition:all .15s}.wa-form-field input:focus,.wa-form-field select:focus,.wa-form-field textarea:focus{border-color:var(--brand-500);background:var(--surface);outline:none;box-shadow:0 0 0 3px #0d8a6f26}.wa-form-field.mono input{font-family:var(--font-mono);font-size:12px}.wa-form-field .help{color:var(--text-3);margin-top:5px;font-size:11px;line-height:1.5}.wa-webhook-display{background:var(--gray-50);border:1px dashed var(--border);font-family:var(--font-mono);color:var(--text);word-break:break-all;direction:ltr;border-radius:9px;align-items:center;gap:10px;padding:11px 14px;font-size:12px;display:flex}.wa-webhook-display .copy-btn{background:var(--brand-600);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;margin-inline-start:auto;padding:5px 10px;font-size:11px;font-weight:600}.wa-webhook-display .copy-btn:hover{background:var(--brand-700)}.wa-test-result{border-radius:10px;align-items:center;gap:10px;margin-top:14px;padding:14px 16px;font-size:13px;display:flex}.wa-test-result.success{color:#14532d;background:#f0fdf4;border:1px solid #bbf7d0}.wa-test-result.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.wa-test-result.info{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe}.wa-templates-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;display:grid}.wa-template-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:14px;padding:18px;transition:all .2s}.wa-template-card:hover{box-shadow:var(--sh-md);border-color:var(--brand-300);transform:translateY(-2px)}.wa-template-card .header{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.wa-template-card .name{color:var(--text);font-size:14px;font-weight:700;line-height:1.3}.wa-template-card .lang{font-size:10px;font-family:var(--font-mono);color:var(--text-3);letter-spacing:.5px;text-transform:uppercase;margin-top:3px;font-weight:600}.wa-template-card .preview{color:#0d3b22;background:#ddf5e6;border:1px solid #b6e3c5;border-radius:9px;max-height:100px;margin-bottom:12px;padding:11px 13px;font-family:IBM Plex Sans Arabic,sans-serif;font-size:12.5px;line-height:1.55;position:relative;overflow:hidden}.wa-template-card .preview:after{content:"";pointer-events:none;background:linear-gradient(#0000,#ddf5e6);height:24px;position:absolute;bottom:0;left:0;right:0}.wa-template-card .footer{color:var(--text-3);justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;display:flex}.wa-template-card .category{font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;color:var(--text-2);font-size:10px;font-weight:600}.wa-chat-layout{grid-template-columns:320px 1fr;gap:14px;height:calc(100vh - 320px);min-height:500px;display:grid}@media (width<=768px){.wa-chat-layout{grid-template-columns:1fr;height:auto}}.wa-chat-list{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.wa-chat-list-header{border-bottom:1px solid var(--border);background:var(--surface-2);padding:14px 16px}.wa-chat-list-header input{border:1px solid var(--border);background:var(--surface);border-radius:9px;width:100%;padding:8px 12px;font-family:inherit;font-size:12.5px}.wa-chat-list-items{flex:1;overflow-y:auto}.wa-chat-item{cursor:pointer;border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.wa-chat-item:hover{background:var(--gray-50)}.wa-chat-item.active{background:var(--brand-50)}.wa-chat-item .ava{color:#fff;width:42px;height:42px;font-weight:700;font-family:var(--font-display);background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;display:grid}.wa-chat-item .body{flex:1;min-width:0}.wa-chat-item .top-row{justify-content:space-between;align-items:center;gap:6px;margin-bottom:2px;display:flex}.wa-chat-item .name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.wa-chat-item .time{color:var(--text-3);font-size:10px;font-family:var(--font-mono);flex-shrink:0}.wa-chat-item .last-msg{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.3;overflow:hidden}.wa-chat-item .unread{color:#fff;font-size:10px;font-weight:700;font-family:var(--font-mono);text-align:center;background:#25d366;border-radius:999px;min-width:18px;padding:1px 7px}.wa-chat-thread{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.wa-chat-thread-header{border-bottom:1px solid var(--border);background:var(--surface-2);align-items:center;gap:12px;padding:14px 18px;display:flex}.wa-chat-thread-header .ava{color:#fff;width:40px;height:40px;font-weight:700;font-family:var(--font-display);background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;place-items:center;font-size:14px;display:grid}.wa-chat-thread-header .name{font-size:14px;font-weight:700}.wa-chat-thread-header .status{color:var(--text-3);font-size:11px;font-family:var(--font-mono)}.wa-chat-thread-body{background:#e5ddd5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill='%23d4ccc2' opacity='0.4'%3E%3Cpath d='M11 18c3 6 9 6 14 0M30 18c3 6 9 6 14 0M50 18c3 6 9 6 14 0M70 18c3 6 9 6 14 0'/%3E%3C/g%3E%3C/svg%3E");flex-direction:column;flex:1;gap:6px;padding:18px;display:flex;overflow-y:auto}[data-theme=dark] .wa-chat-thread-body{background:#0b141a}.wa-msg{word-wrap:break-word;border-radius:8px;max-width:70%;padding:8px 12px 6px;font-size:13px;line-height:1.45;position:relative}.wa-msg.in{color:#111b21;background:#fff;border-top-right-radius:0;align-self:flex-start}.wa-msg.out{color:#111b21;background:#d9fdd3;border-top-left-radius:0;align-self:flex-end}[data-theme=dark] .wa-msg.in{color:#e9edef;background:#202c33}[data-theme=dark] .wa-msg.out{color:#e9edef;background:#005c4b}.wa-msg .time{color:#00000080;font-size:10px;font-family:var(--font-mono);white-space:nowrap;margin-inline-start:6px;display:inline-block}.wa-msg .status-icon{margin-inline-start:3px;font-size:12px;display:inline-block}.wa-msg.out .status-icon.read{color:#53bdeb}.wa-msg.out .status-icon.delivered,.wa-msg.out .status-icon.sent{color:#667781}.wa-msg.out .status-icon.failed{color:#dc2626}.wa-chat-thread-input{border-top:1px solid var(--border);background:var(--surface-2);align-items:flex-end;gap:10px;padding:12px 16px;display:flex}.wa-chat-thread-input textarea{border:1px solid var(--border);background:var(--surface);resize:none;border-radius:9px;flex:1;max-height:120px;padding:10px 14px;font-family:inherit;font-size:13px;line-height:1.5}.wa-chat-thread-input textarea:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 3px #0d8a6f1f}.wa-send-btn{cursor:pointer;color:#fff;background:#25d366;border:none;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;transition:all .15s;display:grid}.wa-send-btn:hover{background:#128c7e;transform:scale(1.05)}.wa-send-btn:disabled{background:var(--gray-300);cursor:not-allowed;transform:none}.wa-empty-chat{text-align:center;color:var(--text-3);flex:1;place-items:center;padding:40px;display:grid}.wa-empty-chat svg{opacity:.4;width:64px;height:64px;margin-bottom:12px}.wa-empty-chat h3{font-family:var(--font-display);color:var(--text-2);margin-bottom:4px;font-size:17px;font-weight:700}.wa-empty-chat p{font-size:13px;line-height:1.6}.wa-broadcast-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:14px;padding:18px;transition:all .2s}.wa-broadcast-card:hover{border-color:var(--brand-300);box-shadow:var(--sh-md)}.wa-broadcast-card .top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.wa-broadcast-card .name{margin-bottom:3px;font-size:15px;font-weight:700}.wa-broadcast-card .meta-row{border-top:1px solid var(--border);color:var(--text-3);font-size:11.5px;font-family:var(--font-mono);gap:14px;margin-top:14px;padding-top:14px;display:flex}.wa-broadcast-card .meta-item{flex-direction:column;gap:2px;display:flex}.wa-broadcast-card .meta-item .num{color:var(--text);font-size:17px;font-weight:700;font-family:var(--font-display)}.wa-numbers-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.wa-number-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;position:relative}.wa-number-card .quality{top:14px;position:absolute;inset-inline-end:14px}.wa-number-card .display-number{font-family:var(--font-mono);color:var(--text);text-align:start;direction:ltr;margin-bottom:4px;font-size:17px;font-weight:700}.wa-number-card .label{color:var(--text-2);margin-bottom:14px;font-size:12px}.wa-number-card .stats{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:10px;padding-top:12px;display:grid}.wa-number-card .stat .v{font-family:var(--font-display);color:var(--text);font-size:18px;font-weight:700}.wa-number-card .stat .l{font-size:10.5px;font-family:var(--font-mono);color:var(--text-3);letter-spacing:.3px}.wa-auto-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:14px;padding:18px}.wa-auto-card .head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.wa-auto-card .name{font-size:14.5px;font-weight:700}.wa-keywords{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.wa-kw{background:var(--gray-100);color:var(--text-2);font-size:11.5px;font-family:var(--font-mono);border-radius:999px;padding:3px 10px;font-weight:600}.wa-status{border:1px solid;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.wa-status .dot{border-radius:50%;width:5px;height:5px}.wa-status.approved{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}.wa-status.approved .dot{background:#16a34a}.wa-status.pending{color:#92400e;background:#fffbeb;border-color:#fde68a}.wa-status.pending .dot{background:#f59e0b}.wa-status.rejected{color:#991b1b;background:#fef2f2;border-color:#fecaca}.wa-status.rejected .dot{background:#dc2626}.wa-status.draft{color:#475569;background:#f8fafc;border-color:#e2e8f0}.wa-status.draft .dot{background:#94a3b8}.wa-status.sent,.wa-status.sending{color:#1e3a8a;background:#eff6ff;border-color:#bfdbfe}.wa-status.sent .dot,.wa-status.sending .dot{background:#3b82f6}.wa-status.completed{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}.wa-status.completed .dot{background:#16a34a}.wa-status.scheduled{color:#6b21a8;background:#faf5ff;border-color:#e9d5ff}.wa-status.scheduled .dot{background:#9333ea}.wa-quality{font-size:10px;font-weight:700;font-family:var(--font-mono);letter-spacing:.3px;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.wa-quality.GREEN{color:#14532d;background:#f0fdf4;border:1px solid #bbf7d0}.wa-quality.YELLOW{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.wa-quality.RED{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.wa-empty{text-align:center;color:var(--text-3);padding:60px 20px}.wa-empty svg{opacity:.4;width:56px;height:56px;margin-bottom:14px}.wa-empty h3{font-family:var(--font-display);color:var(--text-2);margin-bottom:6px;font-size:17px;font-weight:700}.wa-empty p{max-width:380px;margin:0 auto 16px;font-size:13px;line-height:1.6}.wa-setup-progress{background:var(--brand-50);border:1px solid var(--brand-200);border-radius:10px;align-items:center;gap:8px;margin-bottom:18px;padding:12px 16px;display:flex}.wa-setup-progress .icon{background:var(--brand-600);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.wa-setup-progress .text{color:var(--brand-800);font-size:13px;font-weight:600}.wa-section-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.wa-section-head h2{font-family:var(--font-display);letter-spacing:-.3px;font-size:17px;font-weight:700}.wa-section-head .actions{gap:8px;display:flex}@media (width<=768px){.wa-header{flex-direction:column;align-items:flex-start;gap:12px;padding:18px 20px}.wa-header h1{font-size:19px}.wa-tabs{padding:4px}.wa-tab{padding:8px 11px;font-size:12px}}.settings-page .upload-zone{box-sizing:border-box;border:2px dashed var(--brand-500);background:var(--surface-2);outline:0;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;min-height:148px;display:flex;overflow:hidden}.settings-page .upload-zone .title,.settings-page .upload-zone .hint{overflow-wrap:anywhere;text-align:center;max-width:100%;padding-inline:10px}.settings-page .upload-zone input{display:none!important}.settings-page form.modal-backdrop.settings-inline-form{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;border:0;border-radius:0;justify-content:center;align-items:center;margin:0;padding:12px;display:flex;position:fixed;inset:0}.settings-page form.modal-backdrop.settings-inline-form .modal{width:100%}.settings-page form.modal-backdrop.settings-inline-form .modal-footer .btn-group{margin-top:0}.settings-toast{z-index:2200;min-width:min(420px,100vw - 28px);max-width:min(560px,100vw - 28px);animation:.18s ease-out settingsToastIn;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 18px 45px #0f172a2e;margin:0!important}.settings-toast .text{padding-inline-end:8px}.settings-toast-close{color:currentColor;cursor:pointer;background:#ffffff8c;border:0;border-radius:7px;place-items:center;width:26px;height:26px;margin-inline-start:auto;display:grid}.settings-toast-close .ic{width:13px;height:13px}@keyframes settingsToastIn{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.demo-portal-info{color:#64748b;text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:10px;gap:4px;margin-top:11px;padding:10px;font-size:10.5px;display:grid}.demo-portal-info strong{color:#0f172a;font-size:11px}.demo-portal-info span{color:#0c6e5a;word-break:break-all;font-family:Inter,monospace;font-weight:700}.demo-portal-info em{color:#94a3b8;font-family:Inter,monospace;font-style:normal}.finance-page{display:block}.finance-toast{z-index:1000;color:#fff;cursor:pointer;background:#14532d;border-radius:12px;padding:12px 16px;font-size:13px;font-weight:800;position:fixed;top:72px;left:24px;box-shadow:0 14px 34px #0f172a2e}.finance-toast.danger{background:#dc2626}.fin-hero{color:#fff;background:linear-gradient(135deg,#16a34a 0%,#065f46 100%);border-radius:16px;margin-bottom:18px;padding:24px 26px;position:relative;overflow:hidden}.fin-hero:before{content:"";pointer-events:none;top:-50%;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:340px;height:340px;position:absolute;inset-inline-end:-10%}.fin-hero-grid{z-index:1;grid-template-columns:1fr auto;align-items:center;gap:24px;display:grid;position:relative}.fin-hero-left h1{font-family:var(--font-display);letter-spacing:-.5px;color:#fff;margin-bottom:5px;font-size:26px;font-weight:800}.fin-hero-left .sub{color:#ffffffdb;font-size:13.5px;line-height:1.5}.fin-hero-stats{flex-shrink:0;gap:11px;display:flex}.fin-hero-stat{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #fff3;border-radius:12px;min-width:90px;padding:13px 17px}.fin-hero-stat .v{font-family:var(--font-display);color:#fff;margin-bottom:3px;font-size:22px;font-weight:800;line-height:1}.fin-hero-stat .v small{opacity:.85;margin-inline-start:3px;font-size:11px;font-weight:500}.fin-hero-stat .l{color:#ffffffd1;font-size:10.5px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3px}.fin-sections{grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:16px;display:grid}.fin-sec{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;text-align:start;color:var(--text-2);border-radius:13px;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 16px;font-family:inherit;transition:all .15s;display:flex;position:relative}.fin-sec:hover{border-color:var(--brand,#0d8a6f);transform:translateY(-1px)}.fin-sec.active{color:#fff;background:linear-gradient(135deg,#0d8a6f,#0a6b56);border-color:#0d8a6f;box-shadow:0 4px 14px #0d8a6f47}.fin-sec .ic{width:18px;height:18px}.fin-sec-label{font-size:13.5px;font-weight:800;line-height:1.2}.fin-sec-hint{opacity:.75;font-size:10.5px;font-weight:600}.fin-subs{flex-wrap:wrap;gap:7px;margin-bottom:16px;display:flex}.fin-sub{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:9px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .15s}.fin-sub:hover{border-color:var(--brand-600,#0d8a6f);color:var(--text)}.fin-sub.on{background:var(--brand-600,#0d8a6f);border-color:var(--brand-600,#0d8a6f);color:#fff}.fin-sub-ugc.on{background:#7c3aed;border-color:#7c3aed}.fin-flow{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:18px;display:grid}.fin-flow-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:start;border-radius:13px;padding:15px;font-family:inherit;transition:all .15s;position:relative;overflow:hidden}.fin-flow-card:before{content:"";background:var(--c);top:0;width:100%;height:3px;position:absolute;inset-inline-start:0}.fin-flow-card:hover{border-color:var(--c);transform:translateY(-2px);box-shadow:0 6px 18px #0000000f}.fin-flow-card .head-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.fin-flow-card .ic-wrap{background:var(--bg);width:36px;height:36px;color:var(--c);border-radius:10px;place-items:center;display:grid}.fin-flow-card .ic-wrap .ic{width:17px;height:17px}.fin-flow-card .step-num{font-family:var(--font-mono);color:var(--text-3);background:var(--surface-2);border-radius:5px;padding:3px 7px;font-size:11px;font-weight:700}.fin-flow-card .v{font-family:var(--font-display);color:var(--text);letter-spacing:-.4px;margin-bottom:3px;font-size:26px;font-weight:800;line-height:1}.fin-flow-card .l{color:var(--text-2);margin-bottom:3px;font-size:12px;font-weight:600}.fin-flow-card .d{color:var(--text-3);font-size:10.5px;line-height:1.4}.cust-hl{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:start;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;transition:all .15s;display:flex;position:relative;overflow:hidden}.cust-hl:before{content:"";background:var(--c);top:0;border-radius:3px;width:3px;height:100%;position:absolute;inset-inline-start:0}.search-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding:14px 16px;display:flex}.search-card .field{background:0 0;border:none;flex:1;align-items:center;gap:9px;min-width:200px;padding:0;display:flex}.search-card .field input,.search-card .field select{color:var(--text);background:0 0;border:none;outline:none;flex:1;width:100%;font-family:inherit;font-size:13.5px}.search-card .field-divider{background:var(--border);width:1px;height:24px}.search-card .field.compact{flex:none;min-width:140px}.tr-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.tr-table-wrap .table-scroll{overflow-x:auto}table.tr-tbl{border-collapse:separate;border-spacing:0;width:100%;min-width:1100px;font-size:13px}table.tr-tbl thead th{background:var(--surface-2);color:var(--text-2);text-align:start;border-bottom:1px solid var(--border);white-space:nowrap;font-size:11.5px;font-weight:600;font-family:var(--font-body);padding:12px 14px}table.tr-tbl tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 14px}table.tr-tbl tbody tr{cursor:pointer;transition:background .12s}table.tr-tbl tbody tr:hover{background:var(--gray-50)}table.tr-tbl tbody tr:last-child td{border-bottom:none}.tr-id-cell{font-family:var(--font-mono);color:var(--text-2);background:var(--gray-50);border-radius:5px;padding:3px 8px;font-size:11.5px;font-weight:600;text-decoration:none;display:inline-block}.inf-mini{align-items:center;gap:9px;display:flex}.inf-mini .ava{background:linear-gradient(135deg,var(--c1,#7c3aed),var(--c2,#3b82f6));color:#fff;width:32px;height:32px;font-size:12px;font-weight:700;font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.inf-mini .info{flex-direction:column;line-height:1.2;display:flex}.inf-mini .info .name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:13px;font-weight:700;overflow:hidden}.inf-mini .info .meta{color:var(--text-3);font-size:10.5px;font-family:var(--font-mono);margin-top:2px}.amount-cell{font-family:var(--font-display);color:var(--text);white-space:nowrap;font-size:13px;font-weight:700}.amount-cell small{font-family:var(--font-body);color:var(--text-3);margin-inline-start:2px;font-size:10.5px;font-weight:500}.stage-pill{white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.stage-pill .dot{border-radius:50%;width:6px;height:6px}.stage-pill.stage-1{color:#92400e;background:#fffbeb;border-color:#fde68a}.stage-pill.stage-1 .dot{background:#f59e0b}.stage-pill.stage-2{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.stage-pill.stage-2 .dot{background:#3b82f6}.stage-pill.stage-3{color:#4c1d95;background:#f5f3ff;border-color:#ddd6fe}.stage-pill.stage-3 .dot{background:#7c3aed}.stage-pill.stage-complete{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}.stage-pill.stage-complete .dot{background:#10b981}.attach-row{align-items:center;gap:4px;display:flex}.attach-icon{cursor:default;border-radius:6px;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:11px;display:grid}.attach-icon.uploaded{background:var(--brand-100);color:var(--brand-700);border:1px solid var(--brand-300)}.attach-icon.missing{background:var(--gray-50);color:var(--gray-300);border:1px dashed var(--border)}.attach-icon .ic{width:11px;height:11px}.row-actions{justify-content:flex-end;align-items:center;gap:5px;display:flex}.row-action-btn.primary:hover{background:var(--brand-50);color:var(--brand-700)}.row-action-btn.success:hover{color:#15803d;background:#f0fdf4}.finance-page .btn{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-family:inherit;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.finance-page .btn:hover{background:var(--gray-50);color:var(--text);border-color:var(--border-strong)}.finance-page .btn-primary{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.finance-page .btn-primary:hover{background:var(--brand-700);border-color:var(--brand-700);color:#fff}@media (width<=980px){.fin-sections,.fin-flow,.cust-highlights{grid-template-columns:repeat(2,1fr)}.fin-hero-grid{grid-template-columns:1fr}.fin-hero-stats{grid-template-columns:repeat(3,1fr);display:grid}}@media (width<=640px){.fin-sections,.fin-flow,.cust-highlights{grid-template-columns:1fr}.search-card .field-divider{display:none}}@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-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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}.customers-head{margin-bottom:24px}.customers-head h1{font-family:var(--font-display);letter-spacing:-.8px;color:var(--text);margin-bottom:6px;font-size:30px;font-weight:800}.customers-head .sub{color:var(--text-2);font-size:14px;line-height:1.5}.customers-head .sub b{color:var(--brand-700);font-weight:700;font-family:var(--font-mono);background:var(--brand-50);border-radius:5px;padding:1px 8px}.search-card .field{background:0 0;border:none;flex:1;align-items:center;gap:9px;padding:0;display:flex}.customers-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.customers-table-wrap .table-scroll{overflow-x:auto}table.customers-tbl{border-collapse:separate;border-spacing:0;width:100%;min-width:780px;font-size:13.5px}table.customers-tbl thead th{background:var(--surface-2);color:var(--text-2);text-align:start;border-bottom:1px solid var(--border);white-space:nowrap;font-size:12px;font-weight:600;font-family:var(--font-body);padding:14px 18px}table.customers-tbl tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:18px}table.customers-tbl tbody tr{cursor:pointer;transition:background .12s}table.customers-tbl tbody tr:hover{background:var(--gray-50)}table.customers-tbl tbody tr:last-child td{border-bottom:none}.cust-cell{align-items:center;gap:11px;display:flex}.cust-cell .icon-box{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.cust-cell .icon-box .ic{width:16px;height:16px}.cust-cell .info{flex-direction:column;min-width:0;line-height:1.2;display:flex}.cust-cell .info .name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.cust-cell .info .meta{color:var(--text-3);font-size:11.5px;font-family:var(--font-mono);margin-top:3px}.customers-page .cust-hero{color:#fff;background:linear-gradient(135deg,#0d8a6f 0%,#065f46 100%);border-radius:16px;margin-bottom:18px;padding:24px 26px;position:relative;overflow:hidden}.customers-page .cust-hero:before{content:"";top:-50%;pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:340px;height:340px;position:absolute;inset-inline-end:-10%}.customers-page .cust-hero:after{content:"";bottom:-30%;pointer-events:none;background:radial-gradient(circle,#ffffff0f 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;inset-inline-start:-5%}.customers-page .cust-hero-grid{z-index:1;grid-template-columns:1fr auto;align-items:center;gap:24px;display:grid;position:relative}.customers-page .cust-hero-left h1{font-family:var(--font-display);letter-spacing:-.5px;color:#fff;margin-bottom:5px;font-size:26px;font-weight:800}.customers-page .cust-hero-left .sub{color:#ffffffdb;font-size:13.5px;line-height:1.5}.customers-page .cust-hero-stats{flex-shrink:0;gap:11px;display:flex}.customers-page .cust-hero-stat{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #fff3;border-radius:12px;min-width:90px;padding:13px 17px}.customers-page .cust-hero-stat .v{font-family:var(--font-display);color:#fff;margin-bottom:3px;font-size:24px;font-weight:800;line-height:1}.customers-page .cust-hero-stat .l{color:#ffffffd1;font-size:10.5px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3px}@media (width<=768px){.customers-page .cust-hero{padding:18px 20px}.customers-page .cust-hero-grid{grid-template-columns:1fr;gap:14px}.customers-page .cust-hero-left h1{font-size:20px}.customers-page .cust-hero-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.customers-page .cust-hero-stat{min-width:auto;padding:10px 9px}.customers-page .cust-hero-stat .v{font-size:18px}}@media (width<=768px){.cust-highlights{grid-template-columns:repeat(2,1fr)}}.health-cell{align-items:center;gap:7px;display:flex}.health-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.health-dot.gold{background:linear-gradient(135deg,#fbbf24,#d97706);box-shadow:0 0 0 3px #fbbf242e}.health-dot.green{background:#16a34a;box-shadow:0 0 0 3px #16a34a2e}.health-dot.orange{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b2e}.health-dot.red{background:#dc2626;box-shadow:0 0 0 3px #dc26262e}.health-dot.gray{background:#94a3b8}.health-label{font-size:11px;font-weight:700;font-family:var(--font-mono);color:var(--text-2)}.cust-cell .icon-box.tier-a{background:linear-gradient(135deg,#fbbf24,#d97706)}.cust-cell .icon-box.tier-b{background:linear-gradient(135deg,#0d8a6f,#065f46)}.cust-cell .icon-box.tier-c{background:linear-gradient(135deg,#64748b,#475569)}.cust-cell .info .name-row{align-items:center;gap:6px;display:flex}.cust-cell .info .tier-badge{color:#92400e;font-size:9.5px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3px;background:#fef3c7;border-radius:4px;padding:1px 5px}[data-theme=dark] .cust-cell .info .tier-badge{color:#fbbf24;background:#451a03}.activity-cell{flex-direction:column;line-height:1.3;display:flex}.activity-cell .main{color:var(--text);font-size:13px;font-weight:500}.activity-cell .other{color:var(--text-3);margin-top:3px;font-size:11px}.status-pill{border:1px solid;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;display:inline-flex}.status-pill.complete{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}.status-pill.complete .dot{background:#16a34a}.status-pill.incomplete{color:#92400e;background:#fffbeb;border-color:#fde68a}.status-pill.incomplete .dot{background:#f59e0b}[data-theme=dark] .status-pill.complete{color:#4ade80;background:#22c55e1f;border-color:#22c55e4d}[data-theme=dark] .status-pill.incomplete{color:#fbbf24;background:#fbbf241f;border-color:#fbbf244d}.date-cell{color:var(--text-2);white-space:nowrap;font-size:13px;font-weight:500}.row-action-btn{width:34px;height:34px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;transition:all .15s;display:grid}.row-action-btn.danger:hover{color:var(--danger);background:#fef2f2}.pagination{border-top:1px solid var(--border);background:var(--surface-2);color:var(--text-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;font-size:12px;display:flex}.actions-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.actions-row .left{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.actions-row .right{align-items:center;gap:8px;display:flex}.chip-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;display:flex}.cstm-chip{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-2);white-space:nowrap;border-radius:22px;align-items:center;gap:7px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .12s;display:inline-flex}.cstm-chip:hover{border-color:var(--border-strong);color:var(--text)}.cstm-chip .n{font-family:var(--font-mono);background:var(--gray-100);color:var(--text-2);border-radius:50%;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}.cstm-chip.active{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.cstm-chip.active .n{color:#fff;background:#0003}.cstm-chip.class-a.active{background:#ca8a04;border-color:#ca8a04}.cstm-chip.class-b.active{background:#1e40af;border-color:#1e40af}.cstm-chip.class-c.active{background:#475569;border-color:#475569}.search-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;margin-bottom:14px;padding:14px 18px;display:flex}.search-card .field{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.search-card .field .ic{width:15px;height:15px;color:var(--text-3);flex-shrink:0}.search-card .field input{color:var(--text);background:0 0;border:none;outline:none;flex:1;width:100%;font-family:inherit;font-size:13.5px}.search-card .field input::placeholder{color:var(--text-3)}.search-card .field select{color:var(--text);cursor:pointer;background:0 0;border:none;outline:none;padding:2px 6px;font-family:inherit;font-size:13px}.search-card .field-divider{background:var(--border);flex-shrink:0;width:1px;height:24px}.search-card .field.compact{flex:none}.search-card .results-count{color:var(--text-3);font-size:12px;font-family:var(--font-mono);white-space:nowrap;border-inline-start:1px solid var(--border);padding-inline-start:14px}.cust-hero{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4338ca 100%);border-radius:16px;margin-bottom:18px;padding:24px 26px;position:relative;overflow:hidden}.cust-hero:before{content:"";top:-50%;pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:340px;height:340px;position:absolute;inset-inline-end:-10%}.cust-hero:after{content:"";bottom:-30%;pointer-events:none;background:radial-gradient(circle,#ffffff0f 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;inset-inline-start:-5%}.cust-hero-grid{z-index:1;grid-template-columns:1fr auto;align-items:center;gap:24px;display:grid;position:relative}.cust-hero-left h1{font-family:var(--font-display);letter-spacing:-.5px;color:#fff;align-items:center;gap:9px;margin-bottom:5px;font-size:26px;font-weight:800;display:flex}.cust-hero-left h1 .ic{width:22px;height:22px}.cust-hero-left .sub{color:#ffffffdb;font-size:13.5px;line-height:1.5}.cust-hero-stats{flex-shrink:0;gap:11px;display:flex}.cust-hero-stat{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #fff3;border-radius:12px;min-width:90px;padding:13px 17px}.cust-hero-stat .v{font-family:var(--font-display);color:#fff;margin-bottom:3px;font-size:24px;font-weight:800;line-height:1}.cust-hero-stat .l{color:#ffffffd1;font-size:10.5px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3px}@media (width<=768px){.cust-hero{padding:18px 20px}.cust-hero-grid{grid-template-columns:1fr;gap:14px}.cust-hero-left h1{font-size:20px}.cust-hero-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cust-hero-stat{min-width:auto;padding:10px 9px}.cust-hero-stat .v{font-size:18px}}.ugc-banner{background:linear-gradient(135deg,#fff0f3 0%,#fef0f3 50%,#f0fafd 100%);border:1.5px solid #fbcfe8;border-radius:14px;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:18px;padding:14px 20px;display:flex;position:relative;overflow:hidden}.ugc-banner:before{content:"";top:-30%;pointer-events:none;background:radial-gradient(circle,#fe2c551a 0%,#0000 70%);width:200px;height:200px;position:absolute;inset-inline-start:-5%}.ugc-banner.active{background:linear-gradient(135deg,#fff0f3 0%,#fce7f3 50%,#cffafe 100%);border-color:#fe2c55;box-shadow:0 0 0 3px #fe2c551a,0 4px 16px #fe2c551f}.ugc-banner-left{z-index:1;align-items:center;gap:13px;min-width:0;display:flex;position:relative}.ugc-banner-icon{color:#fff;background:linear-gradient(135deg,#25f4ee 0%,#fe2c55 100%);border-radius:12px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 4px 12px #fe2c5559}.ugc-banner-info{min-width:0}.ugc-banner-title{font-family:var(--font-display);color:#9f1239;letter-spacing:-.3px;margin-bottom:3px;font-size:16.5px;font-weight:800}.ugc-banner-sub{color:#831843;font-size:12.5px;line-height:1.5}.ugc-banner-stats{z-index:1;border-inline:1px solid #9f123926;gap:18px;padding:0 18px;display:flex;position:relative}.ugc-banner-stat{text-align:center}.ugc-banner-stat .v{font-family:var(--font-display);color:#9f1239;letter-spacing:-.4px;font-variant-numeric:tabular-nums;font-size:20px;font-weight:800;line-height:1}.ugc-banner-stat .l{font-size:10.5px;font-family:var(--font-mono);color:#831843;letter-spacing:.3px;margin-top:4px}.ugc-banner-actions{z-index:1;gap:8px;margin-inline-start:auto;display:flex;position:relative}.ugc-banner-btn{cursor:pointer;color:#9f1239;background:#fff;border:1px solid #fbcfe8;border-radius:9px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.ugc-banner-btn:hover{background:#fff0f3;transform:translateY(-1px)}.ugc-banner-btn.active{color:#fff;background:#fe2c55;border-color:#fe2c55}.ugc-banner-btn.primary{color:#fff;background:linear-gradient(135deg,#fe2c55,#9f1239);border-color:#0000}.ugc-banner-btn.primary:hover{box-shadow:0 4px 12px #fe2c554d}@media (width<=900px){.ugc-banner{flex-direction:column;align-items:stretch;gap:12px}.ugc-banner-stats{border:1px solid #9f123926;border-left:none;border-right:none;justify-content:space-around;padding:10px 0}.ugc-banner-actions{margin-inline-start:0}.ugc-banner-btn{flex:1;justify-content:center}}.row-ugc{background:linear-gradient(90deg,#fef0f315 0%,#0000 50%)}.row-ugc:hover{background:linear-gradient(90deg,#fef0f3 0%,#fff0f330 60%,#0000 100%)}.avatar-ugc{color:#fff!important;background:linear-gradient(135deg,#25f4ee,#fe2c55)!important}.cust-hl{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .15s;display:flex;position:relative;overflow:hidden}@media (width<=768px){.cust-highlights{grid-template-columns:repeat(2,1fr)}}.influencers-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.influencers-table-wrap .table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}table.influencers-tbl{border-collapse:separate;border-spacing:0;width:100%;min-width:920px;font-size:13.5px}table.influencers-tbl thead th{background:var(--surface-2);color:var(--text-2);text-align:start;border-bottom:1px solid var(--border);white-space:nowrap;font-size:12px;font-weight:600;font-family:var(--font-body);padding:14px 18px}table.influencers-tbl thead th.center{text-align:center}table.influencers-tbl tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:16px 18px}table.influencers-tbl tbody tr{cursor:pointer;transition:background .12s}table.influencers-tbl tbody tr:hover{background:var(--gray-50)}[data-theme=dark] table.influencers-tbl tbody tr:hover{background:var(--surface-2)}table.influencers-tbl tbody tr:last-child td{border-bottom:none}.inf-cell{align-items:center;gap:12px;min-width:200px;display:flex}.inf-cell .avatar{color:#fff;width:38px;height:38px;font-family:var(--font-display);letter-spacing:-.3px;border-radius:11px;flex-shrink:0;place-items:center;font-size:14px;font-weight:800;display:grid}.inf-cell .avatar.tier-a{background:linear-gradient(135deg,#fbbf24,#d97706)}.inf-cell .avatar.tier-b{background:linear-gradient(135deg,#0d8a6f,#065f46)}.inf-cell .avatar.tier-c{background:linear-gradient(135deg,#64748b,#475569)}.inf-cell .info{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.inf-cell .info .name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:700;overflow:hidden}.inf-cell .info .username{color:var(--text-3);font-size:11.5px;font-family:var(--font-mono);text-align:start;text-overflow:ellipsis;white-space:nowrap;direction:ltr;margin-top:3px;overflow:hidden}.tier-badge{font-size:11px;font-weight:700;font-family:var(--font-mono);letter-spacing:.3px;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}.tier-badge.tier-a{color:#92400e;background:#fef3c7}.tier-badge.tier-b{color:#1e40af;background:#dbeafe}.tier-badge.tier-c{color:#475569;background:#f1f5f9}[data-theme=dark] .tier-badge.tier-a{color:#fbbf24;background:#451a03}[data-theme=dark] .tier-badge.tier-b{color:#60a5fa;background:#0c2942}[data-theme=dark] .tier-badge.tier-c{color:#9ca3af;background:#1f2937}.platforms{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.platform-pill{font-size:11px;font-weight:700;font-family:var(--font-mono);letter-spacing:.2px;white-space:nowrap;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;display:inline-flex}.platform-pill.snap,.platform-pill.snapchat{color:#856404;background:#fff3cd}.platform-pill.twitter,.platform-pill.x{color:#075985;background:#e0f2fe}[data-theme=dark] .platform-pill.snap,[data-theme=dark] .platform-pill.snapchat{color:#fde047;background:#3d2c00}[data-theme=dark] .platform-pill.tiktok{color:#f9a8d4;background:#3a0d2a}[data-theme=dark] .platform-pill.instagram{color:#f0abfc;background:#3d0a35}[data-theme=dark] .platform-pill.youtube{color:#fda4af;background:#3d0a16}[data-theme=dark] .platform-pill.twitter,[data-theme=dark] .platform-pill.x{color:#7dd3fc;background:#082f49}.followers-cell{font-family:var(--font-mono);color:var(--text);font-size:13px;font-weight:700}.followers-cell .num{color:var(--text)}.followers-cell .unit{color:var(--text-3);margin-inline-start:2px;font-size:11px}.category-cell{flex-direction:column;line-height:1.3;display:flex}.category-cell .main{color:var(--text);font-size:13px;font-weight:600}.category-cell .other{color:var(--text-3);font-size:11px;font-family:var(--font-mono);margin-top:2px}.city-cell{color:var(--text-2);font-size:12.5px;font-weight:600}.status-pill{font-size:11.5px;font-weight:700;font-family:var(--font-mono);border-radius:6px;align-items:center;gap:6px;padding:5px 11px;display:inline-flex}.status-pill.active{color:#065f46;background:#d1fae5}.status-pill.inactive{color:#475569;background:#f1f5f9}.status-pill .dot{background:currentColor;border-radius:50%;width:6px;height:6px}[data-theme=dark] .status-pill.active{color:#34d399;background:#0a3622}[data-theme=dark] .status-pill.inactive{color:#9ca3af;background:#1f2937}.row-actions{gap:5px;display:flex}.row-action-btn{border:1px solid var(--border);width:32px;height:32px;color:var(--text-3);cursor:pointer;background:0 0;border-radius:8px;place-items:center;transition:all .12s;display:grid}.row-action-btn:hover{background:var(--surface-2);border-color:var(--brand-300);color:var(--brand-700)}.row-action-btn.danger:hover{color:#dc2626;background:#fef2f2;border-color:#fca5a5}[data-theme=dark] .row-action-btn.danger:hover{background:#dc26261a}.pagination{border-top:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:11px;padding:14px 18px;display:flex}.pager{gap:5px;display:flex}.p{background:var(--surface);border:1px solid var(--border);min-width:32px;height:32px;color:var(--text-2);cursor:pointer;font-family:var(--font-mono);border-radius:7px;place-items:center;padding:0 9px;font-size:12px;font-weight:600;display:grid}.p:hover:not(.disabled):not(.active){background:var(--gray-50);border-color:var(--brand-300);color:var(--brand-700)}[data-theme=dark] .p:hover:not(.disabled):not(.active){background:var(--surface-2)}.p.active{background:var(--brand-600);color:#fff;border-color:var(--brand-600)}.p.disabled{opacity:.4;cursor:not-allowed}.p .ic{width:13px;height:13px}.empty svg{opacity:.4;margin-bottom:12px}.empty h4{font-family:var(--font-display);color:var(--text-2);margin-bottom:6px;font-size:16px;font-weight:700}.empty p{color:var(--text-3);font-size:13px;line-height:1.6}@media (width<=768px){.actions-row .right{width:100%}.actions-row .right .btn{flex:1;justify-content:center}.influencers-table-wrap .table-scroll{display:none}.mobile-cards{display:block!important}}.mobile-cards{display:none}.mobile-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;margin-bottom:9px;padding:14px;transition:all .12s}.mobile-card:hover,.mobile-card:active{border-color:var(--brand-300);background:var(--gray-50)}[data-theme=dark] .mobile-card:hover,[data-theme=dark] .mobile-card:active{background:var(--surface-2)}.mc-head{align-items:center;gap:12px;margin-bottom:11px;display:flex}.mc-head .avatar{color:#fff;width:42px;height:42px;font-family:var(--font-display);border-radius:11px;flex-shrink:0;place-items:center;font-size:15px;font-weight:800;display:grid}.mc-head .avatar.tier-a{background:linear-gradient(135deg,#fbbf24,#d97706)}.mc-head .avatar.tier-b{background:linear-gradient(135deg,#0d8a6f,#065f46)}.mc-head .avatar.tier-c{background:linear-gradient(135deg,#64748b,#475569)}.mc-head .info{flex:1;min-width:0}.mc-head .name{font-family:var(--font-display);color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:14.5px;font-weight:700;overflow:hidden}.mc-head .username{color:var(--text-3);font-size:11px;font-family:var(--font-mono);text-align:start;text-overflow:ellipsis;white-space:nowrap;direction:ltr;overflow:hidden}.mc-head .tier{flex-shrink:0}.mc-body{border-top:1px solid var(--border);grid-template-columns:1fr 1fr;gap:8px;padding:10px 0;display:grid}.mc-stat{flex-direction:column;gap:3px;min-width:0;display:flex}.mc-stat .lbl{color:var(--text-3);font-size:10px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3px}.mc-stat .val{color:var(--text);font-size:12.5px;font-weight:700;font-family:var(--font-mono)}.mc-stat .val.has-pill{padding:0}.mc-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:9px;margin-top:9px;padding-top:11px;display:flex}.mc-foot .platforms-mini{flex-wrap:wrap;gap:5px;display:flex}.mc-foot .row-actions-mini{gap:5px;display:flex}@media (width<=480px){.mc-body{grid-template-columns:1fr}}.an-hero{color:#fff;background:linear-gradient(135deg,#7c3aed 0%,#4338ca 100%);border-radius:16px;margin-bottom:18px;padding:24px 26px;position:relative;overflow:hidden}.an-hero:before{content:"";top:-50%;pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:340px;height:340px;position:absolute;inset-inline-end:-10%}.an-hero:after{content:"";bottom:-20px;opacity:.06;pointer-events:none;font-size:140px;line-height:1;position:absolute;inset-inline-start:-10px}.an-hero-grid{z-index:1;grid-template-columns:1fr auto;align-items:center;gap:24px;display:grid;position:relative}.an-hero-left h1{font-family:var(--font-display);letter-spacing:-.5px;color:#fff;margin-bottom:5px;font-size:26px;font-weight:800}.an-hero-left .sub{color:#ffffffdb;font-size:13.5px;line-height:1.5}.an-hero-stats{flex-shrink:0;gap:11px;display:flex}.an-hero-stat{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #fff3;border-radius:12px;min-width:88px;padding:13px 17px}.an-hero-stat .v{font-family:var(--font-display);color:#fff;margin-bottom:3px;font-size:22px;font-weight:800;line-height:1}.an-hero-stat .l{color:#ffffffd1;font-size:10.5px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3px}@media (width<=768px){.an-hero{padding:18px 20px}.an-hero-grid{grid-template-columns:1fr;gap:14px}.an-hero-left h1{font-size:20px}.an-hero-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.an-hero-stat{min-width:auto;padding:10px 8px}.an-hero-stat .v{font-size:18px}}.an-kpis{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:18px;display:grid}.an-kpi{background:var(--surface);border:1px solid var(--border);border-radius:13px;padding:15px;position:relative;overflow:hidden}.an-kpi:before{content:"";top:0;background:var(--c);width:3px;height:100%;position:absolute;inset-inline-start:0}.an-kpi .ic-wrap{background:var(--bg);width:36px;height:36px;color:var(--c);border-radius:10px;place-items:center;margin-bottom:9px;display:grid}.an-kpi .ic-wrap .ic{width:17px;height:17px}.an-kpi .v{font-family:var(--font-display);color:var(--text);letter-spacing:-.3px;margin-bottom:3px;font-size:24px;font-weight:800;line-height:1}.an-kpi .l{color:var(--text-3);font-size:11px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3px}@media (width<=768px){.an-kpis{grid-template-columns:repeat(2,1fr)}}.charts-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:18px;display:grid}.chart-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px}.chart-card h3{font-family:var(--font-display);align-items:center;gap:7px;margin-bottom:14px;font-size:14px;font-weight:700;display:flex}.chart-card h3 .ic{width:15px;height:15px;color:var(--brand-700)}.bar-row{align-items:center;gap:10px;margin-bottom:9px;display:flex}.bar-row .lbl{min-width:90px;color:var(--text-2);font-size:12px;font-weight:600}.bar-row .bar{background:var(--gray-100);border-radius:7px;flex:1;height:26px;position:relative;overflow:hidden}[data-theme=dark] .bar-row .bar{background:var(--surface-2)}.bar-row .bar .fill{background:linear-gradient(90deg,var(--c,var(--brand-600)),var(--c-l,var(--brand-400)));color:#fff;height:100%;font-family:var(--font-mono);border-radius:7px;justify-content:flex-end;align-items:center;min-width:30px;padding:0 9px;font-size:11.5px;font-weight:700;transition:width .8s;display:flex}.api-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d;border-radius:14px;align-items:center;gap:14px;margin-bottom:18px;padding:16px 18px;display:flex}[data-theme=dark] .api-card{background:linear-gradient(135deg,#451a03,#78350f);border-color:#92400e}.api-card .ic-wrap{color:#fff;background:#f59e0b;border-radius:11px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.api-card .ic-wrap .ic{width:20px;height:20px}.api-card .body{flex:1;min-width:0}.api-card h3{font-family:var(--font-display);color:#92400e;margin-bottom:3px;font-size:14px;font-weight:700}[data-theme=dark] .api-card h3{color:#fbbf24}.api-card p{color:#78350f;margin:0;font-size:12.5px;line-height:1.5}[data-theme=dark] .api-card p{color:#fde68a}.analytics-section{margin-bottom:22px}.analytics-section-head{border-bottom:1.5px solid var(--border);align-items:center;gap:8px;margin-bottom:12px;padding-bottom:8px;display:flex}.analytics-section-head svg{color:var(--brand-600);flex-shrink:0;width:18px;height:18px}.analytics-section-head .title{font-family:var(--font-display);color:var(--text);letter-spacing:-.3px;flex:1;font-size:16px;font-weight:800}.analytics-section-head .tag{color:#14532d;font-size:10px;font-weight:700;font-family:var(--font-mono);letter-spacing:.3px;background:#dcfce7;border-radius:999px;padding:2px 8px}.analytics-section-head .tag.pro{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d}.action-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:11px;display:grid}.action-card{color:inherit;transition:all .2s var(--ease-out);cursor:pointer;border:1.5px solid #0000;border-radius:12px;align-items:center;gap:13px;padding:14px 16px;text-decoration:none;display:flex}.action-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.action-icon{color:#fff;border-radius:11px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 2px 8px #0000001a}.action-body{flex:1;min-width:0}.action-title{font-family:var(--font-display);letter-spacing:-.2px;margin-bottom:3px;font-size:14.5px;font-weight:800}.action-desc{color:var(--text-2);font-size:12.5px;font-weight:500;line-height:1.5}.action-cta{font-size:13px;font-weight:700;font-family:var(--font-display);flex-shrink:0;align-items:center;gap:4px;display:inline-flex}[data-theme=dark] .action-card{background:#ffffff0d!important}[data-theme=dark] .action-card .action-desc{color:var(--text-2)}.perf-header{color:#fff;background:linear-gradient(135deg,#0d8a6f 0%,#0f766e 55%,#16a34a 100%);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;padding:20px 24px;display:flex;box-shadow:0 8px 26px #0d8a6f42}.perf-header h1{font-family:var(--font-display);letter-spacing:-.5px;margin:0 0 4px;font-size:22px;font-weight:800}.perf-header-sub{color:#ffffffd1;font-size:12.5px;font-family:var(--font-mono)}.period-tabs{background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;gap:5px;padding:4px;display:flex}.period-tab{color:#ffffffbf;cursor:pointer;background:0 0;border:none;border-radius:7px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .15s}.period-tab:hover{color:#fff;background:#ffffff14}.period-tab.active{color:#0f172a;background:#fff;box-shadow:0 1px 3px #0000001a}.kpi-row{grid-template-columns:repeat(7,1fr);gap:10px;margin-bottom:20px;display:grid}@media (width<=1100px){.kpi-row{grid-template-columns:repeat(4,1fr)}}@media (width<=680px){.kpi-row{grid-template-columns:repeat(2,1fr)}}.kpi-pill{background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:14px;position:relative;overflow:hidden}.kpi-pill:before{content:"";top:0;background:var(--c);width:4px;height:100%;position:absolute;inset-inline-start:0}.kpi-pill-v{font-family:var(--font-display);color:var(--c);letter-spacing:-.5px;margin-bottom:6px;font-size:22px;font-weight:800;line-height:1}.kpi-pill-v small{opacity:.7;margin-inline-start:1px;font-size:13px}.kpi-pill-l{font-family:var(--font-display);color:var(--text);letter-spacing:-.1px;margin-bottom:2px;font-size:13px;font-weight:700}.kpi-pill-sub{color:var(--text-3);font-size:11px;font-family:var(--font-mono)}.perf-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:18px;overflow:hidden}.perf-section-head{background:linear-gradient(to bottom,var(--gray-50),var(--surface));border-bottom:1.5px solid var(--border);align-items:center;gap:9px;padding:13px 18px;display:flex}[data-theme=dark] .perf-section-head{background:linear-gradient(to bottom,#ffffff08,var(--surface))}.perf-section-head svg{width:18px;height:18px;color:var(--brand-600);flex-shrink:0}.perf-section-head .title{font-family:var(--font-display);color:var(--text);letter-spacing:-.3px;flex:1;font-size:16px;font-weight:800}.perf-section-head .row-count{font-family:var(--font-mono);color:var(--text-3);background:var(--gray-100);border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600}.perf-table-wrap{background:var(--surface);overflow-x:auto}.perf-table{border-collapse:collapse;width:100%;font-family:inherit;font-size:13px}.perf-table thead{color:#fff;background:#1e3a8a}[data-theme=dark] .perf-table thead{background:#1e3a8a}.perf-table th{text-align:center;font-family:var(--font-display);letter-spacing:-.1px;white-space:nowrap;border-inline-start:1px solid #ffffff1a;padding:11px 9px;font-size:12px;font-weight:700}.perf-table th:first-child{border-inline-start:none}.perf-table td{text-align:center;border-bottom:1px solid var(--border);border-inline-start:1px solid var(--border);font-variant-numeric:tabular-nums;color:var(--text);padding:10px 9px;font-weight:600}.perf-table td:first-child{border-inline-start:none}.perf-table tbody tr{background:var(--surface);transition:background .15s}.perf-table tbody tr:hover{background:var(--gray-50)}[data-theme=dark] .perf-table tbody tr:hover{background:#ffffff0a}.perf-table tbody tr:nth-child(2n){background:var(--surface-2)}[data-theme=dark] .perf-table tbody tr:nth-child(2n){background:#ffffff05}.perf-table td.num{font-family:var(--font-mono);font-size:12.5px;font-weight:700}.perf-table td.good{color:#16a34a;background:#16a34a0f;font-weight:800}.perf-table td.warn{color:#d97706;background:#d977060f;font-weight:800}.perf-table td.bad{color:#dc2626;background:#dc26260f;font-weight:800}.perf-table tr.total-row{color:#fff;font-weight:800;background:#1e3a8a!important}.perf-table tr.total-row td{font-family:var(--font-display);border-color:#ffffff26;font-size:13px;color:#fff!important;background:0 0!important}.perf-table tr.total-row td.num{font-family:var(--font-mono);font-size:13px}.inf-rank{width:22px;height:22px;font-family:var(--font-mono);background:var(--gray-200);color:var(--text-2);border-radius:50%;place-items:center;margin-inline-end:7px;font-size:11px;font-weight:800;display:inline-grid}.inf-rank.r1{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 5px #f59e0b4d}.inf-rank.r2{color:#fff;background:linear-gradient(135deg,#94a3b8,#64748b)}.inf-rank.r3{color:#fff;background:linear-gradient(135deg,#fb7185,#e11d48)}.matrix-wrap{max-height:520px;overflow:auto}.matrix-table thead th{z-index:2;background:#1e3a8a;padding:13px 10px;font-size:13px;position:sticky;top:0}.matrix-table thead tr:nth-child(2) th{top:43px;background:var(--gray-50)!important;color:var(--text-3)!important}[data-theme=dark] .matrix-table thead tr:nth-child(2) th{background:#ffffff0d!important}.matrix-table td{font-weight:600;padding:7px 10px!important;font-size:12.5px!important}.filter-toolbar{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:10px 12px;display:flex;box-shadow:0 1px 3px #00000005}.filter-search-wrap{flex:1;min-width:250px;max-width:380px;position:relative}.filter-search-wrap svg{inset-inline-start:11px;color:var(--text-3);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.filter-search{padding:9px 13px;background:var(--gray-50);border:1px solid var(--border);width:100%;color:var(--text);border-radius:9px;padding-inline-start:34px;font-family:inherit;font-size:13px;transition:all .15s}.filter-search:focus{background:var(--surface);border-color:var(--brand-500);outline:none;box-shadow:0 0 0 3px #0d8a6f14}.filter-pill{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:8px 13px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex}.filter-pill:hover{border-color:var(--brand-400);color:var(--brand-700)}.filter-pill.active{background:var(--brand-50);border-color:var(--brand-500);color:var(--brand-800)}.filter-pill .badge-count{background:var(--brand-600);color:#fff;font-size:10px;font-weight:800;font-family:var(--font-mono);border-radius:999px;margin:0 2px;padding:1px 7px}.filter-status{background:var(--gray-100);border-radius:9px;gap:2px;padding:3px;display:inline-flex}[data-theme=dark] .filter-status{background:#ffffff0d}.status-pill{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:6px 13px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s}.status-pill:hover{color:var(--text)}.status-pill.active{background:var(--surface);color:var(--text);font-weight:700;box-shadow:0 1px 3px #00000014}.quick-filters{gap:6px;display:flex}.quick-chip{background:var(--surface);border:1px dashed var(--border-strong);color:var(--text-2);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.quick-chip:hover{border-style:solid;border-color:var(--brand-400);color:var(--brand-700)}.quick-chip.active{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border-style:solid;border-color:#fcd34d}[data-theme=dark] .quick-chip.active{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b}.clear-filters-btn{color:#991b1b;cursor:pointer;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;align-items:center;gap:5px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.clear-filters-btn:hover{background:#fee2e2}[data-theme=dark] .clear-filters-btn{color:#fca5a5;background:#dc26261a;border-color:#dc26264d}.heatmap-wrap{padding:16px 18px}.heatmap-table{border-collapse:separate;border-spacing:3px;width:100%;font-family:var(--font-mono)}.heatmap-table th{color:var(--text-3);text-transform:uppercase;letter-spacing:.3px;padding:6px 4px;font-size:11px;font-weight:700}.heatmap-table thead th:first-child{text-align:start;padding-inline-start:8px}.heatmap-table td.emp-cell{font-family:var(--font-display);text-align:start;color:var(--text);background:var(--gray-50);white-space:nowrap;border-radius:7px;padding:9px 11px;font-size:13px;font-weight:700}[data-theme=dark] .heatmap-table td.emp-cell{background:#ffffff0a}.heatmap-table td.heat-cell{text-align:center;font-variant-numeric:tabular-nums;cursor:default;border-radius:6px;min-width:42px;padding:9px 6px;font-size:11.5px;font-weight:700;transition:transform .15s}.heatmap-table td.heat-cell:hover{z-index:1;position:relative;transform:scale(1.1);box-shadow:0 2px 8px #00000026}.heatmap-table td.heat-total{text-align:center;font-family:var(--font-display);color:#fff;background:#1e3a8a;border-radius:7px;padding:9px 11px;font-size:12.5px;font-weight:800}.heatmap-legend{border-top:1px solid var(--border);justify-content:center;align-items:center;gap:8px;margin-top:14px;padding-top:14px;display:flex}.heat-legend-bar{border:1px solid var(--border);border-radius:4px;width:240px;display:flex;overflow:hidden}.view-toggle{background:var(--gray-100);border-radius:8px;gap:2px;margin-inline-start:6px;padding:3px;display:inline-flex}[data-theme=dark] .view-toggle{background:#ffffff0d}.vt-btn{cursor:pointer;color:var(--text-3);background:0 0;border:none;border-radius:6px;place-items:center;padding:6px 9px;transition:all .15s;display:grid}.vt-btn:hover{color:var(--text)}.vt-btn.active{background:var(--surface);color:var(--brand-600);box-shadow:0 1px 3px #0000001a}.emp-avatar{background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:#fff;width:24px;height:24px;font-family:var(--font-display);vertical-align:-3px;border-radius:50%;place-items:center;margin-inline-end:7px;font-size:11px;font-weight:800;display:inline-grid}.badge-top{color:#fff;font-size:9.5px;font-weight:800;font-family:var(--font-mono);letter-spacing:.3px;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:999px;align-items:center;gap:3px;margin-inline-start:6px;padding:2px 7px;display:inline-flex;box-shadow:0 1px 4px #f59e0b4d}.emp-cards-grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:12px;padding:14px;display:grid}.emp-card{background:linear-gradient(135deg,var(--surface),var(--surface-2));border:1.5px solid var(--border);transition:all .2s var(--ease-out);border-radius:14px;padding:16px;position:relative;overflow:hidden}.emp-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.emp-card.gold{background:linear-gradient(135deg,#fffbeb,#fff);border-color:#fbbf24}.emp-card.silver{background:linear-gradient(135deg,#f8fafc,#fff);border-color:#94a3b8}.emp-card.bronze{background:linear-gradient(135deg,#fff7ed,#fff);border-color:#fb923c}[data-theme=dark] .emp-card.gold,[data-theme=dark] .emp-card.silver,[data-theme=dark] .emp-card.bronze{background:var(--surface-2)}.emp-card-head{align-items:center;gap:11px;margin-bottom:13px;display:flex}.emp-card-ava{background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:#fff;width:46px;height:46px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;font-weight:800;display:grid;box-shadow:0 2px 8px #0d8a6f33}.emp-card.gold .emp-card-ava{background:linear-gradient(135deg,#fbbf24,#d97706);box-shadow:0 2px 8px #f59e0b4d}.emp-card-name{font-family:var(--font-display);color:var(--text);letter-spacing:-.2px;margin-bottom:2px;font-size:15px;font-weight:800}.emp-card-role{color:var(--text-3);font-size:11.5px;font-family:var(--font-mono);font-weight:600}.emp-card-medal{flex-shrink:0;font-size:24px}.emp-card-stats{grid-template-columns:repeat(2,1fr);gap:9px;margin-bottom:12px;display:grid}.emp-stat{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:9px;padding:10px}.emp-stat-v{font-family:var(--font-display);color:var(--text);letter-spacing:-.3px;margin-bottom:4px;font-size:18px;font-weight:800;line-height:1.1}.emp-stat-v.good-text{color:#16a34a}.emp-stat-v.warn-text{color:#f59e0b}.emp-stat-v.bad-text{color:#dc2626}.emp-stat-l{color:var(--text-3);font-size:10.5px;font-family:var(--font-mono);letter-spacing:.3px;text-transform:uppercase;font-weight:700}.emp-card-trend{background:var(--gray-50);border-radius:9px;margin-bottom:11px;padding:9px 11px}[data-theme=dark] .emp-card-trend{background:#ffffff0a}.emp-trend-label{color:var(--text-3);font-size:10.5px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3px;margin-bottom:5px;font-weight:700}.emp-card-footer{flex-wrap:wrap;gap:5px;display:flex}.ec-chip{background:var(--gray-100);color:var(--text-2);border:1px solid var(--border);border-radius:999px;padding:3px 9px;font-size:11px;font-weight:600}.ec-chip.warn{color:#92400e;background:#fef3c7;border-color:#fde68a}[data-theme=dark] .ec-chip{background:#ffffff0d}[data-theme=dark] .ec-chip.warn{color:#fbbf24;background:#f59e0b26}.mom{font-size:12px;font-weight:800;font-family:var(--font-mono);align-items:center;gap:3px;display:inline-flex}.mom.up{color:#16a34a}.mom.down{color:#dc2626}.share-bar{background:var(--gray-200);vertical-align:middle;border-radius:999px;width:70px;height:7px;margin-inline-end:6px;display:inline-block;overflow:hidden}[data-theme=dark] .share-bar{background:#ffffff1a}.share-fill{background:linear-gradient(90deg,#0d8a6f,#16a34a);border-radius:999px;height:100%;transition:width .4s}.cross-link{color:var(--brand-700);font-weight:700;text-decoration:none;transition:color .15s}.cross-link:hover{color:var(--brand-500);text-decoration:underline}[data-theme=dark] .cross-link{color:#86efac}.plat-chip{background:var(--gray-100);color:var(--text-2);font-size:11.5px;font-weight:700;font-family:var(--font-mono);border-radius:6px;padding:3px 10px}[data-theme=dark] .plat-chip{background:#ffffff0d}.ms-row{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 11px;transition:background .15s;display:flex}.ms-row:hover{background:var(--gray-50);border-color:var(--border)}[data-theme=dark] .ms-row:hover{background:#ffffff0a}.ms-row input{accent-color:var(--brand-500);width:16px;height:16px}.ms-row span{color:var(--text);font-size:13.5px;font-weight:600}.match-engine-card{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:16px;padding:22px;position:relative;overflow:hidden}.match-engine-card:before{content:"";top:-40%;pointer-events:none;background:radial-gradient(circle,#0d8a6f33 0%,#0000 70%);width:350px;height:350px;position:absolute;inset-inline-start:-10%}.match-engine-card:after{content:"";bottom:-30%;pointer-events:none;background:radial-gradient(circle,#7c3aed2e 0%,#0000 70%);width:300px;height:300px;position:absolute;inset-inline-end:-15%}.match-engine-card>*{z-index:1;position:relative}.match-engine-intro{border-bottom:1px solid #ffffff1a;align-items:center;gap:14px;margin-bottom:18px;padding-bottom:16px;display:flex}.match-engine-icon{background:linear-gradient(135deg,#0d8a6f,#16a34a);border-radius:13px;flex-shrink:0;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 4px 16px #0d8a6f4d}.match-engine-title{font-family:var(--font-display);color:#fff;letter-spacing:-.3px;margin-bottom:3px;font-size:18px;font-weight:800}.match-engine-sub{color:#ffffffb3;font-size:13px;font-weight:500;line-height:1.5}.match-form{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;padding:16px}.match-row{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;display:grid}.match-row:last-child{margin-bottom:0}@media (width<=780px){.match-row{grid-template-columns:1fr}}.match-field{flex-direction:column;gap:6px;display:flex}.match-field label{color:#ffffffbf;font-size:12px;font-weight:700;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3px}.match-input{color:#fff;background:#ffffff0f;border:1px solid #ffffff26;border-radius:9px;padding:10px 12px;font-family:inherit;font-size:13.5px;font-weight:500}.match-input:focus{background:#0d8a6f14;border-color:#0d8a6f;outline:none}.match-input::placeholder{color:#ffffff59}.match-input option{color:#fff;background:#1e293b}.match-platforms{flex-wrap:wrap;gap:7px;display:flex}.platform-pill{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.platform-pill:hover{background:#ffffff1a}.platform-pill input{accent-color:#0d8a6f;width:14px;height:14px}.platform-pill input:checked+svg{color:#22c55e}.platform-pill:has(input:checked){background:#0d8a6f2e;border-color:#16a34a}.mm-run-btn{color:#fff;cursor:pointer;height:fit-content;font-family:inherit;font-size:14px;font-weight:800;font-family:var(--font-display);background:linear-gradient(135deg,#0d8a6f,#15803d);border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:7px;padding:11px 22px;transition:all .15s;display:inline-flex;box-shadow:0 4px 14px #0d8a6f4d}.mm-run-btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0d8a6f73}.mm-run-btn:active{transform:scale(.98)}.mm-results:empty{display:none}.mm-results{margin-top:18px}.mm-summary{background:linear-gradient(135deg,#f0fdf4,#fff);border:1.5px solid #bbf7d0;border-radius:12px;margin-bottom:14px;padding:14px 18px}[data-theme=dark] .mm-summary{background:linear-gradient(135deg,#16a34a1a,var(--surface));border-color:#16a34a4d}.mm-summary-head{font-family:var(--font-display);color:#14532d;letter-spacing:-.2px;align-items:center;gap:8px;margin-bottom:11px;font-size:14.5px;font-weight:800;display:flex}[data-theme=dark] .mm-summary-head{color:#86efac}.mm-summary-head svg{color:#16a34a}.mm-summary-grid{grid-template-columns:repeat(4,1fr);gap:9px;display:grid}@media (width<=640px){.mm-summary-grid{grid-template-columns:repeat(2,1fr)}}.mm-stat{text-align:center;background:#fff;border:1px solid #bbf7d0;border-radius:9px;padding:11px}[data-theme=dark] .mm-stat{background:#ffffff0a;border-color:#ffffff1a}.mm-stat.over{background:#fef2f2;border-color:#fca5a5}[data-theme=dark] .mm-stat.over{background:#ef44441a;border-color:#ef44444d}.mm-stat-v{font-family:var(--font-display);color:var(--text);letter-spacing:-.3px;font-size:19px;font-weight:800;line-height:1.1}.mm-stat-v small{color:var(--text-3);font-size:11px;font-weight:600;font-family:var(--font-mono);margin-inline-start:2px}.mm-stat-l{color:var(--text-2);margin-top:5px;font-size:11.5px;font-weight:600}.mm-results-list{flex-direction:column;gap:8px;display:flex}.mm-card{background:var(--surface);border:1px solid var(--border);transition:all .15s var(--ease-out);border-radius:11px;align-items:center;gap:13px;padding:12px 14px;display:flex}.mm-card:hover{border-color:var(--brand-300);transform:translate(-2px);box-shadow:0 4px 14px #0000000d}.mm-rank{background:var(--gray-100);width:28px;height:28px;color:var(--text-2);font-family:var(--font-mono);border-radius:50%;flex-shrink:0;place-items:center;font-size:13px;font-weight:800;display:grid}.mm-card:nth-child(-n+3) .mm-rank{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 6px #f59e0b4d}.mm-ava{background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:#fff;width:42px;height:42px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;font-size:16px;font-weight:800;display:grid}.mm-main{flex:1;min-width:0}.mm-name-row{flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:3px;display:flex}.mm-name{font-family:var(--font-display);color:var(--text);letter-spacing:-.2px;font-size:14.5px;font-weight:800}.mm-tag-class{font-size:10px;font-weight:800;font-family:var(--font-mono);letter-spacing:.3px;border-radius:5px;padding:2px 7px}.mm-tag-A{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.mm-tag-B{color:#1e3a8a;background:#dbeafe;border:1px solid #bfdbfe}.mm-tag-C{color:#4338ca;background:#e0e7ff;border:1px solid #c7d2fe}.mm-tag-ugc{color:#fff;font-size:10px;font-weight:800;font-family:var(--font-mono);letter-spacing:.3px;background:linear-gradient(135deg,#25f4ee,#fe2c55);border-radius:5px;padding:2px 8px}.mm-meta{color:var(--text-3);margin-bottom:6px;font-size:12px;font-weight:500}.mm-reasons{flex-wrap:wrap;gap:5px;display:flex}.mm-reason{background:var(--gray-50);color:var(--text-2);border:1px solid var(--border);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600}[data-theme=dark] .mm-reason{background:#ffffff0a}.mm-stats{flex-shrink:0;align-items:center;gap:11px;display:flex}.mm-cost{text-align:center}.mm-cost-v{font-family:var(--font-display);color:var(--text);font-size:15px;font-weight:800;line-height:1}.mm-cost-l{color:var(--text-3);font-size:10px;font-family:var(--font-mono);margin-top:3px;font-weight:600}.mm-score{color:#fff;width:42px;height:42px;font-family:var(--font-display);letter-spacing:-.5px;border-radius:11px;place-items:center;font-size:15px;font-weight:800;display:grid;box-shadow:0 2px 8px #0000001a}@media (width<=640px){.mm-card{flex-wrap:wrap}.mm-stats{border-top:1px solid var(--border);justify-content:space-between;width:100%;margin-top:4px;padding-top:9px}}.chart-grid-2{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;display:grid}@media (width<=900px){.chart-grid-2{grid-template-columns:1fr}}.chart-wrap{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px}.chart-wrap h4{font-family:var(--font-display);color:var(--text);letter-spacing:-.2px;align-items:center;gap:7px;margin-bottom:12px;font-size:13.5px;font-weight:800;display:flex}.chart-wrap h4 svg{width:14px;height:14px;color:var(--brand-600)}.chart-canvas-wrap{width:100%;height:240px;position:relative}.chart-canvas-wrap canvas{max-height:240px}.top-list{flex-direction:column;gap:8px;display:flex}.top-row{background:var(--gray-50);border-radius:10px;align-items:center;gap:11px;padding:10px 12px;transition:all .15s;display:flex}.top-row:hover{background:var(--brand-50);transform:translate(-2px)}.top-row .rank{width:26px;height:26px;font-family:var(--font-mono);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;font-size:11px;font-weight:800;display:grid}.top-row .rank.r1{background:linear-gradient(135deg,#fbbf24,#f59e0b)}.top-row .rank.r2{background:linear-gradient(135deg,#94a3b8,#64748b)}.top-row .rank.r3{background:linear-gradient(135deg,#fb7185,#e11d48)}.top-row .rank.other{background:var(--gray-200);color:var(--text-2)}.top-row .ava{background:linear-gradient(135deg,var(--brand-500),var(--brand-700));color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:32px;height:32px;font-size:13px;font-weight:800;display:grid}.top-row .info{flex:1;min-width:0}.top-row .info .n{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:1px;font-size:13px;font-weight:700;overflow:hidden}.top-row .info .m{color:var(--text-3);font-size:11px;font-family:var(--font-mono)}.top-row .val{font-family:var(--font-display);color:var(--text);text-align:end;flex-shrink:0;font-size:14px;font-weight:800}.top-row .val small{color:var(--text-3);font-size:10px;font-weight:500;font-family:var(--font-mono);margin-inline-start:3px}.insight-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:11px;margin-bottom:14px;display:grid}.insight-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:flex-start;gap:11px;padding:14px;display:flex}.insight-card.up{background:linear-gradient(135deg,#f0fdf9 0%,#fff 100%);border-color:#bbf7d0}.insight-card.down{background:linear-gradient(135deg,#fef2f2 0%,#fff 100%);border-color:#fecaca}.insight-card.tip{background:linear-gradient(135deg,#eff6ff 0%,#fff 100%);border-color:#bfdbfe}.insight-card .ic{border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.insight-card.up .ic{color:#14532d;background:#dcfce7}.insight-card.down .ic{color:#991b1b;background:#fee2e2}.insight-card.tip .ic{color:#1e3a8a;background:#dbeafe}.insight-card h5{font-family:var(--font-display);color:var(--text);letter-spacing:-.2px;margin-bottom:3px;font-size:13px;font-weight:800}.insight-card p{color:var(--text-2);margin:0;font-size:11.5px;line-height:1.5}.live-sync-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;margin-bottom:11px;padding:14px;display:flex}.live-sync-card .platform-ic{color:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.live-sync-card.tiktok .platform-ic{background:linear-gradient(135deg,#25f4ee,#fe2c55)}.live-sync-card.instagram .platform-ic{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.live-sync-card .info{flex:1;min-width:0}.live-sync-card .info .h{color:var(--text);margin-bottom:2px;font-size:13.5px;font-weight:700}.live-sync-card .info .sub{color:var(--text-3);font-size:11px;font-family:var(--font-mono)}.live-sync-card .stats-mini{flex-shrink:0;gap:14px;display:flex}.live-sync-card .stats-mini .item{text-align:center}.live-sync-card .stats-mini .v{font-family:var(--font-display);color:var(--text);font-size:15px;font-weight:800;line-height:1}.live-sync-card .stats-mini .l{color:var(--text-3);font-size:9.5px;font-family:var(--font-mono);letter-spacing:.3px;margin-top:3px}.live-sync-card .verified-badge{color:#1e3a8a;background:#dbeafe;border-radius:999px;align-items:center;gap:3px;margin-inline-start:5px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.cust-highlights{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:18px;display:grid}.cust-hl{background:var(--surface);border:1px solid var(--border);cursor:pointer;color:inherit;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:all .15s;display:flex;position:relative;overflow:hidden}.cust-hl .val{font-family:var(--font-display);color:var(--text);letter-spacing:-.3px;margin-bottom:2px;font-size:20px;font-weight:800;line-height:1}.cust-hl .val small{color:var(--text-3);margin-inline-start:3px;font-size:11px;font-weight:500}.cust-hl .lbl{color:var(--text-3);font-size:11px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3px}@media (width<=768px){.cust-highlights{grid-template-columns:repeat(2,1fr)}}.content-page-v5{max-width:1500px;color:var(--text);margin:0 auto;padding:18px 22px}.content-page-v5 .ic{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.cnt-hero{color:#fff;background:linear-gradient(135deg,#ec4899 0%,#be185d 100%);border-radius:16px;margin-bottom:18px;padding:24px 26px;position:relative;overflow:hidden}.cnt-hero:before{content:"";top:-50%;pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:340px;height:340px;position:absolute;inset-inline-end:-10%}.cnt-hero:after{content:"";bottom:-20px;opacity:.06;pointer-events:none;font-size:140px;line-height:1;position:absolute;inset-inline-start:-10px}.cnt-hero-grid{z-index:1;grid-template-columns:1fr auto;align-items:center;gap:24px;display:grid;position:relative}.cnt-hero-left h1{font-family:var(--font-display);letter-spacing:-.5px;color:#fff;align-items:center;gap:7px;margin:0 0 5px;font-size:26px;font-weight:800;display:flex}.cnt-hero-left h1 .ic{width:22px;height:22px}.cnt-hero-left .sub{color:#ffffffdb;font-size:13.5px;line-height:1.5}.cnt-hero-stats{flex-shrink:0;gap:11px;display:flex}.cnt-hero-stat{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #fff3;border-radius:12px;min-width:88px;padding:13px 17px}.cnt-hero-stat .v{font-family:var(--font-display);color:#fff;margin-bottom:3px;font-size:22px;font-weight:800;line-height:1}.cnt-hero-stat .l{color:#ffffffd1;font-size:10.5px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3px}.content-kpi-row{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:14px;position:relative;overflow:hidden}.kpi-card .top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.kpi-card .label{color:var(--text-2);font-size:11px;font-weight:600}.kpi-card .ic-wrap{border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.kpi-card .ic-wrap .ic{color:#fff;width:14px;height:14px}.kpi-card .val{font-family:var(--font-display);letter-spacing:-.5px;color:var(--text);font-size:24px;font-weight:800;line-height:1.1}.kpi-card .val small{color:var(--text-3);margin-inline-start:3px;font-size:10px;font-weight:500}.kpi-card .meta{color:var(--text-3);font-size:10.5px;font-family:var(--font-mono);margin-top:3px}.kpi-card .pct-bar{background:var(--gray-100);border-radius:2px;height:3px;margin-top:8px;overflow:hidden}.kpi-card .pct-bar div{background:var(--brand-500);border-radius:2px;height:100%;transition:width .5s}.kpi-card.src-google{background:linear-gradient(to bottom right,#eff6ff,#fff);border-color:#bfdbfe}.kpi-card.src-tiktok{background:linear-gradient(to bottom right,#fafafa,#fff);border-color:#d4d4d4}.kpi-card.src-snap{background:linear-gradient(to bottom right,#fffce8,#fff);border-color:#fde68a}.kpi-card.src-twitter{background:linear-gradient(to bottom right,#f0f9ff,#fff);border-color:#bfdbfe}.kpi-card.src-total{border-color:var(--brand-300);background:linear-gradient(to bottom right,var(--brand-50),#fff)}[data-theme=dark] .kpi-card.src-google,[data-theme=dark] .kpi-card.src-tiktok,[data-theme=dark] .kpi-card.src-snap,[data-theme=dark] .kpi-card.src-twitter,[data-theme=dark] .kpi-card.src-total{background:var(--surface);border-color:var(--border)}.source-chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.source-chip{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--text-2);white-space:nowrap;border-radius:22px;align-items:center;gap:7px;padding:8px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .12s;display:inline-flex}.source-chip:hover{border-color:var(--border-strong);color:var(--text)}.source-chip.active{border-color:var(--brand-500);background:var(--brand-600);color:#fff;box-shadow:0 2px 6px #0d8a6f40}.source-chip .src-icon{color:#fff;width:18px;height:18px;font-family:var(--font-display);border-radius:5px;flex-shrink:0;place-items:center;font-size:10px;font-weight:800;display:grid}.source-chip .src-icon.google_drive{background:#4285f4}.source-chip .src-icon.tiktok{background:#000}.source-chip .src-icon.snapchat{color:#000;background:#fffc00}.source-chip .src-icon.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.source-chip .src-icon.twitter{background:#1da1f2}.source-chip .src-icon.youtube{background:red}.source-chip .src-icon.dropbox{background:#0061ff}.source-chip .src-icon.other{background:var(--gray-300);color:var(--text-2)}.source-chip .n{font-family:var(--font-mono);background:var(--gray-100);color:var(--text-2);border-radius:50%;place-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}.source-chip.active .n{color:#fff;background:#00000040}.content-search-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding:14px 16px;display:flex}.content-search-card .field{background:0 0;border:none;flex:1;align-items:center;gap:9px;min-width:200px;padding:0;display:flex}.content-search-card .field .ic{width:16px;height:16px;color:var(--text-3);flex-shrink:0}.content-search-card .field input,.content-search-card .field select{color:var(--text);background:0 0;border:none;outline:none;flex:1;width:100%;font-family:inherit;font-size:13.5px}.content-search-card .field input::placeholder{color:var(--text-3)}.content-search-card .field-divider{background:var(--border);width:1px;height:24px}.content-search-card .field.compact{flex:none;min-width:140px}.content-search-card .view-toggle{background:var(--gray-50);border-radius:7px;gap:0;padding:3px;display:flex}.content-search-card .view-toggle button{color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:5px;align-items:center;gap:4px;padding:6px 10px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.content-search-card .view-toggle button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 2px #0000000d}.content-search-card .view-toggle button .ic{width:13px;height:13px}.content-search-card .results-count{color:var(--text-3);font-size:12px;font-family:var(--font-mono);white-space:nowrap;border-inline-start:1px solid var(--border);padding-inline-start:14px}.content-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.content-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:12px;flex-direction:column;transition:all .15s;display:flex;overflow:hidden}.content-card:hover{border-color:var(--brand-300);transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.card-preview{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);place-items:center;height:140px;display:grid;position:relative;overflow:hidden}.card-preview.snapchat{background:linear-gradient(135deg,#fffce8,#fef9c3)}.card-preview.tiktok{background:linear-gradient(135deg,#fafafa,#e4e4e7)}.card-preview.instagram{background:linear-gradient(135deg,#fdf2f8,#fce7f3)}.card-preview.twitter{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.card-preview.youtube{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.card-preview img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.card-preview .platform-bg-icon{opacity:.15;font-size:60px;font-family:var(--font-display);font-weight:800}.card-preview .source-badge{top:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text);background:#fffffff2;border-radius:6px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;inset-inline-start:10px;box-shadow:0 2px 6px #00000014}.card-preview .source-badge .src-icon{color:#fff;width:13px;height:13px;font-family:var(--font-display);border-radius:3px;flex-shrink:0;place-items:center;font-size:8px;font-weight:800;display:grid}.card-preview .source-badge .src-icon.google_drive{background:#4285f4}.card-preview .source-badge .src-icon.tiktok{background:#000}.card-preview .source-badge .src-icon.snapchat{color:#000;background:#fffc00}.card-preview .source-badge .src-icon.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.card-preview .source-badge .src-icon.twitter{background:#1da1f2}.card-preview .source-badge .src-icon.youtube{background:red}.card-preview .source-badge .src-icon.other{background:var(--gray-400)}.card-preview .rating-badge{top:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#854d0e;background:#fffffff2;border-radius:6px;align-items:center;gap:3px;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex;position:absolute;inset-inline-end:10px}.card-preview .platform-pill-overlay{bottom:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#0f172a;font-size:10.5px;font-weight:700;font-family:var(--font-mono);background:#fffffff2;border-radius:5px;align-items:center;padding:3px 9px;display:inline-flex;position:absolute;inset-inline-start:10px}.card-body{flex-direction:column;flex:1;gap:8px;padding:14px;display:flex}.card-influencer-row{align-items:center;gap:8px;display:flex}.card-ava{background:linear-gradient(135deg,var(--c1,#7c3aed),var(--c2,#3b82f6));color:#fff;width:30px;height:30px;font-size:11px;font-weight:700;font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.card-influencer-row .info{flex:1;min-width:0}.card-influencer-row .name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;line-height:1.2;overflow:hidden}.card-influencer-row .sub{color:var(--text-3);font-size:11px;font-family:var(--font-mono);margin-top:2px}.card-campaign{color:var(--brand-700);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px;font-size:12.5px;font-weight:600;line-height:1.3;text-decoration:none;display:-webkit-box;overflow:hidden}.card-meta{border-top:1px solid var(--border);color:var(--text-3);font-size:11px;font-family:var(--font-mono);justify-content:space-between;align-items:center;gap:6px;padding-top:8px;display:flex}.card-meta .left{align-items:center;gap:8px;display:flex}.card-meta .left .item{align-items:center;gap:3px;display:flex}.card-meta .left .ic{width:11px;height:11px}.card-actions{align-items:center;gap:5px;display:inline-flex}.card-actions .copy-btn{background:var(--brand-600);color:#fff;border:1px solid var(--brand-600);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:5px 11px;font-family:inherit;font-size:11px;font-weight:700;transition:all .12s;display:inline-flex;box-shadow:0 1px 3px #0d8a6f40}.card-actions .copy-btn:hover{background:var(--brand-700);transform:translateY(-1px);box-shadow:0 3px 8px #0d8a6f59}.card-actions .copy-btn .ic{stroke-width:2.5px;width:12px;height:12px}.card-actions .open-btn{color:var(--brand-700);border:1px solid var(--brand-300);background:0 0;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:11px;font-weight:700;text-decoration:none;transition:all .12s;display:inline-flex}.card-actions .open-btn:hover{background:var(--brand-50);border-color:var(--brand-600);color:var(--brand-700)}.card-actions .open-btn .ic{width:11px;height:11px}.content-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.content-table-wrap .table-scroll{overflow-x:auto}table.ct-tbl{border-collapse:separate;border-spacing:0;width:100%;min-width:1100px;font-size:13px}table.ct-tbl thead th{background:var(--surface-2);color:var(--text-2);text-align:start;border-bottom:1px solid var(--border);white-space:nowrap;font-size:11.5px;font-weight:600;font-family:var(--font-body);padding:12px 14px}table.ct-tbl tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px}table.ct-tbl tbody tr{cursor:pointer;transition:background .12s}table.ct-tbl tbody tr:hover{background:var(--gray-50)}table.ct-tbl tbody tr:last-child td{border-bottom:none}.table-source{align-items:center;gap:7px;display:flex}.table-source span:last-child{font-size:12.5px;font-weight:600}.src-icon-mini{color:#fff;width:24px;height:24px;font-family:var(--font-display);border-radius:6px;flex-shrink:0;place-items:center;font-size:11px;font-weight:800;display:grid}.src-icon-mini.google_drive{background:#4285f4}.src-icon-mini.tiktok{background:#000}.src-icon-mini.snapchat{color:#000;background:#fffc00}.src-icon-mini.instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d,#fcb045)}.src-icon-mini.twitter{background:#1da1f2}.src-icon-mini.youtube{background:red}.src-icon-mini.dropbox{background:#0061ff}.src-icon-mini.other{background:var(--gray-400)}.url-cell{align-items:center;gap:8px;max-width:280px;display:flex}.url-cell .url-text{color:var(--brand-700);font-size:11.5px;font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;text-decoration:none;overflow:hidden}.url-cell .url-text:hover{text-decoration:underline}.influencer-mini{align-items:center;gap:8px;display:flex}.influencer-mini .ava{background:linear-gradient(135deg,var(--c1,#7c3aed),var(--c2,#3b82f6));color:#fff;width:26px;height:26px;font-size:10.5px;font-weight:700;font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.influencer-mini .name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:12.5px;font-weight:600;overflow:hidden}.campaign-td{color:var(--text);font-size:12.5px;font-weight:600}.date-td{font-family:var(--font-mono);color:var(--text-2);font-size:11.5px}.platform-pill.snapchat{color:#854d0e;background:#fffce8}.platform-pill.tiktok{color:#000;background:#f5f5f5}.platform-pill.instagram{color:#9d174d;background:#fdf2f8}.platform-pill.twitter{color:#1e40af;background:#eff6ff}.platform-pill.youtube{color:#991b1b;background:#fef2f2}.row-actions{justify-content:flex-end;gap:5px;display:flex}.row-action-btn{width:28px;height:28px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:7px;place-items:center;text-decoration:none;transition:all .15s;display:grid}.row-action-btn:hover{background:var(--gray-100);color:var(--text)}.row-action-btn.copy{background:var(--brand-600);color:#fff;box-shadow:0 1px 3px #0d8a6f40}.row-action-btn.copy:hover{background:var(--brand-700);transform:translateY(-1px)}.row-action-btn.open{background:var(--surface);border:1px solid var(--brand-300);color:var(--brand-700)}.row-action-btn.open:hover{background:var(--brand-50);border-color:var(--brand-600);color:var(--brand-700)}.row-action-btn .ic{width:13px;height:13px}.rating-stars{color:#fbbf24;letter-spacing:-1px;gap:1px;font-size:12px;display:inline-flex}.rating-muted{color:var(--text-3)}.empty-state{text-align:center;color:var(--text-3);grid-column:1/-1;padding:60px 20px}.content-loading{background:var(--surface);border:1px solid var(--border);border-radius:14px}.content-pagination{border-top:1px solid var(--border);background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);border-radius:11px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding:14px 18px;font-size:12px;display:flex}.content-pagination .page-meta{font-family:var(--font-mono);color:var(--text-3);font-size:11.5px}.content-pagination .pager{gap:5px;display:flex}.content-pagination .p{border:1px solid var(--border);background:var(--surface);min-width:30px;height:30px;color:var(--text-2);font-family:var(--font-mono);cursor:pointer;border-radius:8px;place-items:center;font-weight:700;display:grid}.content-pagination .p.active{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.content-pagination .p.disabled{opacity:.45;pointer-events:none}.content-pagination .p .ic{width:13px;height:13px}.content-toast{z-index:1200;color:#fff;cursor:pointer;background:#14532d;border-radius:12px;align-items:center;gap:9px;padding:12px 16px;font-size:13px;font-weight:800;display:flex;position:fixed;top:76px;left:24px;box-shadow:0 14px 34px #0f172a2e}.content-toast.danger{background:#dc2626}.content-toast .ic{width:16px;height:16px}@media (width<=1280px){.content-kpi-row{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.content-page-v5{padding:14px}.cnt-hero{padding:18px 20px}.cnt-hero-grid{grid-template-columns:1fr;gap:14px}.cnt-hero-left h1{font-size:20px}.cnt-hero-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.cnt-hero-stat{min-width:auto;padding:10px 8px}.content-kpi-row{grid-template-columns:repeat(2,1fr)}.content-search-card .field-divider{display:none}.content-grid{grid-template-columns:1fr}}@media (width<=480px){.content-kpi-row,.cnt-hero-stats{grid-template-columns:1fr}}.ugc-hero{color:#fff;background:linear-gradient(135deg,#25f4ee 0%,#fe2c55 50%,#161823 100%);border-radius:16px;margin-bottom:18px;padding:24px 28px;position:relative;overflow:hidden}.ugc-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 80%,#ffffff26 0%,#0000 60%);position:absolute;inset:0}.ugc-hero-top{z-index:1;align-items:center;gap:18px;display:flex;position:relative}.ugc-hero-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border-radius:14px;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.ugc-hero h1{font-family:var(--font-display);letter-spacing:-.5px;margin-bottom:4px;font-size:24px;font-weight:800}.ugc-hero .sub{opacity:.94;font-size:13.5px}.ugc-hero-stats{z-index:1;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:20px;display:grid;position:relative}.ugc-hero-stat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:11px;padding:11px 14px}.ugc-hero-stat .v{font-family:var(--font-display);letter-spacing:-.5px;font-variant-numeric:tabular-nums;font-size:22px;font-weight:800;line-height:1.1}.ugc-hero-stat .l{font-size:10.5px;font-family:var(--font-mono);letter-spacing:.4px;text-transform:uppercase;opacity:.88;margin-top:3px}.ugc-share-link{z-index:1;background:#ffffff1f;border:1px dashed #ffffff4d;border-radius:10px;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;font-size:12.5px;display:flex;position:relative}.ugc-share-link code{font-family:var(--font-mono);text-align:start;color:#fff;word-break:break-all;direction:ltr;background:0 0;flex:1;padding:0;font-size:11.5px}.ugc-share-link button{color:#fff;cursor:pointer;white-space:nowrap;background:#fff3;border:1px solid #ffffff4d;border-radius:7px;padding:5px 12px;font-family:inherit;font-size:11.5px;font-weight:600;transition:all .15s}.ugc-share-link button:hover{background:#ffffff4d}.ugc-tabs{background:var(--surface);border:1px solid var(--border);scrollbar-width:none;border-radius:12px;gap:4px;margin-bottom:18px;padding:5px;display:flex;overflow-x:auto}.ugc-tabs::-webkit-scrollbar{display:none}.ugc-lbl{color:var(--text-3);margin-bottom:5px;font-size:11px;font-weight:700;display:block}.ugc-inp{box-sizing:border-box;border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:9px;outline:none;padding:9px 11px;font-family:inherit;font-size:12.5px;transition:border-color .12s}.ugc-inp:focus{border-color:var(--brand-500)}.ugc-tab{min-width:max-content;color:var(--text-2);cursor:pointer;transition:all .15s var(--ease-out);white-space:nowrap;background:0 0;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-family:inherit;font-size:13px;font-weight:600;display:inline-flex}.ugc-tab:hover{background:var(--gray-50);color:var(--text)}.ugc-tab.active{background:var(--brand-50);color:var(--brand-700);font-weight:700}.ugc-tab .ic{width:15px;height:15px}.ugc-tab .count{color:var(--brand-700);font-size:10px;font-family:var(--font-mono);text-align:center;background:#0d8a6f1a;border-radius:999px;min-width:18px;padding:1px 6px;font-weight:700}.ugc-tab.active .count{background:var(--brand-600);color:#fff}.ugc-tab-content{display:none}.ugc-tab-content.active{display:block}.ugc-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:18px;display:grid}.ugc-stat{background:var(--surface);border:1px solid var(--border);transition:all .2s var(--ease-out);border-radius:14px;padding:16px}.ugc-stat:hover{box-shadow:var(--sh-md);transform:translateY(-2px)}.ugc-stat .l{letter-spacing:.4px;text-transform:uppercase;color:var(--text-3);font-size:11px;font-weight:600;font-family:var(--font-mono);margin-bottom:5px}.ugc-stat .v{font-family:var(--font-display);letter-spacing:-.7px;color:var(--text);font-variant-numeric:tabular-nums;font-size:26px;font-weight:800;line-height:1.1}.ugc-stat .m{color:var(--text-3);margin-top:5px;font-size:11.5px}.ugc-creators-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.ugc-creator-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:14px;padding:16px;transition:all .2s;position:relative}.ugc-creator-card:hover{box-shadow:var(--sh-md);border-color:var(--brand-300);transform:translateY(-2px)}.ugc-creator-card .top{align-items:center;gap:12px;margin-bottom:12px;display:flex}.ugc-creator-card .ava{color:#fff;width:48px;height:48px;font-weight:800;font-family:var(--font-display);background:linear-gradient(135deg,#25f4ee,#fe2c55);border-radius:12px;flex-shrink:0;place-items:center;font-size:16px;display:grid}.ugc-creator-card .info{flex:1;min-width:0}.ugc-creator-card .name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:14px;font-weight:700;overflow:hidden}.ugc-creator-card .handle{font-family:var(--font-mono);color:var(--text-3);text-align:start;direction:ltr;font-size:11px}.ugc-creator-card .level{top:12px;position:absolute;inset-inline-end:12px}.ugc-creator-card .stats-row{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:12px;padding:12px 0;display:grid}.ugc-creator-card .s-item{text-align:center}.ugc-creator-card .s-item .v{font-family:var(--font-display);color:var(--text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700;line-height:1.2}.ugc-creator-card .s-item .l{font-size:10px;font-family:var(--font-mono);color:var(--text-3);letter-spacing:.3px;margin-top:2px}.ugc-creator-card .meta-row{justify-content:space-between;align-items:center;gap:8px;font-size:11.5px;display:flex}.ugc-creator-card .city{color:var(--text-3);align-items:center;gap:4px;display:inline-flex}.lvl-pill{font-size:10px;font-weight:700;font-family:var(--font-mono);letter-spacing:.3px;text-transform:uppercase;border:1px solid;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;display:inline-flex}.lvl-pill.bronze{color:#92400e;background:#fef3e2;border-color:#fde68a}.lvl-pill.silver{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.lvl-pill.gold{color:#854d0e;background:#fef9c3;border-color:#fef08a}.lvl-pill.platinum{color:#5b21b6;background:#ede9fe;border-color:#ddd6fe}.lvl-pill.diamond{color:#155e75;background:#cffafe;border-color:#a5f3fc}.ugc-pill{border:1px solid;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.ugc-pill .dot{border-radius:50%;width:5px;height:5px}.ugc-pill.active,.ugc-pill.verified,.ugc-pill.approved,.ugc-pill.paid,.ugc-pill.completed{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}.ugc-pill.active .dot,.ugc-pill.verified .dot,.ugc-pill.approved .dot,.ugc-pill.paid .dot,.ugc-pill.completed .dot{background:#16a34a}.ugc-pill.pending,.ugc-pill.review,.ugc-pill.processing,.ugc-pill.in_review{color:#92400e;background:#fffbeb;border-color:#fde68a}.ugc-pill.pending .dot,.ugc-pill.review .dot,.ugc-pill.processing .dot,.ugc-pill.in_review .dot{background:#f59e0b}.ugc-pill.rejected,.ugc-pill.suspended,.ugc-pill.failed{color:#991b1b;background:#fef2f2;border-color:#fecaca}.ugc-pill.rejected .dot,.ugc-pill.suspended .dot,.ugc-pill.failed .dot{background:#dc2626}.ugc-pill.draft,.ugc-pill.inactive{color:#475569;background:#f8fafc;border-color:#e2e8f0}.ugc-pill.draft .dot,.ugc-pill.inactive .dot{background:#94a3b8}.ugc-filters{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:14px;padding:14px}.ugc-filters-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ugc-filters input,.ugc-filters select{border:1px solid var(--border);background:var(--gray-50);color:var(--text);border-radius:9px;padding:8px 12px;font-family:inherit;font-size:13px;transition:all .15s}.ugc-filters input:focus,.ugc-filters select:focus{border-color:var(--brand-500);background:var(--surface);outline:none;box-shadow:0 0 0 3px #0d8a6f1f}.ugc-search{flex:1;min-width:220px}.ugc-filters .clear{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:12px;text-decoration:underline}.ugc-results-count{color:var(--text-3);font-size:12px;font-family:var(--font-mono);margin-inline-start:auto}.ugc-match-panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:18px;padding:20px}.ugc-match-header{align-items:center;gap:10px;margin-bottom:14px;display:flex}.ugc-match-header h3{font-family:var(--font-display);letter-spacing:-.3px;font-size:17px;font-weight:700}.ugc-match-header .badge{color:#fff;letter-spacing:.3px;text-transform:uppercase;background:linear-gradient(135deg,#25f4ee,#fe2c55);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.ugc-match-grid{grid-template-columns:1fr;gap:12px;display:grid}.ugc-match-row{background:var(--gray-50);border:1px solid var(--border);border-radius:10px;grid-template-columns:60px 1fr auto;align-items:center;gap:14px;padding:12px;transition:all .15s;display:grid}.ugc-match-row:hover{background:var(--surface);box-shadow:var(--sh-sm)}.ugc-match-score{color:#fff;width:56px;height:56px;font-family:var(--font-display);font-variant-numeric:tabular-nums;border-radius:14px;place-items:center;font-size:17px;font-weight:800;display:grid;position:relative}.ugc-match-score.excellent{background:linear-gradient(135deg,#10b981,#047857)}.ugc-match-score.good{background:linear-gradient(135deg,#3b82f6,#1e40af)}.ugc-match-score.fair{background:linear-gradient(135deg,#f59e0b,#b45309)}.ugc-match-score.poor{background:linear-gradient(135deg,#94a3b8,#475569)}.ugc-match-score:after{content:"%";inset-inline-start:50%;opacity:.7;font-size:9px;font-weight:600;position:absolute;bottom:7px;transform:translate(50%)}.ugc-match-info{min-width:0}.ugc-match-info .name{margin-bottom:3px;font-size:14px;font-weight:700}.ugc-match-info .breakdown{flex-wrap:wrap;gap:6px;margin-top:5px;display:flex}.ugc-match-info .b-item{font-size:10.5px;font-family:var(--font-mono);background:var(--gray-100);color:var(--text-2);letter-spacing:.2px;border-radius:999px;padding:1px 7px}.ugc-match-info .meta{color:var(--text-3);align-items:center;gap:10px;margin-top:4px;font-size:11.5px;display:flex}.ugc-app-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:16px;transition:all .15s}.ugc-app-card:hover{box-shadow:var(--sh-md);border-color:var(--brand-300)}.ugc-app-row{grid-template-columns:40px 1fr auto auto;align-items:center;gap:14px;display:grid}.ugc-app-row .ava{color:#fff;width:40px;height:40px;font-weight:700;font-family:var(--font-display);background:linear-gradient(135deg,#25f4ee,#fe2c55);border-radius:10px;place-items:center;font-size:14px;display:grid}.ugc-app-row .body{min-width:0}.ugc-app-row .name{font-size:13.5px;font-weight:600}.ugc-app-row .meta{color:var(--text-3);margin-top:2px;font-size:11.5px}.ugc-app-actions{gap:6px;display:flex}.ugc-btn-sm{cursor:pointer;border:1px solid;border-radius:7px;padding:5px 11px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.ugc-btn-approve{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}.ugc-btn-approve:hover{background:#dcfce7}.ugc-btn-reject{color:#991b1b;background:#fef2f2;border-color:#fecaca}.ugc-btn-reject:hover{background:#fee2e2}.ugc-btn-view{background:var(--surface);color:var(--text-2);border-color:var(--border)}.ugc-btn-view:hover{background:var(--gray-50)}.ugc-empty{text-align:center;color:var(--text-3);padding:60px 20px}.ugc-empty svg{opacity:.4;width:56px;height:56px;margin-bottom:14px}.ugc-empty h3{font-family:var(--font-display);color:var(--text-2);margin-bottom:6px;font-size:17px;font-weight:700}.ugc-empty p{max-width:380px;margin:0 auto 16px;font-size:13px;line-height:1.6}.ugc-section-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.ugc-section-head h2{font-family:var(--font-display);letter-spacing:-.3px;font-size:17px;font-weight:700}@media (width<=768px){.ugc-hero{padding:18px 20px}.ugc-hero-top{flex-direction:column;align-items:flex-start;gap:10px}.ugc-hero h1{font-size:19px}.ugc-tab{padding:8px 11px;font-size:12px}.ugc-match-row{grid-template-columns:50px 1fr;gap:10px}.ugc-match-row .ugc-app-actions{grid-column:1/-1;justify-content:stretch}.ugc-app-row{grid-template-columns:40px 1fr;gap:10px}.ugc-app-actions{grid-column:1/-1;justify-content:stretch}.ugc-app-actions button{flex:1}}.ugc-portal-root{--brand-50:#fff0f3;--brand-100:#ffe4ea;--brand-200:#fbcfe8;--brand-300:#f9a8d4;--brand-400:#f472b6;--brand-500:#fe2c55;--brand-600:#e11d48;--brand-700:#9f1239;--brand-800:#831843;--tiktok-pink:#fe2c55;--tiktok-cyan:#25f4ee;--tiktok-black:#161823;--tiktok-grad:linear-gradient(135deg, #25f4ee 0%, #fe2c55 100%);--tiktok-grad-dark:linear-gradient(135deg, #25f4ee 0%, #fe2c55 50%, #161823 100%);--sc-green:#0d8a6f;--sc-green-dark:#065f46;--bg:#fafafa;--surface:#fff;--surface-2:#f9fafb;--text:#0f172a;--text-2:#475569;--text-3:#94a3b8;--border:#e5e7eb;--border-strong:#d1d5db;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--font-body:"IBM Plex Sans Arabic", system-ui, sans-serif;--font-display:"Plus Jakarta Sans", "IBM Plex Sans Arabic", sans-serif;--font-mono:"JetBrains Mono", monospace;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--shadow-ugc:0 4px 16px #fe2c552e;--shadow-ugc-strong:0 8px 32px #fe2c5547}.ugc-portal-root[data-theme=dark]{--bg:#0a0a0f;--surface:#161823;--surface-2:#1c1f2e;--text:#f0f6fc;--text-2:#c9d1d9;--text-3:#8b949e;--border:#30363d;--border-strong:#484f58}.ugc-portal-root *{box-sizing:border-box;margin:0;padding:0}.ugc-portal-root{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-size:14px;line-height:1.55}.ugc-portal-root button{cursor:pointer;background:0 0;border:none;font-family:inherit}.ugc-portal-root input,.ugc-portal-root select,.ugc-portal-root textarea{outline:none;font-family:inherit}.ugc-portal-root a{color:inherit;text-decoration:none}.ugc-auth-screen{background:var(--bg);grid-template-columns:1fr 1fr;min-height:100vh;display:grid}@media (width<=900px){.ugc-auth-screen{grid-template-columns:1fr}.auth-hero{display:none}}.auth-hero{background:var(--tiktok-grad-dark);color:#fff;flex-direction:column;justify-content:space-between;padding:40px;display:flex;position:relative;overflow:hidden}.auth-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#25f4ee4d 0%,#0000 50%),radial-gradient(circle at 80% 80%,#fe2c554d 0%,#0000 50%);position:absolute;inset:0}.auth-hero:after{content:"";top:-100px;pointer-events:none;background:radial-gradient(circle,#ffffff14 0%,#0000 70%);border-radius:50%;width:400px;height:400px;position:absolute;inset-inline-end:-100px}.auth-hero>*{z-index:1;position:relative}.auth-hero .brand{align-items:center;gap:12px;margin-bottom:30px;display:flex}.auth-hero .brand .logo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:48px;height:48px;font-family:var(--font-display);background:#ffffff26;border-radius:12px;place-items:center;font-size:22px;font-weight:800;display:grid}.auth-hero .brand .text .n{font-family:var(--font-display);letter-spacing:-.5px;font-size:22px;font-weight:800}.auth-hero .brand .text .s{font-size:11px;font-family:var(--font-mono);letter-spacing:2px;opacity:.85;text-transform:uppercase}.auth-hero h1{font-family:var(--font-display);letter-spacing:-1.2px;margin-bottom:14px;font-size:38px;font-weight:800;line-height:1.1}.auth-hero .lead{opacity:.94;max-width:440px;margin-bottom:30px;font-size:15px;line-height:1.7}.auth-hero .features{gap:14px;display:grid}.auth-hero .feat{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.auth-hero .feat svg{flex-shrink:0;width:22px;height:22px}.auth-hero .feat .label{font-size:13.5px;font-weight:600}.auth-hero .feat .desc{opacity:.85;margin-top:2px;font-size:11.5px}.auth-hero .stats{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:auto;padding-top:30px;display:grid}.auth-hero .stats .item .v{font-family:var(--font-display);letter-spacing:-.8px;font-size:24px;font-weight:800}.auth-hero .stats .item .l{opacity:.8;font-size:11px;font-family:var(--font-mono);letter-spacing:.5px;margin-top:2px}.auth-form-side{flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.auth-form-wrap{width:100%;max-width:420px}.ugc-portal-root .auth-tabs{background:var(--surface-2);border-radius:12px;margin-bottom:24px;padding:4px;display:flex}.ugc-portal-root .auth-tab{color:var(--text-2);transition:all .15s var(--ease-out);border-radius:9px;flex:1;padding:10px;font-size:13px;font-weight:600}.ugc-portal-root .auth-tab.active{background:var(--surface);color:var(--brand-700);box-shadow:0 2px 8px #0f172a0f}.auth-form h2{font-family:var(--font-display);letter-spacing:-.6px;margin-bottom:6px;font-size:24px;font-weight:800}.auth-form .sub{color:var(--text-2);margin-bottom:24px;font-size:13.5px;line-height:1.6}.field-group{margin-bottom:14px}.field-group label{color:var(--text-2);margin-bottom:6px;font-size:12.5px;font-weight:600;display:block}.field-group input,.field-group select,.field-group textarea{border:1px solid var(--border);background:var(--gray-50);width:100%;color:var(--text);border-radius:10px;padding:11px 13px;font-size:13.5px;transition:all .15s}.field-group input:focus,.field-group select:focus,.field-group textarea:focus{border-color:var(--brand-500);background:var(--surface);box-shadow:0 0 0 3px #0d8a6f1f}.field-group input::placeholder{color:var(--text-3)}.field-group .help{color:var(--text-3);margin-top:5px;font-size:11.5px;line-height:1.5}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=480px){.field-row{grid-template-columns:1fr}}.ugc-portal-root .btn-primary{background:var(--tiktok-grad);color:#fff;width:100%;box-shadow:var(--shadow-ugc);transition:all .15s var(--ease-out);border-radius:10px;margin-top:6px;padding:12px;font-size:14px;font-weight:700}.ugc-portal-root .btn-primary:hover{box-shadow:var(--shadow-ugc-strong);transform:translateY(-1px)}.ugc-portal-root .btn-primary:active{transform:scale(.98)}.ugc-portal-root .btn-primary:disabled{background:var(--gray-300);cursor:not-allowed;box-shadow:none}.ugc-portal-root .btn-ghost{background:var(--surface);border:1px solid var(--border);color:var(--text-2);border-radius:10px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s}.ugc-portal-root .btn-ghost:hover{background:var(--gray-50);border-color:var(--border-strong)}.ugc-portal-root .auth-divider{text-align:center;color:var(--text-3);margin:18px 0;font-size:12px;display:block;position:relative}.ugc-portal-root .auth-divider:after{content:none}.ugc-portal-root .auth-divider:before{content:"";background:var(--border);z-index:0;height:1px;position:absolute;top:50%;left:0;right:0}.ugc-portal-root .auth-divider span{background:var(--surface);z-index:1;padding:0 12px;position:relative}.auth-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca;border-radius:9px;margin-bottom:14px;padding:10px 14px;font-size:13px;line-height:1.5;display:none}.auth-error.show{display:block}.auth-success{color:#14532d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:9px;margin-bottom:14px;padding:10px 14px;font-size:13px;line-height:1.5}.tab-content.active{display:block}.steps-indicator{justify-content:center;align-items:center;gap:6px;margin-bottom:20px;display:flex}.steps-indicator .step{background:var(--gray-200);width:26px;height:26px;color:var(--text-3);font-size:12px;font-weight:700;font-family:var(--font-mono);border-radius:50%;place-items:center;transition:all .25s;display:grid}.steps-indicator .step.active{background:var(--brand-600);color:#fff;transform:scale(1.1)}.steps-indicator .step.done{background:var(--brand-500);color:#fff}.steps-indicator .line{background:var(--gray-200);flex:0 0 28px;height:2px}.steps-indicator .line.done{background:var(--brand-500)}.dashboard{background:var(--bg);min-height:100vh;display:none}.dashboard.show{display:block}.creator-topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:50;align-items:center;gap:16px;padding:12px 24px;display:flex;position:sticky;top:0;box-shadow:0 1px 3px #00000005}.creator-topbar .brand{align-items:center;gap:11px;display:flex}.creator-topbar .brand .logo{background:var(--tiktok-grad);color:#fff;width:38px;height:38px;font-family:var(--font-display);box-shadow:var(--shadow-ugc);border-radius:11px;place-items:center;font-size:16px;font-weight:800;display:grid;position:relative;overflow:hidden}.creator-topbar .brand .logo:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#ffffff4d 0%,#0000 60%);position:absolute;inset:0}.creator-topbar .brand .text .n{font-family:var(--font-display);letter-spacing:-.3px;background:var(--tiktok-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:15.5px;font-weight:800}.creator-topbar .brand .text .s{letter-spacing:1.8px;color:var(--text-3);font-size:9px;font-family:var(--font-mono);text-transform:uppercase;font-weight:700}.creator-topbar .sc-anchor{background:var(--sc-green);color:#fff;font-size:10px;font-weight:700;font-family:var(--font-mono);letter-spacing:.5px;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;display:inline-flex}.creator-topbar .sc-anchor svg{width:11px;height:11px}.creator-topbar .spacer{flex:1}.creator-topbar .user-chip{border:1px solid var(--border);cursor:pointer;border-radius:999px;align-items:center;gap:9px;padding:5px 6px 5px 12px;transition:all .15s;display:flex}.creator-topbar .user-chip:hover{background:var(--brand-50);border-color:var(--brand-200)}.creator-topbar .user-chip .name{font-size:13px;font-weight:600}.creator-topbar .user-chip .ava{background:linear-gradient(135deg, var(--brand-500), var(--brand-700));color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.creator-layout{grid-template-columns:240px 1fr;min-height:calc(100vh - 64px);display:grid}@media (width<=900px){.creator-layout{grid-template-columns:1fr;padding-bottom:70px}}.creator-sidebar{background:var(--surface);border-inline-start:1px solid var(--border);flex-direction:column;gap:4px;padding:18px 12px;display:flex}@media (width<=900px){.creator-sidebar{border-inline-start:none;border-top:1px solid var(--border);z-index:40;flex-direction:row;gap:2px;padding:6px 4px;position:fixed;inset:auto 0 0;box-shadow:0 -4px 12px #0000000d}}.nav-link{color:var(--text-2);cursor:pointer;transition:all .2s var(--ease-out);border-radius:10px;align-items:center;gap:11px;padding:11px 13px;font-size:13.5px;font-weight:500;display:flex;position:relative;overflow:hidden}.nav-link:hover{background:var(--brand-50);color:var(--brand-800)}.nav-link.active{background:var(--tiktok-grad);color:#fff;box-shadow:var(--shadow-ugc);font-weight:700}.nav-link.active:before{content:"";inset-inline-start:0;pointer-events:none;background:radial-gradient(circle at 100% 0,#ffffff26 0%,#0000 60%);position:absolute;top:0;bottom:0;right:0}.nav-link svg{z-index:1;flex-shrink:0;width:17px;height:17px;position:relative}.nav-link .badge{background:var(--brand-50);color:var(--brand-700);border:1px solid var(--brand-200);font-family:var(--font-mono);text-align:center;z-index:1;border-radius:999px;min-width:22px;margin-inline-start:auto;padding:2px 8px;font-size:10px;font-weight:700;position:relative}.nav-link.active .badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff40;border-color:#ffffff4d}@media (width<=900px){.nav-link{text-align:center;flex-direction:column;flex:1;gap:3px;padding:8px 4px;font-size:10.5px}.nav-link.active:before{display:none}.nav-link.active{color:var(--brand-600);box-shadow:none;background:0 0}.nav-link.active:after{content:"";background:var(--tiktok-grad);border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:25%;right:25%}.nav-link span:not(.badge){white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.nav-link .badge{top:4px;min-width:16px;margin:0;padding:1px 5px;font-size:9px;position:absolute;inset-inline-end:12%}.nav-link .label-text{display:block}}.creator-main{padding:22px 28px;overflow-y:auto}@media (width<=768px){.creator-main{padding:16px}}.view{display:none}.view.active{display:block}.pill{border:1px solid;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.pill .dot{border-radius:50%;width:5px;height:5px}.pill.success{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}.pill.success .dot{background:#16a34a}.pill.warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.pill.warning .dot{background:#f59e0b}.pill.danger{color:#991b1b;background:#fef2f2;border-color:#fecaca}.pill.danger .dot{background:#dc2626}.pill.info{color:#1e3a8a;background:#eff6ff;border-color:#bfdbfe}.pill.info .dot{background:#3b82f6}.pill.purple{color:#6b21a8;background:#faf5ff;border-color:#e9d5ff}.pill.purple .dot{background:#9333ea}.pill.neutral{color:#475569;background:#f8fafc;border-color:#e2e8f0}.pill.neutral .dot{background:#94a3b8}.card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px}.card:hover{box-shadow:0 4px 12px #0f172a0d}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.page-head h1{font-family:var(--font-display);letter-spacing:-.6px;margin-bottom:3px;font-size:22px;font-weight:800;line-height:1.2}.page-head .sub{color:var(--text-2);font-size:13px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:18px;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);transition:all .2s var(--ease-out);border-radius:14px;padding:16px 18px;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--tiktok-grad);opacity:0;height:3px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.kpi-card:hover{border-color:var(--brand-200);transform:translateY(-2px);box-shadow:0 6px 20px #fe2c551a}.kpi-card:hover:before{opacity:1}.kpi-card .label{letter-spacing:.4px;text-transform:uppercase;color:var(--text-3);font-size:12px;font-weight:700;font-family:var(--font-mono);margin-bottom:8px}.kpi-card .value{font-family:var(--font-display);letter-spacing:-.8px;font-variant-numeric:tabular-nums;color:var(--text);font-size:30px;font-weight:800;line-height:1.1}.kpi-card .meta{color:var(--text-2);margin-top:7px;font-size:13px;font-weight:500}.kpi-card.brand{background:linear-gradient(135deg, var(--brand-50) 0%, #fff 100%);border-color:var(--brand-200);position:relative}.kpi-card.brand:before{opacity:1}.kpi-card.brand .value{background:var(--tiktok-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.kpi-card.brand .label{color:var(--brand-700)}.profile-progress-card{border:1px solid var(--brand-200);background:linear-gradient(135deg,#fef0f3 0%,#fce7f3 100%);border-radius:14px;align-items:center;gap:14px;margin-bottom:18px;padding:14px 16px;display:flex}.profile-progress-icon{background:var(--tiktok-grad);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-ugc);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.profile-progress-bar{background:#fe2c551f;border-radius:999px;height:8px;position:relative;overflow:hidden}.profile-progress-fill{background:var(--tiktok-grad);height:100%;transition:width .5s var(--ease-spring);border-radius:999px;position:relative;overflow:hidden}.profile-progress-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);animation:2s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.btn-go-profile{background:var(--tiktok-grad);color:#fff;cursor:pointer;border:none;border-radius:9px;flex-shrink:0;align-items:center;gap:5px;padding:8px 14px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex}.btn-go-profile:hover{box-shadow:var(--shadow-ugc);transform:translateY(-1px)}.ugc-section{margin-bottom:20px}.ugc-section-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.ugc-section-head .title{font-family:var(--font-display);color:var(--text);letter-spacing:-.3px;align-items:center;gap:9px;font-size:18px;font-weight:800;display:flex}.ugc-section-head .title svg{color:var(--brand-500);width:18px;height:18px}.link-btn{background:var(--brand-50);color:var(--brand-700);border:1px solid var(--brand-200);cursor:pointer;border-radius:8px;padding:7px 14px;font-family:inherit;font-size:13px;font-weight:700;transition:all .15s}.link-btn:hover{background:var(--brand-500);color:#fff;border-color:var(--brand-500);transform:translateY(-1px)}.recent-transfers{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.recent-transfer-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;transition:background .15s;display:flex}.recent-transfer-row:last-child{border-bottom:none}.recent-transfer-row:hover{background:var(--gray-50)}.recent-transfer-row .dot{filter:opacity(.15);border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 3px}.trust-footer{color:var(--sc-green-dark);background:linear-gradient(135deg,#f0fdf9 0%,#fff 100%);border:1px solid #bbf7d0;border-radius:11px;align-items:center;gap:9px;margin-top:24px;padding:12px 16px;font-size:12px;line-height:1.5;display:flex}.trust-footer svg{color:var(--sc-green);flex-shrink:0}.trust-footer strong{color:var(--sc-green-dark);font-weight:800}@media (width<=640px){.profile-progress-card{flex-wrap:wrap}.btn-go-profile{width:100%}}.qa-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:11px;margin-bottom:18px;display:grid}.qa-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:start;transition:all .2s var(--ease-out);border-radius:13px;align-items:center;gap:11px;padding:12px 14px;font-family:inherit;display:flex;position:relative;overflow:hidden}.qa-card:hover{border-color:var(--brand-300);transform:translateY(-2px);box-shadow:0 6px 18px #fe2c551a}.qa-card.primary{border-color:var(--brand-300);background:linear-gradient(135deg,#fff0f3 0%,#fff 100%)}.qa-card.primary:before{content:"";background:var(--tiktok-grad);width:4px;position:absolute;top:0;bottom:0;right:0}.qa-icon{background:var(--tiktok-grad);color:#fff;width:40px;height:40px;box-shadow:var(--shadow-ugc);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.qa-card:not(.primary) .qa-icon{box-shadow:0 2px 8px #0000001a}.qa-body{flex:1;min-width:0}.qa-title{font-family:var(--font-display);color:var(--text);letter-spacing:-.2px;margin-bottom:3px;font-size:15px;font-weight:800}.qa-meta{color:var(--text-2);font-size:12.5px;font-weight:500}.qa-arrow{color:var(--text-3);flex-shrink:0}.qa-card:hover .qa-arrow{color:var(--brand-500);transition:all .15s;transform:translate(-3px)}.trust-bar{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;padding:11px 14px;display:flex}.trust-bar-label{font-family:var(--font-display);color:var(--text);flex-shrink:0;align-items:center;gap:7px;font-size:14px;font-weight:800;display:inline-flex}.trust-bar-label svg{color:var(--sc-green);width:16px;height:16px}.trust-bar-badges{flex-wrap:wrap;flex:1;gap:7px;display:flex}.trust-badge{background:var(--gray-100);color:var(--text-3);border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:700;transition:all .15s;display:inline-flex}.trust-badge.active{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}.checklist-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px;overflow:hidden}.checklist-progress{background:#fe2c551a;border-radius:999px;height:6px;margin-bottom:14px;overflow:hidden}.checklist-progress-bar{background:var(--tiktok-grad);height:100%;transition:width .5s var(--ease-spring);border-radius:999px}.checklist-items{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}@media (width<=640px){.checklist-items{grid-template-columns:1fr}}.checklist-item{background:var(--gray-50);border-radius:9px;align-items:center;gap:9px;padding:8px 11px;transition:all .15s;display:flex}.checklist-item.done{color:#14532d;background:#f0fdf4}.checklist-bullet{background:var(--gray-200);width:26px;height:26px;color:var(--text-3);font-size:12px;font-weight:800;font-family:var(--font-mono);border-radius:50%;flex-shrink:0;place-items:center;transition:all .2s;display:grid}.checklist-item.done .checklist-bullet{color:#fff;background:#16a34a}.checklist-label{color:var(--text);font-size:13.5px;font-weight:600}.checklist-item.done .checklist-label{opacity:.85;-webkit-text-decoration:line-through #14532d66;text-decoration:line-through #14532d66}.checklist-footer{color:#92400e;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:9px;align-items:center;gap:9px;margin-top:14px;padding:11px 13px;font-size:13px;font-weight:600;line-height:1.5;display:flex}.checklist-footer svg{color:#f59e0b;flex-shrink:0;width:16px;height:16px}[data-theme=dark] .checklist-footer{color:#fbbf24;background:#f59e0b26}.level-progress-card{background:linear-gradient(135deg,#faf5ff 0%,#fff 100%);border:1px solid #e9d5ff;border-radius:14px;margin-bottom:18px;padding:16px 18px}[data-theme=dark] .level-progress-card{background:linear-gradient(135deg, #a855f71a 0%, var(--surface) 100%);border-color:#a855f740}.level-progress-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.level-progress-title{align-items:center;gap:11px;display:flex}.level-current{font-family:var(--font-display);color:var(--text);letter-spacing:-.2px;font-size:16px;font-weight:800}.level-next{color:var(--text-2);margin-top:3px;font-size:12.5px;font-weight:600}.level-count{font-family:var(--font-display);color:#7c3aed;letter-spacing:-.5px;font-size:22px;font-weight:800}.level-bar{background:#f3e8ff;border-radius:999px;height:10px;margin-bottom:12px;position:relative;overflow:visible}[data-theme=dark] .level-bar{background:#a855f726}.level-bar-fill{height:100%;transition:width .8s var(--ease-spring);background:linear-gradient(90deg,#a855f7,#7c3aed);border-radius:999px}.level-bar-milestones{pointer-events:none;position:absolute;inset:0}.level-milestone{background:#fff;border:2px solid #d8b4fe;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%)}.level-milestone.reached{background:#7c3aed;border-color:#fff}.level-perks{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.perk-chip{color:#5b21b6;background:#ede9fe;border-radius:999px;padding:4px 11px;font-size:12px;font-weight:700}[data-theme=dark] .perk-chip{color:#c4b5fd;background:#a855f733}.status-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;display:grid}.status-card{background:var(--surface);border:1px solid var(--border);border-radius:11px;align-items:center;gap:11px;padding:12px 14px;display:flex}.status-card.warn{background:linear-gradient(135deg,#fef3c7,#fffbeb);border-color:#fde68a}.status-card.warn svg{color:#d97706}.status-card.good{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#bbf7d0}.status-card.good svg{color:#16a34a}[data-theme=dark] .status-card.warn{background:#f59e0b1a;border-color:#f59e0b40}[data-theme=dark] .status-card.good{background:#16a34a1a;border-color:#16a34a40}.status-card .sc-v{font-family:var(--font-display);color:var(--text);font-size:22px;font-weight:800;line-height:1}.status-card .sc-l{color:var(--text-2);margin-top:4px;font-size:13px;font-weight:600}.empty-rich{background:linear-gradient(135deg, var(--surface) 0%, var(--brand-50) 100%);border:1.5px dashed var(--brand-200);text-align:center;border-radius:14px;padding:32px 24px}[data-theme=dark] .empty-rich{background:linear-gradient(135deg, var(--surface) 0%, #fe2c550d 100%);border-color:#fe2c5540}.empty-rich-icon{background:var(--tiktok-grad);color:#fff;width:64px;height:64px;box-shadow:var(--shadow-ugc);border-radius:50%;place-items:center;margin-bottom:12px;display:inline-grid}.empty-rich h3{font-family:var(--font-display);color:var(--text);letter-spacing:-.3px;margin-bottom:6px;font-size:16px;font-weight:800}.empty-rich p{color:var(--text-2);max-width:460px;margin:0 auto;font-size:13px;line-height:1.6}.ugc-portal-root .btn-action{cursor:pointer;border:1px solid #0000;border-radius:9px;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:700;transition:all .15s}.ugc-portal-root .btn-action.primary{background:var(--tiktok-grad);color:#fff;box-shadow:var(--shadow-ugc)}.ugc-portal-root .btn-action.primary:hover{box-shadow:var(--shadow-ugc-strong);transform:translateY(-1px)}.ugc-portal-root .btn-action.ghost{background:var(--surface);color:var(--text);border-color:var(--border-strong)}.ugc-portal-root .btn-action.ghost:hover{border-color:var(--brand-500);color:var(--brand-700)}.tips-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:11px;display:grid}.tip-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 16px;position:relative;overflow:hidden}.tip-card:before{content:"";background:var(--tiktok-grad);opacity:.07;border-radius:50%;width:50px;height:50px;position:absolute;top:0;right:0;transform:translate(20%,-50%)}.tip-num{background:var(--tiktok-grad);color:#fff;width:28px;height:28px;font-family:var(--font-display);border-radius:50%;place-items:center;margin-bottom:9px;font-size:13px;font-weight:800;display:grid;box-shadow:0 2px 6px #fe2c5540}.tip-card h4{font-family:var(--font-display);color:var(--text);letter-spacing:-.2px;margin-bottom:6px;font-size:15px;font-weight:800}.tip-card p{color:var(--text-2);margin:0;font-size:13px;font-weight:500;line-height:1.6}.welcome-hero{background:var(--tiktok-grad-dark);color:#fff;box-shadow:var(--shadow-ugc-strong);border-radius:18px;align-items:center;gap:18px;margin-bottom:18px;padding:26px 30px;display:flex;position:relative;overflow:hidden}.welcome-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 30%,#25f4ee33 0%,#0000 50%),radial-gradient(circle at 80% 70%,#fe2c5540 0%,#0000 50%);position:absolute;inset:0}.welcome-hero:after{content:"";top:-50%;pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:400px;height:400px;animation:6s ease-in-out infinite ugc-pulse;position:absolute;inset-inline-end:-10%}@keyframes ugc-pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.9;transform:scale(1.1)}}.welcome-hero>*{z-index:1;position:relative}.welcome-hero .ava{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:60px;height:60px;font-family:var(--font-display);background:#ffffff29;border:1.5px solid #ffffff40;border-radius:16px;flex-shrink:0;place-items:center;font-size:24px;font-weight:800;display:grid;position:relative}.welcome-hero .ava:after{content:"";bottom:-2px;background:var(--tiktok-cyan);border:2px solid #fff;border-radius:50%;width:16px;height:16px;animation:2s cubic-bezier(0,0,.2,1) infinite ugc-ping;position:absolute;inset-inline-end:-2px;box-shadow:0 0 #25f4ee80}@keyframes ugc-ping{0%{box-shadow:0 0 #25f4eeb3}70%{box-shadow:0 0 0 8px #25f4ee00}to{box-shadow:0 0 #25f4ee00}}.welcome-hero h2{font-family:var(--font-display);letter-spacing:-.4px;margin-bottom:5px;font-size:24px;font-weight:800}.welcome-hero .info{opacity:.95;font-size:14.5px;font-weight:500;line-height:1.55}.welcome-hero .level-chip{font-size:11px;font-weight:800;font-family:var(--font-mono);letter-spacing:1.2px;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff2e;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:6px;margin-inline-start:auto;padding:7px 14px;display:inline-flex}.welcome-hero .level-chip:before{content:"";background:var(--tiktok-cyan);width:6px;height:6px;box-shadow:0 0 8px var(--tiktok-cyan);border-radius:50%}.campaign-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:14px;padding:18px;transition:all .2s}.campaign-card:hover{border-color:var(--brand-300);transform:translateY(-2px);box-shadow:0 8px 24px #0d8a6f14}.campaign-card .head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:10px;display:flex}.campaign-card .name{font-family:var(--font-display);letter-spacing:-.3px;margin-bottom:3px;font-size:16px;font-weight:700;line-height:1.3}.campaign-card .industry{color:var(--text-3);font-size:11.5px;font-family:var(--font-mono)}.campaign-card .desc{color:var(--text-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:14px;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.campaign-card .meta-row{border-top:1px solid var(--border);flex-wrap:wrap;gap:14px;padding-top:12px;display:flex}.campaign-card .meta-item .v{font-family:var(--font-display);color:var(--text);font-size:17px;font-weight:700}.campaign-card .meta-item .l{font-size:10.5px;font-family:var(--font-mono);color:var(--text-3);letter-spacing:.3px}.campaign-card .match-score{font-size:11px;font-weight:700;font-family:var(--font-mono);letter-spacing:.3px;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.campaign-card .match-score.excellent{color:#14532d;background:#f0fdf4;border:1px solid #bbf7d0}.campaign-card .match-score.good{color:#1e3a8a;background:#eff6ff;border:1px solid #bfdbfe}.campaign-card .match-score.fair{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.wallet-hero{color:#fff;background:linear-gradient(135deg,#047857,#0d8a6f,#059669);border-radius:18px;margin-bottom:18px;padding:24px 26px;position:relative;overflow:hidden}.wallet-hero:before{content:"";top:-50px;background:#ffffff14;border-radius:50%;width:200px;height:200px;position:absolute;inset-inline-end:-50px}.wallet-hero>*{z-index:1;position:relative}.wallet-hero .label{opacity:.85;font-size:11.5px;font-family:var(--font-mono);letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}.wallet-hero .amount{font-family:var(--font-display);letter-spacing:-1.5px;font-variant-numeric:tabular-nums;font-size:38px;font-weight:800;line-height:1}.wallet-hero .amount .sar{opacity:.85;margin-inline-start:8px;font-size:16px;font-weight:600}.wallet-hero .breakdown{border-top:1px solid #fff3;gap:24px;margin-top:20px;padding-top:18px;display:flex}.wallet-hero .breakdown .item .l{opacity:.8;font-size:11px;font-family:var(--font-mono)}.wallet-hero .breakdown .item .v{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.txn-list{flex-direction:column;gap:8px;display:flex}.txn-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .15s;display:flex}.txn-item:hover{border-color:var(--border-strong)}.txn-item .icon{border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.txn-item .icon.in{color:#16a34a;background:#f0fdf4}.txn-item .icon.out{color:#dc2626;background:#fef2f2}.txn-item .info{flex:1;min-width:0}.txn-item .desc{margin-bottom:2px;font-size:13.5px;font-weight:600}.txn-item .date{color:var(--text-3);font-size:11.5px;font-family:var(--font-mono)}.txn-item .amount{font-family:var(--font-display);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:16px;font-weight:700}.txn-item .amount.in{color:#16a34a}.txn-item .amount.out{color:#dc2626}.empty{text-align:center;padding:50px 20px}.empty svg{width:60px;height:60px;color:var(--text-3);opacity:.5;margin-bottom:14px}.empty h3{font-family:var(--font-display);margin-bottom:6px;font-size:18px;font-weight:700}.empty p{color:var(--text-2);max-width:400px;margin:0 auto 18px;font-size:13.5px;line-height:1.6}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#00000080;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-backdrop.show{display:flex}.modal{background:var(--surface);border-radius:16px;flex-direction:column;width:100%;max-width:520px;max-height:90vh;display:flex;overflow-y:auto}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-head h3{font-family:var(--font-display);font-size:17px;font-weight:700}.modal-close{background:var(--gray-100);width:32px;height:32px;color:var(--text-2);border-radius:8px;place-items:center;display:grid}.modal-close:hover{background:var(--gray-200)}.modal-body{padding:22px}.modal-foot{border-top:1px solid var(--border);justify-content:flex-end;gap:10px;padding:14px 22px;display:flex}.toast{bottom:24px;background:var(--surface);border:1px solid var(--border);z-index:200;max-width:360px;animation:toastIn .3s var(--ease-spring);border-radius:12px;align-items:center;gap:10px;padding:14px 18px;font-size:13.5px;font-weight:600;display:flex;position:fixed;inset-inline-end:24px;box-shadow:0 12px 32px #0f172a1f}.toast.success{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}.toast.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.toast.info{color:#1e3a8a;background:#eff6ff;border-color:#bfdbfe}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)}}.btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn svg{width:14px;height:14px}.btn-success{background:var(--brand-600);color:#fff}.btn-success:hover{background:var(--brand-700);transform:translateY(-1px)}.chip-grid{flex-wrap:wrap;gap:6px;display:flex}.chip-select{border:1px solid var(--border);cursor:pointer;background:var(--surface);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.chip-select:hover{border-color:var(--brand-400)}.chip-select.selected{background:var(--brand-50);color:var(--brand-800);border-color:var(--brand-300);font-weight:600}.orders-page{max-width:1500px;color:var(--text);margin:0 auto;padding:18px 22px}.orders-page .ic{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.cmp-hero{color:#fff;background:linear-gradient(135deg,#f59e0b 0%,#b45309 100%);border-radius:16px;margin-bottom:18px;padding:24px 26px;position:relative;overflow:hidden}.cmp-hero:before{content:"";top:-50%;pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:340px;height:340px;position:absolute;inset-inline-end:-10%}.cmp-hero-grid{z-index:1;grid-template-columns:1fr auto;align-items:center;gap:24px;display:grid;position:relative}.cmp-hero-left h1{font-family:var(--font-display);letter-spacing:-.5px;color:#fff;align-items:center;gap:7px;margin:0 0 5px;font-size:26px;font-weight:800;display:flex}.cmp-hero-left h1 .ic{width:22px;height:22px}.cmp-hero-left .sub{color:#ffffffdb;font-size:13.5px;line-height:1.5}.cmp-hero-stats{flex-shrink:0;gap:11px;display:flex}.cmp-hero-stat{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff29;border:1px solid #fff3;border-radius:12px;min-width:88px;padding:13px 17px}.cmp-hero-stat .v{font-family:var(--font-display);color:#fff;margin-bottom:3px;font-size:24px;font-weight:800;line-height:1}.cmp-hero-stat .l{color:#ffffffd1;font-size:10.5px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3px}.cmp-pipeline{background:var(--surface);border:1px solid var(--border);border-radius:14px;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px;padding:11px;display:grid}.pipe-step{cursor:pointer;text-align:start;background:0 0;border:none;border-radius:10px;padding:14px 11px;font-family:inherit;transition:all .15s;position:relative}.pipe-step:not(:last-child):after{content:"";top:50%;border-top:2px solid var(--border);border-inline-end:2px solid var(--border);width:8px;height:8px;position:absolute;inset-inline-start:-9px;transform:translateY(-50%)rotate(45deg)}.pipe-step:hover{background:var(--gray-50)}.pipe-step.active{background:var(--brand-50);box-shadow:0 0 0 2px var(--brand-300) inset}.pipe-step .pipe-icon{background:var(--c,var(--gray-100));color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;margin-bottom:9px;display:grid}.pipe-step .pipe-icon .ic{width:14px;height:14px}.pipe-step .pipe-num{font-family:var(--font-display);color:var(--text);letter-spacing:-.3px;margin-bottom:3px;font-size:22px;font-weight:800;line-height:1;display:block}.pipe-step .pipe-lbl{color:var(--text-3);font-size:11px;font-weight:600;font-family:var(--font-mono)}.orders-highlights{grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:18px;display:grid}.cust-hl{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:start;color:inherit;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;font-family:inherit;transition:all .15s;display:flex;position:relative;overflow:hidden}.cust-hl:before{content:"";top:0;background:var(--c);border-radius:3px;width:3px;height:100%;position:absolute;inset-inline-start:0}.cust-hl:hover{border-color:var(--c);transform:translateY(-1px);box-shadow:0 4px 14px #0000000a}.cust-hl.active{border-color:var(--c);background:var(--bg)}.cust-hl .ic-wrap{background:var(--bg);width:38px;height:38px;color:var(--c);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.cust-hl .ic-wrap .ic{width:18px;height:18px}.cust-hl .body{flex:1;min-width:0}.cust-hl .val{font-family:var(--font-display);color:var(--text);letter-spacing:-.3px;margin-bottom:2px;font-size:20px;font-weight:800;line-height:1;display:block}.cust-hl .lbl{color:var(--text-3);font-size:11px;font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.3px;display:block}.orders-page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.orders-page-head .page-sub{color:var(--text-2);margin:0;font-size:13px}.orders-btn{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-family:inherit;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .15s;display:inline-flex}.orders-btn:hover{background:var(--gray-50);color:var(--text);border-color:var(--border-strong)}.orders-btn.primary{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.orders-btn.primary:hover{background:var(--brand-700);border-color:var(--brand-700);color:#fff}.orders-status-bar{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.orders-status-bar .chip{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.orders-status-bar .chip .dot{background:#f59e0b;border-radius:50%;width:7px;height:7px}.orders-status-bar .chip .n{font-family:var(--font-mono);background:var(--gray-100);border-radius:999px;padding:1px 7px;font-size:10px}.orders-status-bar .chip.active{background:var(--brand-600);border-color:var(--brand-600);color:#fff}.orders-status-bar .chip.active .n{color:#fff;background:#00000038}.orders-filters{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:16px;padding:14px 16px;display:flex}.orders-filters .field{background:0 0;border:none;flex:1;align-items:center;gap:9px;min-width:220px;padding:0;display:flex}.orders-filters .field .ic{width:16px;height:16px;color:var(--text-3)}.orders-filters input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px}.orders-filters .results-count{color:var(--text-3);font-size:12px;font-family:var(--font-mono);white-space:nowrap;border-inline-start:1px solid var(--border);padding-inline-start:14px}.orders-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.orders-table-wrap .table-scroll{overflow-x:auto}.orders-tbl{border-collapse:separate;border-spacing:0;width:100%;min-width:1120px;font-size:13px}.orders-tbl thead th{background:var(--surface-2);color:var(--text-2);text-align:start;border-bottom:1px solid var(--border);white-space:nowrap;font-size:11.5px;font-weight:600;font-family:var(--font-body);padding:12px 14px}.orders-tbl tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px}.orders-tbl tbody tr{transition:background .12s}.orders-tbl tbody tr:hover{background:var(--gray-50)}.orders-tbl tbody tr:last-child td{border-bottom:none}.cell-id{font-family:var(--font-mono);color:var(--text-2);background:var(--gray-50);border-radius:5px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-block}.campaign-name{color:var(--text);font-size:13px;font-weight:700}.campaign-sub{color:var(--text-3);font-size:10.5px;font-family:var(--font-mono);margin-top:2px}.cell-entity{align-items:center;gap:8px;display:flex}.cell-entity .ava{background:linear-gradient(135deg,var(--c1,#7c3aed),var(--c2,#3b82f6));color:#fff;width:28px;height:28px;font-size:12px;font-weight:700;font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.cell-entity .n{color:var(--text);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:12.5px;font-weight:700;overflow:hidden}.cell-amount{font-family:var(--font-display);color:var(--text);white-space:nowrap;font-size:13px;font-weight:700}.mono{font-family:var(--font-mono)}.cell-status{border:1px solid;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-family:inherit;font-size:11.5px;font-weight:700;display:inline-flex}.cell-status.st-active{color:#92400e;background:#fffbeb;border-color:#fde68a}.cell-status.st-draft{color:#475569;background:#f8fafc;border-color:#e2e8f0}.cell-status.st-paused{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.cell-status.st-completed{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}.cell-status.st-cancelled{color:#991b1b;background:#fef2f2;border-color:#fecaca}.cell-actions{justify-content:flex-end;gap:5px;display:flex}.act-btn{width:30px;height:30px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:8px;place-items:center;text-decoration:none;transition:all .15s;display:grid}.act-btn:hover{background:var(--gray-100);color:var(--text)}.act-btn.danger:hover{color:#dc2626;background:#fef2f2}.act-btn .ic{width:14px;height:14px}.orders-empty{text-align:center;color:var(--text-3);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:60px 20px}.orders-empty .ic{width:48px;height:48px;color:var(--gray-300);margin-bottom:14px}.orders-empty h4{font-family:var(--font-display);color:var(--text-2);margin-bottom:6px;font-size:16px}.orders-modal-backdrop{z-index:1100;background:#0f172a7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.orders-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:min(760px,100%);max-height:92vh;overflow:auto;box-shadow:0 24px 80px #00000040}.orders-modal .modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.orders-modal .modal-head h3{font-family:var(--font-display);margin:0;font-size:17px;font-weight:800}.orders-modal .modal-head button{background:var(--gray-50);width:32px;height:32px;color:var(--text-2);cursor:pointer;border:none;border-radius:8px;place-items:center;display:grid}.orders-modal .modal-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:18px;display:grid}.orders-modal label{color:var(--text-2);gap:5px;font-size:12px;font-weight:800;display:grid}.orders-modal label.full{grid-column:1/-1}.orders-modal input,.orders-modal select,.orders-modal textarea{box-sizing:border-box;border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:9px;outline:none;padding:9px 11px;font-family:inherit;font-size:12.5px;transition:border-color .12s}.orders-modal textarea{resize:vertical;min-height:70px}.orders-modal input:focus,.orders-modal select:focus,.orders-modal textarea:focus{border-color:var(--brand-500)}.orders-modal .modal-footer{border-top:1px solid var(--border);background:var(--surface-2);justify-content:flex-end;gap:8px;padding:14px 18px;display:flex}.orders-toast{z-index:1200;color:#fff;cursor:pointer;background:#14532d;border-radius:12px;align-items:center;gap:9px;padding:12px 16px;font-size:13px;font-weight:800;display:flex;position:fixed;top:76px;left:24px;box-shadow:0 14px 34px #0f172a2e}.orders-toast.danger{background:#dc2626}.orders-toast .ic{width:16px;height:16px}@media (width<=980px){.cmp-pipeline{grid-template-columns:repeat(3,1fr)}.pipe-step:not(:last-child):after{display:none}.orders-highlights{grid-template-columns:repeat(2,1fr)}.cmp-hero-grid{grid-template-columns:1fr}.cmp-hero-stats{grid-template-columns:repeat(3,1fr);display:grid}}@media (width<=640px){.orders-page{padding:14px}.orders-highlights,.orders-modal .modal-grid,.cmp-hero-stats{grid-template-columns:1fr}.orders-filters .results-count{border:0;padding:0}.orders-page-head{align-items:stretch}.orders-page-head .orders-btn{width:100%}}.form-page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:26px;display:flex}.form-page-head h1{font-family:var(--font-display);letter-spacing:-.8px;color:var(--text);margin-bottom:6px;font-size:30px;font-weight:800}.form-page-head .sub{color:var(--text-2);font-size:14px;line-height:1.5}.form-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:16px;padding:22px}.form-section-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:14px;display:flex}.form-section-head .left{align-items:center;gap:11px;display:flex}.form-section-head .title{font-family:var(--font-display);color:var(--text);align-items:center;gap:9px;font-size:16px;font-weight:700;display:flex}.form-section-head .title .check-circle{background:var(--brand-100);width:24px;height:24px;color:var(--brand-700);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.form-section-head .title .check-circle .ic{stroke-width:3px;width:13px;height:13px}.section-tag{font-size:11px;font-weight:700;font-family:var(--font-mono);letter-spacing:.3px;border-radius:6px;align-items:center;padding:3px 10px;display:inline-flex}.section-tag.required{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.section-tag.optional{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.section-hint{color:var(--text-3);font-size:12px;font-weight:500}.toggle-wrap{align-items:center;gap:10px;display:flex}.toggle-wrap .lbl{color:var(--text-2);font-size:13px;font-weight:500}.toggle{background:var(--gray-200);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:42px;height:24px;transition:all .2s;position:relative}.toggle:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:3px;right:3px;box-shadow:0 1px 3px #00000026}.toggle.on{background:var(--brand-600)}.toggle.on:before{right:21px}#optional-content{animation:.25s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.fg{grid-template-columns:repeat(2,1fr);gap:14px 16px;display:grid}.fld label{color:var(--text-2);align-items:center;gap:4px;font-size:12.5px;font-weight:600;display:flex}.fld label .req{color:var(--danger);margin-inline-start:2px;font-weight:700}.fld input,.fld select,.fld textarea{background:var(--surface);border:1px solid var(--border);width:100%;color:var(--text);border-radius:9px;outline:none;padding:10px 13px;font-family:inherit;font-size:13.5px;transition:all .15s}.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px #0d8a6f14}.fld input::placeholder{color:var(--text-3)}.fld textarea{resize:vertical;min-height:90px;font-family:inherit}.fld select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' 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>");background-position:14px;background-repeat:no-repeat;padding-inline-start:34px}.radio-group{align-items:center;gap:20px;padding:7px 0;display:flex}.radio-opt{cursor:pointer;color:var(--text-2);align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:inline-flex}.radio-opt input[type=radio]{width:18px;height:18px;accent-color:var(--brand-600);cursor:pointer}.radio-opt:has(input:checked){color:var(--text);font-weight:600}.upload-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.upload-box{flex-direction:column;gap:8px;display:flex}.upload-box .lbl{color:var(--text-2);font-size:12.5px;font-weight:600}.upload-area{border:1.5px dashed var(--border-strong);cursor:pointer;background:var(--surface-2);text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:120px;padding:24px 12px;transition:all .15s;display:flex}.upload-area:hover{border-color:var(--brand-500);background:var(--brand-50)}.upload-area .icon-circle{background:var(--brand-100);width:38px;height:38px;color:var(--brand-700);border-radius:50%;place-items:center;display:grid}.upload-area .icon-circle .ic{width:16px;height:16px}.upload-area .text{color:var(--text-2);font-size:12.5px;font-weight:600}.upload-area .fmt{font-size:10.5px;font-family:var(--font-mono);color:var(--text-3);letter-spacing:.5px}.upload-area input[type=file]{display:none}.upload-area.uploaded{border-style:solid;border-color:var(--brand-500);background:var(--brand-50)}.upload-area.uploaded .text{color:var(--brand-700)}.bottom-actions .btn-cancel:hover{background:var(--gray-50)}.bottom-actions .btn-save:hover{background:var(--brand-700);transform:translateY(-1px)}.bottom-actions .btn-save:disabled{opacity:.6;cursor:not-allowed;transform:none}.bottom-actions .btn-save .ic{stroke-width:2.5px;width:15px;height:15px}.vat-number-row{display:none}.vat-number-row.visible{display:flex}@media (width<=920px){.fg{grid-template-columns:1fr}.upload-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.upload-grid{grid-template-columns:1fr}.form-section{padding:18px}}.back-link .ic{width:14px;height:14px}.customer-hero{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:18px;padding:24px;position:relative;overflow:hidden}.customer-hero:before{content:"";top:0;background:linear-gradient(#10b981,#0d8a6f);width:5px;height:100%;position:absolute;inset-inline-start:0}.hero-logo{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;flex-shrink:0;place-items:center;width:72px;height:72px;display:grid;box-shadow:0 4px 16px #10b9814d}.hero-logo .ic{width:32px;height:32px}.hero-info .brand{color:var(--text-3);font-size:13px;font-family:var(--font-mono);margin-bottom:10px}.hero-tag.vip{color:#92400e;background:#fef3c7;border-color:#fde68a}.hero-tag.premium{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.hero-tag.normal{background:var(--gray-50);color:var(--text-2);border-color:var(--border)}.hero-tag.complete{color:#4c1d95;background:#f5f3ff;border-color:#ddd6fe}.hero-tag.activity{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-200)}.hero-kpi.cost .val{color:#f59e0b}.info-section-h .ic-wrap .ic{width:15px;height:15px}.info-item .val{color:var(--text);text-align:start;word-break:break-word;direction:ltr;font-size:13.5px;font-weight:600}.info-item .val.rtl{direction:rtl}.tab-content{display:none}.tab-content.active{animation:.2s ease-out fadeIn;display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}table.dt-tbl thead th{background:var(--surface-2);color:var(--text-2);text-align:start;border-bottom:1px solid var(--border);white-space:nowrap;font-size:11.5px;font-weight:600;font-family:var(--font-body);padding:12px 14px}.empty-state .ic{width:40px;height:40px;color:var(--gray-300);margin-bottom:10px}.empty-state h4{font-family:var(--font-display);color:var(--text-2);margin-bottom:4px;font-size:15px}.empty-state p{font-size:12.5px}.platform-pill{font-size:11px;font-weight:600;font-family:var(--font-mono);border-radius:5px;align-items:center;gap:5px;padding:3px 8px;display:inline-flex}.platform-pill.snapchat{color:#854d0e;background:#fffce8;border:1px solid #fde68a}.platform-pill.tiktok{color:#000;background:#f5f5f5;border:1px solid #d4d4d4}.platform-pill.instagram{color:#9d174d;background:#fdf2f8;border:1px solid #fbcfe8}.platform-pill.twitter{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.platform-pill.youtube{color:#7f1d1d;background:#fef2f2;border:1px solid #fecaca}.status-pill{white-space:nowrap;border:1px solid;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.status-pill .dot{border-radius:50%;width:6px;height:6px}.status-pill.completed,.status-pill.executing{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}.status-pill.completed .dot,.status-pill.executing .dot{background:#16a34a}.status-pill.pending{color:#92400e;background:#fffbeb;border-color:#fde68a}.status-pill.pending .dot{background:#f59e0b}.money{font-family:var(--font-display);color:var(--text);white-space:nowrap;font-weight:700}@media (width<=920px){.hero-kpis,.info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.hero-kpis,.info-grid{grid-template-columns:1fr}}.customers-toast{z-index:1200;color:#fff;cursor:pointer;background:#14532d;border-radius:12px;align-items:center;gap:9px;padding:12px 16px;font-size:13px;font-weight:800;display:flex;position:fixed;top:76px;left:24px;box-shadow:0 14px 34px #0f172a2e}.customers-toast.danger{background:#dc2626}.customers-toast.warning{color:#fff;background:#f59e0b}.customers-toast .ic{width:16px;height:16px}.sec{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:24px;padding:24px}.sec-title{font-family:var(--font-display);color:var(--text);border-bottom:1px solid var(--border);align-items:center;gap:10px;margin-bottom:20px;padding-bottom:12px;font-size:16px;font-weight:800;display:flex}.sec-title .ic{width:20px;height:20px;color:var(--brand-600)}.fg{grid-template-columns:1fr 1fr;gap:16px 24px;margin-bottom:16px;display:grid}.fg.cols-3{grid-template-columns:1fr 1fr 1fr}.fld{flex-direction:column;gap:6px;display:flex}.fld label{color:var(--text-2);font-size:12.5px;font-weight:700}.fld label .req{color:#dc2626;margin-inline-start:3px}.fld input,.fld select,.fld textarea{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:10px 14px;font-family:inherit;font-size:14px;transition:all .15s}.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--brand-500);outline:none;box-shadow:0 0 0 3px #0d8a6f1a}.fld input::placeholder,.fld textarea::placeholder{color:var(--text-3)}.fld.full{grid-column:1/-1}.platform-card{border:1px solid var(--border);background:var(--surface-2);border-radius:12px;margin-bottom:16px;padding:18px}.platform-head{border-bottom:1px dashed var(--border-strong);justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:12px;display:flex}.platform-head-left{align-items:center;gap:10px;display:flex}.platform-icon{color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.platform-icon.snapchat{color:#000;background:#fffc00}.platform-icon.tiktok{color:#fff;background:#000}.platform-icon.instagram{color:#fff;background:#e1306c}.platform-icon.twitter,.platform-icon.x{color:#fff;background:#1da1f2}.platform-icon.youtube{color:#fff;background:red}.platform-icon.linkedin{color:#fff;background:#0a66c2}.remove-platform-btn{width:30px;height:30px;color:var(--text-3);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;transition:all .15s;display:grid}.remove-platform-btn:hover{color:#dc2626;background:#fef2f2}.platform-pricing-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.platform-pricing-grid .fld label{font-size:11.5px}.platform-pricing-grid .fld input{padding:8px 11px;font-size:13px}.add-platform-bar{background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:11px 13px;display:flex}.add-platform-bar select{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13px}.add-platform-bar button{background:var(--brand-600);color:#fff;cursor:pointer;border:none;border-radius:7px;align-items:center;gap:5px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:600;display:inline-flex}.bottom-actions{background:var(--surface);border-top:1px solid var(--border);z-index:5;justify-content:flex-end;align-items:center;gap:10px;margin:24px -24px -40px;padding:14px 22px;display:flex;position:sticky;bottom:0}.bottom-actions .btn-cancel{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:9px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:600;text-decoration:none}.bottom-actions .btn-save{background:var(--brand-600);color:#fff;cursor:pointer;border:none;border-radius:9px;align-items:center;gap:7px;padding:10px 22px;font-family:inherit;font-size:13.5px;font-weight:700;display:inline-flex;box-shadow:0 2px 6px #0d8a6f40}.from-db-warning{color:#78350f;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;align-items:flex-start;gap:10px;margin-top:8px;padding:12px;font-size:12.5px;display:flex}@media (width<=920px){.fg,.fg.cols-3,.platform-pricing-grid{grid-template-columns:1fr}}.detail-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.back-link{color:var(--text-2);border:1px solid var(--border);background:var(--surface);border-radius:9px;align-items:center;gap:6px;padding:8px 14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .12s;display:inline-flex}.back-link:hover{border-color:var(--border-strong);color:var(--text);background:var(--gray-50)}.inf-hero{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:18px;padding:24px;position:relative;overflow:hidden}.inf-hero:before{content:"";top:0;background:linear-gradient(#7c3aed,#5b21b6);width:5px;height:100%;position:absolute;inset-inline-start:0}.hero-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.hero-left{flex:1;align-items:flex-start;gap:18px;min-width:280px;display:flex}.hero-avatar{color:#fff;width:84px;height:84px;font-family:var(--font-display);background:linear-gradient(135deg,#7c3aed,#3b82f6);border-radius:50%;flex-shrink:0;place-items:center;font-size:30px;font-weight:800;display:grid;box-shadow:0 4px 16px #7c3aed4d}.hero-avatar.tier-a{background:linear-gradient(135deg,#fbbf24,#d97706);box-shadow:0 4px 16px #d977064d}.hero-avatar.tier-b{background:linear-gradient(135deg,#0d8a6f,#065f46);box-shadow:0 4px 16px #0d8a6f4d}.hero-avatar.tier-c{background:linear-gradient(135deg,#64748b,#475569);box-shadow:0 4px 16px #4755694d}.hero-info h1{font-family:var(--font-display);letter-spacing:-.5px;color:var(--text);margin-bottom:4px;font-size:26px;font-weight:800;line-height:1.2}.hero-info .handle{color:var(--text-3);font-size:13px;font-family:var(--font-mono);text-align:left;direction:ltr;margin-bottom:10px}.hero-tags{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.hero-tag{border:1px solid;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.hero-tag.class-a{color:#854d0e;background:#fefce8;border-color:#fde68a}.hero-tag.class-b{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.hero-tag.class-c{color:#475569;background:#f1f5f9;border-color:#cbd5e1}.hero-tag.active{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}.hero-tag.category{background:var(--brand-50);color:var(--brand-700);border-color:var(--brand-200)}.hero-tag.gender{background:var(--surface-2);color:var(--text-2);border-color:var(--border)}.hero-actions{flex-wrap:wrap;align-self:flex-start;gap:8px;display:flex}.hero-kpis{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px;padding-top:20px;display:grid}.hero-kpi{flex-direction:column;gap:3px;display:flex}.hero-kpi .label{color:var(--text-3);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600;font-family:var(--font-mono)}.hero-kpi .val{font-family:var(--font-display);color:var(--text);letter-spacing:-.5px;font-size:22px;font-weight:800}.hero-kpi .val small{color:var(--text-3);margin-inline-start:3px;font-size:11px;font-weight:500}.hero-kpi.profit .val{color:#16a34a}.hero-kpi.purple .val{color:#7c3aed}.info-section{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:18px;padding:20px}.info-section-h{border-bottom:1px solid var(--border);align-items:center;gap:9px;margin-bottom:16px;padding-bottom:12px;display:flex}.info-section-h .ic-wrap{border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.info-section-h h3{font-family:var(--font-display);color:var(--text);font-size:15px;font-weight:700}.info-grid{grid-template-columns:repeat(3,1fr);gap:14px 24px;display:grid}.info-item{flex-direction:column;gap:3px;display:flex}.info-item .lbl{color:var(--text-3);text-transform:uppercase;letter-spacing:.4px;font-size:11.5px;font-weight:600;font-family:var(--font-mono)}.info-item .val{color:var(--text);word-break:break-word;font-size:13.5px;font-weight:600}.info-item .val.muted{color:var(--text-3);font-weight:400}.platforms-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px;display:grid}.platform-card{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:16px}.platform-card-h{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.platform-icon{color:#fff;width:36px;height:36px;font-family:var(--font-display);border-radius:9px;flex-shrink:0;place-items:center;font-size:14px;font-weight:800;display:grid}.platform-name{font-family:var(--font-display);text-transform:capitalize;font-size:14px;font-weight:700}.platform-subs{font-family:var(--font-mono);color:var(--text-3);background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:2px 8px;font-size:12px}.pricing-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:8px;display:grid}.pricing-item{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:9px}.pricing-item .lbl{color:var(--text-3);text-transform:uppercase;letter-spacing:.3px;font-size:10.5px;font-weight:600;font-family:var(--font-mono);margin-bottom:3px}.pricing-item .val{font-family:var(--font-display);color:var(--text);font-size:14px;font-weight:700}.pricing-item.sell{background:#f0fdf4;border-color:#bbf7d0}.pricing-item.sell .val{color:#14532d}.pricing-item.profit-rate{background:#fefce8;border-color:#fde68a}.pricing-item.profit-rate .val{color:#854d0e}.platform-url{background:var(--surface);border:1px solid var(--border);color:var(--text-2);font-size:11.5px;font-family:var(--font-mono);direction:ltr;border-radius:7px;align-items:center;gap:6px;margin-top:10px;padding:7px 10px;text-decoration:none;display:flex}.platform-url:hover{border-color:var(--brand-500);color:var(--brand-700)}.tabs-bar{background:var(--surface);border:1px solid var(--border);border-radius:11px;flex-wrap:nowrap;gap:4px;margin-bottom:16px;padding:5px;display:flex;overflow-x:auto}.tab-btn{color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:7px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.tab-btn:hover{background:var(--gray-50);color:var(--text)}.tab-btn.active{background:var(--brand-600);color:#fff;box-shadow:0 2px 6px #0d8a6f40}.tab-btn .badge{font-family:var(--font-mono);background:#fff3;border-radius:20px;padding:1px 6px;font-size:10px;font-weight:700}.tab-btn:not(.active) .badge{background:var(--gray-100);color:var(--text-2)}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.table-card .table-scroll{overflow-x:auto}table.dt-tbl{border-collapse:separate;border-spacing:0;width:100%;min-width:700px;font-size:13px}table.dt-tbl thead th{background:var(--surface-2);color:var(--text-2);text-align:start;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 14px;font-size:11.5px;font-weight:600}table.dt-tbl tbody td{border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 14px}table.dt-tbl tbody tr:last-child td{border-bottom:none}table.dt-tbl tbody tr:hover{background:var(--gray-50)}.empty-state{text-align:center;color:var(--text-3);padding:40px 20px}@media (width<=920px){.hero-kpis,.info-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.hero-kpis,.info-grid{grid-template-columns:1fr}}:root{--brand:#0d8a6f;--brand-700:#0a6b56;--brand-50:#e8f5f1;--bg:#eef2f6;--surface:#fff;--surface-2:#f6f8fb;--text:#0f172a;--text-2:#475569;--text-3:#8a97a8;--border:#e4eaf1;--ok:#16a34a;--ok-bg:#dcfce7;--ok-soft:#f0fdf4;--no:#dc2626;--no-bg:#fee2e2;--no-soft:#fef2f2;--wait:#d97706;--wait-bg:#fef3c7;--wait-soft:#fffbeb}.booking-app{max-width:560px;font-family:var(--font-body);color:var(--text);background:var(--bg);min-height:100vh;margin:0 auto;padding:16px 13px 40px;font-size:15px;line-height:1.5}.booking-hero{background:linear-gradient(135deg, var(--brand), var(--brand-700));color:#fff;text-align:center;border-radius:16px;margin-bottom:13px;padding:20px 18px}.booking-hero h1{font-family:var(--font-display);margin:0 0 3px;font-size:20px;font-weight:800}.booking-hero p{opacity:.92;margin:0;font-size:13px}.booking-card{background:var(--surface);border:1px solid var(--border);border-radius:15px;margin-bottom:12px;padding:14px}.booking-card-t{color:var(--text);align-items:center;gap:7px;margin-bottom:11px;font-size:13px;font-weight:800;display:flex}.booking-card-t .ic{color:var(--brand)}.booking-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.booking-row:last-child{border-bottom:none}.booking-row .k{color:var(--text-2);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.booking-row .v{color:var(--text);text-align:left;font-size:14.5px;font-weight:800}.booking-plat{border:1.5px solid var(--border);background:var(--surface-2);border-radius:10px;align-items:center;gap:6px;padding:5px 11px;font-size:13px;font-weight:700;display:inline-flex}.booking-plat .dot{border-radius:50%;width:8px;height:8px}.booking-dbox{background:linear-gradient(135deg,#ecfdf5,#dcfce7);border:1.5px solid #16a34a4d;border-radius:14px;align-items:center;gap:12px;margin-bottom:12px;padding:13px 15px;display:flex}.booking-dbox .ic-wrap{background:var(--ok);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.booking-dbox .l{color:#15803d;flex-wrap:wrap;align-items:center;gap:6px;font-size:11.5px;font-weight:800;display:flex}.booking-dbox .tag{background:var(--ok);color:#fff;border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:9.5px;font-weight:800;display:inline-flex}.booking-dbox .d{font-family:var(--font-mono);color:#0f5132;margin-top:2px;font-size:19px;font-weight:800}.booking-steps{background:var(--surface);border:1px solid var(--border);border-radius:15px;justify-content:space-between;align-items:flex-start;gap:4px;margin-bottom:12px;padding:14px 12px;display:flex}.booking-step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.booking-step:not(:last-child):after{content:"";background:var(--border);z-index:0;width:100%;height:2px;position:absolute;top:15px;right:50%}.booking-step.done:not(:last-child):after{background:var(--ok)}.booking-step .dot{background:var(--surface-2);border:2px solid var(--border);width:30px;height:30px;color:var(--text-3);z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.booking-step.done .dot{background:var(--ok);border-color:var(--ok);color:#fff}.booking-step.active .dot{border-color:var(--brand);color:var(--brand);box-shadow:0 0 0 4px var(--brand-50);background:#fff}.booking-step.warn .dot{background:var(--wait);border-color:var(--wait);color:#fff}.booking-step.no .dot{background:var(--no);border-color:var(--no);color:#fff}.booking-step small{color:var(--text-2);max-width:90px;font-size:10.5px;font-weight:800;line-height:1.25}.booking-step.active small{color:var(--brand)}.booking-earn{background:linear-gradient(135deg, var(--brand-50), #e8f5f1);border:1.5px solid #0d8a6f4d;border-radius:14px;align-items:center;gap:12px;margin-bottom:12px;padding:13px 15px;display:flex}.booking-earn .ic-wrap{background:var(--brand);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.booking-earn .l{color:var(--brand-700);align-items:center;gap:6px;font-size:11.5px;font-weight:800;display:flex}.booking-earn .v{font-family:var(--font-mono);color:var(--brand-700);margin-top:2px;font-size:20px;font-weight:800}.booking-earn .v small{color:var(--text-3);font-size:11px;font-weight:600;font-family:var(--font-body)}.booking-earn .perad{color:var(--text-3);margin-top:1px;font-size:10.5px;font-weight:600}.notes-body{color:var(--text-2);white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.7}.booking-acts{gap:10px;margin-top:4px;display:grid}.booking-abtn{border:2px solid var(--border);background:var(--surface);cursor:pointer;min-height:56px;color:var(--text-2);border-radius:15px;justify-content:center;align-items:center;gap:9px;font-family:inherit;font-size:16px;font-weight:800;transition:all .14s;display:flex}.booking-abtn:active{transform:scale(.98)}.booking-abtn.ok:hover,.booking-abtn.ok.on{border-color:var(--ok);background:var(--ok);color:#fff}.booking-abtn.wait:hover,.booking-abtn.wait.on{border-color:var(--wait);background:var(--wait);color:#fff}.booking-abtn.no:hover,.booking-abtn.no.on{border-color:var(--no);background:var(--no);color:#fff}.booking-form-group{margin-bottom:11px}.booking-form-label{color:var(--text);margin-bottom:5px;font-size:12.5px;font-weight:700;display:block}.booking-inp{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);border-radius:11px;outline:none;padding:12px 13px;font-family:inherit;font-size:14.5px}.booking-inp:focus{border-color:var(--brand);background:var(--surface)}.booking-btn-go{cursor:pointer;color:#fff;border:none;border-radius:13px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:50px;font-family:inherit;font-size:15px;font-weight:800;display:flex}.booking-btn-go.wait{background:var(--wait)}.booking-btn-go.no{background:var(--no)}.booking-banner{border:1px solid;border-radius:14px;align-items:center;gap:10px;padding:15px 17px;font-size:14.5px;font-weight:700;display:flex}.booking-banner-ok{background:var(--ok-bg);color:#14532d;border-color:#16a34a40}.booking-banner-wait{background:var(--wait-bg);color:#854d0e;border-color:#d977064d}.booking-banner-no{background:var(--no-bg);color:#7f1d1d;border-color:#dc262640}.portal-app{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}.portal-app .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums;unicode-bidi:plaintext}.auth-screen{background:linear-gradient(135deg, var(--bg) 0%, var(--brand-50) 100%);grid-template-columns:1fr;place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:420px;padding:36px 28px;box-shadow:0 8px 24px #0f172a14}.auth-logo{background:linear-gradient(135deg, var(--brand-600), var(--brand-700));color:#fff;width:56px;height:56px;font-family:var(--font-display);border-radius:14px;justify-content:center;align-items:center;margin-bottom:18px;font-size:22px;font-weight:800;display:flex}.auth-title{font-family:var(--font-display);color:var(--text);margin:0 0 6px;font-size:24px;font-weight:700}.auth-sub{color:var(--text-2);margin:0 0 24px;font-size:14px}.google-auth-btn{border:1px solid var(--border-strong);color:#3f3f3f;width:100%;font-size:14px;font-weight:600;font-family:var(--font-display);cursor:pointer;background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:12px;margin-bottom:20px;padding:12px 18px;transition:all .2s;display:flex;box-shadow:0 1px 3px #00000014}.google-auth-btn:hover{background:#fcfcfc;box-shadow:0 2px 6px #0000001f}.auth-divider{text-align:center;align-items:center;margin-bottom:20px;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.auth-divider span{color:var(--text-3);padding:0 10px;font-size:12px;font-weight:600}.portal-form-group{margin-bottom:14px}.portal-form-label{color:var(--text);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.portal-form-input{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:11px 13px;font-size:14px;transition:border-color .15s,box-shadow .15s}.portal-form-input:focus{border-color:var(--brand-600);outline:none;box-shadow:0 0 0 3px #0d8a6f1f}.auth-err{background:var(--danger-50,#fee2e2);color:var(--danger-600,#dc2626);border-radius:8px;margin-bottom:14px;padding:10px 12px;font-size:13px}.portal-shell{flex-direction:column;min-height:100vh;display:flex}.portal-topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;padding:12px 18px;display:flex;position:sticky;top:0;box-shadow:0 1px 2px #0f172a0a}.portal-topbar-left{align-items:center;gap:12px;display:flex}.portal-topbar-logo{background:linear-gradient(135deg, var(--brand-600), var(--brand-700));color:#fff;width:36px;height:36px;font-family:var(--font-display);border-radius:9px;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex}.portal-topbar-title{font-family:var(--font-display);color:var(--text);font-size:16px;font-weight:700}.portal-topbar-title .sub{color:var(--text-2);margin-top:-2px;font-size:11px;font-weight:500;display:block}.portal-topbar-right{align-items:center;gap:8px;display:flex}.portal-topbar-btn{border:1px solid var(--border);width:36px;height:36px;color:var(--text-2);background:0 0;border-radius:9px;justify-content:center;align-items:center;transition:all .15s;display:flex}.portal-topbar-btn:hover{background:var(--surface-2);color:var(--text)}.portal-topbar-user{background:var(--surface-2);border:1px solid var(--border);border-radius:22px;align-items:center;gap:8px;padding:6px 12px 6px 6px;display:flex}.portal-topbar-avatar{background:linear-gradient(135deg, var(--brand-600), var(--brand-700));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:700;display:flex}.portal-topbar-user-name{font-size:13px;font-weight:600}.portal-nav-tabs{background:var(--surface);border-bottom:1px solid var(--border);scrollbar-width:none;-ms-overflow-style:none;gap:4px;padding:0 18px;display:flex;overflow-x:auto}.portal-nav-tabs::-webkit-scrollbar{display:none}.portal-nav-tab{color:var(--text-2);white-space:nowrap;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:12px 16px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.portal-nav-tab:hover{color:var(--text)}.portal-nav-tab.active{color:var(--brand-600);border-bottom-color:var(--brand-600)}.portal-nav-tab .count{background:var(--danger-600,#dc2626);color:#fff;font-family:var(--font-mono);text-align:center;border-radius:8px;min-width:16px;padding:1px 5px;font-size:10px;display:inline-block}.portal-main-content{flex:1;width:100%;max-width:1180px;margin:0 auto;padding:20px 18px 60px}.portal-hero{background:linear-gradient(135deg, var(--brand-600), var(--brand-700));color:#fff;border-radius:16px;margin-bottom:18px;padding:22px 24px;position:relative;overflow:hidden}.portal-hero:before{content:"";inset-inline-end:-40px;background:#ffffff14;border-radius:50%;width:200px;height:200px;position:absolute;top:-40px}.portal-hero h1{font-family:var(--font-display);margin:0 0 4px;font-size:22px;font-weight:700;position:relative}.portal-hero p{opacity:.92;margin:0;font-size:14px;position:relative}.portal-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:18px;display:grid}.portal-kpi-pill{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px;transition:all .15s}.portal-kpi-pill:hover{box-shadow:0 2px 8px #0f172a0f}.portal-kpi-label{color:var(--text-2);align-items:center;gap:6px;margin-bottom:6px;font-size:12px;font-weight:600;display:flex}.portal-kpi-value{color:var(--text);font-size:22px;font-weight:700}.portal-kpi-extra{color:var(--text-3);margin-top:4px;font-size:11px}.portal-alerts-grid{gap:10px;margin-bottom:18px;display:grid}.portal-alert{background:var(--surface);border:1px solid;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;font-size:13px;display:flex}.portal-alert-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.portal-alert.warning{background:var(--warning-50,#fef3c7);border-color:#d9770640}.portal-alert.warning .portal-alert-icon{background:var(--warning-600,#d97706);color:#fff}.portal-alert.danger{background:var(--danger-50,#fee2e2);border-color:#dc262640}.portal-alert.danger .portal-alert-icon{background:var(--danger-600,#dc2626);color:#fff}.portal-alert.info{background:var(--info-50,#dbeafe);border-color:#2563eb40}.portal-alert.info .portal-alert-icon{background:var(--info-600,#2563eb);color:#fff}.portal-alert-body{flex:1}.portal-alert-title{color:var(--text);margin-bottom:2px;font-weight:700}.portal-alert-msg{color:var(--text-2);font-size:12.5px}.portal-section{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:18px;overflow:hidden}.portal-section-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.portal-section-title{font-family:var(--font-display);color:var(--text);margin:0;font-size:15px;font-weight:700}.portal-section-body{padding:16px 18px}.portal-detail-rows{gap:10px;display:grid}.portal-detail-row{border-bottom:1px solid var(--border);grid-template-columns:130px 1fr;gap:12px;padding:10px 0;display:grid}.portal-detail-row:last-child{border-bottom:none}.portal-detail-label{color:var(--text-2);font-size:13px;font-weight:600}.portal-detail-value{color:var(--text);word-break:break-word;font-size:13px}.portal-empty{text-align:center;color:var(--text-2);padding:40px 20px}@media (width<=768px){.portal-topbar-title .name-text,.portal-topbar-user-name{display:none}.portal-kpi-grid{grid-template-columns:repeat(2,1fr);gap:8px}.portal-kpi-pill{padding:12px}.portal-kpi-value{font-size:18px}.portal-hero{padding:18px}.portal-hero h1{font-size:18px}.portal-main-content{padding:14px 12px 60px}.portal-detail-row{grid-template-columns:1fr;gap:2px}.portal-nav-tab{padding:10px 12px;font-size:12.5px}}.pub-kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:11px;margin-bottom:15px;display:grid}.pub-kpi{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:13px 15px}.pub-kpi .v{color:var(--text);font-variant-numeric:tabular-nums;font-size:21px;font-weight:800}.pub-kpi .l{color:var(--text-3);margin-top:2px;font-size:11px;font-weight:700}.int-strip{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:7px;margin-bottom:15px;padding:10px 14px;display:flex}.int-pill{border:1px solid var(--border);color:var(--text-2);border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:inline-flex}.int-pill i{border-radius:50%;width:7px;height:7px;display:inline-block}.pub-filters{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:15px;padding:13px 15px}.pub-filters .row{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:9px;display:grid}.pub-filters select,.pub-filters input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:9px;padding:8px 11px;font-family:inherit;font-size:12.5px}.pub-filters select:focus,.pub-filters input:focus{border-color:var(--brand-500);outline:none}.pub-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:13px;display:grid}.pub-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:14px;padding:15px 16px;transition:all .14s}.pub-card:hover{border-color:#0d8a6f;transform:translateY(-2px);box-shadow:0 4px 16px #0d8a6f17}.pub-card .hd{align-items:center;gap:11px;margin-bottom:11px;display:flex}.pub-av{color:#fff;background:linear-gradient(135deg,#0d8a6f,#16a34a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;font-size:17px;font-weight:800;display:flex}.pub-nm{color:var(--text);font-size:14.5px;font-weight:800}.pub-cat{color:var(--text-3);font-size:11px;font-weight:700}.plat-badge{font-variant-numeric:tabular-nums;border-radius:8px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.pub-row{border-top:1px dashed var(--border);justify-content:space-between;align-items:center;gap:8px;padding:6px 0;font-size:11px;display:flex}.pub-row .k{color:var(--text-3);flex-shrink:0;font-weight:700}.pub-row .vals{flex-wrap:wrap;justify-content:flex-end;gap:5px;display:flex}.mini-tag{border:1px dashed var(--border);color:var(--text-2);font-variant-numeric:tabular-nums;border-radius:7px;padding:2px 8px;font-size:10.5px;font-weight:700}.pub-pager{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin:18px 0 6px;display:flex}.pub-pager button{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:9px;padding:7px 13px;font-family:inherit;font-size:12px;font-weight:700}.pub-pager button.on{color:#fff;background:#0d8a6f;border-color:#0d8a6f}.pub-pager button:disabled{opacity:.4;cursor:default}.int-modal .plat-row{border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:13px 15px}.int-modal .plat-hd{align-items:center;gap:9px;margin-bottom:8px;display:flex}.int-modal input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);text-align:left;direction:ltr;border-radius:8px;padding:8px 11px;font-family:inherit;font-size:12px}.int-modal .flds{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin-bottom:8px;display:grid}.int-st{font-size:11px;font-weight:700}@media (width<=680px){.pub-grid{grid-template-columns:1fr}}.pd-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-bottom:13px;padding:16px 18px}.pd-head{flex-wrap:wrap;align-items:flex-start;gap:15px;display:flex}.pd-av{color:#fff;background:linear-gradient(135deg,#0d8a6f,#16a34a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:66px;height:66px;font-size:25px;font-weight:800;display:flex}.pd-tag{border:1px solid var(--border);color:var(--text-2);border-radius:20px;margin:0 0 6px 6px;padding:4px 13px;font-size:11.5px;font-weight:700;display:inline-block}.pd-info{grid-template-columns:1fr 1fr;gap:8px 20px;margin-top:10px;font-size:12.5px;display:grid}.pd-info .r{gap:8px;display:flex}.pd-info .k{color:var(--text-3);flex-shrink:0;font-weight:700}.pd-tabs{border-bottom:1px solid var(--border);gap:3px;margin-bottom:15px;display:flex;overflow-x:auto}.pd-tab{color:var(--text-3);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 15px;font-family:inherit;font-size:12.5px;font-weight:700}.pd-tab.active{color:var(--brand-700);border-bottom-color:var(--brand-600)}.plat-card{border:1px solid var(--border);border-radius:13px;margin-bottom:11px;padding:14px 16px}.plat-hd2{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.plat-badge{border-radius:9px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:800;display:inline-flex}.bar-row{grid-template-columns:1fr 90px 44px;align-items:center;gap:9px;padding:5px 0;font-size:12px;display:grid}.bar-row .bt{background:var(--surface-2);border-radius:20px;height:8px;overflow:hidden}.bar-row .bt i{background:#6d5ae6;border-radius:20px;height:100%;display:block}.ab{align-items:flex-end;gap:14px;height:130px;padding:8px 4px 0;display:flex}.ab .col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;height:100%;display:flex}.ab .bar{border-radius:8px 8px 3px 3px;width:70%;max-width:44px}.ab .pv{color:var(--text);font-size:12px;font-weight:800}.ab .bl{color:var(--text-3);font-size:10.5px;font-weight:700}.svc{border:1px dashed var(--border);border-radius:9px;justify-content:space-between;margin-top:6px;padding:8px 12px;font-size:12px;display:flex}.hist-row{border:1px solid var(--border);border-radius:11px;align-items:center;gap:10px;margin-bottom:8px;padding:10px 13px;display:flex}.est-note{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:8px;padding:6px 11px;font-size:10.5px;display:inline-block}[data-theme=dark] .est-note{color:#fbbf24;background:#2d2410;border-color:#7c5e10}@media (width<=680px){.pd-info{grid-template-columns:1fr}}