/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-divide-x-reverse:0;--tw-border-style:solid;--tw-divide-y-reverse:0;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Aptos", "Aptos Display", "Segoe UI", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-amber-950:oklch(27.9% .077 45.635);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-400:oklch(76.5% .177 163.223);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-blue-950:oklch(28.2% .091 267.935);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-500:oklch(64.5% .246 16.439);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-900:oklch(41% .159 10.272);--color-rose-950:oklch(27.1% .105 12.094);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-100:oklch(97% 0 0);--color-neutral-200:oklch(92.2% 0 0);--color-neutral-300:oklch(87% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-neutral-500:oklch(55.6% 0 0);--color-neutral-600:oklch(43.9% 0 0);--color-neutral-700:oklch(37.1% 0 0);--color-neutral-800:oklch(26.9% 0 0);--color-neutral-900:oklch(20.5% 0 0);--color-neutral-950:oklch(14.5% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--tracking-wider:.05em;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;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 components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.top-0{top:calc(var(--spacing) * 0)}.top-\[-1px\]{top:-1px}.right-0{right:calc(var(--spacing) * 0)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.-z-10{z-index:calc(10 * -1)}.z-50{z-index:50}.mx-auto{margin-inline:auto}.my-1\.5{margin-block:calc(var(--spacing) * 1.5)}.-mt-3{margin-top:calc(var(--spacing) * -3)}.-mt-5{margin-top:calc(var(--spacing) * -5)}.-mt-px{margin-top:-1px}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mr-6{margin-right:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.-ml-px{margin-left:-1px}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-4{margin-left:calc(var(--spacing) * 4)}.ml-12{margin-left:calc(var(--spacing) * 12)}.ml-auto{margin-left:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.table{display:table}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-3{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.size-\[9px\]{width:9px;height:9px}.h-0{height:calc(var(--spacing) * 0)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-16{height:calc(var(--spacing) * 16)}.h-\[18px\]{height:18px}.h-\[23\.5px\]{height:23.5px}.h-\[56px\]{height:56px}.min-h-dvh{min-height:100dvh}.min-h-screen{min-height:100vh}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-\[18px\]{width:18px}.w-auto{width:auto}.w-fit{width:fit-content}.w-full{width:100%}.w-px{width:1px}.max-w-6xl{max-width:var(--container-6xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-full{max-width:100%}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-5{min-width:calc(var(--spacing) * 5)}.min-w-6{min-width:calc(var(--spacing) * 6)}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.cursor-not-allowed\!{cursor:not-allowed!important}.cursor-pointer{cursor:pointer}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-items-center{justify-items:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-12{gap:calc(var(--spacing) * 12)}:where(.divide-x>:not(:last-child)){--tw-divide-x-reverse:0;border-inline-style:var(--tw-border-style);border-inline-start-width:calc(1px * var(--tw-divide-x-reverse));border-inline-end-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-neutral-200>:not(:last-child)){border-color:var(--color-neutral-200)}.self-stretch{align-self:stretch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.rounded{border-radius:.25rem}.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)}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-l-md{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.rounded-r-md{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.rounded-b-lg{border-bottom-right-radius:var(--radius-lg);border-bottom-left-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-dotted{--tw-border-style:dotted;border-style:dotted}.border-emerald-900{border-color:var(--color-emerald-900)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-neutral-100{border-color:var(--color-neutral-100)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-300{border-color:var(--color-neutral-300)}.bg-amber-200{background-color:var(--color-amber-200)}.bg-amber-600{background-color:var(--color-amber-600)}.bg-black\/8{background-color:#00000014}@supports (color:color-mix(in lab, red, red)){.bg-black\/8{background-color:color-mix(in oklab, var(--color-black) 8%, transparent)}}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-blue-700{background-color:var(--color-blue-700)}.bg-emerald-200{background-color:var(--color-emerald-200)}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-emerald-800{background-color:var(--color-emerald-800)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-600{background-color:var(--color-neutral-600)}.bg-rose-200{background-color:var(--color-rose-200)}.bg-rose-200\!{background-color:var(--color-rose-200)!important}.bg-rose-500{background-color:var(--color-rose-500)}.bg-rose-600{background-color:var(--color-rose-600)}.bg-white{background-color:var(--color-white)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.bg-white\/50{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.bg-white\/50{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.bg-white\/\[2\%\]{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.bg-white\/\[2\%\]{background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[6px\]{padding-inline:6px}.py-0{padding-block:calc(var(--spacing) * 0)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-4{padding-block:calc(var(--spacing) * 4)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-14{padding-top:calc(var(--spacing) * 14)}.pr-2\.5{padding-right:calc(var(--spacing) * 2.5)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pl-4{padding-left:calc(var(--spacing) * 4)}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-xs\/none{font-size:var(--text-xs);line-height:1}.text-\[13px\]{font-size:13px}.leading-3{--tw-leading:calc(var(--spacing) * 3);line-height:calc(var(--spacing) * 3)}.leading-5{--tw-leading:calc(var(--spacing) * 5);line-height:calc(var(--spacing) * 5)}.leading-7{--tw-leading:calc(var(--spacing) * 7);line-height:calc(var(--spacing) * 7)}.font-light{--tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.break-words{overflow-wrap:break-word}.text-amber-900{color:var(--color-amber-900)}.text-black{color:var(--color-black)}.text-blue-500{color:var(--color-blue-500)}.text-blue-900{color:var(--color-blue-900)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-900{color:var(--color-emerald-900)}.text-gray-200{color:var(--color-gray-200)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-neutral-100{color:var(--color-neutral-100)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-500\!{color:var(--color-neutral-500)!important}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-800{color:var(--color-neutral-800)}.text-neutral-900{color:var(--color-neutral-900)}.text-neutral-950{color:var(--color-neutral-950)}.text-rose-900{color:var(--color-rose-900)}.text-white{color:var(--color-white)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.decoration-neutral-400{-webkit-text-decoration-color:var(--color-neutral-400);-webkit-text-decoration-color:var(--color-neutral-400);-webkit-text-decoration-color:var(--color-neutral-400);text-decoration-color:var(--color-neutral-400)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.scheme-light-dark{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){.scheme-light-dark{--lightningcss-light: ;--lightningcss-dark:initial}}.opacity-90{opacity:.9}.shadow,.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xs{--tw-shadow:0 1px 2px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-gray-300{--tw-ring-color:var(--color-gray-300)}.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,)}.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-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))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media (hover:hover){.group-hover\:text-blue-500:is(:where(.group):hover *),.group-hover\/exception\:text-blue-500:is(:where(.group\/exception):hover *){color:var(--color-blue-500)}}.odd\:bg-white\/2:nth-child(odd){background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.odd\:bg-white\/2:nth-child(odd){background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.even\:bg-white:nth-child(2n){background-color:var(--color-white)}@media (hover:hover){.hover\:border:hover{border-style:var(--tw-border-style);border-width:1px}.hover\:border-neutral-200:hover{border-color:var(--color-neutral-200)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-neutral-100:hover{background-color:var(--color-neutral-100)}.hover\:bg-neutral-200:hover{background-color:var(--color-neutral-200)}.hover\:bg-white\/50:hover{background-color:#ffffff80}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/50:hover{background-color:color-mix(in oklab, var(--color-white) 50%, transparent)}}.hover\:text-blue-500:hover{color:var(--color-blue-500)}.hover\:text-gray-400:hover{color:var(--color-gray-400)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:border-blue-300:focus{border-color:var(--color-blue-300)}.focus\:ring:focus{--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)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:bg-gray-100:active{background-color:var(--color-gray-100)}.active\:text-gray-500:active{color:var(--color-gray-500)}.active\:text-gray-700:active{color:var(--color-gray-700)}.active\:text-gray-800:active{color:var(--color-gray-800)}@media (width>=40rem){.sm\:mb-16{margin-bottom:calc(var(--spacing) * 16)}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:flex-1{flex:1}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-start{justify-content:flex-start}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:p-14{padding:calc(var(--spacing) * 14)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-0{padding-block:calc(var(--spacing) * 0)}.sm\:pt-0{padding-top:calc(var(--spacing) * 0)}.sm\:pt-16{padding-top:calc(var(--spacing) * 16)}.sm\:pb-0{padding-bottom:calc(var(--spacing) * 0)}}@media (width>=64rem){.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}.rtl\:flex-row-reverse:where(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),[dir=rtl],[dir=rtl] *){flex-direction:row-reverse}@media (prefers-color-scheme:dark){:where(.dark\:divide-white\/5>:not(:last-child)){border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){:where(.dark\:divide-white\/5>:not(:last-child)){border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}:where(.dark\:divide-white\/10>:not(:last-child)){border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){:where(.dark\:divide-white\/10>:not(:last-child)){border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:border{border-style:var(--tw-border-style);border-width:1px}.dark\:border-none{--tw-border-style:none;border-style:none}.dark\:border-amber-500{border-color:var(--color-amber-500)}.dark\:border-amber-800{border-color:var(--color-amber-800)}.dark\:border-blue-600{border-color:var(--color-blue-600)}.dark\:border-blue-800{border-color:var(--color-blue-800)}.dark\:border-emerald-500{border-color:var(--color-emerald-500)}.dark\:border-emerald-600{border-color:var(--color-emerald-600)}.dark\:border-gray-600{border-color:var(--color-gray-600)}.dark\:border-neutral-500{border-color:var(--color-neutral-500)}.dark\:border-neutral-700{border-color:var(--color-neutral-700)}.dark\:border-neutral-800{border-color:var(--color-neutral-800)}.dark\:border-rose-500{border-color:var(--color-rose-500)}.dark\:border-rose-900{border-color:var(--color-rose-900)}.dark\:border-transparent{border-color:#0000}.dark\:border-white\/5{border-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/5{border-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/8{border-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.dark\:border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/20{border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.dark\:border-white\/\[9\%\]{border-color:#ffffff17}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/\[9\%\]{border-color:color-mix(in oklab, var(--color-white) 9%, transparent)}}.dark\:bg-\[\#1a1a1a\]{background-color:#1a1a1a}.dark\:bg-amber-600{background-color:var(--color-amber-600)}.dark\:bg-amber-950{background-color:var(--color-amber-950)}.dark\:bg-blue-700{background-color:var(--color-blue-700)}.dark\:bg-blue-950{background-color:var(--color-blue-950)}.dark\:bg-emerald-600{background-color:var(--color-emerald-600)}.dark\:bg-emerald-900\/70{background-color:#004e3bb3}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-900\/70{background-color:color-mix(in oklab, var(--color-emerald-900) 70%, transparent)}}.dark\:bg-gray-700{background-color:var(--color-gray-700)}.dark\:bg-gray-800{background-color:var(--color-gray-800)}.dark\:bg-neutral-400{background-color:var(--color-neutral-400)}.dark\:bg-neutral-600{background-color:var(--color-neutral-600)}.dark\:bg-neutral-700{background-color:var(--color-neutral-700)}.dark\:bg-neutral-800{background-color:var(--color-neutral-800)}.dark\:bg-neutral-900{background-color:var(--color-neutral-900)}.dark\:bg-rose-600{background-color:var(--color-rose-600)}.dark\:bg-rose-900\!{background-color:var(--color-rose-900)!important}.dark\:bg-rose-950{background-color:var(--color-rose-950)}.dark\:bg-transparent{background-color:#0000}.dark\:bg-white{background-color:var(--color-white)}.dark\:bg-white\/1{background-color:#ffffff03}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/1{background-color:color-mix(in oklab, var(--color-white) 1%, transparent)}}.dark\:bg-white\/2{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/2{background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.dark\:bg-white\/3{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/3{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.dark\:bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/5{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:bg-white\/\[2\%\]{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/\[2\%\]{background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.dark\:bg-white\/\[3\%\]{background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/\[3\%\]{background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.dark\:text-amber-300{color:var(--color-amber-300)}.dark\:text-blue-300{color:var(--color-blue-300)}.dark\:text-emerald-400{color:var(--color-emerald-400)}.dark\:text-emerald-500{color:var(--color-emerald-500)}.dark\:text-gray-200{color:var(--color-gray-200)}.dark\:text-gray-300{color:var(--color-gray-300)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-gray-600{color:var(--color-gray-600)}.dark\:text-neutral-100{color:var(--color-neutral-100)}.dark\:text-neutral-200{color:var(--color-neutral-200)}.dark\:text-neutral-300{color:var(--color-neutral-300)}.dark\:text-neutral-400{color:var(--color-neutral-400)}.dark\:text-neutral-500{color:var(--color-neutral-500)}.dark\:text-neutral-600{color:var(--color-neutral-600)}.dark\:text-neutral-600\!{color:var(--color-neutral-600)!important}.dark\:text-neutral-900{color:var(--color-neutral-900)}.dark\:text-rose-100{color:var(--color-rose-100)}.dark\:text-white{color:var(--color-white)}.dark\:text-white\!{color:var(--color-white)!important}}@media (hover:hover){@media (prefers-color-scheme:dark){.group-hover\:dark\:text-emerald-500:is(:where(.group):hover *),.group-hover\/exception\:dark\:text-emerald-500:is(:where(.group\/exception):hover *){color:var(--color-emerald-500)}}}@media (prefers-color-scheme:dark){.odd\:dark\:bg-white\/4:nth-child(odd){background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.odd\:dark\:bg-white\/4:nth-child(odd){background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.even\:dark\:bg-white\/2:nth-child(2n){background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.even\:dark\:bg-white\/2:nth-child(2n){background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}@media (hover:hover){.dark\:hover\:border-none:hover{--tw-border-style:none;border-style:none}.dark\:hover\:bg-gray-900:hover{background-color:var(--color-gray-900)}.dark\:hover\:bg-white\/2:hover{background-color:#ffffff05}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/2:hover{background-color:color-mix(in oklab, var(--color-white) 2%, transparent)}}.dark\:hover\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/10:hover{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}}}@media (hover:hover){@media (prefers-color-scheme:dark){.hover\:dark\:bg-white\/5:hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.hover\:dark\:bg-white\/5:hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}}}@media (prefers-color-scheme:dark){@media (hover:hover){.dark\:hover\:text-emerald-500:hover{color:var(--color-emerald-500)}.dark\:hover\:text-gray-200:hover{color:var(--color-gray-200)}.dark\:hover\:text-gray-300:hover{color:var(--color-gray-300)}}}@media (hover:hover){@media (prefers-color-scheme:dark){.hover\:dark\:text-white:hover{color:var(--color-white)}}}@media (prefers-color-scheme:dark){.dark\:focus\:border-blue-700:focus{border-color:var(--color-blue-700)}.dark\:focus\:border-blue-800:focus{border-color:var(--color-blue-800)}.dark\:active\:bg-gray-700:active{background-color:var(--color-gray-700)}.dark\:active\:text-gray-300:active{color:var(--color-gray-300)}}.\[\&_svg\]\:size-2\.5 svg{width:calc(var(--spacing) * 2.5);height:calc(var(--spacing) * 2.5)}.\[\&_svg\]\:\!text-white svg{color:var(--color-white)!important}@media (hover:hover){.hover\:\[\&_svg\]\:stroke-emerald-500:hover svg{stroke:var(--color-emerald-500)}}@media (prefers-color-scheme:dark){.dark\:\[\&_svg\]\:\!text-white svg{color:var(--color-white)!important}}}:root{--font-aplikasi:"Aptos", "Aptos Display", "Segoe UI Variable", "Segoe UI", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--latar:#f6f8fb;--panel:#fff;--teks:#172033;--muted:#64748b;--garis:#dbe3ef;--utama:#0f766e;--utama-gelap:#0b5f59;--sidebar:#102a43;--sidebar-aktif:#1d4e6f;--bayangan:0 16px 40px #0f172a14}*{box-sizing:border-box}body{background:var(--latar);color:var(--teks);margin:0;font-family:var(--font-aplikasi)!important}html,body,button,input,select,textarea,table{font-family:var(--font-aplikasi)!important}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;font-family:var(--font-aplikasi)!important}.aplikasi{grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--sidebar);color:#e8f1f8;z-index:30;width:280px;min-height:100vh;padding:20px 16px;transition:width .18s,transform .18s;position:sticky;top:0}.merek{align-items:center;gap:12px;margin-bottom:28px;display:flex}.logo{color:#16321f;background:#d9f99d;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;font-weight:800;display:inline-flex}.teks-merek{font-size:1.2rem;font-weight:800;line-height:1.15;display:grid}.teks-merek small{color:#b7c9d8;letter-spacing:0;text-transform:uppercase;font-size:.68rem;font-weight:900}.menu{gap:8px;display:grid}.menu-item{color:#d7e5ef;border-radius:8px;padding:12px 14px;font-weight:700;display:flex}.menu-item:hover,.menu-item.aktif{background:var(--sidebar-aktif);color:#fff}.konten{min-width:0;padding:24px}.bar-atas{align-items:center;gap:16px;margin-bottom:24px;display:flex}.bar-atas h1{margin:0;font-size:clamp(1.5rem,2vw,2rem);line-height:1.2}.eyebrow{color:var(--muted);text-transform:uppercase;margin:0 0 4px;font-size:.78rem;font-weight:800}.tombol-icon{background:var(--panel);border:1px solid var(--garis);cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:42px;height:42px;display:inline-flex}.tombol-icon span{background:var(--teks);border-radius:999px;width:18px;height:2px;display:block}.akun{text-align:right;align-items:flex-end;gap:2px;margin-left:0;display:grid}.tautan-profil,.akun span{font-weight:800}.tautan-profil:hover{color:var(--utama)}.akun small{color:var(--muted)}.akun button{color:#b91c1c;cursor:pointer;padding:0;font-weight:800}.profil-menu{margin-left:0;position:relative}.tombol-profil{cursor:pointer;border:3px solid #4f46e5;padding:0}.dropdown-profil{border:1px solid var(--garis);z-index:60;background:#fff;border-radius:14px;min-width:280px;padding-top:18px;display:none;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 20px 55px #0f172a29}.dropdown-profil.aktif{display:block}.ringkasan-dropdown-profil{text-align:center;place-items:center;padding:6px 16px 12px;display:grid}.avatar-dropdown{color:#0f766e;background:linear-gradient(135deg,#d9f99d,#93c5fd);border:1px solid #dbeafe;width:58px;height:58px;margin-bottom:8px;font-size:1.1rem}.ringkasan-dropdown-profil strong{color:#111827;line-height:1.2}.ringkasan-dropdown-profil small{color:#64748b;font-weight:700}.paket-profil{text-align:center;background:#f1f1f1;border-radius:8px;gap:5px;margin:0 8px 16px;padding:12px;display:grid}.paket-profil strong{color:#111827}.paket-profil span{color:#4f46e5;font-weight:800}.paket-profil small{color:#111827;background:#e5e7eb;border-radius:5px;justify-self:center;width:fit-content;margin-top:4px;padding:5px 8px}.daftar-menu-profil{border-top:1px solid var(--garis);padding:8px 0;display:grid}.daftar-menu-profil a,.daftar-menu-profil button{color:#111827;cursor:pointer;text-align:left;background:0 0;align-items:center;gap:10px;width:100%;min-height:42px;padding:10px 16px;display:flex}.daftar-menu-profil a:hover,.daftar-menu-profil button:hover{background:#f8fafc}.daftar-menu-profil button{font-weight:800}.ikon-menu-profil{color:#111827;flex:0 0 22px;justify-content:center;align-items:center;width:22px;font-size:1.1rem;display:inline-flex}.avatar-user{background:linear-gradient(135deg, var(--utama), #2563eb);color:#fff;letter-spacing:0;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.avatar-header{border:2px solid #fff;flex:none;width:42px;height:42px;box-shadow:0 8px 20px #0f172a24}.avatar-header:hover{filter:brightness(.96)}.profil-ringkas{border-bottom:1px solid var(--garis);align-items:center;gap:16px;margin-bottom:18px;padding-bottom:18px;display:flex}.profil-ringkas h2{margin:0 0 4px;font-size:1.15rem}.profil-ringkas span{color:var(--muted)}.avatar-profil{width:72px;height:72px;font-size:1.4rem;box-shadow:0 14px 28px #0f766e38}.hero-profil{box-shadow:var(--bayangan);color:#fff;background:radial-gradient(circle at 100% 0,#ffffff3d,#0000 34%),linear-gradient(135deg,#0f766e,#1d4ed8);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:18px;padding:24px;display:grid}.hero-profil span{color:#ffffffc7;text-transform:uppercase;font-size:.78rem;font-weight:900;display:block}.hero-profil h2{margin:4px 0;font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.15}.hero-profil p{color:#ffffffd1;margin:0}.avatar-profil-besar{background:#ffffff29;border:1px solid #ffffff47;width:82px;height:82px;font-size:1.6rem}.skor-profil{text-align:right;background:#ffffff24;border:1px solid #ffffff38;border-radius:8px;padding:14px 16px}.skor-profil strong{font-size:1.6rem;line-height:1;display:block}.grid-kartu-profil{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.kartu-profil-modul{background:var(--panel);border:1px solid var(--garis);box-shadow:var(--bayangan);border-radius:8px;gap:5px;padding:16px;transition:transform .16s,border-color .16s;display:grid;position:relative}.kartu-profil-modul:hover{border-color:var(--utama);transform:translateY(-2px)}.kartu-profil-modul span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:900}.kartu-profil-modul strong{font-size:2rem;line-height:1}.kartu-profil-modul small{color:var(--muted)}.grid-kartu-dashboard-profil{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.kartu-dashboard-profil{box-shadow:var(--bayangan);color:#fff;border-radius:8px;gap:10px;min-height:144px;padding:18px;display:grid}.kartu-dashboard-profil.oranye{background:linear-gradient(135deg,#f97316,#fb923c)}.kartu-dashboard-profil.biru{background:linear-gradient(135deg,#0284c7,#3b82f6)}.kartu-dashboard-profil.hijau{background:linear-gradient(135deg,#059669,#22c55e)}.kartu-dashboard-profil.ungu{background:linear-gradient(135deg,#7c3aed,#a855f7)}.kepala-dashboard-profil{align-items:center;gap:10px;display:flex}.kepala-dashboard-profil i{background:#ffffff29;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:.78rem;font-style:normal;font-weight:900;display:inline-flex}.kepala-dashboard-profil strong{font-size:1rem}.kartu-dashboard-profil p{color:#ffffffd6;margin:0}.meta-dashboard-profil,.stat-dashboard-profil{flex-wrap:wrap;align-items:end;gap:12px;margin-top:auto;display:flex}.stat-dashboard-profil span{color:#ffffffeb;gap:2px;font-size:.82rem;display:inline-grid}.stat-dashboard-profil strong{font-size:1.5rem;line-height:1}.ikon-sosial-profil span{background:#ffffff29;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.78rem;font-weight:900;display:inline-flex}.ikon-sosial-profil small{color:#ffffffd1}.daftar-pencapaian,.daftar-aktivitas-profil,.daftar-sosial-profil{gap:12px;display:grid}.item-pencapaian,.aktivitas-profil,.item-sosial-profil{border:1px solid var(--garis);border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:12px;display:grid}.item-pencapaian i{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:.78rem;font-style:normal;font-weight:900;display:inline-flex}.item-pencapaian strong,.aktivitas-profil strong,.item-sosial-profil strong{display:block}.item-pencapaian p{color:var(--muted);margin:4px 0 0}.aktivitas-profil i{border-radius:999px;width:14px;height:14px;margin-top:5px;display:inline-block}.aktivitas-profil i.hijau{background:#10b981}.aktivitas-profil i.biru{background:#3b82f6}.aktivitas-profil i.ungu{background:#8b5cf6}.item-sosial-profil{color:inherit;grid-template-columns:minmax(0,1fr)}.item-sosial-profil small,.aktivitas-profil small{color:var(--muted)}.aktivitas-profil p{color:var(--teks);margin:6px 0}.ikon-notifikasi{background:var(--panel);border:1px solid var(--garis);color:var(--teks);border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;margin-left:auto;display:inline-flex;position:relative}.ikon-notifikasi svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:21px;height:21px}.ikon-notifikasi span{border:2px solid var(--latar);color:#fff;background:#dc2626;border-radius:999px;justify-content:center;align-items:center;min-width:19px;min-height:19px;padding:0 4px;font-size:.68rem;font-weight:800;display:inline-flex;position:absolute;top:-5px;right:-5px}.halaman-login{justify-content:center;align-items:center;min-width:100%;min-height:100vh;padding:20px;display:flex}.kartu-login{background:var(--panel);border:1px solid var(--garis);box-shadow:var(--bayangan);border-radius:8px;gap:16px;width:100%;max-width:420px;padding:28px;display:grid}.kartu-login>div:first-child{text-align:center;justify-items:center;display:grid}.bungkus-password{display:block;position:relative}.bungkus-password input{padding-right:48px}.tombol-mata-password{color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:inline-flex;position:absolute;top:0;right:6px}.tombol-mata-password:hover{color:var(--utama)}.tombol-mata-password svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:21px;height:21px}.kartu-login h1{margin:16px 0 6px;font-size:1.5rem}.kartu-login p{color:var(--muted);margin:0}.cek{flex-direction:row;align-items:center!important;gap:8px!important;display:flex!important}.cek input{width:auto;min-height:auto}.grid-ringkasan{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px;display:grid}.panel-heatmap{margin-bottom:18px}.judul-heatmap{flex-wrap:wrap;align-items:flex-start;row-gap:14px}.filter-dashboard{grid-template-columns:120px 110px repeat(3,minmax(130px,1fr)) auto;gap:10px;width:100%;max-width:980px;display:grid}.grafik-wrap{border:1px solid var(--garis);border-radius:4px;padding:10px 10px 8px}.legenda-grafik{justify-content:center;align-items:center;gap:16px;margin-bottom:8px;display:flex}.legenda-grafik span{align-items:center;gap:7px;font-size:.8rem;display:inline-flex}.legenda-grafik i{width:12px;height:12px;display:inline-block}.legenda-grafik .biru{background:#3b82f6}.legenda-grafik .merah{background:#ef4444}.grafik-scroll{padding-bottom:2px;overflow-x:auto}.grafik-kanvas{grid-template-rows:170px 24px;grid-template-columns:36px minmax(0,1fr);width:100%;min-width:760px;display:grid}.sumbu-y{color:var(--muted);text-align:right;grid-row:1;grid-template-rows:repeat(5,1fr);padding-right:7px;font-size:.78rem;font-weight:800;display:grid}.grafik-svg{border-bottom:1px solid var(--muted);background-image:repeating-linear-gradient(#0000 0 16px,#dbe3ef 17px);grid-area:1/2;width:100%;height:170px;overflow:visible}.area-lead{fill:#ef444438;stroke:none}.garis-lead,.garis-closing{fill:none;stroke-linejoin:round;stroke-width:2px}.garis-lead{stroke:#ef4444}.garis-closing{stroke:#3b82f6}.sumbu-x{color:var(--teks);text-align:center;grid-area:2/2;padding-top:6px;font-size:.74rem;font-weight:800;display:grid}.sumbu-x span{min-width:0;display:block}.kartu-stat,.panel{background:var(--panel);border:1px solid var(--garis);box-shadow:var(--bayangan);border-radius:8px}.kartu-stat{padding:18px}.kartu-stat span{color:var(--muted);font-size:.9rem;font-weight:700;display:block}.kartu-stat strong{margin-top:8px;font-size:2rem;display:block}.dashboard-kpi{gap:18px;display:grid}.kpi-hero,.kpi-card,.kpi-growth-panel,.kpi-source-panel{background:#fff;border:1px solid #e4ebf1;border-radius:16px;box-shadow:0 16px 32px #154e5b1c}.kpi-hero{align-items:center;gap:10px;min-height:74px;padding:18px 16px;display:flex}.kpi-hero h2{color:#18313a;margin:0;font-size:1.18rem;line-height:1.15}.kpi-hero p{color:#607989;margin:7px 0 0;font-size:.82rem}.kpi-filter{align-items:center;gap:8px;margin-left:auto;display:flex}.kpi-filter select{min-width:118px;min-height:38px}.kpi-filter .tombol{min-height:38px}.kpi-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.kpi-card{min-height:100px;padding:20px 18px 16px}.kpi-card span{color:#536e80;margin-bottom:12px;font-size:.86rem;display:block}.kpi-card strong{color:#075b5f;letter-spacing:0;font-size:clamp(1.8rem,3vw,2.25rem);line-height:1;display:block}.kpi-analytics{grid-template-columns:minmax(0,2fr) minmax(330px,.98fr);align-items:stretch;gap:18px;display:grid}.kpi-growth-panel,.kpi-source-panel{border-radius:16px;padding:18px}.kpi-panel-title{align-items:start}.kpi-panel-title h2,.kpi-source-panel h2{color:#001f2f;font-size:1.05rem;font-weight:800}.kpi-panel-title span{color:#647989;font-size:.78rem}.kpi-tabs{background:#eff4f8;border-radius:12px;align-items:center;gap:4px;padding:4px;display:inline-flex}.kpi-tabs a,.kpi-tabs span{color:#0d2740;border-radius:9px;padding:6px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.kpi-tabs a:hover{background:#ffffffb8}.kpi-tabs .aktif{background:#fff;box-shadow:0 2px 8px #0f2a4329}.kpi-chart-wrap{border:0;border-radius:0;padding:6px 0 0}.kpi-line-canvas{min-width:max(760px, var(--chart-width,960px));grid-template-rows:250px 36px}.kpi-line-svg{background-image:repeating-linear-gradient(#0000 0 30px,#7888962e 31px),repeating-linear-gradient(90deg,#0000 0 72px,#78889629 73px);border-bottom:1px solid #cdd4da;height:250px}.kpi-line-area{fill:#0e625f1f;stroke:none}.kpi-line{stroke:#0e625f;stroke-width:3px;vector-effect:non-scaling-stroke}.kpi-line-dot{fill:#fff;stroke:#0e625f;stroke-width:2px;vector-effect:non-scaling-stroke}.kpi-line-canvas .sumbu-y,.kpi-line-canvas .sumbu-x{color:#58636c;font-weight:500}.kpi-line-canvas .sumbu-x{gap:0}.kpi-line-canvas .sumbu-x span{white-space:nowrap;min-width:58px;padding-top:2px;overflow:visible}.kpi-source-panel{min-height:320px}.kpi-source-panel .judul-panel{margin-bottom:8px}.kpi-pie{aspect-ratio:1;background:var(--pie);border-radius:50%;width:min(72%,275px);max-width:275px;margin:20px auto 10px;position:relative}.kpi-pie:after{color:#075b5f;content:attr(data-total) " lead";text-align:center;background:#fff;border:2px solid #ffffffd1;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:900;display:flex;position:absolute;inset:34%;box-shadow:0 4px 14px #0f2a431f}.kpi-pie-legend{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 14px;margin-top:8px;display:flex}.kpi-pie-legend span{color:#5d6470;align-items:center;gap:7px;font-size:.78rem;display:inline-flex}.kpi-pie-legend strong{color:#475569}.kpi-pie-legend em{color:#0f766e;font-style:normal;font-weight:800}.kpi-pie-legend i{background:#e5e7eb;width:38px;height:10px;display:inline-block}.kpi-table-panel{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 14px 28px #0f172a14}.kpi-table-panel .judul-panel{border-bottom:0;align-items:start;margin-bottom:14px}.kpi-table-wrap{border:1px solid #dbe4ef;border-radius:10px;overflow-x:auto}.kpi-table{border-collapse:collapse;width:100%;min-width:680px}.kpi-table th,.kpi-table td{text-align:left;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #e7edf5;padding:13px 16px}.kpi-table th{color:#526780;text-transform:uppercase;background:#f8fbfe;font-size:.72rem;font-weight:900}.kpi-table td{color:var(--teks);font-size:.86rem;font-weight:700}.kpi-table tbody tr:last-child td{border-bottom:0}.kpi-table tbody tr:hover td{background:#fbfdff}.kpi-badge{border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:900;line-height:1;display:inline-flex}.kpi-badge-blue{color:#0369a1;background:#eff8ff}.kpi-badge-green{color:#047857;background:#e9fbf1}.kpi-table-empty{color:var(--muted)!important;text-align:center!important;font-weight:700!important}.grid-dua{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.panel{padding:18px}.judul-panel,.aksi-halaman,.baris-sumber,.baris-ringkas,.aksi-form{justify-content:space-between;align-items:center;gap:12px;display:flex}.judul-panel{margin-bottom:14px}.judul-panel h2{margin:0;font-size:1rem}.judul-panel a,.aksi-tabel a{color:var(--utama);font-weight:800}.judul-panel span,.baris-ringkas small{color:var(--muted)}.daftar-sumber,.daftar-ringkas{gap:10px;display:grid}.chart-batang{border:1px solid var(--garis);background:repeating-linear-gradient(#0000 0 43px,#d7dee8 44px),#fff;border-radius:4px;grid-auto-columns:minmax(74px,1fr);grid-auto-flow:column;align-items:end;gap:18px;min-height:305px;padding:18px 16px 12px;display:grid;overflow-x:auto}.chart-batang-ringkas{grid-auto-columns:minmax(120px,1fr)}.kalender-follow-up{grid-template-columns:repeat(7,minmax(92px,1fr));gap:8px;display:grid;overflow-x:auto}.nama-hari{color:var(--muted);text-transform:uppercase;padding:0 4px;font-size:.78rem;font-weight:800}.tanggal-kalender{border:1px solid var(--garis);background:#fff;border-radius:8px;gap:8px;min-height:86px;padding:10px;display:grid}.tanggal-kalender span{font-weight:800}.tanggal-kalender strong{color:#166534;background:#dcfce7;border-radius:999px;align-self:end;width:fit-content;padding:5px 8px;font-size:.78rem}.tanggal-kalender em{color:var(--muted);align-self:end;font-style:normal}.tanggal-luar-bulan{color:#94a3b8;background:#f8fafc}.tanggal-hari-ini{border-color:var(--utama);box-shadow:inset 0 0 0 1px var(--utama)}.kolom-batang{grid-template-rows:18px 220px auto;place-items:center;gap:7px;min-width:74px;display:grid}.nilai-batang{color:var(--muted);font-size:.78rem;font-weight:800;line-height:1}.batang{border-radius:4px 4px 0 0;align-self:end;width:70%;min-width:38px}.label-batang{color:var(--teks);text-align:center;text-transform:uppercase;word-break:break-word;min-height:32px;font-size:.74rem;font-weight:800;line-height:1.15}.baris-sumber,.baris-ringkas{border:1px solid var(--garis);border-radius:8px;padding:12px}.baris-ringkas.belum-dibaca{border-color:var(--utama);box-shadow:inset 4px 0 0 var(--utama)}.baris-ringkas.reminder-terlambat{border-color:#fecaca;box-shadow:inset 4px 0 #dc2626}.catatan-detail{border-top:1px solid var(--garis);margin-top:14px;padding-top:14px}.catatan-detail p{color:var(--muted);margin:6px 0 0}.baris-ringkas strong,td strong{display:block}.baris-ringkas em,.badge{color:#166534;white-space:nowrap;background:#dcfce7;border-radius:999px;padding:5px 10px;font-size:.8rem;font-style:normal;font-weight:800}.badge-bahaya{color:#991b1b;background:#fee2e2}.badge-peringatan{color:#92400e;background:#fef3c7}.badge-log{color:#1d4ed8;white-space:nowrap;background:#eef2ff;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:900;display:inline-flex}.url-log{overflow-wrap:anywhere;max-width:420px}.detail-payload{margin-top:8px}.detail-payload summary{color:var(--utama);cursor:pointer;font-size:.78rem;font-weight:900}.detail-payload pre{color:#e2e8f0;background:#0f172a;border-radius:8px;max-width:520px;max-height:220px;margin:8px 0 0;padding:12px;font-size:.78rem;overflow:auto}.notifikasi{color:#166534;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:16px;padding:12px 14px;font-weight:800}.preview-error-import{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin:16px 0;padding:14px}.preview-error-import .badge{white-space:normal;margin:2px 4px 2px 0;display:inline-flex}.error-box{color:#991b1b;background:#fef2f2;border-color:#fecaca}.error-box ul{margin:8px 0 0 18px}.modal-terbuka{overflow:hidden}.modal-konfirmasi{z-index:100;background:#0f172a8a;justify-content:center;align-items:center;padding:18px;display:flex;position:fixed;inset:0}.modal-konfirmasi[hidden]{display:none}.kartu-konfirmasi{background:var(--panel);border:1px solid var(--garis);border-radius:8px;gap:10px;width:min(100%,440px);max-width:440px;padding:22px;display:grid;box-shadow:0 24px 70px #0f172a38}.label-konfirmasi{color:#b91c1c;text-transform:uppercase;font-size:.78rem;font-weight:900}.kartu-konfirmasi h2{margin:0;font-size:1.15rem;line-height:1.25}.kartu-konfirmasi p{color:var(--muted);margin:0;line-height:1.55}.aksi-konfirmasi{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.aksi-halaman{margin-bottom:16px}.toolbar-leads{gap:14px;margin-bottom:20px;display:grid}.filter{flex:1;grid-template-columns:minmax(190px,1fr) 150px 150px auto;gap:10px;display:grid}.filter-leads{grid-template-columns:minmax(260px,1fr) repeat(4,150px) auto}.filter-log{grid-template-columns:minmax(220px,1fr) repeat(3,minmax(140px,170px)) repeat(2,minmax(130px,150px)) auto}.aksi-data-leads{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.aksi-massal{border:1px solid var(--garis);background:#f8fafc;border-radius:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:14px;padding:10px;display:flex}.aksi-massal span{color:var(--muted);margin-right:auto;font-weight:700}.aksi-massal select{max-width:190px}.tombol:disabled{cursor:not-allowed;opacity:.55}.form-import input[type=file]{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}input,select,textarea{border:1px solid var(--garis);color:var(--teks);background:#fff;border-radius:8px;width:100%;min-height:42px;padding:10px 12px}textarea{resize:vertical}.tombol{cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:10px 14px;font-weight:800;display:inline-flex}.utama{background:var(--utama);color:#fff}.utama:hover{background:var(--utama-gelap)}.sekunder{color:#24364b;background:#eef2f7}.bungkus-tabel{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:960px}th,td{border-bottom:1px solid var(--garis);text-align:left;vertical-align:top;padding:14px 12px}th{color:var(--muted);text-transform:uppercase;font-size:.8rem}td small{color:var(--muted)}.kolom-pilih{text-align:center;width:48px}.kolom-pilih input{cursor:pointer;width:auto;min-height:auto}.aksi-tabel{align-items:center;gap:10px;display:flex}.aksi-tabel button{color:#b91c1c;cursor:pointer;background:0 0;padding:0;font-weight:800}.paginasi{margin-top:16px}.grid-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.grid-form label{color:#334155;gap:7px;font-weight:800;display:grid}.penuh{grid-column:1/-1}.panel-form-closing{border:1px solid var(--garis);background:#f8fafc;border-radius:8px;padding:14px}.aksi-form{justify-content:flex-end;margin-top:18px}.jarak-atas{margin-top:18px}.hero-modul{box-shadow:var(--bayangan);color:#fff;background:linear-gradient(135deg,#0f766eeb,#2563ebe0),#0f766e;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:22px;display:flex;overflow:hidden}.hero-modul span{color:#ffffffc7;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:900;display:block}.hero-modul h2{max-width:760px;margin:0;font-size:clamp(1.25rem,2.2vw,1.85rem);line-height:1.2}.hero-modul p{color:#ffffffd1;max-width:760px;margin:8px 0 0}.hero-modul strong{white-space:nowrap;background:#ffffff29;border:1px solid #ffffff38;border-radius:999px;padding:10px 14px}.grid-kartu-modul{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.kartu-anggota,.kartu-kelas,.kolom-tugas{background:var(--panel);border:1px solid var(--garis);box-shadow:var(--bayangan);border-radius:8px}.kartu-anggota{align-content:start;gap:14px;padding:16px;display:grid}.avatar-daftar{width:48px;height:48px;box-shadow:0 10px 22px #0f766e29}.kartu-anggota h3,.kartu-tugas h3,.kartu-kelas h3{margin:0;font-size:1rem;line-height:1.25}.kartu-anggota span,.kartu-tugas p,.kartu-kelas p,.kartu-kelas small{color:var(--muted)}.metrik-mini{flex-wrap:wrap;gap:8px;display:flex}.metrik-mini span{color:var(--teks);background:#f1f5f9;border-radius:999px;padding:6px 9px;font-size:.78rem;font-weight:800}.kanban-tugas{grid-template-columns:repeat(4,minmax(250px,1fr));align-items:start;gap:14px;padding-bottom:2px;display:grid;overflow-x:auto}.kolom-tugas{padding:12px}.kepala-tugas{align-items:center;gap:9px;margin-bottom:12px;display:flex}.kepala-tugas h2{margin:0;font-size:.95rem}.kepala-tugas strong{background:#eef2f7;border-radius:999px;margin-left:auto;padding:4px 8px}.titik-status{border-radius:999px;width:10px;height:10px;display:inline-block}.titik-status.merah{background:#ef4444}.titik-status.kuning{background:#f59e0b}.titik-status.hijau{background:#10b981}.titik-status.abu{background:#94a3b8}.daftar-tugas{gap:10px;display:grid}.kartu-tugas{border:1px solid var(--garis);background:#f8fafc;border-radius:8px;gap:8px;padding:12px;display:grid}.form-ringkas{gap:8px;display:grid}.form-ringkas input,.form-ringkas select,.form-ringkas textarea{min-height:36px;padding:8px 10px}.komentar-tugas{border-top:1px solid var(--garis);gap:5px;padding-top:8px;display:grid}.kartu-tugas>span,.kartu-kelas>span{color:var(--utama);text-transform:uppercase;font-size:.72rem;font-weight:900}.kartu-tugas div,.kartu-kelas div:last-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.kartu-tugas a{color:var(--utama);font-weight:900}.daftar-progress{gap:14px;display:grid}.bar-progress{gap:8px;display:grid}.bar-progress div{justify-content:space-between;align-items:center;display:flex}.bar-progress span{color:var(--muted);font-weight:800}.bar-progress i,.progress-kelas{background:#e2e8f0;border-radius:999px;height:10px;display:block;overflow:hidden}.bar-progress i{background:linear-gradient(90deg, var(--utama), #3b82f6)}.progress-kelas i{background:linear-gradient(90deg, #f59e0b, var(--utama));height:100%;display:block}.progress-detail{height:14px}.kartu-kelas{gap:12px;padding:16px;display:grid}.kartu-kelas-gratis{align-content:start}.kepala-kelas{justify-content:space-between;align-items:center;gap:10px;display:flex}.kepala-kelas span,.kepala-kelas em{text-transform:uppercase;border-radius:999px;padding:5px 9px;font-size:.72rem;font-style:normal;font-weight:900}.kepala-kelas span{color:#1d4ed8;background:#eef2ff}.kepala-kelas em{color:#166534;background:#dcfce7}.topik-kelas,.topik-hero{color:var(--utama);font-weight:900}.topik-kelas{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;justify-self:start;padding:5px 9px}.kelola-kelas{border-top:1px solid var(--garis);margin-top:6px;padding-top:10px}.kelola-kelas summary{color:var(--utama);cursor:pointer;font-size:.82rem;font-weight:900}.kelola-kelas form{margin-top:10px}.sub-materi{align-items:start}.video-pembelajaran{aspect-ratio:16/9;background:#0f172a;border-radius:8px;width:min(100%,720px);margin-top:10px;overflow:hidden}.video-pembelajaran iframe{border:0;width:100%;height:100%}.grid-pengguna{grid-template-columns:1.2fr 1.4fr 130px 130px 180px 90px;align-items:center;gap:10px;display:grid}.panel-role-user{grid-column:1/-1}.form-pengaturan{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;margin-bottom:14px;display:grid}.daftar-pengaturan{gap:10px;display:grid}.baris-pengaturan{border:1px solid var(--garis);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.baris-pengaturan form{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;display:grid}.baris-role-user{grid-template-columns:minmax(220px,.8fr) minmax(0,2fr);align-items:start}.baris-role-user small{color:var(--muted)}.form-template-whatsapp{border:1px solid var(--garis);background:#f8fafc;border-radius:8px;padding:12px}.form-template-whatsapp .aksi-form{margin-top:0}.baris-template-whatsapp{grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:14px}.baris-template-whatsapp>form{min-width:0}.baris-template-whatsapp .form-edit-template-whatsapp{grid-template-columns:minmax(170px,.26fr) minmax(0,1fr);align-items:stretch;gap:12px;width:100%;display:grid}.grid-template-whatsapp{gap:12px}.grid-template-whatsapp textarea{min-height:120px}.grid-template-whatsapp .aksi-form{margin-top:0}.form-hapus-template-whatsapp{display:block}.form-hapus-template-whatsapp .tombol{min-width:140px}.identitas-user{min-width:0}.kontrol-role-user{grid-template-columns:minmax(130px,1fr) minmax(150px,1fr) auto auto;align-items:center;gap:10px;width:100%;min-width:0;display:grid}.form-tambah-user{border:1px solid var(--garis);background:#f8fafc;border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px;padding:12px;display:grid}.form-tambah-user .tombol{width:100%}.form-tambah-user .cek,.form-tambah-user .tombol{align-self:center}.form-target-kinerja{border:1px solid var(--garis);background:#f8fafc;border-radius:8px;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin-bottom:14px;padding:16px;display:grid}.panduan-target-kinerja{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.panduan-target-kinerja div{border:1px solid var(--garis);background:#f8fafc;border-radius:8px;gap:4px;padding:12px;display:grid}.panduan-target-kinerja strong,.field-target span{color:var(--teks);font-weight:900}.panduan-target-kinerja span,.field-target small{color:var(--muted);font-size:.86rem;line-height:1.4}.field-target{gap:6px;display:grid}.field-target-kecil{grid-column:span 2}.field-target-sedang{grid-column:span 3}.field-target-lebar{grid-column:span 4}.field-target[hidden]{display:none}.form-target-kinerja .tombol-target{grid-column:1/-1;justify-self:end;width:auto;min-width:220px}.baris-target-kinerja{grid-template-columns:minmax(0,1fr) auto}.baris-target-kinerja>form:first-child{grid-template-columns:minmax(220px,1fr) 130px 130px auto}.bahaya{color:#b91c1c;background:#fee2e2}.bahaya:hover{background:#fecaca}.baris-pengguna{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.error{color:#b91c1c;font-weight:700}.petunjuk{color:var(--muted);font-weight:600}.autocomplete-sekolah{display:block;position:relative}.panel-saran-sekolah{border:1px solid var(--garis);box-shadow:var(--bayangan);z-index:40;background:#fff;border-radius:8px;max-height:220px;display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.panel-saran-sekolah.aktif{display:block}.opsi-sekolah{color:var(--teks);cursor:pointer;text-align:left;background:0 0;width:100%;padding:10px 12px;display:block}.opsi-sekolah:hover,.opsi-sekolah:focus{background:#eef2f7;outline:none}.kosong{color:var(--muted);text-align:center;margin:0;padding:16px 0}.overlay{display:none}body.sidebar-ciut .aplikasi{grid-template-columns:82px minmax(0,1fr)}body.sidebar-ciut .sidebar{width:82px}body.sidebar-ciut .teks-merek,body.sidebar-ciut .menu-item span{display:none}body.sidebar-ciut .menu-item{justify-content:center;min-height:44px}@media (width<=980px){.grid-ringkasan,.grid-dua,.filter,.filter-leads,.filter-log,.filter-dashboard,.kpi-metrics,.kpi-analytics{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-source-panel{grid-column:1/-1}.kpi-hero{flex-wrap:wrap;align-items:stretch}.kpi-filter{width:100%;margin-left:0}.filter .tombol,.filter-dashboard .tombol{grid-column:1/-1}.grid-kartu-modul,.grid-kartu-profil,.grid-kartu-dashboard-profil{grid-template-columns:repeat(2,minmax(0,1fr))}.panduan-target-kinerja,.form-target-kinerja{grid-template-columns:repeat(6,minmax(0,1fr))}.field-target-kecil,.field-target-sedang{grid-column:span 3}.field-target-lebar{grid-column:span 6}.form-target-kinerja .tombol-target{grid-column:1/-1}}@media (width<=760px){.aplikasi,body.sidebar-ciut .aplikasi{display:block}.sidebar,body.sidebar-ciut .sidebar{width:min(86vw,300px);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}body.sidebar-terbuka .sidebar{transform:translate(0)}body.sidebar-terbuka .overlay{z-index:20;background:#0f172a73;display:block;position:fixed;inset:0}body.sidebar-ciut .teks-merek,body.sidebar-ciut .menu-item span{display:inline}body.sidebar-ciut .menu-item{justify-content:flex-start}.konten{padding:18px}.grid-ringkasan,.grid-dua,.kpi-metrics,.kpi-analytics,.grid-kartu-modul,.grid-kartu-profil,.grid-kartu-dashboard-profil,.filter,.filter-leads,.filter-log,.filter-dashboard,.grid-form{grid-template-columns:1fr}.kpi-hero{grid-template-columns:minmax(0,1fr);display:grid}.kpi-filter{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.kpi-filter .tombol{grid-column:1/-1}.panduan-target-kinerja{grid-template-columns:1fr}.field-target-kecil,.field-target-sedang,.field-target-lebar,.form-target-kinerja .tombol-target{grid-column:1/-1}.form-target-kinerja .tombol-target{justify-self:stretch;width:100%}.aksi-halaman{flex-direction:column;align-items:stretch}.hero-modul{flex-direction:column;align-items:flex-start}.hero-profil{grid-template-columns:1fr;align-items:flex-start}.skor-profil{text-align:left;width:100%}.aksi-data-leads,.aksi-massal{flex-direction:column;align-items:stretch}.aksi-massal span{margin-right:0}.aksi-massal select{max-width:none}.aksi-form{flex-direction:column-reverse;align-items:stretch}.aksi-konfirmasi{flex-direction:column-reverse}.bar-atas{flex-wrap:wrap;align-items:flex-start}.akun{text-align:left;align-items:flex-start;width:100%;margin-left:58px}.profil-menu{margin-left:auto}.dropdown-profil{min-width:270px;max-width:calc(100vw - 36px);right:0}.grid-pengguna,.baris-pengguna,.form-tambah-user,.form-target-kinerja,.kontrol-role-user,.form-pengaturan,.baris-pengaturan,.baris-pengaturan form,.baris-role-user,.baris-template-whatsapp,.baris-template-whatsapp .form-edit-template-whatsapp,.baris-target-kinerja,.baris-target-kinerja>form:first-child{grid-template-columns:1fr}.form-hapus-template-whatsapp .tombol{width:100%}}@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-divide-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}