/*! tailwindcss v4.3.3 | 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-border-style:solid;--tw-font-weight: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}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-950:oklch(27.9% .077 45.635);--color-yellow-500:oklch(79.5% .184 86.047);--color-green-50:oklch(98.2% .018 155.826);--color-green-200:oklch(92.5% .084 155.995);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-800:oklch(44.8% .119 151.328);--color-green-950:oklch(26.6% .065 152.934);--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-sky-400:oklch(74.6% .16 232.661);--color-sky-600:oklch(58.8% .158 241.966);--color-blue-50:oklch(97% .014 254.604);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-950:oklch(28.2% .091 267.935);--color-purple-500:oklch(62.7% .265 303.9);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-500:oklch(55.4% .046 257.417);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--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);--font-weight-bold:700;--font-weight-black:900;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.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}}.mt-1{margin-top:var(--spacing)}.mr-1{margin-right:var(--spacing)}.mr-2{margin-right:calc(var(--spacing) * 2)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-amber-200{border-color:var(--color-amber-200)}.border-blue-200{border-color:var(--color-blue-200)}.border-green-200{border-color:var(--color-green-200)}.border-slate-200{border-color:var(--color-slate-200)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-green-50{background-color:var(--color-green-50)}.pt-3{padding-top:calc(var(--spacing) * 3)}.text-right{text-align:right}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--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))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-amber-300{color:var(--color-amber-300)}.text-amber-500{color:var(--color-amber-500)}.text-amber-600{color:var(--color-amber-600)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-500{color:var(--color-emerald-500)}.text-emerald-600{color:var(--color-emerald-600)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-purple-500{color:var(--color-purple-500)}.text-red-500{color:var(--color-red-500)}.text-sky-400{color:var(--color-sky-400)}.text-sky-600{color:var(--color-sky-600)}.text-slate-500{color:var(--color-slate-500)}.text-slate-900{color:var(--color-slate-900)}.text-yellow-500{color:var(--color-yellow-500)}.italic{font-style:italic}.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)}.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)}.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,)}.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))}@media (prefers-color-scheme:dark){.dark\:border-amber-800{border-color:var(--color-amber-800)}.dark\:border-blue-800{border-color:var(--color-blue-800)}.dark\:border-green-800{border-color:var(--color-green-800)}.dark\:border-slate-800{border-color:var(--color-slate-800)}.dark\:bg-amber-950\/40{background-color:#46190166}@supports (color:color-mix(in lab, red, red)){.dark\:bg-amber-950\/40{background-color:color-mix(in oklab, var(--color-amber-950) 40%, transparent)}}.dark\:bg-blue-950\/40{background-color:#16245666}@supports (color:color-mix(in lab, red, red)){.dark\:bg-blue-950\/40{background-color:color-mix(in oklab, var(--color-blue-950) 40%, transparent)}}.dark\:bg-green-950\/40{background-color:#032e1566}@supports (color:color-mix(in lab, red, red)){.dark\:bg-green-950\/40{background-color:color-mix(in oklab, var(--color-green-950) 40%, transparent)}}.dark\:text-amber-400{color:var(--color-amber-400)}.dark\:text-blue-400{color:var(--color-blue-400)}.dark\:text-emerald-400{color:var(--color-emerald-400)}.dark\:text-green-400{color:var(--color-green-400)}.dark\:text-white{color:var(--color-white)}}}:root{--primary:#ffd60a;--black:#111;--white:#fff;--light-blue:#e8f4f8;--soft-blue:#f0f7fa;--gray:#6b7280;--light-gray:#f9fafb;--border:#e5e7eb;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 8px 24px #0000001a;--shadow-lg:0 16px 48px #00000026;--shadow-yellow:0 8px 24px #ffd60a4d}html.dark{--primary:#ffd60a;--black:#f8fafc;--white:#0f172a;--light-blue:#1e293b;--soft-blue:#090e1a;--gray:#94a3b8;--light-gray:#1e293b;--border:#334155;--shadow-sm:0 2px 8px #00000080;--shadow-md:0 8px 24px #0009;--shadow-lg:0 16px 48px #000000bf;--shadow-yellow:0 8px 24px #ffd60a40;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--white);color:var(--black);font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden}.container{max-width:1280px;margin:0 auto;padding:0 20px}.navbar{background:var(--white);z-index:1000;box-shadow:var(--shadow-sm);padding:14px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{padding:10px 0;box-shadow:0 4px 20px #0000001a}.navbar .container{justify-content:space-between;align-items:center;gap:20px;display:flex}.logo{align-items:center;gap:12px;text-decoration:none;display:flex}.logo-icon{border:2px solid var(--yellow);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .3s;display:flex;overflow:hidden;box-shadow:0 4px 14px #ffd60a66}.logo-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.logo:hover .logo-icon{transform:rotate(-10deg)scale(1.08)}.logo-text{flex-direction:column;line-height:1.1;display:flex}.logo-text strong{color:var(--black);letter-spacing:-.5px;font-size:18px;font-weight:800}.logo-text span{color:var(--gray);letter-spacing:1px;font-size:10px;font-weight:600}.nav-menu{gap:8px;list-style:none;display:flex}.nav-menu a{color:var(--black);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;position:relative}.nav-menu a:hover{background:var(--soft-blue)}.nav-menu a.active{color:var(--black)}.nav-menu a.active:after{content:"";background:var(--black);border-radius:2px;height:3px;position:absolute;bottom:-2px;left:16px;right:16px}.nav-actions{align-items:center;gap:12px;display:flex}.nav-call-btn{background:var(--primary);color:var(--black);white-space:nowrap;box-shadow:var(--shadow-yellow);border-radius:50px;align-items:center;gap:8px;padding:12px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.nav-call-btn:hover{color:var(--black);background:#ffe033;transform:translateY(-2px);box-shadow:0 8px 20px #ffd60a73}.nav-call-btn i{font-size:14px;animation:3s ease-in-out infinite phone-wiggle}.nav-call-btn .call-short-text{display:none}.nav-call-btn .call-full-text{display:inline}@keyframes phone-wiggle{0%,to{transform:rotate(0)}10%,26%{transform:rotate(-16deg)}18%,34%{transform:rotate(16deg)}40%{transform:rotate(0)}}.nav-cta{background:var(--black);color:var(--white);white-space:nowrap;border-radius:50px;align-items:center;gap:10px;padding:12px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.nav-cta:hover{background:var(--primary);color:var(--black);box-shadow:var(--shadow-md);transform:translateY(-2px)}.nav-cta .dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green}@keyframes pulse-green{0%,to{box-shadow:0 0 #22c55eb3}50%{box-shadow:0 0 0 6px #22c55e00}}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.hamburger span{background:var(--black);border-radius:2px;width:26px;height:3px;transition:all .3s}.hamburger.active span:first-child{transform:rotate(45deg)translate(6px,6px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}.theme-toggle-btn{border:1.5px solid var(--border);background:var(--light-gray);color:var(--black);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:50px;outline:none;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.theme-toggle-btn:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.theme-toggle-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.theme-toggle-btn .theme-toggle-icon{justify-content:center;align-items:center;width:18px;height:18px;font-size:14px;transition:transform .35s,color .25s;display:inline-flex}.theme-toggle-btn:hover .theme-toggle-icon{transform:rotate(20deg)scale(1.15)}.theme-toggle-btn.light-active .theme-toggle-icon{color:#475569}.theme-toggle-btn.dark-active{color:#f8fafc;background:#1e293b;border-color:#334155;box-shadow:0 2px 10px #0006}.theme-toggle-btn.dark-active .theme-toggle-icon{color:#ffd60a;filter:drop-shadow(0 0 6px #ffd60ab3)}.theme-toggle-btn.dark-active:hover{background:#253349;border-color:#ffd60a;box-shadow:0 4px 16px #ffd60a40}.nav-menu-theme-item{display:none}@media (width<=992px){.nav-menu-theme-item{border-top:1px solid var(--border);margin:10px 16px 8px;padding-top:12px;display:block}.mobile-theme-toggle-btn{background:var(--light-gray);border:1.5px solid var(--border);width:100%;color:var(--black);cursor:pointer;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.mobile-theme-toggle-btn:hover{border-color:var(--primary)}.mobile-theme-toggle-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.mobile-theme-icon{background:var(--white);width:32px;height:32px;color:var(--primary);box-shadow:var(--shadow-sm);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}html.dark .mobile-theme-icon{color:#ffd60a;background:#0f172a}.mobile-theme-text{text-align:left;color:var(--black);flex:1}.mobile-theme-text strong{color:var(--black)}html.dark .mobile-theme-text,html.dark .mobile-theme-text strong{color:#f8fafc}.mobile-theme-toggle-switch{background:#cbd5e1;border-radius:50px;flex-shrink:0;width:44px;height:24px;transition:background .3s;position:relative}html.dark .mobile-theme-toggle-switch{background:#ffd60a}.mobile-theme-switch-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.mobile-theme-switch-knob.active{background:#111;transform:translate(20px)}}@media (width<=640px){.theme-toggle-btn{padding:9px 12px}.theme-toggle-label{display:none}}html.dark body{color:#f8fafc;background-color:#090e1a}html.dark .navbar{background:#0b1120;border-bottom:1px solid #1e293b}html.dark .navbar.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b1120f5;box-shadow:0 4px 24px #0009}html.dark .logo-text strong{color:#f8fafc}html.dark .logo-text span{color:#94a3b8}html.dark .nav-menu{background:#0b1120}html.dark .nav-menu a{color:#e2e8f0}html.dark .nav-menu a:hover{color:#ffd60a;background:#1e293b}html.dark .nav-menu a.active{color:#ffd60a}html.dark .nav-menu a.active:after{background:#ffd60a}html.dark .hamburger span{background:#f8fafc}html.dark .nav-cta{color:#f8fafc;background:#1e293b;border:1px solid #334155}html.dark .nav-cta:hover{background:var(--primary);color:#111;border-color:var(--primary)}html.dark .layanan,html.dark .tentang,html.dark .faq-section,html.dark .galeri,html.dark .artikel,html.dark .ulasan,html.dark .lokasi,html.dark .kontak{background-color:#090e1a}html.dark .section-title{color:#f8fafc}html.dark .section-subtitle{color:#94a3b8}html.dark .hub-card,html.dark .layanan-hub-card,html.dark .layanan-filter-card,html.dark .layanan-all-hubs-overview,html.dark .faq-item,html.dark .faq-modal-card,html.dark .faq-share-modal-card,html.dark .faq-share-preview-box,html.dark .review-card,html.dark .article-card,html.dark .article-item,html.dark .gallery-card,html.dark .lokasi-card,html.dark .kontak-card,html.dark .calc-card,html.dark .b2b-calculator,html.dark .card,html.dark .modal-content,html.dark .hub-quick-spec,html.dark .hub-stat-item,html.dark .mitra-interactive-hub-map{color:#f8fafc;background-color:#131d31!important;border-color:#273549!important}html.dark .faq-item-question,html.dark .faq-question{color:#f8fafc;background-color:#131d31}html.dark .faq-item-answer,html.dark .faq-answer{color:#cbd5e1;background-color:#0f172a;border-top:1px solid #273549}html.dark input,html.dark select,html.dark textarea{color:#f8fafc!important;background-color:#1e293b!important;border-color:#334155!important}html.dark input::placeholder,html.dark textarea::placeholder{color:#94a3b8!important}html.dark .faq-search-box{background:#131d31;border-color:#334155}html.dark .faq-cat-btn,html.dark .faq-category-pill,html.dark .faq-filter-btn{color:#cbd5e1;background-color:#1e293b;border-color:#334155}html.dark .faq-cat-btn:hover,html.dark .faq-category-pill:hover,html.dark .faq-filter-btn:hover{color:#ffd60a;background-color:#273549}html.dark .faq-cat-btn.active,html.dark .faq-category-pill.active,html.dark .faq-filter-btn.active{color:#111!important;background-color:#ffd60a!important;border-color:#ffd60a!important}html.dark footer,html.dark .footer{border-top:1px solid #1e293b;background-color:#050811!important}html.dark table th{color:#f8fafc;background-color:#1e293b;border-color:#334155}html.dark table td{color:#cbd5e1;border-color:#273549}html.dark .hub-map-controls-card{background:#111827!important;border-color:#1f2937!important}html.dark .hub-map-search-input{color:#f8fafc!important;background:#1f2937!important;border-color:#374151!important}html.dark .hub-map-search-input:focus{background:#111827!important;border-color:#ffd60a!important}html.dark .hub-filter-chip{color:#cbd5e1;background:#1f2937;border-color:#374151}html.dark .hub-filter-chip:hover{color:#ffd60a;background:#2d3748}html.dark .hub-filter-chip.active{color:#0f172a!important;background:#ffd60a!important;border-color:#ffd60a!important}html.dark .hub-filter-chip.active .hub-chip-count,html.dark .hub-filter-chip.active .hub-chip-badge{color:#0f172a;background:#0f172a33}html.dark .hub-detail-card-panel{background:#111827!important;border-color:#1f2937!important}html.dark .hub-panel-header h3{color:#f8fafc}html.dark .hub-eta-card{background:#f59e0b1f!important;border-color:#f59e0b4d!important}html.dark .hub-eta-time{color:#fcd34d!important}html.dark .hub-spec-icon{color:#ffd60a;background:#1f2937}html.dark .hub-spec-content p{color:#e2e8f0!important}html.dark .hub-district-chip{color:#e2e8f0;background:#1f2937;border-color:#374151}.hero{background:var(--black);align-items:center;min-height:90vh;padding:120px 0 100px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(at 100% 100%,#ffd60a14 0%,#0000 60%);width:60%;height:70%;position:absolute;bottom:0;right:0}.hero:after{content:"";pointer-events:none;background-image:radial-gradient(circle at 15% 30%,#ffd60a08 0%,#0000 40%),radial-gradient(circle at 85% 70%,#ffd60a0a 0%,#0000 40%);width:100%;height:100%;position:absolute;top:0;left:0}.wave-bottom{line-height:0;position:absolute;bottom:-1px;left:0;right:0}.wave-bottom svg{width:100%;height:120px;display:block}.hero .container{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:40px;display:grid;position:relative}.hero-content{position:relative}.hero-badge{color:var(--primary);background:#ffd60a26;border:1px solid #ffd60a66;border-radius:50px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:13px;font-weight:600;display:inline-flex}.hero-badge .dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green}.hero h1{color:var(--primary);letter-spacing:-1.5px;margin-bottom:20px;font-size:56px;font-weight:900;line-height:1.05}.hero h1 .highlight{color:var(--white);letter-spacing:0;margin-top:16px;font-size:22px;font-weight:600;line-height:1.4;display:block}.hero-cta{background:var(--primary);color:var(--black);border:2px solid var(--white);border-radius:50px;align-items:center;gap:12px;margin-top:12px;padding:16px 32px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 8px 24px #ffd60a4d}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 12px 32px #ffd60a80}.hero-cta i{font-size:18px}.hero-stats{gap:32px;margin-top:40px;display:flex}.hero-stats .stat strong{color:var(--primary);font-size:32px;font-weight:800;display:block}.hero-stats .stat span{color:#ffffffb3;font-size:13px}.decoration{pointer-events:none;z-index:1;position:absolute}.bubble{background:#ffd60a1a;border:1px solid #ffd60a4d;border-radius:50%}.bubble-1{width:80px;height:80px;animation:6s ease-in-out infinite float;top:10%;right:10%}.bubble-2{width:50px;height:50px;animation:8s ease-in-out 1s infinite float;top:70%;right:5%}.bubble-3{background:#ffd60a0d;width:120px;height:120px;animation:10s ease-in-out infinite float;bottom:15%;left:5%}.cross-icon{color:var(--primary);opacity:.6;font-size:24px;animation:8s linear infinite rotate;top:15%;left:45%}.triangle{border-left:14px solid #0000;border-right:14px solid #0000;border-bottom:22px solid var(--primary);opacity:.5;width:0;height:0;animation:7s ease-in-out infinite float;top:75%;right:45%}.diamond{background:var(--primary);opacity:.7;width:18px;height:18px;animation:5s ease-in-out infinite float;top:25%;right:8%;transform:rotate(45deg)}.circle-outline{border:2px solid var(--primary);opacity:.5;border-radius:50%;width:30px;height:30px;animation:9s ease-in-out 2s infinite float;top:60%;left:8%}.dot-pattern{background-image:radial-gradient(var(--primary) 1.5px, transparent 1.5px);opacity:.4;background-size:12px 12px;width:80px;height:60px;top:20%;left:10%}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(10deg)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-visual{justify-content:center;align-items:center;display:flex;position:relative}.truck-card{background:linear-gradient(135deg,#ffd60a1a 0%,#ffd60a05 100%);border:1px solid #ffd60a33;border-radius:32px;padding:30px;position:relative;overflow:hidden}.truck-card:before{content:"";background:radial-gradient(circle,#ffd60a26 0%,#0000 70%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}.truck-svg{z-index:2;width:100%;max-width:500px;position:relative}.hero-tags{background:var(--white);box-shadow:var(--shadow-lg);color:var(--black);z-index:3;border-radius:12px;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:700;display:flex;position:absolute}.hero-tags i{color:var(--primary);font-size:18px}.tag-1{animation:4s ease-in-out infinite float;top:10%;left:-5%}.tag-2{animation:5s ease-in-out 1s infinite float;bottom:15%;right:-5%}section{padding:80px 0}.section-header{text-align:center;margin-bottom:60px}.section-badge{background:var(--light-blue);color:#0284c7;letter-spacing:.5px;border-radius:50px;margin-bottom:16px;padding:6px 18px;font-size:13px;font-weight:700;display:inline-block}.section-title{color:var(--black);letter-spacing:-1px;margin-bottom:16px;font-size:42px;font-weight:800;line-height:1.15}.section-subtitle{color:var(--gray);max-width:600px;margin:0 auto;font-size:17px}.layanan{background:var(--soft-blue);position:relative}.services-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.service-card{background:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:24px;flex-direction:column;padding:36px 30px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--primary);transform-origin:0;height:4px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-8px)}.service-card:hover:before{transform:scaleX(1)}.service-icon{background:var(--black);width:72px;height:72px;color:var(--primary);border-radius:18px;justify-content:center;align-items:center;margin-bottom:24px;font-size:30px;transition:all .4s;display:flex}.service-card:hover .service-icon{background:var(--primary);color:var(--black);transform:rotate(-8deg)}.service-card h3{color:var(--black);margin-bottom:12px;font-size:22px;font-weight:800}.service-card p{color:var(--gray);margin-bottom:20px;font-size:15px;line-height:1.6}.service-problem-selector{text-align:left;margin:4px 0 14px}.service-problem-label{color:var(--black);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:7px;margin-bottom:9px;font-size:11.5px;font-weight:700;display:flex}.service-problem-label i{color:#10b981;font-size:12px}.service-problem-chips{flex-wrap:wrap;gap:7px;display:flex}.service-problem-chip{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;text-align:left;background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;align-items:center;gap:6px;padding:6px 11px;font-size:12px;font-weight:600;line-height:1.3;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.service-problem-chip:hover{color:#166534;background:#f0fdf4;border-color:#86efac;transform:translateY(-1px)}.service-problem-chip.active{color:#14532d;background:#dcfce7;border-color:#22c55e;font-weight:700;box-shadow:0 2px 8px #22c55e38}.service-problem-chip i{color:#94a3b8;font-size:10px}.service-problem-chip.active i{color:#16a34a}.service-wa-preview-snippet{text-align:left;background:#f0fdf4;border:1px solid #bbf7d0;border-left:3.5px solid #22c55e;border-radius:12px;margin:8px 0 16px;padding:11px 13px}.service-wa-preview-snippet .preview-top{color:#15803d;text-transform:uppercase;letter-spacing:.3px;align-items:center;gap:6px;margin-bottom:5px;font-size:11px;font-weight:800;display:flex}.service-wa-preview-snippet .preview-top i{color:#25d366;font-size:13px}.service-wa-preview-snippet p{color:#1e293b;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:12.5px;font-style:italic;line-height:1.45;display:-webkit-box;overflow:hidden}.service-card-actions{flex-direction:column;gap:10px;margin-top:auto;padding-top:10px;display:flex}.service-wa-cta-btn{letter-spacing:.2px;background:linear-gradient(135deg,#25d366 0%,#16a34a 100%);border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-size:14.5px;font-weight:800;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 14px #25d36659;color:#fff!important}.service-wa-cta-btn:hover{background:linear-gradient(135deg,#1ea952 0%,#15803d 100%);transform:translateY(-2px);box-shadow:0 6px 20px #25d36673;color:#fff!important}.service-wa-cta-btn i{font-size:18px;animation:2s ease-in-out infinite wa-pulse}.service-wa-secondary-row{justify-content:space-between;align-items:center;gap:8px;padding:2px 4px 0;display:flex}.service-card-calc-link{color:#4b5563;align-items:center;gap:5px;font-size:12.5px;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.service-card-calc-link:hover{color:var(--primary);text-decoration:underline}.service-card-order-link{color:var(--black);align-items:center;gap:5px;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.service-card-order-link:hover{color:#16a34a;transform:translate(2px)}.service-wa-trust-row{color:#64748b;border-top:1px dashed #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:6px;padding-top:8px;font-size:11px;display:flex}.service-wa-trust-row span{align-items:center;gap:4px;display:inline-flex}.service-wa-trust-row i{color:#22c55e;font-size:10px}.service-link{background:var(--primary);color:var(--black);border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.service-link:hover{background:var(--black);color:var(--primary);gap:12px}.service-link i{font-size:12px;transition:transform .3s}.service-link:hover i{transform:translate(3px)}.layanan-fleet-control{margin-bottom:36px}.layanan-filter-card{background:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:24px;padding:28px 32px;transition:all .3s}.layanan-filter-card:hover{box-shadow:var(--shadow-md)}.layanan-filter-header{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:24px;padding-bottom:20px;display:flex}.layanan-filter-title{flex:1;align-items:center;gap:16px;display:flex}.filter-title-icon{color:#854d0e;background:#fef9c3;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.layanan-filter-title h4{color:var(--black);margin-bottom:4px;font-size:18px;font-weight:800;line-height:1.3}.layanan-filter-title p{color:var(--gray);margin:0;font-size:13.5px;line-height:1.4}.layanan-select-box{flex-shrink:0;min-width:380px;max-width:460px}.select-wrapper{align-items:center;display:flex;position:relative}.select-icon{color:#f59e0b;pointer-events:none;z-index:2;font-size:16px;position:absolute;left:16px}.layanan-dropdown-input{appearance:none;width:100%;color:var(--black);cursor:pointer;background:#f8fafc;border:2px solid #e2e8f0;border-radius:16px;padding:13px 44px;font-family:inherit;font-size:14px;font-weight:600;transition:all .25s;box-shadow:0 1px 3px #00000008}.layanan-dropdown-input:hover{background:#fff;border-color:#cbd5e1}.layanan-dropdown-input:focus{border-color:var(--black);background:#fff;outline:none;box-shadow:0 0 0 4px #ffd60a59}.select-caret{color:#64748b;pointer-events:none;font-size:13px;transition:transform .2s;position:absolute;right:18px}.layanan-dropdown-input:focus+.select-caret{transform:rotate(180deg)}.layanan-pills-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;padding-bottom:6px;display:flex}.pills-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;font-size:12.5px;font-weight:700}.pills-scroll{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.layanan-pill-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:30px;align-items:center;gap:7px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .25s;display:inline-flex}.layanan-pill-btn i{color:#64748b;font-size:12px;transition:color .25s}.layanan-pill-btn:hover{color:var(--black);background:#fff;border-color:#cbd5e1;transform:translateY(-1px)}.layanan-pill-btn.active{background:var(--black);color:var(--primary);border-color:var(--black);box-shadow:0 4px 12px #00000026}.layanan-pill-btn.active i{color:var(--primary)}.layanan-hub-card{background:linear-gradient(135deg,#fefce8 0%,#fff 100%);border:2px solid #fde047;border-radius:20px;margin-top:24px;padding:24px 28px;animation:.35s fadeInScale;box-shadow:0 10px 30px #fef08a40}@keyframes fadeInScale{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.hub-card-header{margin-bottom:20px}.hub-badges{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.hub-status-live{color:#166534;letter-spacing:.5px;background:#dcfce7;border-radius:20px;align-items:center;gap:8px;padding:4px 12px;font-size:11.5px;font-weight:800;display:inline-flex}.pulse-indicator{background:#16a34a;border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulseDotAnim;box-shadow:0 0 #16a34ab3}@keyframes pulseDotAnim{0%{box-shadow:0 0 #16a34ab3}70%{box-shadow:0 0 0 8px #16a34a00}to{box-shadow:0 0 #16a34a00}}.hub-badge-pill{background:var(--black);color:var(--primary);border-radius:20px;padding:4px 12px;font-size:11.5px;font-weight:700}.hub-area-pill{color:#0369a1;background:#e0f2fe;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11.5px;font-weight:700;display:inline-flex}.hub-card-title{color:var(--black);margin:0;font-size:21px;font-weight:800}.hub-info-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px;display:grid}.hub-info-box{background:var(--white);border:1px solid #f1f5f9;border-radius:14px;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.hub-info-box.eta-highlight{background:#fef9c3;border-color:#fde047}.hub-info-box .info-icon{color:#334155;background:#f8fafc;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;display:flex}.hub-info-box.eta-highlight .info-icon{background:var(--black);color:var(--primary)}.hub-info-box .info-content{flex:1;min-width:0}.hub-info-box label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:4px;font-size:11.5px;font-weight:700;display:block}.hub-info-box.eta-highlight label{color:#854d0e}.hub-info-box .eta-val{color:var(--black);font-size:19px;font-weight:900;line-height:1.2}.hub-info-box .eta-sub{color:#713f12;margin-top:2px;font-size:11.5px;font-weight:600;display:block}.hub-info-box p{color:var(--black);margin:0;font-size:13px;font-weight:600;line-height:1.4}.hub-action-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hub-btn-wa{color:#fff;background:#25d366;border-radius:50px;align-items:center;gap:9px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #25d36659}.hub-btn-wa:hover{color:#fff;background:#1ebe5d;transform:translateY(-2px);box-shadow:0 6px 20px #25d36673}.hub-btn-map{background:var(--black);color:var(--primary);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex}.hub-btn-map:hover{background:#333;transform:translateY(-2px)}.hub-btn-reset{background:var(--white);color:#475569;cursor:pointer;border:1px solid #cbd5e1;border-radius:50px;align-items:center;gap:7px;padding:12px 20px;font-size:13.5px;font-weight:600;transition:all .25s;display:inline-flex}.hub-btn-reset:hover{color:var(--black);background:#f8fafc;border-color:#94a3b8}.layanan-all-hubs-overview{margin-top:24px}.all-hubs-banner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:14px 20px;display:flex}.banner-left{align-items:center;gap:12px;display:flex}.banner-dot{background:#16a34a;border-radius:50%;flex-shrink:0;width:10px;height:10px}.banner-left strong{color:var(--black);font-size:14px;display:block}.banner-left p{color:var(--gray);margin:0;font-size:12.5px}.all-hubs-map-btn{background:var(--white);color:var(--black);cursor:pointer;white-space:nowrap;border:1px solid #cbd5e1;border-radius:30px;align-items:center;gap:7px;padding:8px 16px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.all-hubs-map-btn:hover{background:var(--black);color:var(--primary);border-color:var(--black)}.all-hubs-cards-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.hub-mini-card{background:var(--white);cursor:pointer;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;justify-content:space-between;padding:16px 14px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.hub-mini-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 8px 20px #00000014}.mini-card-top{justify-content:space-between;align-items:center;gap:6px;margin-bottom:8px;display:flex}.mini-card-badge{color:#475569;background:#f1f5f9;border-radius:12px;padding:2px 7px;font-size:10px;font-weight:700}.mini-card-eta{color:#b45309;background:#fef3c7;border-radius:12px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:800;display:inline-flex}.mini-card-title{color:var(--black);margin-bottom:6px;font-size:13.5px;font-weight:800;line-height:1.3}.mini-card-trucks{color:#334155;margin-bottom:4px;font-size:11.5px;font-weight:600;line-height:1.3}.mini-card-area{color:#64748b;margin-bottom:12px;font-size:11px;line-height:1.3}.mini-card-footer{border-top:1px solid #f1f5f9;margin-top:auto;padding-top:8px}.mini-card-link{color:#2563eb;align-items:center;gap:5px;font-size:11.5px;font-weight:700;transition:gap .2s;display:inline-flex}.hub-mini-card:hover .mini-card-link{gap:8px}.service-fleet-status-tag{margin-bottom:18px}.service-fleet-status-tag .tag-ready{color:#15803d;background:#dcfce7;border:1px solid #bbf7d0;border-radius:20px;align-items:center;gap:7px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.service-fleet-status-tag .tag-available{color:#475569;background:#f1f5f9;border-radius:20px;align-items:center;gap:7px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}@media (width<=992px){.hub-info-grid{grid-template-columns:repeat(2,1fr)}.all-hubs-cards-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.layanan-filter-header{flex-direction:column;align-items:stretch}.layanan-select-box{min-width:100%;max-width:100%}.hub-info-grid,.all-hubs-cards-grid{grid-template-columns:1fr}.all-hubs-banner,.hub-action-row{flex-direction:column;align-items:stretch}.hub-btn-wa,.hub-btn-map,.hub-btn-reset{justify-content:center;width:100%}}.pricing-section{background:#f8fafc;padding:90px 0;position:relative}.pricing-search-container{background:var(--white);border:2px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;gap:14px;margin-bottom:20px;padding:20px 24px;transition:all .3s;display:flex}.pricing-search-container:focus-within{border-color:var(--primary,#ffd60a);box-shadow:0 8px 24px #ffd60a33, var(--shadow-sm)}.pricing-search-box-row{align-items:center;gap:16px;width:100%;display:flex}.pricing-search-box{background:#f8fafc;border:2px solid #e2e8f0;border-radius:50px;flex:1;align-items:center;padding:6px 16px 6px 18px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.pricing-search-box:focus-within{background:#fff;border-color:#0f172a;box-shadow:0 0 0 4px #ffd60a59}.pricing-search-icon{color:#64748b;margin-right:12px;font-size:16px;transition:color .2s}.pricing-search-box:focus-within .pricing-search-icon{color:#0f172a}.pricing-search-input,#pricing-search-input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-family:inherit;font-size:15px;font-weight:600}.pricing-search-input::placeholder{color:#94a3b8;font-size:14px;font-weight:500}.pricing-search-clear-btn{color:#475569;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;margin-left:8px;font-size:13px;transition:all .2s;display:flex}.pricing-search-clear-btn:hover{color:#0f172a;background:#cbd5e1;transform:scale(1.08)}.pricing-search-result-pill{color:#047857;white-space:nowrap;background:#ecfdf5;border:1.5px solid #a7f3d0;border-radius:50px;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;font-weight:700;animation:.25s fadeIn;display:inline-flex}.pricing-search-result-pill strong{font-weight:800}.pricing-search-quick-tags{flex-wrap:wrap;align-items:center;gap:12px;padding-top:4px;display:flex}.pricing-quick-label{color:#64748b;white-space:nowrap;align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:inline-flex}.pricing-quick-label i{color:#f59e0b}.pricing-quick-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pricing-quick-chip{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.pricing-quick-chip:hover{border-color:var(--primary,#ffd60a);color:#0f172a;background:#fffdf0;transform:translateY(-1px)}.pricing-quick-chip.active{background:var(--primary,#ffd60a);color:#0f172a;border-color:#f59e0b;font-weight:700;box-shadow:0 2px 8px #f59e0b59}.pricing-quick-chip.reset{color:#b91c1c;background:#fee2e2;border-color:#fecaca;font-weight:700}.pricing-quick-chip.reset:hover{color:#7f1d1d;background:#fca5a5}.pricing-empty-state{background:var(--white);text-align:center;border:2px dashed #cbd5e1;border-radius:24px;max-width:680px;margin:0 auto 36px;padding:56px 24px}.pricing-empty-icon{color:#d97706;background:#fef3c7;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 18px;font-size:32px;display:flex}.pricing-empty-title{color:#0f172a;margin-bottom:10px;font-size:20px;font-weight:800}.pricing-empty-desc{color:#64748b;margin-bottom:24px;font-size:14.5px;line-height:1.6}.pricing-empty-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.pricing-empty-reset-btn{color:var(--primary,#ffd60a);cursor:pointer;background:#0f172a;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex}.pricing-empty-reset-btn:hover{background:#1e293b;transform:translateY(-2px);box-shadow:0 8px 18px #0f172a40}.pricing-empty-wa-btn{color:#fff;background:#25d366;border-radius:50px;align-items:center;gap:8px;padding:12px 22px;font-size:14px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.pricing-empty-wa-btn:hover{background:#20bd5a;transform:translateY(-2px);box-shadow:0 8px 20px #25d36666}.pricing-controls-card{background:var(--white);border:2px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:36px;padding:18px 24px;display:flex}.pricing-filter-group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.pricing-filter-label{color:#0f172a;align-items:center;gap:6px;font-size:13.5px;font-weight:800;display:inline-flex}.pricing-filter-pills{flex-wrap:wrap;gap:8px;display:flex}.pricing-filter-pill{color:#475569;cursor:pointer;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:50px;align-items:center;gap:6px;padding:7px 15px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.pricing-filter-pill:hover{border-color:var(--primary);color:#0f172a;background:#fffdf0}.pricing-filter-pill.active{color:var(--primary);background:#0f172a;border-color:#0f172a;box-shadow:0 4px 12px #0f172a33}.pricing-location-picker{align-items:center;gap:10px;min-width:270px;display:flex}.pricing-location-label{color:#0f172a;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.pricing-select-wrapper{flex:1}.pricing-select-input{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:12px;outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;font-weight:600;transition:border-color .2s,box-shadow .2s}.pricing-select-input:focus{border-color:#0f172a;box-shadow:0 0 0 3px #ffd60a59}.pricing-cards-grid{grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:36px;display:grid}.pricing-card{background:var(--white);border:2px solid var(--border);box-shadow:var(--shadow-sm);border-radius:24px;flex-direction:column;padding:30px 22px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.pricing-card:hover{box-shadow:var(--shadow-xl);border-color:#cbd5e1;transform:translateY(-6px)}.pricing-card.popular{border-color:var(--primary,#ffd60a);background:linear-gradient(#fff 0%,#fffdf5 100%);box-shadow:0 12px 36px #ffd60a38,0 4px 12px #0000000a}.pricing-card.popular:hover{transform:translateY(-8px);box-shadow:0 18px 45px #ffd60a59}.pricing-card-badge{color:var(--primary,#ffd60a);border:1.5px solid var(--primary);text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;z-index:2;background:#0f172a;border-radius:20px;align-items:center;gap:6px;padding:4px 14px;font-size:11px;font-weight:800;display:inline-flex;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #0000002e}.pricing-card-header{margin-bottom:14px}.pricing-card-tag{color:#2563eb;text-transform:uppercase;letter-spacing:.5px;background:#eff6ff;border-radius:6px;margin-bottom:10px;padding:3px 9px;font-size:10.5px;font-weight:800;display:inline-block}.pricing-card-title-row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.pricing-card-icon{color:#b45309;background:#fef9c3;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.pricing-card-name{color:var(--black);margin:0;font-size:17px;font-weight:800;line-height:1.25}.pricing-card-desc{color:var(--gray);min-height:38px;margin:0;font-size:12.5px;line-height:1.45}.pricing-price-box{text-align:center;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;margin-bottom:16px;padding:14px}.pricing-start-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:10.5px;font-weight:700;display:block}.pricing-price-row{justify-content:center;align-items:baseline;gap:4px;display:flex}.pricing-currency{color:#0f172a;font-size:17px;font-weight:800}.pricing-amount{color:#0f172a;letter-spacing:-.5px;font-size:29px;font-weight:900}.pricing-unit-text{color:#64748b;margin-top:2px;font-size:11.5px;font-weight:600;display:block}.pricing-meta-pills{border-bottom:1px dashed var(--border);flex-direction:column;gap:6px;margin-bottom:16px;padding-bottom:14px;display:flex}.pricing-meta-pill{color:#334155;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.pricing-meta-pill i{color:#2563eb;text-align:center;flex-shrink:0;width:15px;font-size:12.5px}.pricing-features-section{flex:1;margin-bottom:22px}.pricing-features-title{text-transform:uppercase;color:#0f172a;letter-spacing:.5px;align-items:center;gap:6px;margin-bottom:10px;font-size:11.5px;font-weight:800;display:flex}.pricing-features-list{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.pricing-feature-item{color:#334155;align-items:flex-start;gap:8px;font-size:12.5px;line-height:1.4;display:flex}.pricing-check-icon{color:#16a34a;flex-shrink:0;margin-top:2px;font-size:13.5px}.pricing-card-action{margin-top:auto}.pricing-cta-btn{width:100%;color:var(--white);background:#0f172a;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 16px;font-size:13.5px;font-weight:800;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 4px 14px #0f172a38}.pricing-cta-btn:hover{color:var(--primary);background:#1e293b;transform:translateY(-2px);box-shadow:0 6px 18px #0f172a52}.pricing-cta-btn.btn-popular{background:var(--primary,#ffd60a);color:var(--black,#0f172a);box-shadow:0 6px 20px #ffd60a73}.pricing-cta-btn.btn-popular:hover{background:#facc15;transform:translateY(-2px);box-shadow:0 8px 24px #ffd60a99}.pricing-card-footnote{color:#64748b;text-align:center;justify-content:center;align-items:center;gap:4px;margin-top:8px;font-size:10.5px;display:flex}.pricing-card-footnote i{color:#eab308}.pricing-compare-toggle-wrap{text-align:center;margin-bottom:28px}.pricing-compare-toggle-btn{background:var(--white);color:#0f172a;cursor:pointer;box-shadow:var(--shadow-sm);border:2px solid #cbd5e1;border-radius:50px;align-items:center;gap:10px;padding:11px 24px;font-size:13.5px;font-weight:800;transition:all .25s;display:inline-flex}.pricing-compare-toggle-btn:hover{color:var(--primary);box-shadow:var(--shadow-md);background:#0f172a;border-color:#0f172a;transform:translateY(-2px)}.pricing-compare-table-container{background:var(--white);border:2px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;margin-bottom:36px;padding:22px;overflow:hidden}.pricing-table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.pricing-compare-table{border-collapse:collapse;text-align:left;width:100%;min-width:680px}.pricing-compare-table th,.pricing-compare-table td{border-bottom:1px solid #e2e8f0;padding:13px 15px;font-size:13px}.pricing-compare-table th{color:#0f172a;background:#f8fafc;font-weight:800}.pricing-compare-table .col-spec{width:26%;font-size:13.5px}.pricing-compare-table .col-pkg.highlight{background:#fef9c3;border-top:3px solid #eab308}.pricing-compare-table td.highlight{background:#fffdf5;font-weight:700}.pkg-th-name{color:#0f172a;font-size:14px;font-weight:800}.pkg-th-price{color:#2563eb;margin:4px 0 2px;font-size:15.5px;font-weight:900}.pkg-th-unit{color:#64748b;font-size:11px;font-weight:600}.spec-label{color:#0f172a;align-items:center;gap:8px;font-weight:700;display:flex}.spec-badge-warranty{color:#166534;background:#dcfce7;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-block}.spec-check-yes{color:#16a34a;align-items:center;gap:5px;font-weight:700;display:inline-flex}.table-order-btn{color:var(--white);background:#25d366;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex}.table-order-btn:hover{background:#16a34a;transform:scale(1.05)}.pricing-trust-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:28px;display:grid}.pricing-trust-card{background:var(--white);border:1.5px solid var(--border);box-shadow:var(--shadow-sm);border-radius:18px;align-items:flex-start;gap:14px;padding:18px 16px;transition:transform .2s,box-shadow .2s;display:flex}.pricing-trust-card:hover{box-shadow:var(--shadow-md);border-color:#cbd5e1;transform:translateY(-3px)}.trust-card-icon{color:#2563eb;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex}.trust-card-body h4{color:var(--black);margin:0 0 4px;font-size:14px;font-weight:800}.trust-card-body p{color:var(--gray);margin:0;font-size:12px;line-height:1.45}.pricing-notice-banner{color:var(--white);background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px;padding:22px 28px;display:flex;box-shadow:0 10px 30px #0f172a40}.pricing-notice-left{flex:1;align-items:flex-start;gap:16px;min-width:280px;display:flex}.pricing-notice-icon{color:var(--primary,#ffd60a);flex-shrink:0;margin-top:2px;font-size:24px}.pricing-notice-left strong{color:var(--primary,#ffd60a);margin-bottom:4px;font-size:14.5px;font-weight:800;display:block}.pricing-notice-left p{color:#e2e8f0;margin:0;font-size:12.5px;line-height:1.5}.pricing-consult-cta{color:var(--white);white-space:nowrap;background:#25d366;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:13.5px;font-weight:800;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 6px 18px #25d36659}.pricing-consult-cta:hover{background:#1ebe5d;transform:translateY(-2px);box-shadow:0 8px 24px #25d36680}@media (width<=1200px){.pricing-cards-grid,.pricing-trust-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.pricing-section{padding:60px 0}.pricing-search-container{margin-bottom:16px;padding:16px 18px}.pricing-search-box-row{flex-direction:column;align-items:stretch;gap:12px}.pricing-search-result-pill{align-self:flex-start}.pricing-search-quick-tags{flex-direction:column;align-items:flex-start;gap:8px}.pricing-controls-card{flex-direction:column;align-items:stretch}.pricing-location-picker{flex-direction:column;align-items:flex-start;width:100%}.pricing-select-wrapper{width:100%}.pricing-notice-banner{flex-direction:column;align-items:stretch}.pricing-consult-cta{justify-content:center}}@media (width<=640px){.pricing-cards-grid,.pricing-trust-grid{grid-template-columns:1fr}.pricing-card{padding:26px 18px 20px}}.why-us{background:var(--white)}.why-grid{grid-template-columns:repeat(2,1fr);gap:28px;max-width:1000px;margin:0 auto;display:grid}.why-card{background:var(--light-gray);border:1px solid #0000;border-radius:20px;gap:20px;padding:32px;transition:all .3s;display:flex}.why-card:hover{background:var(--white);border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.why-icon{background:var(--primary);width:60px;height:60px;color:var(--black);box-shadow:var(--shadow-yellow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex}.why-content h3{color:var(--black);margin-bottom:8px;font-size:19px;font-weight:800}.why-content p{color:var(--gray);font-size:14px;line-height:1.6}.trust{background:var(--soft-blue)}.badges-row{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:56px;display:flex}.badge-pill{background:var(--primary);color:var(--black);box-shadow:var(--shadow-yellow);border-radius:50px;align-items:center;gap:10px;padding:12px 24px;font-size:15px;font-weight:700;transition:transform .3s;display:flex}.badge-pill:hover{transform:translateY(-4px)scale(1.02)}.badge-pill i{font-size:18px}.testimonials-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.testimonial-card{background:var(--white);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:20px;padding:32px;transition:all .3s;position:relative}.testimonial-card:hover{box-shadow:var(--shadow-md);transform:translateY(-6px)}.quote-icon{color:var(--primary);opacity:.3;font-size:36px;position:absolute;top:24px;right:24px}.stars{color:var(--primary);margin-bottom:16px;font-size:16px}.testimonial-text{color:var(--black);margin-bottom:24px;font-size:15px;font-style:italic;line-height:1.7}.testimonial-author{border-top:1px solid var(--border);align-items:center;gap:14px;padding-top:20px;display:flex}.author-avatar{background:var(--primary);width:48px;height:48px;color:var(--black);border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:800;display:flex}.author-info strong{color:var(--black);font-size:15px;display:block}.author-info span{color:var(--gray);font-size:13px}.quick-wa-section{background:linear-gradient(#fff 0%,#f0fdf4 100%);border-top:1px solid #e2e8f0;border-bottom:1px solid #dcfce7;padding:70px 0;position:relative}.quick-wa-card{color:var(--white);text-align:center;background:linear-gradient(135deg,#064e3b 0%,#065f46 50%,#042f2c 100%);border:1px solid #4ade804d;border-radius:28px;padding:48px 40px;position:relative;overflow:hidden;box-shadow:0 20px 50px #064e3b40}.quick-wa-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#25d36640 0%,#0000 70%);width:320px;height:320px;position:absolute;top:-100px;right:-100px}.quick-wa-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffd60a26 0%,#0000 70%);width:300px;height:300px;position:absolute;bottom:-100px;left:-100px}.quick-wa-badge{letter-spacing:.5px;color:#86efac;text-transform:uppercase;background:#25d36633;border:1px solid #86efac80;border-radius:50px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 18px;font-size:12px;font-weight:800;display:inline-flex}.quick-wa-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulse;box-shadow:0 0 10px #22c55e}.quick-wa-title{color:var(--white);margin-bottom:12px;font-size:32px;font-weight:900;line-height:1.25}.quick-wa-subtitle{color:#ffffffd9;max-width:680px;margin:0 auto 32px;font-size:15px;line-height:1.6}.quick-wa-topics-label{color:#fcd34d;letter-spacing:.3px;margin-bottom:14px;font-size:14px;font-weight:700;display:block}.quick-wa-topics-grid{grid-template-columns:repeat(3,1fr);gap:16px;max-width:920px;margin:0 auto 30px;display:grid}.quick-wa-topic-card{text-align:left;cursor:pointer;color:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:2px solid #ffffff26;border-radius:20px;padding:20px 18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.quick-wa-topic-card:hover{background:#ffffff24;border-color:#ffd60a99;transform:translateY(-3px)}.quick-wa-topic-card.active{background:#ffffff2e;border-color:#ffd60a;transform:translateY(-3px);box-shadow:0 0 0 3px #ffd60a59,0 8px 24px #0003}.quick-wa-topic-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.quick-wa-topic-icon{color:#ffd60a;background:#ffd60a33;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;transition:all .25s;display:flex}.quick-wa-topic-card.active .quick-wa-topic-icon{color:#111;background:#ffd60a}.quick-wa-topic-badge{color:#86efac;background:#22c55e33;border-radius:50px;padding:3px 10px;font-size:11px;font-weight:700}.quick-wa-topic-name{color:var(--white);margin-bottom:6px;font-size:16px;font-weight:800;display:block}.quick-wa-topic-desc{color:#ffffffbf;font-size:12.5px;line-height:1.45;display:block}.quick-wa-preview-box{text-align:left;background:#00000040;border:1px dashed #ffffff40;border-radius:16px;align-items:flex-start;gap:12px;max-width:680px;margin:0 auto 26px;padding:14px 20px;display:flex}.quick-wa-preview-box i{color:#25d366;flex-shrink:0;margin-top:2px;font-size:18px}.quick-wa-preview-text strong{color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;font-size:11.5px;display:block}.quick-wa-preview-text p{color:#fffffff2;margin:0;font-size:13px;font-style:italic;line-height:1.45}.input-error{background-color:#fef2f2!important;border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444440!important}.wa-prep-form{width:100%;max-width:680px;margin:0 auto 10px}.wa-prep-box{text-align:left;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff14;border:1.5px solid #fff3;border-radius:20px;margin-bottom:24px;padding:20px 24px}.wa-prep-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.wa-prep-badge{background:var(--yellow);color:var(--black);letter-spacing:.6px;text-transform:uppercase;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:800;display:inline-flex}.wa-prep-hint{color:#fffc;font-size:12px;font-weight:500}.wa-prep-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.wa-prep-label{color:#ffffffe6;margin-bottom:6px;font-size:12px;font-weight:700;display:block}.wa-prep-label .req{color:#f87171;font-weight:900}.wa-prep-input,.wa-prep-select{width:100%;color:var(--black);box-sizing:border-box;background:#fffffff2;border:1.5px solid #ffffff40;border-radius:12px;padding:12px 16px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s}.wa-prep-input:focus,.wa-prep-select:focus{border-color:var(--yellow);background:var(--white);outline:none;box-shadow:0 0 0 3px #ffd60a59}.wa-validation-alert{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5;border-radius:10px;align-items:center;gap:8px;margin-top:14px;padding:10px 14px;font-size:12.5px;font-weight:600;animation:.25s ease-in-out fadeIn;display:flex}.wa-section-prep-form{width:100%;max-width:680px;margin:24px auto 0}.wa-section-prep-box{text-align:left;background:#00000040;border:1.5px solid #fff3;border-radius:20px;margin-bottom:24px;padding:20px 24px}.faq-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#0f172abf;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.faq-modal-card{background:var(--white);border:2px solid var(--border);border-radius:24px;width:100%;max-width:580px;max-height:90vh;padding:30px;position:relative;overflow-y:auto;box-shadow:0 24px 60px #00000040}.faq-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;margin-bottom:18px;padding-bottom:14px;display:flex}.faq-modal-tag{color:#15803d;text-transform:uppercase;letter-spacing:.5px;background:#dcfce7;border-radius:6px;margin-bottom:6px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.faq-modal-header h3{color:var(--black);margin:0;font-size:20px;font-weight:800}.faq-modal-close{width:36px;height:36px;color:var(--black);cursor:pointer;background:#f1f5f9;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:15px;transition:all .2s;display:flex}.faq-modal-close:hover{background:var(--black);color:var(--yellow);transform:rotate(90deg)}.faq-modal-topic-banner{border-left:4px solid var(--yellow);background:#f8fafc;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:14px 18px;display:flex}.faq-modal-topic-banner i{color:#b45309;flex-shrink:0;margin-top:2px;font-size:18px}.faq-modal-topic-banner strong{color:var(--gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:11.5px;font-weight:800;display:block}.faq-modal-topic-banner p{color:var(--black);margin:0;font-size:13.5px;font-weight:700;line-height:1.4}.faq-modal-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.faq-modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.faq-modal-submit-btn{background:var(--green);color:var(--white);cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:800;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #22c55e59}.faq-modal-submit-btn:hover{background:#15803d;transform:translateY(-2px);box-shadow:0 8px 20px #22c55e73}.faq-share-modal-card{border-radius:24px;max-width:560px;padding:28px}.faq-share-modal-tag{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.faq-share-preview-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;margin-bottom:20px;padding:16px 20px}.faq-share-preview-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.faq-share-badge{background:var(--yellow);color:var(--black);border-radius:6px;padding:2px 8px;font-size:11px;font-weight:800}.faq-share-category-tag{color:#0369a1;background:#e0f2fe;border-radius:6px;padding:2px 8px;font-size:11px;font-weight:700}.faq-share-source-tag{color:#15803d;background:#dcfce7;border-radius:6px;margin-left:auto;padding:2px 8px;font-size:11px;font-weight:700}.faq-share-preview-q{color:var(--black);margin:0 0 6px;font-size:15px;font-weight:800;line-height:1.4}.faq-share-preview-a{color:#475569;margin:0;font-size:13px;font-style:italic;line-height:1.5}.faq-share-section-heading{align-items:center;gap:10px;margin:18px 0 10px;display:flex}.faq-share-section-heading span{letter-spacing:.8px;color:#94a3b8;text-transform:uppercase;font-size:11px;font-weight:800}.faq-share-channels-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:8px;display:grid}.faq-share-channel-btn{cursor:pointer;border:1.5px solid;border-radius:14px;align-items:center;gap:12px;padding:12px 14px;text-decoration:none;transition:all .25s;display:flex;position:relative}.faq-channel-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.faq-channel-text{flex-direction:column;min-width:0;display:flex}.faq-channel-text strong{font-size:13px;font-weight:800;line-height:1.2}.faq-channel-text span{opacity:.85;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.2;overflow:hidden}.faq-channel-arrow{opacity:.5;margin-left:auto;font-size:11px;transition:transform .2s}.faq-share-channel-btn:hover .faq-channel-arrow{opacity:1;transform:translate(2px,-2px)}.faq-channel-wa{color:#14532d;background:#f0fdf4;border-color:#86efac}.faq-channel-wa .faq-channel-icon-wrap{color:#fff;background:#25d366}.faq-channel-wa:hover{background:#dcfce7;border-color:#4ade80;transform:translateY(-2px);box-shadow:0 4px 14px #25d36640}.faq-channel-telegram{color:#075985;background:#f0f9ff;border-color:#7dd3fc}.faq-channel-telegram .faq-channel-icon-wrap{color:#fff;background:#0284c7}.faq-channel-telegram:hover{background:#e0f2fe;border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 4px 14px #0284c733}.faq-channel-fb{color:#1e3a8a;background:#eff6ff;border-color:#93c5fd}.faq-channel-fb .faq-channel-icon-wrap{color:#fff;background:#1877f2}.faq-channel-fb:hover{background:#dbeafe;border-color:#60a5fa;transform:translateY(-2px);box-shadow:0 4px 14px #1877f233}.faq-channel-x{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.faq-channel-x .faq-channel-icon-wrap{color:#fff;background:#0f172a}.faq-channel-x:hover{color:#fff;background:#0f172a;border-color:#0f172a;transform:translateY(-2px);box-shadow:0 4px 14px #0f172a40}.faq-channel-x:hover .faq-channel-text span{color:#94a3b8}.faq-share-copy-actions{flex-direction:column;gap:10px;display:flex}.faq-share-copy-full-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:12px 18px;font-size:13.5px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 4px 12px #0f172a26}.faq-share-copy-full-btn:hover{background:#1e293b;transform:translateY(-1px);box-shadow:0 6px 16px #0f172a40}.faq-share-copy-full-btn.copied{color:#fff;background:#15803d}.faq-share-link-row{align-items:center;gap:8px;display:flex}.faq-share-link-input{color:#475569;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;flex:1;padding:10px 14px;font-family:monospace;font-size:12.5px;transition:border-color .2s}.faq-share-link-input:focus{background:#fff;border-color:#0284c7}.faq-share-link-copy-btn{background:var(--yellow);color:var(--black);cursor:pointer;white-space:nowrap;border:1.5px solid #f59e0b;border-radius:10px;align-items:center;gap:6px;padding:10px 18px;font-size:12.5px;font-weight:800;transition:all .2s;display:inline-flex}.faq-share-link-copy-btn:hover{background:#fbbf24;transform:translateY(-1px)}.faq-share-link-copy-btn.copied{color:#fff;background:#22c55e;border-color:#16a34a}.faq-share-native-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;font-weight:700;transition:all .2s;display:flex}.faq-share-native-btn:hover{color:#0f172a;background:#e2e8f0}.faq-share-footer-note{color:#64748b;border-top:1px solid #f1f5f9;align-items:center;gap:8px;margin-top:18px;padding-top:14px;font-size:12px;display:flex}.faq-share-footer-note i{color:#e11d48;font-size:14px}.faq-floating-toast{z-index:100000;color:#fff;background:#0f172a;border-left:5px solid #22c55e;border-radius:14px;align-items:center;gap:14px;max-width:440px;padding:14px 18px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 16px 36px #00000059}.faq-toast-content{align-items:center;gap:10px;font-size:13px;font-weight:600;line-height:1.4;display:flex}.faq-toast-icon{color:#4ade80;flex-shrink:0;font-size:16px}.faq-toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:14px;transition:color .2s}.faq-toast-close:hover{color:#fff}.quick-wa-cta-btn{color:#064e3b;cursor:pointer;background:#25d366;border:2px solid #86efac;border-radius:60px;justify-content:center;align-items:center;gap:16px;width:100%;max-width:580px;margin-bottom:20px;padding:18px 44px;font-size:18px;font-weight:900;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 10px 30px #25d36680}.quick-wa-cta-btn:hover{color:#022c22;background:#20bd5a;transform:translateY(-4px)scale(1.02);box-shadow:0 16px 40px #25d366b3}.quick-wa-cta-btn i{font-size:36px}.quick-wa-cta-text{text-align:left;flex-direction:column;display:flex}.quick-wa-cta-title{letter-spacing:.4px;font-size:18px;font-weight:900;line-height:1.2}.quick-wa-cta-sub{opacity:.9;font-size:12.5px;font-weight:600}.quick-wa-phone-row{color:#ffffffd9;justify-content:center;align-items:center;gap:12px;margin-bottom:24px;font-size:13.5px;display:flex}.quick-wa-phone-link{color:#ffd60a;align-items:center;gap:6px;font-weight:700;text-decoration:none;transition:color .2s;display:inline-flex}.quick-wa-phone-link:hover{color:#fff;text-decoration:underline}.quick-wa-trust-strip{border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding-top:20px;display:flex}.quick-wa-trust-item{color:#ffffffe6;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.quick-wa-trust-item i{color:#4ade80;font-size:14px}.faq-section{background:var(--soft-blue);position:relative}.faq-search-container{max-width:920px;margin:0 auto 36px}.faq-search-box{background:var(--white);border:2px solid var(--border);box-shadow:var(--shadow-sm);border-radius:50px;align-items:center;padding:6px 12px 6px 22px;transition:all .3s;display:flex;position:relative}.faq-search-box:focus-within{border-color:var(--black);box-shadow:0 0 0 4px #ffd60a59}.faq-search-box.is-typing:focus-within,.faq-search-box.search-active:focus-within{border-color:#f59e0b;box-shadow:0 0 0 5px #f59e0b59,0 4px 18px #f59e0b40}.faq-search-box:has(#faq-search-input.search-active):focus-within{border-color:#f59e0b;box-shadow:0 0 0 5px #f59e0b59,0 4px 18px #f59e0b40}@keyframes faqBorderPulse{0%{border-color:#ffd60a;box-shadow:0 0 #ffd60ab3,0 2px 8px #0000000f}50%{border-color:#f59e0b;box-shadow:0 0 0 6px #ffd60a59,0 4px 18px #f59e0b40}70%{border-color:#ffd60a;box-shadow:0 0 0 9px #ffd60a00,0 2px 8px #0000000f}to{border-color:#ffd60a;box-shadow:0 0 #ffd60a00,0 2px 8px #0000000f}}@keyframes searchBorderPulse{0%{border-color:#ffd60a;box-shadow:0 0 #ffd60ab3,0 2px 8px #0000000f}50%{border-color:#f59e0b;box-shadow:0 0 0 6px #ffd60a59,0 4px 18px #f59e0b40}70%{border-color:#ffd60a;box-shadow:0 0 0 9px #ffd60a00,0 2px 8px #0000000f}to{border-color:#ffd60a;box-shadow:0 0 #ffd60a00,0 2px 8px #0000000f}}.faq-search-box.is-typing,.faq-search-box.faq-search-pulse,.faq-search-box.search-active,.faq-search-box.is-processing,.faq-search-box.typing-pulse,.faq-search-container.is-typing .faq-search-box,.faq-search-container.search-active .faq-search-box{border-color:#f59e0b;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;animation:1s cubic-bezier(.4,0,.2,1) infinite soft-yellow-glow!important}.faq-search-box:has(.faq-search-input.is-typing){border-color:#f59e0b;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;animation:1s cubic-bezier(.4,0,.2,1) infinite soft-yellow-glow!important}.faq-search-box:has(.faq-search-input.search-active){border-color:#f59e0b;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;animation:1s cubic-bezier(.4,0,.2,1) infinite soft-yellow-glow!important}.faq-search-box:has(#faq-search-input.search-active){border-color:#f59e0b;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;animation:1s cubic-bezier(.4,0,.2,1) infinite soft-yellow-glow!important}.faq-search-box:has(#faq-search-input.is-typing){border-color:#f59e0b;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;animation:1s cubic-bezier(.4,0,.2,1) infinite soft-yellow-glow!important}.faq-search-box:has(#faq-search-input.is-processing){border-color:#f59e0b;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;animation:1s cubic-bezier(.4,0,.2,1) infinite soft-yellow-glow!important}.faq-search-box:has(#faq-search-input.typing-pulse){border-color:#f59e0b;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;animation:1s cubic-bezier(.4,0,.2,1) infinite soft-yellow-glow!important}.faq-search-box:has(#faq-search-input[aria-busy=true]){border-color:#f59e0b;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;animation:1s cubic-bezier(.4,0,.2,1) infinite soft-yellow-glow!important}.faq-search-icon{color:var(--gray);margin-right:12px;font-size:16px;transition:all .25s}.faq-search-icon.icon-searching{color:#d97706;transform:scale(1.1)}.faq-search-typing-indicator{color:#92400e;white-space:nowrap;background:#fef3c7;border:1px solid #fde68a;border-radius:20px;align-items:center;gap:6px;margin-right:8px;padding:3px 9px;font-size:11px;font-weight:700;animation:.2s fadeIn;display:inline-flex}.typing-pulse-dot{background:#d97706;border-radius:50%;width:6px;height:6px;animation:.85s ease-in-out infinite dotPulse}@keyframes dotPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}@keyframes soft-yellow-glow{0%{border-color:var(--primary);box-shadow:0 0 #ffd60ab3,0 0 8px #ffd60a73}50%{border-color:#f59e0b;box-shadow:0 0 0 4px #ffd60a66,0 0 16px #ffd60a8c}70%{border-color:var(--primary);box-shadow:0 0 0 7px #ffd60a00,0 0 10px #ffd60a4d}to{border-color:var(--primary);box-shadow:0 0 #ffd60a00,0 0 8px #ffd60a73}}@keyframes faqInputSoftYellowPulse{0%{border-color:var(--primary);box-shadow:0 0 #ffd60ab3,0 0 8px #ffd60a73}50%{border-color:#f59e0b;box-shadow:0 0 0 4px #ffd60a66,0 0 16px #ffd60a8c}70%{border-color:var(--primary);box-shadow:0 0 0 7px #ffd60a00,0 0 10px #ffd60a4d}to{border-color:var(--primary);box-shadow:0 0 #ffd60a00,0 0 8px #ffd60a73}}#faq-search-input,.faq-search-input{color:var(--black);background:0 0;border:2px solid #0000;border-radius:25px;outline:none;flex:1;padding:8px 12px;font-family:inherit;font-size:15px;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out,background-color .3s ease-in-out}#faq-search-input.search-active,#faq-search-input.is-typing,#faq-search-input.is-processing,#faq-search-input.typing-pulse,#faq-search-input.soft-yellow-glow,#faq-search-input.faq-search-input-filtering,#faq-search-input[aria-busy=true],.faq-search-input.search-active,.faq-search-input.is-typing,.faq-search-input.is-processing,.faq-search-input.typing-pulse,.faq-search-input.soft-yellow-glow,.faq-search-input.faq-search-input-filtering,.faq-search-input[aria-busy=true]{border:2px solid var(--primary);outline:none;transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;box-shadow:0 0 0 3.5px #ffd60a80,0 0 18px #ffd60a73;border-color:var(--primary)!important;animation:1s cubic-bezier(.4,0,.2,1) infinite soft-yellow-glow!important}#faq-search-input.search-active:focus,#faq-search-input.search-active:hover,#faq-search-input.search-active:active,#faq-search-input.search-active:focus-visible,#faq-search-input.is-typing:focus,#faq-search-input.is-typing:hover,#faq-search-input.typing-pulse:focus,#faq-search-input.typing-pulse:hover{border-color:var(--primary)!important;animation:1s cubic-bezier(.4,0,.2,1) infinite soft-yellow-glow!important;box-shadow:0 0 0 4px #ffd60a8c,0 0 20px #ffd60a80!important}#faq-search-input.soft-yellow-glow,#faq-search-input.is-typing,#faq-search-input.is-processing,#faq-search-input.faq-search-input-filtering,#faq-search-input.typing-pulse,.faq-search-input.search-active,.faq-search-input.soft-yellow-glow,.faq-search-input.faq-search-input-filtering,.faq-search-input.is-typing,.faq-search-input.is-processing,.faq-search-input.pulse-border,.faq-search-input.faq-search-pulse,.faq-search-input.typing-pulse,.faq-modal-search-box.is-typing,.faq-modal-search-box.search-active,.faq-modal-search-input.is-typing,.faq-modal-search-input.search-active{border:2px solid var(--primary);border-color:var(--primary);transition:border-color .3s ease-in-out,box-shadow .3s ease-in-out;box-shadow:0 0 0 3px #ffd60a73,0 0 16px #ffd60a66;animation:1s cubic-bezier(.4,0,.2,1) infinite soft-yellow-glow!important}.faq-search-clear{width:32px;height:32px;color:var(--gray);cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;margin-right:6px;font-size:13px;transition:all .2s;display:flex}.faq-search-clear:hover{color:var(--black);background:#e5e7eb}.faq-filter-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.faq-filter-pills{scroll-behavior:smooth;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.faq-filter-pill{background:var(--white);border:1px solid var(--border);color:var(--gray);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:50px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.faq-filter-pill:hover{border-color:var(--black);color:var(--black);transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.faq-filter-pill:focus-visible{outline-offset:2px;outline:2px solid #f59e0b}.faq-filter-pill.active{background:var(--black);color:var(--white);border-color:var(--black);box-shadow:0 4px 12px #00000026}.faq-filter-pill-icon{opacity:.8;font-size:12px;transition:transform .2s,opacity .2s}.faq-filter-pill:hover .faq-filter-pill-icon{opacity:1;transform:scale(1.1)}.faq-filter-pill.active .faq-filter-pill-icon{color:#f59e0b;opacity:1}.faq-filter-pill-count{color:#64748b;background:#f1f5f9;border-radius:999px;justify-content:center;align-items:center;min-width:19px;height:19px;margin-left:2px;padding:0 5px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.faq-filter-pill.active .faq-filter-pill-count{color:#fff;background:#ffffff38}.faq-modal-pill-count{color:#475569;background:#e2e8f0;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 4px;font-size:10px;font-weight:700;transition:all .2s;display:inline-flex}.faq-modal-filter-pill.active .faq-modal-pill-count{color:#f59e0b;background:#f59e0b40}.faq-count-badge{color:var(--gray);font-size:13px;font-weight:600}.faq-empty-state{background:var(--white);border:1px dashed var(--border);text-align:center;color:var(--gray);border-radius:20px;padding:48px 24px}.faq-empty-state i{color:#f59e0b;margin-bottom:16px;font-size:40px}.faq-empty-state h4{color:var(--black);margin-bottom:8px;font-size:18px}.faq-empty-state p{max-width:480px;margin:0 auto 20px;font-size:14px}.faq-empty-reset-btn{background:var(--primary);color:var(--black);cursor:pointer;border:none;border-radius:50px;padding:10px 22px;font-size:13.5px;font-weight:700;transition:all .2s}.faq-empty-reset-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.faq-container{max-width:920px;margin:0 auto}@keyframes faqResultsScaleIn{0%{opacity:0;transform:scale(.96)translateY(8px)}60%{opacity:.95;transform:scale(1.006)translateY(-1px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes faqItemScaleIn{0%{opacity:0;transform:scale(.97)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.faq-results-refresh,.faq-scale-in{transform-origin:top;animation:.35s cubic-bezier(.16,1,.3,1) both faqResultsScaleIn}.faq-list.faq-results-refresh .faq-item{transform-origin:top;animation:.32s cubic-bezier(.16,1,.3,1) both faqItemScaleIn}.faq-loading-skeleton-container{flex-direction:column;gap:16px;width:100%;display:flex}.faq-filtering-progress-box{background:#fff;border:1.5px solid #ffd60a73;border-radius:16px;flex-direction:column;gap:10px;padding:14px 20px;animation:.25s both fadeIn;display:flex;box-shadow:0 4px 16px #ffd60a1f}.faq-filtering-progress-track{background:#ffd60a33;border-radius:999px;width:100%;height:4px;position:relative;overflow:hidden}.faq-filtering-progress-bar{background:linear-gradient(90deg,#0000,#ffd60a 20%,#f59e0b 50%,#ffd60a 80%,#0000);border-radius:999px;width:42%;height:100%;animation:1.25s cubic-bezier(.4,0,.2,1) infinite faqProgressWave;position:absolute;top:0;box-shadow:0 0 10px #ffd60ab3}@keyframes faqProgressWave{0%{left:-45%}to{left:105%}}.faq-filtering-status-info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.faq-filtering-status-left{color:#334155;align-items:center;gap:8px;font-size:13px;display:flex}.faq-ai-filter-sparkle{color:#d97706;justify-content:center;align-items:center;font-size:14px;animation:1.6s ease-in-out infinite aiSparklePulse;display:inline-flex}@keyframes aiSparklePulse{0%,to{filter:drop-shadow(0 0 2px #f59e0b66);transform:scale(1)rotate(0)}50%{filter:drop-shadow(0 0 6px #ffd60acc);transform:scale(1.22)rotate(12deg)}}.faq-ai-filter-text{color:#1e293b;font-size:13px}.faq-ai-filter-text strong{color:#92400e;font-weight:700}.faq-filtering-loading-tag{color:#92400e;letter-spacing:.2px;background:#fef3c7;border:1px solid #f59e0b59;border-radius:20px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.faq-filtering-loading-tag i{color:#d97706}.faq-skeleton-list{flex-direction:column;gap:16px;display:flex}.faq-skeleton-card{background:var(--white);box-shadow:var(--shadow-sm);border:1.5px solid #e2e8f0;border-radius:20px;padding:22px 24px;transition:all .25s;animation:.35s cubic-bezier(.16,1,.3,1) both faqResultsScaleIn;overflow:hidden}.faq-skeleton-card.is-expanded-preview{background:linear-gradient(#fff 0%,#fffdf5 100%);border-color:#ffd60a80;box-shadow:0 6px 20px #ffd60a1a}.faq-skeleton-bar{align-items:center;gap:16px;display:flex}.faq-skeleton-badge{border-radius:12px;flex-shrink:0;width:36px;height:36px}.faq-skeleton-content{flex-direction:column;flex:1;gap:9px;display:flex}.faq-skeleton-meta-row{align-items:center;gap:10px;display:flex}.faq-skeleton-tag{border-radius:6px;height:14px}.faq-skeleton-line{border-radius:6px}.faq-skeleton-line.skeleton-title{height:16px}.faq-skeleton-line.skeleton-subtitle{height:11px}.faq-skeleton-line.skeleton-body{border-radius:6px;height:13px}.faq-skeleton-action{border-radius:50%;flex-shrink:0;width:34px;height:34px}.faq-skeleton-answer{border-top:1px dashed #e2e8f0e6;flex-direction:column;gap:10px;margin-top:18px;padding-top:16px;animation:.25s both fadeIn;display:flex}.faq-skeleton-btn-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px;display:flex}.faq-skeleton-btn{border-radius:999px;flex-shrink:0;height:36px}.skeleton-shimmer{background:#f1f5f9 linear-gradient(90deg,#f1f5f9 0%,#e2e8f0 22%,#fef9c3 50%,#e2e8f0 78%,#f1f5f9 100%) 0 0/200% 100%;animation:1.35s ease-in-out infinite skeletonShimmerWave}@keyframes skeletonShimmerWave{0%{background-position:100% 0}to{background-position:-100% 0}}.faq-modal-skeleton-container{gap:12px}.faq-modal-skeleton-card{border:1.5px solid #e2e8f0;border-radius:16px;padding:16px 20px}.faq-count-searching{color:#d97706;align-items:center;font-size:13px;font-weight:600;animation:.2s both fadeIn;display:inline-flex}.faq-count-searching i{color:#f59e0b}.faq-list{flex-direction:column;gap:16px;display:flex}.faq-item{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.faq-item:hover{box-shadow:var(--shadow-md);border-color:#ffd60ab3;transform:translateY(-2px)}.faq-item.active{border-color:var(--primary);box-shadow:var(--shadow-md)}.faq-question-bar{justify-content:space-between;align-items:center;gap:12px;width:100%;padding-right:20px;display:flex}.faq-question{text-align:left;cursor:pointer;color:var(--black);background:0 0;border:none;flex:1;align-items:center;gap:16px;padding:22px 14px 22px 24px;font-family:inherit;font-size:16px;font-weight:700;transition:color .2s;display:flex}.faq-toggle-btn{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.faq-question-text{align-items:center;gap:14px;line-height:1.4;display:flex}.faq-q-badge{background:var(--light-blue);color:#0284c7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:800;transition:all .3s;display:flex}.faq-item.active .faq-q-badge{background:var(--primary);color:var(--black);box-shadow:var(--shadow-yellow)}.faq-question-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.faq-share-trigger-btn{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.faq-share-trigger-btn:hover{background:var(--black);color:var(--yellow);border-color:var(--black);transform:translateY(-1px);box-shadow:0 4px 10px #00000026}.faq-share-trigger-btn i{font-size:12px}.faq-toggle-icon{background:var(--light-gray);width:36px;height:36px;color:var(--black);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;transition:transform .3s,background .3s;display:flex}.faq-item.active .faq-toggle-icon{background:var(--primary);color:var(--black);transform:rotate(180deg)}.faq-answer-collapse{opacity:0;visibility:hidden;will-change:max-height, opacity, transform;max-height:0;transition:max-height .42s cubic-bezier(.4,0,.2,1),opacity .32s cubic-bezier(.4,0,.2,1),transform .38s cubic-bezier(.4,0,.2,1),visibility .42s;overflow:hidden;transform:translateY(-6px)}.faq-item.active .faq-answer-collapse,.faq-answer-collapse.open{opacity:1;visibility:visible;max-height:800px;transform:translateY(0)}.faq-answer{color:#4b5563;padding:0 24px 24px 70px;font-size:14.5px;line-height:1.7}.faq-answer strong{color:var(--black)}.faq-item-action{background:linear-gradient(135deg,#f0fdf4 0%,#f8fafc 100%);border:1px solid #bbf7d0;border-radius:16px;flex-direction:column;gap:14px;margin-top:18px;padding:16px 18px;transition:all .25s;display:flex}.faq-item-action:hover{border-color:#86efac;box-shadow:0 4px 14px #22c55e14}.faq-item-action-header{align-items:flex-start;gap:12px;display:flex}.faq-item-action-icon{color:#16a34a;background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex;box-shadow:0 2px 6px #16a34a26}.faq-item-action-text{color:var(--gray);flex-direction:column;gap:3px;font-size:13px;line-height:1.45;display:flex}.faq-item-action-text strong{color:#14532d;font-size:13.5px;font-weight:700}.faq-item-action-btns{flex-wrap:wrap;align-items:center;gap:10px;padding-top:4px;display:flex}.faq-item-wa-btn{color:#064e3b;white-space:nowrap;cursor:pointer;background:#25d366;border:1px solid #86efac;border-radius:50px;align-items:center;gap:8px;padding:9px 20px;font-size:13px;font-weight:800;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #25d36640}.faq-item-wa-btn:hover{color:#022c22;background:#20bd5a;transform:translateY(-2px);box-shadow:0 6px 16px #25d36673}.faq-item-wa-btn i{color:#064e3b;font-size:16px}.faq-item-custom-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:50px;align-items:center;gap:7px;padding:8px 16px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.faq-item-custom-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#94a3b8;transform:translateY(-1px)}.faq-item-custom-btn i{color:#64748b;font-size:13px}.faq-item-share-btn{color:#1e293b;cursor:pointer;white-space:nowrap;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:50px;align-items:center;gap:7px;padding:8px 16px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.faq-item-share-btn:hover{color:var(--yellow);background:#0f172a;border-color:#0f172a;transform:translateY(-2px);box-shadow:0 4px 12px #0f172a33}.faq-item-share-btn i{color:#475569;font-size:12px;transition:color .2s}.faq-item-share-btn:hover i{color:var(--yellow)}.faq-item-share-strip{border-top:1px dashed #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;display:flex}.faq-share-strip-title{color:#64748b;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11.5px;font-weight:800;display:inline-flex}.faq-share-strip-title i{color:#94a3b8}.faq-share-strip-links{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.faq-strip-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;align-items:center;gap:5px;padding:5px 12px;font-size:11.5px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.faq-strip-btn:hover{transform:translateY(-1px)}.faq-strip-wa{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.faq-strip-wa:hover{color:#fff;background:#25d366;border-color:#25d366}.faq-strip-telegram{color:#0284c7;background:#f0f9ff;border-color:#bae6fd}.faq-strip-telegram:hover{color:#fff;background:#0284c7;border-color:#0284c7}.faq-strip-facebook{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.faq-strip-facebook:hover{color:#fff;background:#1877f2;border-color:#1877f2}.faq-strip-twitter{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.faq-strip-twitter:hover{color:#fff;background:#0f172a;border-color:#0f172a}.faq-strip-copy{color:#854d0e;background:#fefce8;border-color:#fef08a}.faq-strip-copy:hover{color:#0f172a;background:#facc15;border-color:#eab308}.faq-cta-card{background:var(--black);box-shadow:var(--shadow-lg);border:1px solid #ffd60a33;border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin-top:50px;padding:32px 36px;display:flex;position:relative;overflow:hidden}.faq-cta-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffd60a26 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-40px;right:-40px}.faq-cta-info{z-index:1;position:relative}.faq-cta-info h4{color:var(--white);margin-bottom:6px;font-size:20px;font-weight:800}.faq-cta-info p{color:#ffffffb3;font-size:14px;line-height:1.5}.faq-cta-btn{z-index:1;background:var(--primary);color:var(--black);white-space:nowrap;box-shadow:var(--shadow-yellow);border-radius:50px;align-items:center;gap:10px;padding:13px 26px;font-size:14px;font-weight:800;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.faq-cta-btn:hover{background:#ffe033;transform:translateY(-2px);box-shadow:0 10px 24px #ffd60a80}.galeri{background:var(--white)}.gallery-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:16px;display:grid}.gallery-item{cursor:pointer;box-shadow:var(--shadow-sm);border:1px solid var(--border);border-radius:20px;transition:all .4s;position:relative;overflow:hidden}.gallery-item:first-child{grid-area:span 2/span 2}.gallery-item:nth-child(4){grid-area:span 1/span 2}.gallery-item img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1)}.gallery-item:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-5px)}.gallery-item:hover img{transform:scale(1.1)}.gallery-overlay{opacity:0;background:linear-gradient(#0000 0%,#1116 50%,#111111e6 100%);align-items:flex-end;padding:20px;transition:opacity .4s;display:flex;position:absolute;inset:0}.gallery-item:hover .gallery-overlay{opacity:1}.gallery-overlay .content{color:var(--white);transition:transform .4s;transform:translateY(20px)}.gallery-item:hover .gallery-overlay .content{transform:translateY(0)}.gallery-overlay h4{margin-bottom:4px;font-size:16px;font-weight:700}.gallery-overlay p{opacity:.9;font-size:13px}.gallery-icon{background:var(--primary);width:40px;height:40px;color:var(--black);opacity:0;z-index:2;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .4s;display:flex;position:absolute;top:16px;right:16px;transform:scale(.5)}.gallery-item:hover .gallery-icon{opacity:1;transform:scale(1)}.lightbox{z-index:2000;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:none;position:fixed;top:0;left:0}.lightbox.active{animation:.3s fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox img{border:4px solid var(--primary);object-fit:contain;border-radius:12px;max-width:90%;max-height:85vh;box-shadow:0 20px 60px #00000080}.lightbox-close{background:var(--primary);width:48px;height:48px;color:var(--black);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:transform .3s;display:flex;position:absolute;top:24px;right:24px}.lightbox-close:hover{transform:rotate(90deg)}.wa-section{background:#f0fdf4;border-top:1px solid #dcfce7;border-bottom:1px solid #dcfce7;padding:70px 0;position:relative}.wa-card{color:var(--white);text-align:center;background:linear-gradient(135deg,#064e3b 0%,#065f46 45%,#0b3b2c 100%);border:1px solid #4ade8040;border-radius:28px;padding:50px 40px;position:relative;overflow:hidden;box-shadow:0 20px 50px #064e3b40}.wa-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#25d36640 0%,#0000 70%);width:280px;height:280px;position:absolute;top:-80px;right:-80px}.wa-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffd60a26 0%,#0000 70%);width:260px;height:260px;position:absolute;bottom:-80px;left:-80px}.wa-card-content{z-index:2;max-width:820px;margin:0 auto;position:relative}.wa-live-badge{color:#86efac;background:#22c55e33;border:1px solid #4ade8066;border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 18px;font-size:13px;font-weight:700;display:inline-flex}.wa-live-dot{background:#22c55e;border-radius:50%;width:10px;height:10px;animation:1.8s infinite wa-pulse;box-shadow:0 0 #22c55eb3}@keyframes wa-pulse{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 10px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.wa-card-title{color:var(--white);letter-spacing:-.5px;margin-bottom:14px;font-size:34px;font-weight:900;line-height:1.25}.wa-card-subtitle{color:#ffffffe0;max-width:660px;margin-bottom:30px;margin-left:auto;margin-right:auto;font-size:15.5px;line-height:1.6}.wa-topics-label{color:#fde047;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12.5px;font-weight:700;display:block}.wa-topics-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:30px;display:grid}.wa-topic-chip{color:var(--white);cursor:pointer;text-align:left;background:#ffffff14;border:1px solid #ffffff2e;border-radius:14px;flex-direction:column;gap:4px;padding:12px 14px;text-decoration:none;transition:all .25s;display:flex}.wa-topic-chip:hover{background:#ffffff29;border-color:#4ade80;transform:translateY(-2px)}.wa-topic-chip.active{background:#22c55e40;border-color:#4ade80;box-shadow:0 0 16px #4ade8059}.wa-topic-chip-top{align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.wa-topic-chip-top i{color:#fde047;font-size:14px}.wa-topic-chip-desc{color:#ffffffb3;font-size:11.5px}.wa-giant-btn{color:#064e3b;background:#25d366;border:2px solid #86efac;border-radius:60px;justify-content:center;align-items:center;gap:18px;width:100%;max-width:580px;margin-bottom:24px;padding:18px 42px;font-weight:900;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #25d36673}.wa-giant-btn:hover{color:#022c22;background:#20bd5a;transform:translateY(-4px)scale(1.02);box-shadow:0 16px 40px #25d366a6}.wa-giant-btn i.fab.fa-whatsapp{color:#064e3b;flex-shrink:0;font-size:40px}.wa-giant-text{text-align:left;flex-direction:column;display:flex}.wa-giant-title{letter-spacing:.5px;font-size:18px;font-weight:900;line-height:1.2}.wa-giant-sub{opacity:.9;font-size:12.5px;font-weight:600}.wa-alt-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-bottom:28px;display:flex}.wa-alt-phone{color:#ffffffe6;background:#ffffff1a;border-radius:30px;align-items:center;gap:8px;padding:8px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.wa-alt-phone:hover{color:var(--white);background:#fff3;transform:translateY(-2px)}.wa-alt-phone i{color:var(--primary)}.wa-trust-bullets{border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:center;gap:24px;padding-top:20px;display:flex}.wa-bullet{color:#ffffffe6;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.wa-bullet i{color:#4ade80;font-size:14px}.articles-section{background:var(--white);position:relative}.article-search-container{max-width:860px;margin:0 auto 36px}.article-search-box{background:var(--white);border:2px solid var(--border);box-shadow:var(--shadow-sm);border-radius:50px;align-items:center;padding:6px 12px 6px 22px;transition:all .3s;display:flex;position:relative}.article-search-box:focus-within{border-color:var(--black);box-shadow:0 0 0 4px #ffd60a59}.article-search-icon{color:var(--gray);margin-right:12px;font-size:16px}.article-search-input{color:var(--black);background:0 0;border:none;outline:none;flex:1;padding:8px 0;font-family:inherit;font-size:15px}.article-search-clear{width:32px;height:32px;color:var(--gray);cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;margin-right:6px;font-size:13px;transition:all .2s;display:flex}.article-search-clear:hover{color:var(--black);background:#e5e7eb}.article-category-nav-wrapper{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:20px;padding:16px 20px}.article-category-nav-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.article-category-nav-title{color:var(--black);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;font-size:13.5px;font-weight:800;display:inline-flex}.article-category-nav-title i{color:#d97706;font-size:14px}.article-category-nav-hint{color:#64748b;font-size:12.5px}.article-category-pills{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.article-category-pill-btn{background:var(--white);color:#334155;cursor:pointer;border:1.5px solid #e2e8f0;border-radius:50px;align-items:center;gap:8px;padding:8px 18px;font-size:13.5px;font-weight:700;transition:all .22s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 1px 3px #0000000d}.article-category-pill-btn i{color:#64748b;font-size:13px;transition:color .2s}.category-pill-badge{color:#475569;background:#f1f5f9;border-radius:20px;padding:2px 7px;font-size:11px;font-weight:800;transition:all .2s}.article-category-pill-btn:hover{color:var(--black);background:#fff;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 4px 10px #00000014}.article-category-pill-btn:hover i{color:#d97706}.article-category-pill-btn.active{background:var(--black);color:var(--white);border-color:var(--black);transform:translateY(-2px);box-shadow:0 6px 16px #0000002e}.article-category-pill-btn.active i{color:var(--primary)}.article-category-pill-btn.active .category-pill-badge{background:var(--primary);color:var(--black)}.article-filter-summary-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:0 4px;display:flex}.article-active-filter-indicator{color:#475569;align-items:center;gap:8px;font-size:13px;display:inline-flex}.article-active-filter-indicator i{color:#d97706;font-size:12.5px}.article-active-filter-indicator strong{color:var(--black)}.article-active-filter-indicator em{color:#d97706;font-style:normal;font-weight:700}.article-count-badge{color:var(--gray);font-size:13px;font-weight:600}.article-empty-state{border:1px dashed var(--border);text-align:center;color:var(--gray);background:#f9fafb;border-radius:20px;grid-column:1/-1;padding:48px 24px}.article-empty-state i{color:var(--primary);margin-bottom:16px;font-size:40px}.article-empty-state h4{color:var(--black);margin-bottom:8px;font-size:18px}.article-empty-state p{max-width:480px;margin:0 auto 20px;font-size:14px}.article-empty-reset-btn{background:var(--black);color:var(--white);cursor:pointer;border:none;border-radius:50px;padding:10px 22px;font-size:13.5px;font-weight:700;transition:all .2s}.article-empty-reset-btn:hover{background:#222;transform:translateY(-2px)}.articles-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.article-card{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:20px;flex-direction:column;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.article-card:hover{box-shadow:var(--shadow-lg);border-color:var(--primary);transform:translateY(-8px)}.article-thumb{background:#f3f4f6;height:180px;position:relative;overflow:hidden}.article-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.article-card:hover .article-thumb img{transform:scale(1.08)}.article-category{background:var(--black);color:var(--primary);text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #00000040}.article-body{flex-direction:column;flex-grow:1;padding:22px 20px;display:flex}.article-meta{color:var(--gray);align-items:center;gap:12px;margin-bottom:10px;font-size:12px;display:flex}.article-meta span{align-items:center;gap:4px;display:flex}.article-title{color:var(--black);margin-bottom:10px;font-size:16px;font-weight:800;line-height:1.35;transition:color .2s}.article-card:hover .article-title{color:#b45309}.article-excerpt{color:#4b5563;flex-grow:1;margin-bottom:18px;font-size:13.5px;line-height:1.55}.article-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.article-read-btn{color:var(--black);align-items:center;gap:6px;font-size:13px;font-weight:700;transition:gap .2s;display:inline-flex}.article-card:hover .article-read-btn{color:#b45309;gap:10px}.article-share-hint{color:var(--gray);font-size:11px;font-weight:600}.article-modal-overlay{z-index:2000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:fixed;top:0;left:0}.article-modal-content{background:var(--white);border:2px solid var(--primary);border-radius:24px;width:100%;max-width:760px;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 25px 60px #0006}.article-modal-header{border-radius:22px 22px 0 0;height:240px;position:relative;overflow:hidden}.article-modal-header img{object-fit:cover;width:100%;height:100%}.article-modal-close{background:var(--primary);width:40px;height:40px;color:var(--black);cursor:pointer;box-shadow:var(--shadow-md);z-index:10;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:transform .2s;display:flex;position:absolute;top:18px;right:18px}.article-modal-close:hover{transform:rotate(90deg)scale(1.05)}.article-modal-body{padding:32px}.article-modal-badge{background:var(--light-blue);color:#0284c7;text-transform:uppercase;border-radius:20px;margin-bottom:12px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.article-modal-title{color:var(--black);margin-bottom:14px;font-size:26px;font-weight:800;line-height:1.25}.article-modal-meta{color:var(--gray);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:16px;margin-bottom:24px;padding-bottom:16px;font-size:13px;display:flex}.article-modal-text{color:#374151;font-size:15px;line-height:1.8}.article-modal-text p{margin-bottom:16px}.article-modal-text h4{color:var(--black);margin:20px 0 10px;font-size:18px;font-weight:800}.article-modal-text ul,.article-modal-text ol{margin:12px 0 20px 24px}.article-modal-text li{margin-bottom:8px}.article-modal-cta{background:var(--soft-blue);border:1px dashed #0284c7;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:28px;padding:20px;display:flex}.newsletter-box{color:var(--white);background:linear-gradient(135deg,#064e3b 0%,#065f46 50%,#047857 100%);border:2px solid #ffffff26;border-radius:28px;margin-top:52px;padding:44px 36px;position:relative;overflow:hidden;box-shadow:0 16px 40px #064e3b38}.newsletter-box:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffd60a40 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.newsletter-box:after{content:"";pointer-events:none;background:radial-gradient(circle,#34d39933 0%,#0000 70%);border-radius:50%;width:220px;height:220px;position:absolute;bottom:-80px;left:-40px}.newsletter-inner{text-align:center;z-index:1;max-width:720px;margin:0 auto;position:relative}.newsletter-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--yellow);letter-spacing:.8px;text-transform:uppercase;background:#ffffff2e;border:1px solid #ffffff4d;border-radius:50px;align-items:center;gap:8px;margin-bottom:14px;padding:5px 16px;font-size:11.5px;font-weight:800;display:inline-flex}.newsletter-title{color:var(--white);margin-bottom:12px;font-size:26px;font-weight:800;line-height:1.3}.newsletter-subtitle{color:#d1fae5;max-width:640px;margin:0 auto 24px;font-size:14px;line-height:1.6}.newsletter-perks{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-bottom:28px;display:flex}.newsletter-perk-item{color:#ecfdf5;align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.newsletter-perk-item i{color:var(--yellow);font-size:14px}.newsletter-form{max-width:580px;margin:0 auto}.newsletter-input-group{background:var(--white);border:2px solid #0000;border-radius:60px;align-items:center;padding:6px 8px 6px 20px;transition:all .3s;display:flex;box-shadow:0 8px 24px #0000002e}.newsletter-input-group:focus-within{border-color:var(--yellow);box-shadow:0 10px 28px #00000040,0 0 0 4px #ffd60a4d}.newsletter-field-icon{color:#9ca3af;flex-shrink:0;margin-right:12px;font-size:17px}.newsletter-input{color:var(--black);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:10px 0;font-family:inherit;font-size:14px;font-weight:500}.newsletter-input::placeholder{color:#9ca3af}.newsletter-submit-btn{background:var(--black);color:var(--yellow);cursor:pointer;white-space:nowrap;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:800;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #0003}.newsletter-submit-btn:hover{color:#fff;background:#1f2937;transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.newsletter-alert{text-align:left;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:16px;padding:12px 18px;font-size:13px;font-weight:600;animation:.25s ease-in-out fadeIn;display:flex}.newsletter-alert.error{color:#991b1b;background:#fef2f2;border:1px solid #fca5a5}.newsletter-alert.success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.newsletter-counter-badge{color:#d1fae5;background:#00000038;border:1px solid #ffffff26;border-radius:30px;align-items:center;gap:8px;margin-top:18px;padding:6px 16px;font-size:12.5px;display:inline-flex}.newsletter-counter-badge strong{color:var(--yellow);font-weight:800}.article-archive-prompt{margin-top:32px;margin-bottom:36px}.article-archive-prompt-inner{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;transition:all .25s;display:flex}.article-archive-prompt-inner:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);background:#fffbeb}.article-archive-prompt-text{color:var(--black);align-items:center;gap:14px;display:flex}.article-archive-prompt-text i{color:#d97706;flex-shrink:0;font-size:22px}.article-archive-prompt-text strong{margin-bottom:2px;font-size:14.5px;font-weight:700;display:block}.article-archive-prompt-text span{color:var(--gray);font-size:13px}.article-archive-prompt-link{background:var(--black);color:var(--white);white-space:nowrap;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.article-archive-prompt-link:hover{color:var(--yellow);box-shadow:var(--shadow-sm);background:#1f2937;transform:translateY(-2px)}.arsip-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#f8fafc;padding:80px 0;position:relative}.arsip-controls-card{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;margin-bottom:36px;padding:24px}.arsip-controls-top{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:20px;display:flex}.arsip-month-nav{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.arsip-nav-label{color:var(--black);align-items:center;gap:6px;font-size:13.5px;font-weight:700;display:inline-flex}.arsip-month-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.arsip-month-pill{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #0000;border-radius:40px;align-items:center;gap:7px;padding:7px 16px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.arsip-month-pill:hover{color:var(--black);background:#e2e8f0}.arsip-month-pill.active{background:var(--black);color:var(--white);border-color:var(--black);font-weight:700;box-shadow:0 4px 12px #00000026}.arsip-pill-count{color:inherit;text-align:center;background:#0000001a;border-radius:20px;min-width:18px;padding:2px 7px;font-size:11px;font-weight:800}.arsip-month-pill.active .arsip-pill-count{background:var(--primary);color:var(--black)}.arsip-nav-arrows{align-items:center;gap:8px;display:flex}.arsip-nav-arrow-btn{border:1px solid var(--border);color:#334155;cursor:pointer;background:#f8fafc;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.arsip-nav-arrow-btn:hover{background:var(--white);border-color:var(--black);color:var(--black);transform:translateY(-1px)}.arsip-controls-bottom{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.arsip-search-wrap{border:1.5px solid var(--border);background:#f8fafc;border-radius:40px;flex:1;align-items:center;min-width:260px;max-width:520px;padding:6px 14px 6px 18px;transition:all .25s;display:flex;position:relative}.arsip-search-wrap:focus-within{border-color:var(--black);background:var(--white);box-shadow:0 0 0 3px #ffd60a59}.arsip-search-icon{color:var(--gray);margin-right:10px;font-size:14px}.arsip-search-input{color:var(--black);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px}.arsip-search-clear{width:26px;height:26px;color:var(--gray);cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:11px;transition:all .2s;display:flex}.arsip-search-clear:hover{color:var(--black);background:#cbd5e1}.arsip-summary-badge{color:#64748b;font-size:13px;font-weight:600}.arsip-summary-badge strong{color:var(--black)}.arsip-summary-badge em{color:#d97706;font-style:normal;font-weight:700}.arsip-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px;display:grid}.arsip-card{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);cursor:pointer;border-radius:18px;flex-direction:column;transition:all .32s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.arsip-card:hover{box-shadow:var(--shadow-md);border-color:var(--primary);transform:translateY(-6px)}.arsip-card-thumb{background:#e2e8f0;height:175px;position:relative;overflow:hidden}.arsip-card-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .45s}.arsip-card:hover .arsip-card-thumb img{transform:scale(1.06)}.arsip-badge-group{justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.arsip-month-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--yellow);letter-spacing:.3px;background:#111111d9;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:700}.arsip-category-tag{background:var(--white);color:#0f172a;text-transform:uppercase;border-radius:20px;padding:3px 10px;font-size:10.5px;font-weight:800;box-shadow:0 2px 6px #00000026}.arsip-card-body{flex-direction:column;flex:1;padding:22px;display:flex}.arsip-card-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:10px;font-size:12px;display:flex}.arsip-views-text{color:#d97706;font-weight:600}.arsip-card-title{color:var(--black);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:16.5px;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.arsip-card-excerpt{color:#475569;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin-bottom:18px;font-size:13.5px;line-height:1.6;display:-webkit-box;overflow:hidden}.arsip-card-footer{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-top:14px;font-size:12.5px;display:flex}.arsip-card-read-link{color:var(--black);align-items:center;gap:6px;font-weight:800;transition:color .2s;display:inline-flex}.arsip-card:hover .arsip-card-read-link{color:#d97706}.arsip-card:hover .arsip-card-read-link i{transform:translate(3px)}.arsip-card-label{color:#94a3b8;font-size:11.5px}.arsip-empty-state{background:var(--white);border:1px dashed var(--border);text-align:center;color:var(--gray);border-radius:20px;grid-column:1/-1;padding:48px 24px}.arsip-empty-state i{color:var(--primary);margin-bottom:16px;font-size:42px}.arsip-empty-state h4{color:var(--black);margin-bottom:8px;font-size:18px}.arsip-empty-state p{max-width:480px;margin:0 auto 20px;font-size:14px}.arsip-empty-reset-btn{background:var(--black);color:var(--white);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:10px 22px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex}.arsip-empty-reset-btn:hover{color:var(--yellow);background:#1f2937;transform:translateY(-2px)}.arsip-footer-bar{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.arsip-footer-left{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.arsip-back-to-latest-btn{color:var(--black);background:#f1f5f9;border-radius:30px;align-items:center;gap:8px;padding:9px 18px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.arsip-back-to-latest-btn:hover{background:var(--black);color:var(--yellow);transform:translateY(-2px)}.arsip-footer-hint{color:#64748b;align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.arsip-consult-btn{color:var(--white);background:#25d366;border-radius:30px;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #25d36640}.arsip-consult-btn:hover{color:var(--white);background:#1ebe5d;transform:translateY(-2px);box-shadow:0 6px 16px #25d36659}@media (width<=992px){.arsip-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.arsip-grid{grid-template-columns:1fr}.arsip-controls-top{flex-direction:column;align-items:stretch}.arsip-month-pills{flex-wrap:nowrap;padding-bottom:6px;overflow-x:auto}.arsip-nav-arrows{justify-content:space-between}.arsip-footer-bar{text-align:center;flex-direction:column;align-items:stretch}.arsip-footer-left{flex-direction:column;align-items:stretch}.arsip-back-to-latest-btn,.arsip-consult-btn{justify-content:center;width:100%}}.armada-stats-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(#f8fafc 0%,#f0f7fa 100%);padding:85px 0 75px;position:relative}.armada-stats-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:32px;display:grid}.armada-stat-card{background:var(--white);border:2px solid var(--border);border-radius:24px;flex-direction:column;justify-content:space-between;padding:32px 28px;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000a}.armada-stat-card:hover{border-color:#cbd5e1;transform:translateY(-6px);box-shadow:0 16px 36px #00000014}.armada-stat-card.highlight{background:linear-gradient(145deg,#fff 0%,#fffdf5 100%);border-color:#fde047;box-shadow:0 6px 24px #eab3081f}.armada-stat-card.highlight:hover{border-color:#eab308;box-shadow:0 16px 40px #eab30838}.armada-stat-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.armada-stat-icon-wrap{border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;font-size:24px;transition:transform .3s;display:flex}.armada-stat-card:hover .armada-stat-icon-wrap{transform:scale(1.08)rotate(3deg)}.armada-stat-icon-wrap.total{color:#15803d;background:#dcfce7}.armada-stat-icon-wrap.available{color:#b45309;background:#fef3c7}.armada-stat-icon-wrap.hubs{color:#1d4ed8;background:#dbeafe}.armada-stat-pill{border-radius:9999px;align-items:center;gap:7px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.armada-stat-pill.green{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.armada-stat-pill.yellow{color:#854d0e;background:#fef9c3;border:1px solid #fde047}.armada-stat-pill.blue{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.pulse-dot-green,.pulse-dot-yellow,.pulse-dot-blue{border-radius:50%;width:8px;height:8px;display:inline-block}.pulse-dot-green{background:#10b981;animation:2s infinite pulse-ring;box-shadow:0 0 #10b981b3}.pulse-dot-yellow{background:#f59e0b;animation:2s infinite pulse-ring;box-shadow:0 0 #f59e0bb3}.pulse-dot-blue{background:#3b82f6;animation:2s infinite pulse-ring;box-shadow:0 0 #3b82f6b3}.armada-stat-number-row{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.armada-stat-number{color:var(--black);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:-1.5px;font-size:52px;font-weight:900;line-height:1}.armada-stat-unit{color:#64748b;font-size:18px;font-weight:700}.armada-stat-title{color:var(--black);margin-bottom:8px;font-size:20px;font-weight:800}.armada-stat-desc{color:#64748b;margin-bottom:14px;font-size:13.5px;line-height:1.55}.armada-card-action-box{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:10px;margin-top:10px;margin-bottom:16px;padding:14px 16px;transition:all .25s;display:flex}.armada-stat-card:hover .armada-card-action-box{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000a}.armada-pos-select-group{flex-direction:column;gap:5px;display:flex}.armada-pos-select-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:6px;font-size:11px;font-weight:800;display:flex}.armada-pos-select-label i{color:#e11d48;font-size:11px}.armada-pos-dropdown-wrap{width:100%;position:relative}.armada-pos-dropdown{color:#0f172a;cursor:pointer;appearance:none;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:8px 30px 8px 12px;font-size:12.5px;font-weight:700;transition:all .2s}.armada-pos-dropdown:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.armada-pos-dropdown-icon{color:#64748b;pointer-events:none;font-size:10px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.armada-card-btn-row{align-items:center;gap:8px;width:100%;display:flex}.armada-stat-admin-btn{color:#064e3b;cursor:pointer;white-space:nowrap;background:#25d366;border:1px solid #86efac;border-radius:50px;flex:1;justify-content:center;align-items:center;gap:7px;padding:9px 14px;font-size:12.5px;font-weight:800;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #25d36640}.armada-stat-admin-btn:hover{color:#022c22;background:#20bd5a;transform:translateY(-2px);box-shadow:0 6px 16px #25d36673}.armada-stat-admin-btn i.fab.fa-whatsapp{color:#064e3b;flex-shrink:0;font-size:15px}.armada-admin-btn-hub{opacity:.85;white-space:nowrap;text-overflow:ellipsis;max-width:110px;font-size:11px;font-weight:700;overflow:hidden}.armada-pos-map-link-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:50px;justify-content:center;align-items:center;gap:5px;padding:8px 12px;font-size:11.5px;font-weight:700;transition:all .2s;display:inline-flex}.armada-pos-map-link-btn:hover{color:var(--yellow);background:#0f172a;border-color:#0f172a;transform:translateY(-1px)}.armada-pos-map-link-btn i{color:#0284c7;font-size:12px;transition:color .2s}.armada-pos-map-link-btn:hover i{color:var(--yellow)}.armada-stat-footer{border-top:1px dashed #e2e8f0;flex-direction:column;gap:10px;padding-top:16px;display:flex}.armada-stat-metric{color:#475569;align-items:center;gap:7px;font-size:12.5px;font-weight:600;display:flex}.armada-stat-metric i{color:#d97706}.armada-progress-bar{background:#f1f5f9;border-radius:9999px;width:100%;height:7px;overflow:hidden}.armada-progress-fill{border-radius:9999px;height:100%;transition:width 1.6s cubic-bezier(.16,1,.3,1)}.armada-progress-fill.total{background:linear-gradient(90deg,#22c55e 0%,#16a34a 100%)}.armada-progress-fill.available{background:linear-gradient(90deg,#fbbf24 0%,#d97706 100%)}.armada-progress-fill.hubs{background:linear-gradient(90deg,#3b82f6 0%,#1d4ed8 100%)}.armada-ticker-bar{background:var(--black);color:var(--white);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex;box-shadow:0 8px 24px #00000026}.armada-ticker-info{color:#e2e8f0;align-items:center;gap:12px;font-size:13.5px;display:flex}.armada-ticker-pulse{background:#22c55e;border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:2s infinite pulse-ring;box-shadow:0 0 #22c55eb3}.armada-ticker-action-btn{background:var(--primary);color:var(--black);border-radius:10px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .25s;display:inline-flex}.armada-ticker-action-btn:hover{color:var(--black);background:#facc15;transform:translateY(-2px);box-shadow:0 4px 14px #ffd60a66}.kalkulator-cepat-section{border-bottom:1px solid var(--border);background:#fff;padding:90px 0 85px;position:relative}.calc-main-grid{grid-template-columns:1.25fr .75fr;align-items:flex-start;gap:32px;margin-bottom:48px;display:grid}.calc-left-panel{border:2px solid var(--border);background:#f8fafc;border-radius:28px;padding:32px;box-shadow:0 4px 20px #0000000a}.calc-section-subtitle-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.calc-step-title{color:var(--black);align-items:center;gap:8px;font-size:16px;font-weight:800;display:flex}.calc-step-num{background:var(--black);width:26px;height:26px;color:var(--yellow);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.calc-filter-pills-row{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.calc-filter-pill{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.calc-filter-pill:hover{color:#065f46;border-color:#059669}.calc-filter-pill.active{color:#fff;background:#064e3b;border-color:#064e3b;box-shadow:0 4px 10px #064e3b33}.calc-tarif-cards-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:28px;display:grid}.calc-tarif-item-card{cursor:pointer;text-align:left;background:#fff;border:2px solid #e2e8f0;border-radius:18px;flex-direction:column;justify-content:space-between;padding:18px;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.calc-tarif-item-card:hover{border-color:#059669;transform:translateY(-2px);box-shadow:0 6px 18px #0000000f}.calc-tarif-item-card.active{background:linear-gradient(145deg,#fff 0%,#f0fdf4 100%);border-color:#064e3b;box-shadow:0 8px 24px #064e3b29}.calc-tarif-item-card.active:before{content:"";background:var(--yellow);border-radius:18px 18px 0 0;height:4px;position:absolute;top:0;left:0;right:0}.calc-card-top-row{justify-content:space-between;align-items:flex-start;margin-bottom:10px;display:flex}.calc-card-icon-wrap{color:#065f46;background:#dcfce7;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.calc-tarif-item-card.active .calc-card-icon-wrap{color:var(--yellow);background:#064e3b}.calc-card-radio{border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex}.calc-tarif-item-card.active .calc-card-radio{background:#064e3b;border-color:#064e3b}.calc-card-radio-dot{background:var(--yellow);border-radius:50%;width:8px;height:8px;display:none}.calc-tarif-item-card.active .calc-card-radio-dot{display:block}.calc-card-badges{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.calc-manifest-badge{text-transform:uppercase;letter-spacing:.4px;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:800}.calc-card-title{color:#0f172a;margin-bottom:6px;font-size:14.5px;font-weight:800;line-height:1.35}.calc-card-desc{color:#64748b;margin-bottom:12px;font-size:12px;line-height:1.45}.calc-card-price-row{border-top:1px dashed #e2e8f0;justify-content:space-between;align-items:baseline;padding-top:10px;display:flex}.calc-card-unit-label{color:#64748b;font-size:11.5px;font-weight:600}.calc-card-unit-val{color:#065f46;font-size:17px;font-weight:900}.calc-volume-container{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;margin-bottom:24px;padding:24px}.calc-stepper-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.calc-volume-display-box{align-items:baseline;gap:8px;display:flex}.calc-volume-num{color:#0f172a;font-size:38px;font-weight:900;line-height:1}.calc-volume-unit{color:#64748b;font-size:16px;font-weight:700}.calc-stepper-buttons{align-items:center;gap:8px;display:flex}.calc-stepper-btn{color:#0f172a;cursor:pointer;background:#fff;border:2px solid #cbd5e1;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;font-weight:800;transition:all .2s;display:flex}.calc-stepper-btn:hover{color:var(--yellow);background:#064e3b;border-color:#064e3b}.calc-slider-wrap{margin-bottom:18px}.calc-slider{cursor:pointer;accent-color:#064e3b;background:#e2e8f0;border-radius:6px;outline:none;width:100%;height:8px}.calc-presets-row{flex-wrap:wrap;gap:8px;display:flex}.calc-preset-pill{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;padding:6px 12px;font-size:11.5px;font-weight:700;transition:all .2s}.calc-preset-pill:hover{color:#0f172a;background:#e2e8f0}.calc-preset-pill.active{color:#fff;background:#065f46;border-color:#065f46}.calc-fields-row{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.calc-field-group label{color:#334155;margin-bottom:6px;font-size:12.5px;font-weight:700;display:block}.calc-field-group select,.calc-field-group input{background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-size:13.5px;transition:border-color .2s}.calc-field-group select:focus,.calc-field-group input:focus{border-color:#065f46;box-shadow:0 0 0 3px #065f461a}.calc-right-panel{position:sticky;top:90px}.calc-result-card{color:#fff;background:linear-gradient(145deg,#064e3b 0%,#065f46 100%);border:2px solid #ffd60a59;border-radius:28px;padding:34px 28px;position:relative;overflow:hidden;box-shadow:0 20px 50px #064e3b40}.calc-result-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffd60a40 0%,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-50px;right:-50px}.calc-result-badge{color:var(--yellow);text-transform:uppercase;letter-spacing:.5px;background:#ffffff26;border:1px solid #ffffff40;border-radius:50px;align-items:center;gap:6px;margin-bottom:14px;padding:5px 14px;font-size:11.5px;font-weight:800;display:inline-flex}.calc-result-title{color:#d1fae5;margin-bottom:6px;font-size:14px;font-weight:600}.calc-result-price-wrap{margin-bottom:22px}.calc-result-price{color:var(--yellow);letter-spacing:-.5px;font-size:42px;font-weight:900;line-height:1.1}.calc-result-price-sub{color:#a7f3d0;margin-top:4px;font-size:12px}.calc-breakdown-list{background:#0003;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:10px;margin-bottom:24px;padding:16px;display:flex}.calc-breakdown-item{justify-content:space-between;align-items:center;font-size:12.5px;line-height:1.35;display:flex}.calc-breakdown-item span{color:#d1fae5}.calc-breakdown-item strong{color:#fff;text-align:right;max-width:58%}.calc-breakdown-divider{background:#ffffff26;height:1px;margin:4px 0}.calc-cta-btn-wa{background:var(--yellow);width:100%;color:var(--black);cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;padding:16px 24px;font-size:15px;font-weight:800;text-decoration:none;transition:all .25s;display:inline-flex;box-shadow:0 6px 20px #ffd60a59}.calc-cta-btn-wa:hover{color:var(--black);background:#fff;transform:translateY(-2px);box-shadow:0 8px 26px #ffd60a80}.calc-cta-btn-wa i{color:#065f46;font-size:20px}.calc-cta-btn-phone{color:#fff;background:#ffffff1f;border:1.5px solid #ffffff40;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.calc-cta-btn-phone:hover{color:#fff;background:#ffffff38}.calc-trust-guarantee-note{color:#a7f3d0;text-align:center;margin-top:14px;font-size:11.5px;line-height:1.4}.calc-table-card{border:2px solid var(--border);background:#fff;border-radius:24px;padding:32px;box-shadow:0 8px 28px #0000000a}.calc-table-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.calc-table-title{color:var(--black);align-items:center;gap:8px;font-size:19px;font-weight:800;display:flex}.calc-table-responsive{width:100%;overflow-x:auto}.calc-rates-table{border-collapse:separate;border-spacing:0;width:100%;font-size:13.5px}.calc-rates-table th{color:#fff;text-align:left;letter-spacing:.5px;text-transform:uppercase;background:#064e3b;padding:14px 18px;font-size:12.5px;font-weight:800}.calc-rates-table th:first-child{border-radius:12px 0 0}.calc-rates-table th:last-child{text-align:center;border-radius:0 12px 0 0}.calc-rates-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:14px 18px}.calc-rates-table tr:hover td{background:#f8fafc}.calc-rates-table tr.selected td{background:#ecfdf5;border-bottom-color:#a7f3d0}.calc-table-rate-val{color:#065f46;font-size:16px;font-weight:800}.calc-table-select-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;padding:8px 16px;font-size:12px;font-weight:700;transition:all .2s}.calc-table-select-btn:hover,.calc-rates-table tr.selected .calc-table-select-btn{color:var(--yellow);background:#064e3b;border-color:#064e3b}.calc-manifest-explainer{background:#f0fdf4;border:1.5px solid #86efac;border-radius:16px;align-items:flex-start;gap:16px;margin-top:24px;padding:18px 24px;display:flex}.calc-manifest-icon{color:#059669;flex-shrink:0;margin-top:2px;font-size:26px}.calc-manifest-content h4{color:#064e3b;margin-bottom:6px;font-size:14px;font-weight:800}.calc-manifest-content p{color:#334155;margin:0;font-size:12.5px;line-height:1.55}@media (width<=992px){.calc-main-grid{grid-template-columns:1fr}.calc-right-panel{position:static}}@media (width<=640px){.calc-tarif-cards-grid,.calc-fields-row{grid-template-columns:1fr}.calc-left-panel{padding:20px 16px}.calc-result-price{font-size:34px}}.lokasi-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#f8fafc;position:relative}.lokasi-tabs{flex-direction:column;gap:12px;margin-top:24px;margin-bottom:28px;display:flex}.lokasi-tabs-label{color:var(--gray);align-items:center;font-size:13px;font-weight:700;display:flex}.lokasi-tabs-grid{flex-wrap:wrap;gap:10px;display:flex}.lokasi-tab-btn{background:var(--white);color:var(--black);border:1.5px solid var(--border);cursor:pointer;border-radius:14px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 2px 6px #00000008}.lokasi-tab-btn:hover{border-color:var(--black);transform:translateY(-2px);box-shadow:0 6px 14px #00000014}.lokasi-tab-btn.active{background:var(--black);color:var(--yellow);border-color:var(--black);box-shadow:0 6px 18px #0000002e}.lokasi-tab-dot{background:var(--yellow);border-radius:50%;width:7px;height:7px;display:inline-block}.lokasi-area-jump-row{border-top:1px dashed #e2e8f0;flex-wrap:wrap;align-items:center;gap:14px;margin-top:18px;padding-top:16px;display:flex}.lokasi-area-jump-label{color:var(--black);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.lokasi-area-jump-label i{color:#d97706}.lokasi-area-select-box{flex:1;min-width:280px;max-width:540px;position:relative}.lokasi-area-select{appearance:none;width:100%;color:var(--black);cursor:pointer;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:10px;padding:10px 38px 10px 14px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s}.lokasi-area-select:focus{background:var(--white);border-color:#eab308;outline:none;box-shadow:0 0 0 3px #ffd60a40}.lokasi-select-caret{color:#64748b;pointer-events:none;font-size:12px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.lokasi-grid{grid-template-columns:1.25fr 1fr;align-items:stretch;gap:28px;display:grid}.lokasi-map-wrapper{background:var(--white);border:2px solid var(--border);border-radius:24px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000000d}.lokasi-map-topbar{color:var(--white);background:#0f172a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.lokasi-map-status{letter-spacing:.6px;color:var(--yellow);flex-wrap:wrap;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}.lokasi-map-status-title{color:var(--yellow);font-weight:800}.lokasi-gps-sync-badge{color:#4ade80;background:#22c55e2e;border:1px solid #4ade8059;border-radius:20px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.lokasi-map-actions-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lokasi-view-mode-tabs{background:#ffffff1a;border-radius:30px;gap:4px;padding:3px;display:flex}.lokasi-mode-pill{color:#ffffffbf;cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:700;transition:all .2s;display:inline-flex}.lokasi-mode-pill:hover{color:var(--white)}.lokasi-mode-pill.active{background:var(--primary,#ffd60a);color:#0f172a;box-shadow:0 2px 8px #ffd60a4d}.lokasi-gps-refresh-btn{color:var(--white);cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:20px;align-items:center;gap:6px;padding:5px 11px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.lokasi-gps-refresh-btn:hover{color:var(--primary);background:#ffffff38}.lokasi-marker-filter-bar{background:#1e293b;border-bottom:1px solid #ffffff14;flex-direction:column;gap:8px;padding:10px 18px;display:flex}.lokasi-marker-filter-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lokasi-marker-filter-label{color:#fff9;white-space:nowrap;align-items:center;gap:5px;font-size:11.5px;font-weight:700;display:inline-flex}.lokasi-marker-filter-chips{flex-wrap:wrap;gap:6px;display:flex}.lokasi-filter-chip{color:#ffffffd9;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;align-items:center;gap:5px;padding:4px 11px;font-size:11px;font-weight:600;transition:all .2s;display:inline-flex}.lokasi-filter-chip:hover{color:var(--white);background:#ffffff29;border-color:#ffffff4d}.lokasi-filter-chip.active{border-color:var(--primary,#ffd60a);color:var(--primary,#ffd60a);background:#ffd60a33;font-weight:700}.lokasi-pos-kecamatan-strip{border-top:1px dashed #ffffff14;align-items:center;gap:10px;padding-top:4px;display:flex}.lokasi-pos-kecamatan-label{color:var(--primary,#ffd60a);white-space:nowrap;flex-shrink:0;align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}.lokasi-pos-kecamatan-scroll{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:6px;padding:3px 2px 5px;display:flex;overflow-x:auto}.lokasi-pos-kecamatan-scroll::-webkit-scrollbar{height:4px}.lokasi-pos-kecamatan-scroll::-webkit-scrollbar-track{background:#ffffff0a;border-radius:4px}.lokasi-pos-kecamatan-scroll::-webkit-scrollbar-thumb{background:#ffd60a4d;border-radius:4px}.lokasi-pos-kecamatan-scroll::-webkit-scrollbar-thumb:hover{background:var(--primary,#ffd60a)}.pos-kecamatan-chip{color:#ffffffe6;cursor:pointer;white-space:nowrap;background:#0f172ad9;border:1px solid #ffffff26;border-radius:14px;flex-shrink:0;align-items:center;gap:5px;padding:3px 9px;font-size:10.5px;font-weight:600;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex}.pos-kecamatan-chip:hover{color:#fff;background:#ffd60a26;border-color:#ffd60a99;transform:translateY(-1px)}.pos-kecamatan-chip.active{background:var(--primary,#ffd60a);border-color:var(--primary,#ffd60a);color:#0f172a;font-weight:800;transform:translateY(-1px);box-shadow:0 0 10px #ffd60a80}.pos-chip-dot{background:var(--primary,#ffd60a);border-radius:50%;flex-shrink:0;width:6px;height:6px}.pos-kecamatan-chip.active .pos-chip-dot{background:#0f172a}.pos-chip-title{font-size:10.5px}.pos-chip-count{opacity:.75;background:#ffffff1a;border-radius:8px;padding:1px 5px;font-size:9.5px}.pos-kecamatan-chip.active .pos-chip-count{color:#0f172a;opacity:1;background:#0f172a26}.lokasi-card-tag.pos-tag{color:#92400e;background:#fef3c7;border:1px solid #f59e0b66}.lokasi-pulse-dot{background:#22c55e;border-radius:50%;width:9px;height:9px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring;box-shadow:0 0 #22c55eb3}@keyframes pulse-ring{0%{box-shadow:0 0 #22c55eb3}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.lokasi-iframe-container{background:#0b1329;width:100%;height:480px;min-height:460px;position:relative;overflow:hidden}.lokasi-interactive-canvas{-webkit-user-select:none;user-select:none;background:#0b1329;width:100%;height:100%;position:relative;overflow:hidden}.lokasi-canvas-svg{width:100%;height:100%;display:block;position:absolute;top:0;left:0}.lokasi-district-tags{pointer-events:none;z-index:1;position:absolute;inset:0}.district-tag{letter-spacing:1.2px;color:#ffffff38;text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:800;position:absolute;transform:translate(-50%,-50%)}.district-tag.highlight{color:#ffd60a73;letter-spacing:1.5px;font-size:11px}.pos-armada-marker{cursor:pointer;z-index:4;flex-direction:column;align-items:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;transform:translate(-50%,-50%)}.pos-armada-marker:hover,.pos-armada-marker.active{z-index:10;transform:translate(-50%,-50%)scale(1.18)}.pos-armada-pulse-ring{pointer-events:none;border:2px solid #ffd60aa6;border-radius:50%;width:38px;height:38px;animation:2.2s cubic-bezier(.24,0,.38,1) infinite posPulse;position:absolute}@keyframes posPulse{0%{opacity:1;transform:scale(.6)}70%{opacity:0;transform:scale(1.8)}to{opacity:0;transform:scale(1.8)}}.pos-armada-icon-box{border:2.5px solid var(--primary,#ffd60a);width:32px;height:32px;color:var(--primary,#ffd60a);z-index:2;background:#0f172a;border-radius:50%;justify-content:center;align-items:center;font-size:13px;display:flex;position:relative;box-shadow:0 4px 14px #0009,0 0 10px #ffd60a66}.pos-armada-marker.active .pos-armada-icon-box{background:var(--primary,#ffd60a);color:#0f172a;box-shadow:0 0 20px #ffd60acc}.pos-armada-tooltip-tag{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;pointer-events:none;white-space:nowrap;background:#0f172aeb;border:1px solid #ffd60a66;border-radius:6px;flex-direction:column;align-items:center;margin-top:4px;padding:2px 7px;display:flex;box-shadow:0 3px 8px #0006}.pos-armada-tag-name{color:#fff;font-size:9.5px;font-weight:800}.pos-armada-tag-count{color:var(--primary,#ffd60a);font-size:8.5px;font-weight:700}.fleet-truck-marker{cursor:pointer;z-index:5;flex-direction:column;align-items:center;transition:transform .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;transform:translate(-50%,-50%)}.fleet-truck-marker:hover,.fleet-truck-marker.active{z-index:12;transform:translate(-50%,-50%)scale(1.22)}.fleet-truck-pulse{pointer-events:none;border-radius:50%;width:32px;height:32px;animation:2s cubic-bezier(.24,0,.38,1) infinite truckAura;position:absolute}.fleet-truck-pulse.status-standby{border:2px solid #22c55eb3}.fleet-truck-pulse.status-dispatched{border:2px solid #f59e0bcc}.fleet-truck-pulse.status-service{border:2px solid #3b82f6b3}@keyframes truckAura{0%{opacity:1;transform:scale(.6)}70%{opacity:0;transform:scale(1.6)}to{opacity:0;transform:scale(1.6)}}.fleet-truck-icon-circle{color:#fff;z-index:2;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:flex;position:relative;box-shadow:0 4px 12px #0009}.fleet-truck-marker.status-standby .fleet-truck-icon-circle{background:#16a34a}.fleet-truck-marker.status-dispatched .fleet-truck-icon-circle{background:#ea580c;animation:1.8s ease-in-out infinite truckShake}.fleet-truck-marker.status-service .fleet-truck-icon-circle{background:#2563eb}@keyframes truckShake{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.fleet-truck-tag{white-space:nowrap;pointer-events:none;background:#0f172af0;border:1px solid #fff3;border-radius:6px;flex-direction:column;align-items:center;margin-top:3px;padding:2px 6px;display:flex;box-shadow:0 3px 8px #00000080}.fleet-truck-unit{color:#fff;font-size:9px;font-weight:800}.fleet-truck-plate{color:var(--primary,#ffd60a);font-size:8px;font-weight:700}.fleet-truck-speed{color:#38bdf8;font-size:7.5px;font-weight:800}.map-marker-popover{z-index:20;width:90%;max-width:320px;position:absolute;top:14px;right:14px}.map-popover-card{border:1.5px solid var(--primary,#ffd60a);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;background:#0f172af2;border-radius:16px;padding:14px 16px;box-shadow:0 16px 36px #000000a6,0 0 20px #ffd60a33}.map-popover-header{border-bottom:1px solid #ffffff1f;margin-bottom:10px;padding-bottom:10px}.map-popover-title-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.map-popover-status-badge{text-transform:uppercase;border-radius:12px;align-items:center;gap:5px;padding:2px 8px;font-size:10px;font-weight:800;display:inline-flex}.map-popover-status-badge.status-standby{color:#4ade80;background:#22c55e33;border:1px solid #4ade8066}.map-popover-status-badge.status-dispatched{color:#fbbf24;background:#f59e0b33;border:1px solid #fbbf2466}.map-popover-status-badge.status-service{color:#60a5fa;background:#3b82f633;border:1px solid #60a5fa66}.map-popover-status-badge.pos-badge{color:var(--primary,#ffd60a);background:#ffd60a33;border:1px solid #ffd60a66}.status-ping{background:currentColor;border-radius:50%;width:6px;height:6px}.map-popover-close-btn{color:#fffc;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;transition:all .2s;display:flex}.map-popover-close-btn:hover{color:#fff;background:#ef4444}.map-popover-title{color:#fff;margin:0 0 4px;font-size:15px;font-weight:800}.map-popover-subtitle{color:#ffffffd9;margin:0;font-size:11.5px;line-height:1.4}.map-popover-meta-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px;display:grid}.map-popover-meta-item{flex-direction:column;display:flex}.map-popover-meta-item label{color:#ffffff8c;text-transform:uppercase;font-size:9.5px;font-weight:700}.map-popover-meta-item span{color:#fff;font-size:11px;font-weight:700}.text-eta{color:var(--primary,#ffd60a)!important}.map-popover-driver-row,.map-popover-address{color:#ffffffd9;align-items:flex-start;gap:6px;margin-bottom:12px;font-size:11px;line-height:1.35;display:flex}.map-popover-cta-btn{color:#fff;background:#25d366;border-radius:25px;justify-content:center;align-items:center;gap:7px;width:100%;padding:8px 14px;font-size:12px;font-weight:800;text-decoration:none;transition:all .2s;display:flex}.map-popover-cta-btn:hover{background:#20bd5a;transform:translateY(-2px);box-shadow:0 6px 16px #25d36666}.lokasi-canvas-legend{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:3;background:#0f172ae0;border:1px solid #ffffff1f;border-radius:30px;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:12px;padding:5px 14px;display:flex;position:absolute;bottom:10px;left:14px;right:14px}.legend-item{color:#ffffffd9;align-items:center;gap:6px;font-size:10.5px;font-weight:700;display:inline-flex}.legend-dot.status-standby{background:#22c55e}.legend-dot.status-dispatched{background:#f59e0b}.legend-dot.status-service{background:#3b82f6}.legend-icon.pos-icon{color:var(--primary,#ffd60a);font-size:11px}.lokasi-map-footer-links{align-items:center;gap:8px;display:flex}.lokasi-switch-back-btn{color:#0f172a;cursor:pointer;background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.lokasi-switch-back-btn:hover{background:var(--primary,#ffd60a);transform:translateY(-1px)}.lokasi-map-animator{transform-origin:50%;will-change:transform, opacity;width:100%;height:100%;animation:.75s cubic-bezier(.16,1,.3,1) forwards subtleMapZoomIn}@keyframes subtleMapZoomIn{0%{opacity:.55;filter:brightness(1.08)contrast(.98);transform:scale(.92)}50%{opacity:.92;filter:brightness(1.02)contrast();transform:scale(1.02)}to{opacity:1;filter:brightness()contrast();transform:scale(1)}}.lokasi-map-animator iframe,.lokasi-iframe-container iframe{width:100%;height:100%;display:block}.lokasi-map-focus-overlay{z-index:10;pointer-events:none;animation:.75s cubic-bezier(.16,1,.3,1) forwards mapFocusBadgeAnim;position:absolute;top:16px;left:50%;transform:translate(-50%)}.lokasi-map-focus-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f8fafc;background:#0f172aeb;border:1px solid #ffd60a73;border-radius:9999px;align-items:center;gap:8px;padding:7px 18px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:0 4px 18px #00000047}.lokasi-map-focus-badge i{color:var(--primary);font-size:13px}.lokasi-map-focus-badge strong{color:var(--primary)}.lokasi-map-radar-pulse{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-ring;box-shadow:0 0 #22c55eb3}@keyframes mapFocusBadgeAnim{0%{opacity:0;transform:translate(-50%,-10px)scale(.9)}25%{opacity:1;transform:translate(-50%)scale(1.03)}70%{opacity:1;transform:translate(-50%)scale(1)}to{opacity:0;transform:translate(-50%,-4px)scale(.95)}}.lokasi-map-footer{background:var(--white);border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;display:flex}.lokasi-map-coords{color:var(--gray);align-items:center;gap:6px;font-size:12px;display:flex}.lokasi-open-gmaps-btn{color:var(--black);background:#f1f5f9;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.lokasi-open-gmaps-btn:hover{background:var(--black);color:var(--yellow);transform:translateY(-1px)}.lokasi-detail-card{background:var(--white);border:2px solid var(--border);border-radius:24px;flex-direction:column;justify-content:space-between;padding:30px 26px;animation:.45s cubic-bezier(.16,1,.3,1) forwards cardDetailsEnter;display:flex;box-shadow:0 4px 20px #0000000d}@keyframes cardDetailsEnter{0%{opacity:.65;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.lokasi-card-header{border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:16px}.lokasi-card-tag{letter-spacing:.6px;text-transform:uppercase;color:#15803d;background:#dcfce7;border-radius:6px;margin-bottom:8px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-block}.lokasi-card-title{color:var(--black);margin-bottom:10px;font-size:21px;font-weight:800;line-height:1.35}.lokasi-card-eta{color:#854d0e;background:#fef08a;border-radius:8px;align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.lokasi-card-body{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.lokasi-info-item{align-items:flex-start;gap:14px;display:flex}.lokasi-info-icon{color:#b45309;background:#fef3c7;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;display:flex}.lokasi-info-text label{color:var(--gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:11px;font-weight:800;display:block}.lokasi-info-text p{color:var(--black);margin:0;font-size:13.5px;line-height:1.45}.lokasi-card-actions{flex-direction:column;gap:10px;display:flex}.lokasi-dispatch-btn{background:var(--green);color:var(--white);text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:14px;font-weight:700;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 4px 14px #22c55e4d}.lokasi-dispatch-btn:hover{background:#15803d;transform:translateY(-2px);box-shadow:0 8px 20px #22c55e66}.lokasi-call-btn{color:var(--black);border:1.5px solid var(--border);text-align:center;background:#f8fafc;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .25s;display:flex}.lokasi-call-btn:hover{background:var(--black);color:var(--yellow);border-color:var(--black);transform:translateY(-2px)}.lokasi-trust-bar{background:var(--white);border:1px solid var(--border);border-radius:20px;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;padding:22px 28px;display:grid;box-shadow:0 2px 10px #00000008}.lokasi-trust-item{align-items:center;gap:14px;display:flex}.lokasi-trust-item i{background:var(--black);width:44px;height:44px;color:var(--yellow);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.lokasi-trust-item strong{color:var(--black);margin-bottom:2px;font-size:13.5px;display:block}.lokasi-trust-item span{color:var(--gray);font-size:12px;line-height:1.4;display:block}.area{background:var(--soft-blue);padding:90px 0}.area-search-container{background:var(--white);border:1px solid var(--border);border-radius:24px;margin-bottom:36px;padding:24px 28px;transition:all .3s;box-shadow:0 4px 20px #0000000d}.area-search-container:hover{box-shadow:var(--shadow-md)}.area-search-input-wrapper{align-items:center;width:100%;display:flex;position:relative}.area-search-icon{color:var(--gray);pointer-events:none;font-size:18px;transition:color .3s;position:absolute;left:20px}.area-search-input-wrapper:focus-within .area-search-icon{color:var(--black)}.area-search-input{width:100%;color:var(--black);background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;outline:none;padding:16px 52px;font-family:inherit;font-size:15px;font-weight:500;transition:all .25s}.area-search-input:focus{background:var(--white);border-color:#eab308;box-shadow:0 0 0 4px #ffd60a40}.area-search-input::placeholder{color:#94a3b8;font-weight:400}.area-search-clear-btn{color:#475569;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:flex;position:absolute;right:14px}.area-search-clear-btn:hover{color:var(--white);background:#ef4444;transform:scale(1.08)}.area-filters-row{border-top:1px dashed #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;padding-top:16px;display:flex}.area-type-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.area-pill{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;gap:7px;padding:8px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.area-pill i{font-size:12px}.area-pill:hover{border-color:var(--black);color:var(--black);background:#e2e8f0}.area-pill.active{background:var(--black);color:var(--primary);border-color:var(--black);box-shadow:0 4px 12px #00000026}.area-popular-chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.area-chips-label{color:var(--black);align-items:center;gap:5px;font-size:12.5px;font-weight:700;display:inline-flex}.area-chips-label i{color:#f59e0b}.area-chip-btn{color:#92400e;cursor:pointer;background:#fef3c7;border:1px solid #fde68a;border-radius:8px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.area-chip-btn:hover{background:var(--primary);color:var(--black);border-color:var(--black);transform:translateY(-1px)}.area-search-meta{color:#64748b;background:#f8fafc;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:10px 14px;font-size:13px;display:flex}.area-meta-count{align-items:center;gap:8px;display:flex}.area-meta-count i{color:#d97706}.area-search-keyword{color:var(--black)}.area-reset-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.area-reset-btn:hover{background:#eff6ff;text-decoration:underline}.area-content{grid-template-columns:1fr 1.5fr;align-items:flex-start;gap:40px;display:grid}.area-illustration{background:var(--black);text-align:center;border-radius:28px;padding:40px 32px;position:sticky;top:100px;overflow:hidden;box-shadow:0 16px 40px #00000040}.area-illustration:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 20% 30%,#ffd60a2e 0%,#0000 50%),radial-gradient(circle at 80% 70%,#ffd60a1a 0%,#0000 50%);position:absolute;inset:0}.area-illustration .icon-big{color:var(--primary);filter:drop-shadow(0 4px 10px #ffd60a4d);margin-bottom:20px;font-size:64px;position:relative}.area-illustration h3{color:var(--white);margin-bottom:10px;font-size:24px;font-weight:800;position:relative}.area-illustration p{color:#ffffffbf;font-size:14px;line-height:1.5;position:relative}.area-illustration-stats{z-index:1;flex-direction:column;gap:10px;margin-top:24px;display:flex;position:relative}.area-stat-item{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:left;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.area-stat-item strong{color:var(--primary);font-size:16px;font-weight:800}.area-stat-item span{color:#ffffffd9;font-size:12.5px;font-weight:500}.area-stat-hint{text-align:center;margin-top:6px;line-height:1.4;color:#fff9!important;font-size:12px!important}.area-stat-hint i{color:var(--primary);margin-right:4px}.area-selected-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;z-index:2;background:#ffffff17;border:1.5px solid #ffd60a73;border-radius:20px;margin-top:20px;padding:22px;animation:.3s ease-out fadeIn;position:relative}.area-selected-badge{background:var(--primary);color:var(--black);border-radius:9999px;align-items:center;gap:6px;margin-bottom:10px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.area-selected-title{color:var(--white);margin-bottom:3px;font-size:20px;font-weight:800}.area-selected-subtitle{color:#ffffffbf;margin-bottom:14px;font-size:13px}.area-selected-specs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.area-spec-box{background:#00000059;border:1px solid #ffffff1a;border-radius:10px;padding:10px 12px}.area-spec-label{color:#fff9;margin-bottom:2px;font-size:11px;display:block}.area-spec-val{color:var(--white);align-items:center;gap:6px;font-size:12.5px;font-weight:700;display:flex}.area-spec-val i{color:var(--primary)}.area-selected-wa-btn{width:100%;color:var(--white);background:#25d366;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:13px 16px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .25s;display:flex;box-shadow:0 4px 16px #25d36659}.area-selected-wa-btn:hover{color:var(--white);background:#1ebe5d;transform:translateY(-2px);box-shadow:0 6px 20px #25d36673}.area-list{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.area-item{cursor:pointer;background:var(--white);color:var(--black);-webkit-user-select:none;user-select:none;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;font-size:13.5px;font-weight:600;transition:all .25s;display:flex;box-shadow:0 1px 3px #00000008}.area-item-info{align-items:center;gap:10px;min-width:0;display:flex}.area-item-icon{color:#d97706;background:#fef3c7;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;transition:all .2s;display:flex}.area-item-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.area-item-badges{flex-shrink:0;align-items:center;gap:6px;display:flex}.area-tag-type{color:#475569;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:700}.area-tag-type.kota{color:#1e40af;background:#dbeafe}.area-tag-hub{color:#065f46;background:#ecfdf5;border-radius:6px;padding:3px 6px;font-size:10px;font-weight:600}.area-item:hover{border-color:var(--primary);background:#fffbeb;transform:translateY(-2px);box-shadow:0 4px 12px #ffd60a33}.area-item:hover .area-item-icon{background:var(--primary);color:var(--black)}.area-item.selected{background:#fef08a;border-color:#eab308;box-shadow:0 4px 14px #eab3084d}.area-item.selected .area-item-icon{background:var(--black);color:var(--primary)}.area-search-highlight{color:#854d0e;background:#fef08a;border-radius:3px;padding:1px 3px;font-weight:800}.area-more{text-align:center;background:var(--black);color:var(--white);border-radius:12px;grid-column:span 2;margin-top:6px;padding:16px;font-size:13.5px;font-weight:700}.area-more i{color:var(--primary);margin-right:8px}.area-empty-state{background:var(--white);text-align:center;border:2px dashed #cbd5e1;border-radius:20px;grid-column:span 2;padding:40px 24px}.area-empty-icon{color:#d97706;background:#fef3c7;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:14px;font-size:24px;display:inline-flex}.area-empty-title{color:var(--black);margin-bottom:8px;font-size:18px;font-weight:800}.area-empty-desc{color:#64748b;max-width:480px;margin:0 auto 20px;font-size:14px;line-height:1.55}.area-empty-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.area-empty-wa-btn{color:var(--white);background:#25d366;border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-size:13.5px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.area-empty-wa-btn:hover{color:var(--white);background:#1ebe5d}.area-empty-reset-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:8px;padding:11px 18px;font-size:13.5px;font-weight:600;transition:all .2s;display:inline-flex}.area-empty-reset-btn:hover{background:#e2e8f0}footer{background:var(--black);color:var(--white);padding:70px 0 30px;position:relative;overflow:hidden}footer:before{content:"";background:linear-gradient(90deg, transparent, var(--primary), transparent);height:4px;position:absolute;top:0;left:0;right:0}.footer-grid{grid-template-columns:2fr 1fr 1fr;gap:60px;margin-bottom:50px;display:grid}.footer-col h4{color:var(--primary);margin-bottom:24px;font-size:18px;font-weight:800}.footer-contact-item{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.footer-contact-item i{width:40px;height:40px;color:var(--primary);background:#ffd60a26;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;display:flex}.footer-contact-item .info{flex-direction:column;display:flex}.footer-contact-item .info span{color:#fff9;margin-bottom:2px;font-size:13px}.footer-contact-item .info strong{color:var(--white);font-size:15px;font-weight:600}.footer-links{list-style:none}.footer-links li{margin-bottom:14px}.footer-links a{color:#ffffffb3;cursor:pointer;align-items:center;gap:8px;font-size:15px;text-decoration:none;transition:all .3s;display:inline-flex}.footer-links a:hover{color:var(--primary);transform:translate(4px)}.footer-links a i{opacity:.5;font-size:12px}.social-row{gap:12px;margin-top:24px;display:flex}.social-row a{width:42px;height:42px;color:var(--white);background:#ffffff14;border-radius:12px;justify-content:center;align-items:center;font-size:16px;text-decoration:none;transition:all .3s;display:flex}.social-row a:hover{background:var(--primary);color:var(--black);transform:translateY(-4px)}.footer-bottom{border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:30px;display:flex}.footer-bottom .brand{color:var(--primary);letter-spacing:.5px;font-size:16px;font-weight:800}.footer-bottom .copyright{color:#ffffff80;font-size:13px}.faq-fab{border:2px solid var(--primary,#ffd60a);height:54px;color:var(--white);z-index:998;cursor:pointer;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-radius:50px;outline:none;align-items:center;gap:10px;padding:0 16px 0 10px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;position:fixed;bottom:104px;right:28px;box-shadow:0 10px 25px #0f172a66,0 0 15px #ffd60a40}.faq-fab:hover{border-color:#f59e0b;transform:translateY(-3px)scale(1.04);box-shadow:0 14px 32px #0f172a80,0 0 22px #ffd60a73}.faq-fab:active{transform:translateY(0)scale(.98)}.faq-fab-pulse-ring{pointer-events:none;border:2px solid #ffd60a73;border-radius:54px;animation:2.4s cubic-bezier(.24,0,.38,1) infinite fabRingPulse;position:absolute;inset:-4px}@keyframes fabRingPulse{0%{opacity:.85;transform:scale(.96)}60%{opacity:0;transform:scale(1.14)}to{opacity:0;transform:scale(1.14)}}.faq-fab-icon-wrap{background:var(--primary,#ffd60a);color:#0f172a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:flex;box-shadow:0 2px 8px #0003}.faq-fab-text{text-align:left;flex-direction:column;line-height:1.15;display:flex}.faq-fab-badge{color:var(--primary,#ffd60a);letter-spacing:.5px;text-transform:uppercase;font-size:9.5px;font-weight:800}.faq-fab-title{color:#fff;white-space:nowrap;font-size:13.5px;font-weight:700}@media (width<=640px){.faq-fab{gap:8px;height:48px;padding:0 13px 0 8px;bottom:98px;right:20px}.faq-fab-icon-wrap{width:32px;height:32px;font-size:14px}.faq-fab-badge{display:none}.faq-fab-title{font-size:12.5px}}@keyframes faqOverlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes faqOverlayFadeOut{0%{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}to{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}@keyframes faqModalScaleIn{0%{opacity:0;transform:scale(.92)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes faqModalScaleOut{0%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(.92)translateY(14px)}}@keyframes modalPop{0%{opacity:0;transform:scale(.92)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}.faq-section-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;will-change:opacity, backdrop-filter;background:#0f172acc;justify-content:center;align-items:center;padding:20px;animation:.28s cubic-bezier(.16,1,.3,1) forwards faqOverlayFadeIn;display:flex;position:fixed;inset:0}.faq-section-modal-overlay.opening,.faq-section-modal-overlay.is-opening,.faq-section-modal-overlay.fade-in{animation:.28s cubic-bezier(.16,1,.3,1) forwards faqOverlayFadeIn}.faq-section-modal-overlay.closing,.faq-section-modal-overlay.is-closing,.faq-section-modal-overlay.fade-out{pointer-events:none;animation:.26s cubic-bezier(.4,0,.2,1) forwards faqOverlayFadeOut}.faq-section-modal-card{background:var(--white);border:2px solid var(--border);transform-origin:50%;will-change:transform, opacity;border-radius:24px;flex-direction:column;width:100%;max-width:860px;max-height:88vh;animation:.28s cubic-bezier(.16,1,.3,1) forwards faqModalScaleIn;display:flex;overflow:hidden;box-shadow:0 25px 65px #00000059}.faq-section-modal-card.opening,.faq-section-modal-card.is-opening,.faq-section-modal-card.scale-in,.faq-section-modal-card.faq-scale-in{animation:.28s cubic-bezier(.16,1,.3,1) forwards faqModalScaleIn}.faq-section-modal-card.closing,.faq-section-modal-card.is-closing,.faq-section-modal-card.scale-out{animation:.26s cubic-bezier(.4,0,.2,1) forwards faqModalScaleOut}.faq-section-modal-header{border-bottom:1px solid var(--border);background:#fafafc;justify-content:space-between;align-items:flex-start;padding:24px 28px 18px;display:flex;position:relative}.faq-section-modal-title-group{flex:1;padding-right:20px}.faq-modal-section-badge{color:#1e3a8a;text-transform:uppercase;letter-spacing:.5px;background:#dbeafe;border-radius:20px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 11px;font-size:11px;font-weight:800;display:inline-flex}.faq-section-modal-title{color:var(--black);margin:0 0 6px;font-size:22px;font-weight:800;line-height:1.25}.faq-section-modal-subtitle{color:var(--gray);margin:0;font-size:13.5px;line-height:1.45}.faq-modal-search-wrapper{border-bottom:1px solid var(--border);background:#f8fafc;padding:16px 28px}.faq-modal-search-box{background:var(--white);box-shadow:var(--shadow-sm);border:2px solid #e2e8f0;border-radius:50px;align-items:center;padding:6px 14px 6px 18px;transition:all .25s;display:flex;position:relative}.faq-modal-search-box:focus-within{border-color:#0f172a;box-shadow:0 0 0 4px #ffd60a59}.faq-modal-search-icon{color:var(--gray);margin-right:10px;font-size:15px}.faq-modal-search-input{color:var(--black);background:0 0;border:none;outline:none;flex:1;padding:6px 0;font-family:inherit;font-size:14.5px}.faq-modal-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.faq-modal-filter-pills{scrollbar-width:none;gap:7px;padding-bottom:4px;display:flex;overflow-x:auto}.faq-modal-filter-pills::-webkit-scrollbar{display:none}.faq-modal-filter-pill{background:var(--white);color:#475569;cursor:pointer;white-space:nowrap;border:1.5px solid #e2e8f0;border-radius:20px;padding:5px 12px;font-size:12px;font-weight:700;transition:all .2s}.faq-modal-filter-pill:hover{border-color:var(--primary);background:#fffdf0}.faq-modal-filter-pill.active{background:var(--black);color:var(--primary);border-color:var(--black);box-shadow:0 2px 6px #00000026}.faq-modal-count-badge{color:#64748b;white-space:nowrap;font-size:12px}.faq-modal-count-badge strong{color:#0f172a;font-weight:800}.faq-modal-body{overscroll-behavior:contain;flex:1;padding:20px 28px;overflow-y:auto}.faq-modal-list{flex-direction:column;gap:12px;display:flex}.faq-modal-item{background:var(--white);border:1.5px solid #e2e8f0;border-radius:16px;transition:all .25s;overflow:hidden}.faq-modal-item:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.faq-modal-item.active{border-color:var(--primary);box-shadow:0 6px 16px #ffd60a26}.faq-section-modal-footer{border-top:1px solid var(--border);background:#fafafc;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px 28px;display:flex}.faq-modal-footer-info{flex:1;align-items:center;gap:12px;min-width:240px;display:flex}.faq-footer-icon{color:#16a34a;background:#dcfce7;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;display:flex}.faq-modal-footer-info strong{color:var(--black);font-size:13.5px;display:block}.faq-modal-footer-info span{color:var(--gray);font-size:12px}.faq-modal-footer-btns{align-items:center;gap:10px;display:flex}.faq-modal-scroll-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:50px;align-items:center;gap:7px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.faq-modal-scroll-btn:hover{color:#0f172a;background:#e2e8f0}.faq-modal-wa-btn{color:#fff;background:#25d366;border-radius:50px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #25d36659}.faq-modal-wa-btn:hover{background:#1ebe5d;transform:translateY(-1px);box-shadow:0 6px 16px #25d36673}@media (width<=640px){.faq-section-modal-card{border-radius:18px;max-height:94vh}.faq-section-modal-header,.faq-modal-search-wrapper,.faq-modal-body,.faq-section-modal-footer{padding-left:16px;padding-right:16px}.faq-section-modal-title{font-size:18px}.faq-modal-footer-btns{justify-content:stretch;width:100%}.faq-modal-scroll-btn,.faq-modal-wa-btn{text-align:center;flex:1;justify-content:center}}.whatsapp-float{width:64px;height:64px;color:var(--white);z-index:998;background:#25d366;border-radius:50%;justify-content:center;align-items:center;font-size:32px;text-decoration:none;transition:all .3s;animation:2s infinite pulse-wa;display:flex;position:fixed;bottom:104px;right:28px;box-shadow:0 8px 24px #25d36680}.whatsapp-float:hover{transform:scale(1.1)rotate(10deg);box-shadow:0 12px 32px #25d366b3}@keyframes pulse-wa{0%,to{box-shadow:0 8px 24px #25d36680,0 0 #25d366b3}50%{box-shadow:0 8px 24px #25d36680,0 0 0 16px #25d36600}}.gemini-chatbot-container{z-index:1000;font-family:inherit;position:fixed;bottom:24px;right:24px}.chatbot-floating-trigger{justify-content:center;align-items:center;display:flex;position:relative}.trigger-circle-btn{color:#ffd60a;cursor:pointer;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:2.5px solid #ffd60a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 8px 26px #0f172a66,0 0 14px #ffd60a59}.trigger-circle-btn:hover{color:#fff;border-color:#fff;transform:scale(1.08)translateY(-2px);box-shadow:0 12px 32px #0f172a80,0 0 22px #ffd60a99}.trigger-icon-wrap{justify-content:center;align-items:center;display:inline-flex;position:relative}.trigger-main-icon{font-size:26px;transition:transform .25s}.trigger-circle-btn:hover .trigger-main-icon{transform:rotate(-10deg)scale(1.1)}.trigger-sparkle-dot{background:#10b981;border:1.5px solid #0f172a;border-radius:50%;width:9px;height:9px;animation:1.8s infinite sparklePing;position:absolute;top:-3px;right:-4px;box-shadow:0 0 6px #10b981}@keyframes sparklePing{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.3)}}.trigger-badge{color:#fff;background:#ef4444;border:2px solid #0f172a;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:800;animation:2s ease-in-out infinite bounceBadge;display:flex;position:absolute;top:-2px;right:-2px;box-shadow:0 2px 6px #ef444480}@keyframes bounceBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.trigger-hint-bubble{color:#fff;white-space:nowrap;cursor:pointer;background:#0f172a;border:1px solid #ffd60a80;border-radius:24px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .25s;animation:2.5s ease-in-out infinite floatBubble;display:flex;position:absolute;right:76px;box-shadow:0 8px 24px #00000040}.trigger-hint-bubble:hover{background:#1e293b;border-color:#ffd60a;transform:translate(-4px)}.trigger-hint-bubble:after{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:6px solid #0f172a;width:0;height:0;position:absolute;top:50%;right:-6px;transform:translateY(-50%)}@keyframes floatBubble{0%,to{transform:translate(0)}50%{transform:translate(-4px)}}.chatbot-window{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:24px;flex-direction:column;width:390px;max-width:calc(100vw - 32px);height:560px;max-height:calc(100vh - 120px);animation:.3s cubic-bezier(.16,1,.3,1) both scaleInChat;display:flex;position:fixed;bottom:96px;right:24px;overflow:hidden;box-shadow:0 20px 50px #0f172a40,0 0 0 1px #0000000d}@keyframes scaleInChat{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.chatbot-header{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-bottom:2px solid #ffd60a;flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.chatbot-header-info{align-items:center;gap:12px;display:flex}.chatbot-avatar{background:#ffd60a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex;position:relative;box-shadow:0 2px 8px #ffd60a66}.chatbot-online-indicator{background:#10b981;border:2px solid #0f172a;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-2px;right:-2px}.chatbot-title{color:#fff;letter-spacing:-.2px;margin:0;font-size:15px;font-weight:800;line-height:1.2}.chatbot-subtitle{color:#94a3b8;align-items:center;margin-top:2px;font-size:11px;display:flex}.chatbot-header-actions{align-items:center;gap:8px;display:flex}.chatbot-header-btn{color:#cbd5e1;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;transition:all .2s;display:flex}.chatbot-header-btn:hover{color:#fff;background:#fff3}.chatbot-header-btn.close:hover{color:#fff;background:#ef4444}.chatbot-body{scroll-behavior:smooth;background:#f8fafc;flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.chatbot-notice-bar{color:#92400e;text-align:center;background:#fef3c7;border:1px solid #fde68a;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-size:11px;font-weight:600;display:flex}.chat-msg-row{align-items:flex-start;gap:8px;max-width:100%;display:flex}.chat-msg-row.user-row{justify-content:flex-end}.chat-msg-row.bot-row{justify-content:flex-start}.msg-bot-avatar{color:#ffd60a;background:#0f172a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:2px;font-size:12px;display:flex}.chat-bubble{word-break:break-word;border-radius:16px;max-width:82%;padding:12px 14px;font-size:13px;line-height:1.5;position:relative}.user-bubble{color:#fff;background:#0f172a;border:1px solid #1e293b;border-bottom-right-radius:4px}.bot-bubble{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-bottom-left-radius:4px;box-shadow:0 2px 8px #0000000a}.bubble-content{font-size:13px}.bubble-paragraph{margin-bottom:6px}.bubble-paragraph:last-child{margin-bottom:0}.bubble-list-item{margin:3px 0 3px 8px;position:relative}.bubble-time{opacity:.65;text-align:right;margin-top:6px;font-size:9.5px;display:block}.user-bubble .bubble-time{color:#94a3b8}.bot-bubble .bubble-time{color:#64748b}.msg-suggestions-wrap{border-top:1px solid #e2e8f0;margin-top:10px;padding-top:10px}.suggestions-label{color:#64748b;margin-bottom:6px;font-size:11px;font-weight:700;display:block}.suggestions-list{flex-direction:column;gap:6px;display:flex}.suggestion-chip{color:#0f172a;cursor:pointer;text-align:left;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;justify-content:space-between;align-items:center;gap:6px;padding:7px 11px;font-size:11.5px;font-weight:600;transition:all .2s;display:flex}.suggestion-chip:hover:not(:disabled){color:#0f172a;background:#ffd60a;border-color:#eab308;transform:translate(2px)}.suggestion-chip:disabled{opacity:.6;cursor:not-allowed}.bot-cta-actions{border-top:1px solid #e2e8f0;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;display:flex}.bot-wa-action-btn{background:#25d366;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:11.5px;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 6px #25d3664d;color:#fff!important}.bot-wa-action-btn:hover{background:#16a34a;transform:translateY(-1px)}.bot-secondary-action-btn{background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:7px 12px;font-size:11.5px;font-weight:700;text-decoration:none;transition:all .2s;display:flex;color:#0f172a!important}.bot-secondary-action-btn:hover{background:#e2e8f0;border-color:#94a3b8}.typing-bubble{align-items:center;gap:8px;padding:10px 14px;display:flex}.typing-dots{gap:4px;display:flex}.typing-dots span{background:#64748b;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typingPulse}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingPulse{0%,to{opacity:.4;transform:scale(.7)}50%{opacity:1;transform:scale(1.15)}}.typing-text{color:#64748b;font-size:11.5px;font-style:italic}.chatbot-input-bar{background:#fff;border-top:1px solid #e2e8f0;flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;display:flex}.chatbot-input-field{color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;outline:none;flex:1;padding:9px 14px;font-size:12.5px;transition:all .2s}.chatbot-input-field:focus{background:#fff;border-color:#ffd60a;box-shadow:0 0 0 3px #ffd60a40}.chatbot-send-btn{color:#ffd60a;cursor:pointer;background:#0f172a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;transition:all .2s;display:flex}.chatbot-send-btn:hover:not(:disabled){color:#0f172a;background:#ffd60a;transform:scale(1.05)}.chatbot-send-btn:disabled{color:#94a3b8;cursor:not-allowed;background:#e2e8f0}html.dark .chatbot-window{background:#0f172a;border-color:#334155;box-shadow:0 20px 50px #0009}html.dark .chatbot-header{background:#020617;border-bottom-color:#ffd60a}html.dark .chatbot-body{background:#0b1120}html.dark .chatbot-notice-bar{color:#fcd34d;background:#f59e0b26;border-color:#f59e0b59}html.dark .bot-bubble{color:#f1f5f9;background:#1e293b;border-color:#334155}html.dark .bot-bubble .bubble-time{color:#94a3b8}html.dark .user-bubble{background:#334155;border-color:#475569}html.dark .msg-suggestions-wrap{border-top-color:#334155}html.dark .suggestions-label{color:#94a3b8}html.dark .suggestion-chip{color:#f1f5f9;background:#1e293b;border-color:#334155}html.dark .suggestion-chip:hover:not(:disabled){color:#0f172a;background:#ffd60a;border-color:#ffd60a}html.dark .bot-cta-actions{border-top-color:#334155}html.dark .bot-secondary-action-btn{background:#1e293b;border-color:#334155;color:#f8fafc!important}html.dark .bot-secondary-action-btn:hover{background:#334155}html.dark .chatbot-input-bar{background:#0f172a;border-top-color:#1e293b}html.dark .chatbot-input-field{color:#f8fafc;background:#1e293b;border-color:#334155}html.dark .chatbot-input-field:focus{background:#0b1120;border-color:#ffd60a}html.dark .chatbot-send-btn{color:#0f172a;background:#ffd60a}html.dark .chatbot-send-btn:disabled{color:#475569;background:#1e293b}@media (width<=640px){.gemini-chatbot-container{bottom:18px;right:18px}.trigger-circle-btn{width:56px;height:56px}.trigger-main-icon{font-size:22px}.trigger-hint-bubble{display:none}.chatbot-window{border-radius:20px;width:auto;max-width:none;height:calc(100vh - 24px);max-height:none;bottom:12px;left:12px;right:12px}}.fade-in{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(40px)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-delay-1{transition-delay:.1s}.fade-in-delay-2{transition-delay:.2s}.fade-in-delay-3{transition-delay:.3s}.ulasan-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fafcfe;position:relative}.ulasan-header-bar{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:40px;padding:24px 32px;display:flex}.ulasan-summary-left{align-items:center;gap:20px;display:flex}.ulasan-big-score{color:var(--black);align-items:baseline;gap:4px;font-size:42px;font-weight:800;line-height:1;display:flex}.ulasan-big-score span{color:var(--gray);font-size:18px;font-weight:500}.ulasan-summary-info{flex-direction:column;gap:4px;display:flex}.ulasan-stars-row{color:#f59e0b;gap:3px;font-size:18px;display:flex}.ulasan-summary-count{color:var(--gray);font-size:13.5px;font-weight:500}.ulasan-summary-count strong{color:var(--black)}.ulasan-open-form-btn{background:var(--primary);color:var(--black);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:10px;padding:13px 26px;font-size:14.5px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 4px 14px #ffd60a66}.ulasan-open-form-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffd60a8c}.ulasan-open-form-btn i{font-size:16px}.ulasan-form-wrapper{background:var(--white);border:2px solid var(--primary);border-radius:20px;margin-bottom:40px;padding:32px;animation:.35s fadeInSlide;box-shadow:0 12px 30px #0000000f}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.ulasan-form-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.ulasan-form-title{color:var(--black);align-items:center;gap:10px;font-size:20px;font-weight:700;display:flex}.ulasan-form-title i{color:var(--primary)}.ulasan-form-close{color:var(--gray);cursor:pointer;background:#f3f4f6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:15px;transition:all .2s;display:flex}.ulasan-form-close:hover{color:var(--black);background:#e5e7eb}.star-picker-container{background:#fffdf0;border:1px solid #ffd60a66;border-radius:14px;flex-direction:column;gap:8px;margin-bottom:22px;padding:16px 20px;display:flex}.star-picker-label{color:var(--black);font-size:13.5px;font-weight:600}.star-picker-stars{align-items:center;gap:8px;display:flex}.star-picker-btn{cursor:pointer;color:#d1d5db;background:0 0;border:none;padding:2px 4px;font-size:28px;transition:all .15s}.star-picker-btn.active,.star-picker-btn.hovered{color:#f59e0b;transform:scale(1.15)}.star-picker-desc{color:#d97706;font-size:13px;font-weight:600}.ulasan-form-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px;display:grid}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--black);font-size:13px;font-weight:600}.form-group label span.required{color:#ef4444}.form-input,.form-select,.form-textarea{border:1px solid var(--border);width:100%;color:var(--black);background:#fff;border-radius:12px;outline:none;padding:12px 16px;font-family:inherit;font-size:14px;transition:border-color .2s,box-shadow .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--black);box-shadow:0 0 0 3px #ffd60a59}.form-textarea{resize:vertical;min-height:100px}.ulasan-form-actions{justify-content:flex-end;align-items:center;gap:12px;display:flex}.btn-secondary{color:var(--gray);cursor:pointer;background:#f3f4f6;border:none;border-radius:50px;padding:12px 22px;font-size:14px;font-weight:600;transition:all .2s}.btn-secondary:hover{color:var(--black);background:#e5e7eb}.btn-submit-review{background:var(--black);color:var(--white);cursor:pointer;border:none;border-radius:50px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 12px #00000026}.btn-submit-review:hover{background:#222;transform:translateY(-2px);box-shadow:0 6px 16px #00000040}.ulasan-success-toast{background:#ecfdf5;border:1px solid #a7f3d0;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:30px;padding:16px 20px;animation:.3s fadeInSlide;display:flex}.ulasan-success-left{color:#065f46;align-items:center;gap:12px;font-size:14px;display:flex}.ulasan-success-left i{color:#10b981;font-size:20px}.ulasan-success-close{cursor:pointer;color:#065f46;background:0 0;border:none;font-size:15px}.ulasan-carousel-container{padding:0 10px;position:relative}.ulasan-carousel-viewport{border-radius:20px;width:100%;padding:10px 0;overflow:hidden}.ulasan-carousel-track{gap:24px;transition:transform .45s cubic-bezier(.25,1,.5,1);display:flex}.ulasan-carousel-item{flex:0 0 calc(33.3333% - 16px);min-width:0;display:flex}.ulasan-card{background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-sm);border-radius:20px;flex-direction:column;justify-content:space-between;width:100%;padding:28px;transition:all .3s;display:flex;position:relative}.ulasan-card:hover{box-shadow:var(--shadow-md);border-color:#e2e8f0;transform:translateY(-5px)}.ulasan-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.ulasan-card-rating{color:#f59e0b;align-items:center;gap:3px;font-size:14px;display:flex}.ulasan-card-date{color:var(--gray);font-size:12px}.ulasan-card-quote{color:#1f2937;-webkit-line-clamp:4;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:20px;font-size:14.5px;font-style:normal;line-height:1.65;display:-webkit-box;overflow:hidden}.ulasan-card-service-badge{background:var(--light-blue);color:#0369a1;border-radius:20px;align-self:flex-start;align-items:center;gap:6px;margin-bottom:16px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.ulasan-card-user{border-top:1px solid #f3f4f6;align-items:center;gap:12px;padding-top:16px;display:flex}.ulasan-avatar{width:44px;height:44px;color:var(--black);background:linear-gradient(135deg,#ffd60a,#f59e0b);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:16px;font-weight:800;display:flex;box-shadow:0 3px 8px #f59e0b40}.ulasan-user-info{flex-direction:column;display:flex;overflow:hidden}.ulasan-user-name{color:var(--black);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:14.5px;font-weight:700;display:flex;overflow:hidden}.ulasan-user-name i{color:#10b981;font-size:13px}.ulasan-user-location{color:var(--gray);align-items:center;gap:4px;font-size:12px;display:flex}.ulasan-nav-bar{justify-content:space-between;align-items:center;margin-top:28px;padding:0 4px;display:flex}.ulasan-nav-arrows{align-items:center;gap:10px;display:flex}.ulasan-nav-btn{background:var(--white);border:1px solid var(--border);width:46px;height:46px;color:var(--black);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:50%;justify-content:center;align-items:center;font-size:15px;transition:all .2s;display:flex}.ulasan-nav-btn:hover:not(:disabled){background:var(--primary);border-color:var(--primary);transform:translateY(-2px);box-shadow:0 6px 14px #0000001a}.ulasan-nav-btn:disabled{opacity:.4;cursor:not-allowed}.ulasan-dots{align-items:center;gap:8px;display:flex}.ulasan-dot{cursor:pointer;background:#e5e7eb;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.ulasan-dot.active{background:var(--black);border-radius:10px;width:28px}.ulasan-trust-strip{background:var(--white);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;justify-content:center;align-items:center;gap:32px;margin-top:36px;padding:16px 24px;display:flex}.ulasan-trust-item{color:var(--black);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.ulasan-trust-item i{color:#10b981;font-size:15px}@media (width<=1024px){.hero h1{font-size:44px}.section-title{font-size:34px}.services-grid{grid-template-columns:repeat(2,1fr)}.service-card:nth-child(3){grid-column:span 2;max-width:50%;margin:0 auto}.articles-grid,.wa-topics-grid,.quick-wa-topics-grid{grid-template-columns:repeat(2,1fr)}.ulasan-carousel-item{flex:0 0 calc(50% - 12px)}.area-content{grid-template-columns:1fr;gap:40px}.gallery-grid{grid-template-columns:repeat(3,1fr)}.gallery-item:first-child{grid-area:span 2/span 2}.gallery-item:nth-child(4){grid-area:span 1/span 1}.lokasi-grid{grid-template-columns:1fr}.lokasi-trust-bar{grid-template-columns:repeat(3,1fr);gap:14px}.armada-stats-grid{grid-template-columns:repeat(2,1fr)}.armada-stat-card:nth-child(3){grid-column:span 2}.jadwal-cards-grid{grid-template-columns:1fr}}@media (width<=768px){.jadwal-rutin-section{padding:60px 0}.jadwal-plan-card{border-radius:22px;padding:26px 20px}.jadwal-plan-actions{flex-direction:column;align-items:stretch}.jadwal-direct-wa-btn{justify-content:center}.jadwal-form-container{border-radius:22px;padding:26px 20px}.jadwal-form-grid{grid-template-columns:1fr}.jadwal-form-grid .form-group.span-2{grid-column:span 1}.jadwal-form-header{flex-direction:column;align-items:flex-start;gap:12px}.armada-stats-section{padding:60px 0}.armada-stats-grid{grid-template-columns:1fr;gap:18px}.armada-stat-card:nth-child(3){grid-column:span 1}.armada-stat-card{border-radius:20px;padding:24px 20px}.armada-stat-number{font-size:42px}.armada-card-action-box{padding:12px 14px}.armada-card-btn-row{flex-direction:column;align-items:stretch;gap:8px}.armada-stat-admin-btn,.armada-pos-map-link-btn{justify-content:center;width:100%}.armada-ticker-bar{text-align:center;flex-direction:column;align-items:stretch}.armada-ticker-info{text-align:center;flex-direction:column}.armada-ticker-action-btn{justify-content:center}.lokasi-tabs-grid{gap:8px}.lokasi-tab-btn{padding:8px 14px;font-size:12.5px}.lokasi-area-jump-row{flex-direction:column;align-items:stretch;gap:8px}.lokasi-area-select-box{min-width:100%;max-width:100%}.lokasi-map-focus-badge{padding:6px 14px;font-size:11px}.lokasi-iframe-container{height:300px;min-height:280px}.lokasi-detail-card{padding:22px 18px}.lokasi-card-title{font-size:18px}.lokasi-trust-bar{grid-template-columns:1fr;gap:14px;padding:18px}.articles-grid{grid-template-columns:1fr}.article-modal-body{padding:20px}.article-modal-title{font-size:20px}.article-modal-header{height:180px}.newsletter-box{border-radius:22px;margin-top:36px;padding:32px 20px}.newsletter-title{font-size:20px}.newsletter-subtitle{margin-bottom:18px;font-size:13px}.newsletter-perks{flex-direction:column;align-items:center;gap:8px;margin-bottom:22px}.newsletter-input-group{border-radius:18px;flex-direction:column;gap:10px;padding:12px}.newsletter-field-icon{display:none}.newsletter-input{text-align:center;width:100%}.newsletter-submit-btn{justify-content:center;width:100%;padding:12px}.wa-card{border-radius:22px;padding:36px 20px}.wa-card-title{font-size:25px}.wa-topics-grid{grid-template-columns:1fr}.quick-wa-card{border-radius:22px;padding:36px 20px}.quick-wa-title{font-size:24px}.quick-wa-topics-grid{grid-template-columns:1fr}.quick-wa-cta-btn{border-radius:40px;width:100%;padding:14px 22px}.quick-wa-cta-btn i{font-size:30px}.quick-wa-cta-title{font-size:15px}.quick-wa-phone-row{flex-direction:column;gap:6px}.quick-wa-trust-strip{flex-direction:column;align-items:center;gap:8px}.wa-giant-btn{border-radius:40px;width:100%;padding:14px 22px}.wa-giant-btn i.fab.fa-whatsapp{font-size:32px}.wa-giant-title{font-size:15px}.wa-giant-sub{font-size:11.5px}.wa-trust-bullets{flex-direction:column;align-items:center;gap:10px}.ulasan-carousel-item{flex:0 0 100%}.ulasan-form-grid{grid-template-columns:1fr}.ulasan-form-wrapper{padding:20px 16px}.ulasan-header-bar{text-align:center;flex-direction:column;align-items:stretch}.ulasan-summary-left{flex-direction:column}.ulasan-open-form-btn{justify-content:center;width:100%}.star-picker-stars{justify-content:center}.star-picker-desc{text-align:center}.ulasan-nav-bar{flex-direction:column-reverse;gap:16px}.ulasan-trust-strip{flex-direction:column;align-items:flex-start;gap:14px}.faq-answer{padding:0 20px 20px;font-size:14px}.faq-cta-card{text-align:center;flex-direction:column;gap:16px;padding:24px 20px}.faq-cta-btn{justify-content:center;width:100%}.nav-menu{background:var(--white);box-shadow:var(--shadow-md);flex-direction:column;gap:4px;padding:20px;transition:transform .4s;position:fixed;top:76px;left:0;right:0;transform:translateY(-150%)}.nav-menu.active{transform:translateY(0)}.nav-menu a{border-radius:10px;padding:14px 16px}.nav-menu a.active:after{display:none}.nav-menu a.active{background:var(--primary)}.nav-cta .phone-text{display:none}.nav-cta{padding:10px 16px;font-size:13px}.nav-actions{gap:8px}.nav-call-btn{padding:10px 14px;font-size:13px}.nav-call-btn .call-full-text{display:none}.nav-call-btn .call-short-text{display:inline}.hamburger{display:flex}.hero{min-height:auto;padding:100px 0 80px}.hero .container{grid-template-columns:1fr;gap:40px}.hero h1{font-size:36px}.hero h1 .highlight{font-size:18px}.hero-cta{padding:14px 24px;font-size:14px}.hero-stats{gap:24px}.hero-stats .stat strong{font-size:24px}.hero-tags{display:none}section{padding:60px 0}.section-title{font-size:28px}.section-subtitle{font-size:15px}.services-grid{grid-template-columns:1fr}.service-card:nth-child(3){grid-column:span 1;max-width:100%}.why-grid{grid-template-columns:1fr}.why-card{padding:24px}.faq-question-bar{gap:8px;padding-right:14px}.faq-question{padding:18px 10px 18px 16px;font-size:14.5px}.faq-answer{padding:0 16px 20px}.faq-item-action{flex-direction:column;align-items:stretch;gap:10px}.faq-item-wa-btn,.faq-item-custom-btn,.faq-item-share-btn{justify-content:center;width:100%}.faq-item-share-strip{flex-direction:column;align-items:flex-start;gap:8px}.faq-share-strip-links{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;width:100%;padding-bottom:4px;overflow-x:auto}.faq-share-channels-grid{grid-template-columns:1fr}.faq-floating-toast{max-width:none;bottom:84px;left:16px;right:16px}.faq-share-trigger-label{display:none}.faq-share-trigger-btn{padding:6px 10px}.faq-skeleton-card{border-radius:16px;padding:16px 18px}.faq-skeleton-bar{gap:12px}.faq-skeleton-badge{width:30px;height:30px}.faq-filtering-progress-box{padding:12px 16px}.faq-filtering-status-info{flex-direction:column;align-items:flex-start;gap:8px}.testimonials-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}.gallery-item:first-child,.gallery-item:nth-child(4){grid-column:span 2}.area-search-container{border-radius:20px;padding:18px 16px}.area-search-input{padding:14px 44px 14px 46px;font-size:14px}.area-search-icon{font-size:16px;left:16px}.area-filters-row{flex-direction:column;align-items:stretch;gap:12px}.area-type-pills{justify-content:flex-start}.area-pill{padding:7px 12px;font-size:12px}.area-popular-chips{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.area-chip-btn{white-space:nowrap}.area-empty-state{grid-column:span 1;padding:32px 18px}.area-list{grid-template-columns:1fr}.area-illustration{padding:28px 20px;position:static}.footer-grid{grid-template-columns:1fr;gap:40px}.footer-bottom{text-align:center;flex-direction:column}.whatsapp-float{z-index:998;width:56px;height:56px;font-size:28px;bottom:90px;right:20px}.bubble-3,.dot-pattern{display:none}}@media (width<=480px){.container{padding:0 16px}.hero h1{font-size:30px}.hero-badge{font-size:11px}.section-title{font-size:24px}.badges-row{flex-direction:column;align-items:center}.badge-pill{justify-content:center;width:100%;max-width:280px}.logo-text strong{font-size:16px}.logo-text span{font-size:9px}.logo-icon{width:42px;height:42px;font-size:19px}.gallery-grid{grid-template-columns:1fr;grid-auto-rows:200px}.gallery-item:first-child,.gallery-item:nth-child(4){grid-column:span 1}}.legalitas-box{color:#fff;background:linear-gradient(145deg,#0a2540 0%,#0f355a 100%);border:1px solid #ffd60a40;border-radius:24px;margin-top:48px;padding:36px 32px;position:relative;overflow:hidden;box-shadow:0 16px 36px #0a254026}.legalitas-box:before{content:"";pointer-events:none;background:radial-gradient(circle,#ffd60a1f 0%,#0000 70%);width:280px;height:280px;position:absolute;top:0;right:0}.legalitas-header{text-align:center;z-index:1;max-width:760px;margin:0 auto 32px;position:relative}.legalitas-seal-wrap{justify-content:center;margin-bottom:16px;display:flex}.legalitas-seal-img{object-fit:cover;background:#fff;border:3.5px solid #ffd60a;border-radius:50%;width:96px;height:96px;transition:transform .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 30px #ffd60a66}.legalitas-seal-img:hover{transform:rotate(8deg)scale(1.08)}.legalitas-header-badge{color:#ffd60a;letter-spacing:.8px;text-transform:uppercase;background:#ffd60a26;border:1px solid #ffd60a66;border-radius:50px;align-items:center;gap:8px;margin-bottom:12px;padding:6px 16px;font-size:12px;font-weight:800;display:inline-flex}.legalitas-title{color:#fff;letter-spacing:-.5px;margin-bottom:10px;font-size:26px;font-weight:900}.legalitas-desc{color:#cbd5e1;margin:0;font-size:14.5px;line-height:1.6}.legalitas-items-grid{z-index:1;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px;display:grid;position:relative}.legalitas-item-card{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:18px;flex-direction:column;padding:24px;transition:all .3s;display:flex}.legalitas-item-card:hover{background:#ffffff1a;border-color:#ffd60a;transform:translateY(-4px);box-shadow:0 10px 24px #0003}.legalitas-item-card.legalitas-item-highlight{background:linear-gradient(145deg,#ffd60a1f 0%,#0f355ab3 100%);border:1.5px solid #ffd60a}.legalitas-item-icon{color:#0a2540;background:#ffd60a;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:16px;font-size:20px;display:flex;box-shadow:0 4px 12px #ffd60a59}.legalitas-item-tag{text-transform:uppercase;letter-spacing:.6px;color:#94a3b8;margin-bottom:6px;font-size:11.5px;font-weight:700;display:block}.legalitas-item-code{color:#fff;letter-spacing:.8px;margin-bottom:6px;font-family:Courier New,Courier,monospace;font-size:19px;font-weight:900}.legalitas-item-badge{color:#0a2540;background:#ffd60a;border-radius:6px;align-self:flex-start;margin-bottom:10px;padding:4px 10px;font-size:11.5px;font-weight:800;display:inline-block}.legalitas-item-desc{color:#cbd5e1;margin:auto 0 0;font-size:12.5px;line-height:1.55}.legalitas-footer-badges{z-index:1;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:center;gap:16px;padding-top:20px;display:flex;position:relative}.legal-badge{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff24;border-radius:50px;align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;font-weight:600;display:inline-flex}.legal-badge i{color:#ffd60a;font-size:14px}.footer-brand-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.footer-brand-logo-img{border:2px solid var(--yellow);object-fit:cover;background:#fff;border-radius:50%;flex-shrink:0;width:48px;height:48px;box-shadow:0 4px 14px #00000059}.footer-company-legal{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:20px;padding:14px 16px}.footer-company-name{color:#ffd60a;margin-bottom:8px;font-size:15px;font-weight:800;display:block}.footer-legal-tag{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;margin-bottom:6px;font-size:11px;font-weight:700}.footer-legal-list{color:#e2e8f0;flex-direction:column;gap:4px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.footer-legal-list li strong{color:#fff}@media (width<=900px){.legalitas-items-grid{grid-template-columns:1fr}}.newsletter-category-select-group{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-bottom:16px;display:flex}.newsletter-cat-pill{color:#e2e8f0;cursor:pointer;background:#ffffff1f;border:1px solid #ffffff40;border-radius:30px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.newsletter-cat-pill:hover{color:#fff;background:#ffffff38}.newsletter-cat-pill.active{background:var(--yellow);color:var(--black);border-color:var(--yellow);font-weight:700;box-shadow:0 4px 12px #ffd60a4d}.newsletter-bottom-actions{flex-direction:column;align-items:center;gap:12px;margin-top:22px;display:flex}.newsletter-marketing-open-btn{color:var(--yellow);cursor:pointer;background:linear-gradient(135deg,#ffd60a33 0%,#ffd60a14 100%);border:1.5px solid #ffd60a99;border-radius:50px;align-items:center;gap:10px;padding:10px 22px;font-size:13.5px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 6px 16px #00000026}.newsletter-marketing-open-btn:hover{background:var(--yellow);color:var(--black);transform:translateY(-2px);box-shadow:0 8px 24px #ffd60a59}.newsletter-marketing-open-btn .pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulseMarketingGreen;box-shadow:0 0 #10b981b3}@keyframes pulseMarketingGreen{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.email-marketing-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#0f172abf;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.email-marketing-modal-container{background:#fff;border:1px solid #e2e8f0cc;border-radius:24px;flex-direction:column;width:100%;max-width:920px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) scaleInModal;display:flex;overflow:hidden;box-shadow:0 25px 60px #00000059}@keyframes scaleInModal{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.marketing-modal-header{color:#fff;background:linear-gradient(135deg,#064e3b 0%,#065f46 100%);border-bottom:2px solid #ffd60a4d;justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.marketing-modal-header-left{align-items:center;gap:14px;display:flex}.marketing-header-icon{width:44px;height:44px;color:var(--yellow);background:#ffd60a33;border:1px solid #ffd60a66;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.marketing-header-title{color:#fff;letter-spacing:-.3px;margin:0 0 4px;font-size:20px;font-weight:800}.marketing-header-subtitle{color:#a7f3d0;margin:0;font-size:12.5px}.marketing-modal-close-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;transition:all .2s;display:flex}.marketing-modal-close-btn:hover{color:#fff;background:#ef4444d9;transform:rotate(90deg)}.marketing-modal-body{flex:1;padding:24px 28px;overflow-y:auto}.marketing-kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.marketing-kpi-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;transition:transform .2s;display:flex}.marketing-kpi-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000000d}.marketing-kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.marketing-kpi-icon.blue{color:#0284c7;background:#e0f2fe}.marketing-kpi-icon.green{color:#16a34a;background:#dcfce7}.marketing-kpi-icon.purple{color:#9333ea;background:#f3e8ff}.marketing-kpi-icon.amber{color:#d97706;background:#fef3c7}.marketing-kpi-meta{flex-direction:column;display:flex}.marketing-kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:11.5px;font-weight:600}.marketing-kpi-val{color:#0f172a;font-size:20px;font-weight:800;line-height:1.2}.marketing-tabs-nav{border-bottom:2px solid #e2e8f0;gap:8px;margin-bottom:20px;display:flex}.marketing-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-2px;padding:10px 20px;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.marketing-tab-btn:hover{color:#065f46}.marketing-tab-btn.active{color:#065f46;border-bottom-color:#065f46}.marketing-tab-badge{color:#334155;background:#e2e8f0;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.marketing-tab-btn.active .marketing-tab-badge{color:#fff;background:#065f46}.marketing-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.marketing-search-wrap{flex:1;min-width:220px;position:relative}.marketing-search-wrap i{color:#94a3b8;font-size:13px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.marketing-search-input{border:1.5px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:8px 14px 8px 36px;font-size:13px;transition:border-color .2s}.marketing-search-input:focus{border-color:#065f46;box-shadow:0 0 0 3px #065f461a}.marketing-toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.marketing-tool-btn{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.marketing-tool-btn:hover{color:#0f172a;background:#e2e8f0}.marketing-tool-btn.primary{color:#fff;background:#065f46;border-color:#065f46}.marketing-tool-btn.primary:hover{background:#047857}.marketing-tool-btn.danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.marketing-tool-btn.danger:hover{background:#fee2e2}.marketing-inline-add-card{background:#f0fdf4;border:1.5px dashed #86efac;border-radius:16px;margin-bottom:20px;padding:18px 20px;animation:.2s ease-out fadeIn}.marketing-inline-form-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.marketing-inline-input{background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;flex:1;min-width:180px;padding:9px 14px;font-size:13px}.marketing-inline-input:focus{border-color:#059669}.marketing-inline-select{cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;outline:none;padding:9px 14px;font-size:13px}.marketing-subscribers-list{flex-direction:column;gap:10px;max-height:400px;padding-right:4px;display:flex;overflow-y:auto}.marketing-subscriber-item{background:#fff;border:1.5px solid #e2e8f0;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;transition:all .2s;display:flex}.marketing-subscriber-item:hover{border-color:#059669;box-shadow:0 4px 12px #0000000a}.marketing-subscriber-left{align-items:center;gap:14px;min-width:0;display:flex}.marketing-sub-avatar{color:#4f46e5;background:#e0e7ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:700;display:flex}.marketing-sub-info{min-width:0}.marketing-sub-email-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.marketing-sub-email{color:#0f172a;word-break:break-all;font-size:14px;font-weight:700}.marketing-sub-category-tag{color:#475569;background:#f1f5f9;border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.marketing-sub-category-tag.warga{color:#166534;background:#dcfce7}.marketing-sub-category-tag.rt_rw{color:#92400e;background:#fef3c7}.marketing-sub-category-tag.bisnis{color:#3730a3;background:#e0e7ff}.marketing-sub-meta{color:#64748b;flex-wrap:wrap;align-items:center;gap:12px;margin-top:2px;font-size:11.5px;display:flex}.marketing-sub-status-dot{border-radius:50%;width:7px;height:7px;margin-right:4px;display:inline-block}.marketing-sub-status-dot.active{background:#10b981}.marketing-sub-status-dot.unsubscribed{background:#94a3b8}.marketing-subscriber-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.marketing-action-btn{color:#475569;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;transition:all .2s;display:flex}.marketing-action-btn:hover{color:#0f172a;background:#f1f5f9}.marketing-action-btn.delete:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.marketing-empty-subscribers{text-align:center;color:#64748b;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:16px;padding:36px 20px}.marketing-empty-subscribers i{color:#94a3b8;margin-bottom:12px;font-size:36px}.marketing-broadcast-container{flex-direction:column;gap:20px;display:flex}.marketing-preset-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.marketing-preset-card{cursor:pointer;text-align:left;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:14px;flex-direction:column;justify-content:space-between;padding:14px;transition:all .2s;display:flex}.marketing-preset-card:hover{background:#f0fdf4;border-color:#059669}.marketing-preset-card.active{background:#ecfdf5;border-color:#059669;box-shadow:0 4px 14px #05966926}.marketing-preset-badge{text-transform:uppercase;color:#059669;margin-bottom:6px;font-size:10.5px;font-weight:700;display:inline-block}.marketing-preset-title{color:#0f172a;margin-bottom:6px;font-size:13px;font-weight:700;line-height:1.35}.marketing-preset-snippet{color:#64748b;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.marketing-email-preview-box{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:16px;overflow:hidden}.marketing-email-preview-header{color:#334155;background:#e2e8f0;justify-content:space-between;align-items:center;padding:10px 16px;font-size:12px;font-weight:600;display:flex}.marketing-email-preview-body{background:#fff;padding:20px}.marketing-email-mockup-header{border-bottom:1.5px solid #f1f5f9;align-items:center;gap:12px;margin-bottom:14px;padding-bottom:14px;display:flex}.marketing-email-company-logo{width:38px;height:38px;color:var(--yellow);background:#064e3b;border-radius:10px;justify-content:center;align-items:center;font-size:16px;display:flex}.marketing-email-subject{color:#0f172a;margin-bottom:12px;font-size:16px;font-weight:800;line-height:1.35}.marketing-email-text{color:#334155;margin-bottom:16px;font-size:13.5px;line-height:1.6}.marketing-email-legal-footer{color:#64748b;background:#f8fafc;border-top:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;font-size:11px;line-height:1.4}.marketing-broadcast-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#047857 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:800;transition:all .25s;display:flex;box-shadow:0 6px 18px #0596694d}.marketing-broadcast-btn:hover:not(:disabled){background:linear-gradient(135deg,#047857 0%,#064e3b 100%);transform:translateY(-2px);box-shadow:0 8px 24px #05966966}.marketing-broadcast-btn:disabled{opacity:.7;cursor:not-allowed}.marketing-broadcast-progress-card{background:#f0fdf4;border:1.5px solid #86efac;border-radius:16px;padding:18px 20px;animation:.2s ease-out fadeIn}.marketing-progress-bar-bg{background:#dcfce7;border-radius:10px;width:100%;height:10px;margin:10px 0;overflow:hidden}.marketing-progress-bar-fill{background:linear-gradient(90deg,#10b981,#059669);height:100%;transition:width .2s}.marketing-report-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;display:grid}.marketing-report-stat{text-align:center;background:#fff;border:1px solid #bbf7d0;border-radius:10px;padding:10px 14px}.marketing-report-stat .val{color:#065f46;font-size:18px;font-weight:800}.marketing-report-stat .lbl{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:600}.marketing-toast-banner{color:#fff;background:#064e3b;border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 18px;font-size:12.5px;font-weight:600;animation:.2s ease-out fadeIn;display:flex}.marketing-toast-banner i{color:var(--yellow)}@media (width<=768px){.marketing-kpi-grid{grid-template-columns:repeat(2,1fr)}.marketing-preset-grid{grid-template-columns:1fr}.marketing-report-grid{grid-template-columns:repeat(2,1fr)}.email-marketing-modal-container{max-height:94vh}.marketing-modal-body{padding:18px}}.kalkulator-cepat-section{background:linear-gradient(#f8fafc 0%,#f1f5f9 50%,#e2e8f0 100%);padding:90px 0;position:relative}.calc-toast-notification{color:#fff;z-index:100;background:#064e3b;border-radius:50px;align-items:center;gap:10px;margin:0 auto 24px;padding:12px 22px;font-size:14px;font-weight:600;animation:.3s ease-out fadeInDown;display:inline-flex;position:sticky;top:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 25px -5px #064e3b66}.calc-toast-notification i{color:#34d399;font-size:16px}.calc-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:14px;margin-bottom:36px;padding:18px 24px;display:flex;box-shadow:0 4px 16px -2px #0f172a0d}.calc-filter-group{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.calc-filter-label{color:#475569;align-items:center;gap:6px;min-width:140px;font-size:13px;font-weight:700;display:flex}.calc-filter-buttons{flex-wrap:wrap;gap:8px;display:flex}.calc-filter-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:30px;align-items:center;gap:6px;padding:7px 15px;font-size:12.5px;font-weight:600;transition:all .2s;display:inline-flex}.calc-filter-btn:hover{background:#e2e8f0;border-color:#94a3b8}.calc-filter-btn.active{color:#fff;background:#0284c7;border-color:#0284c7;box-shadow:0 4px 12px #0284c740}.calc-services-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:40px;display:grid}.calc-service-card{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:20px;flex-direction:column;padding:24px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 16px -2px #0f172a0a}.calc-service-card:hover{border-color:#38bdf8;transform:translateY(-4px);box-shadow:0 12px 28px -6px #0ea5e926}.calc-service-card.selected{background:linear-gradient(#fff 0%,#f0fdf4 100%);border-color:#10b981;box-shadow:0 0 0 4px #10b9812e,0 12px 28px -6px #10b98133}.calc-card-top{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:16px;display:flex}.calc-card-icon-wrap{color:#059669;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;display:flex}.calc-service-card.selected .calc-card-icon-wrap{color:#fff;background:#059669;border-color:#059669}.calc-card-badges{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.calc-manifest-badge{letter-spacing:.3px;text-transform:uppercase;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.calc-manifest-badge.non-manifest{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.calc-manifest-badge.manifest{color:#b45309;background:#fef3c7;border:1px solid #fcd34d}.calc-tag-badge{color:#475569;background:#f1f5f9;border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:600}.calc-service-name{color:#0f172a;margin:0 0 10px;font-size:17px;font-weight:800;line-height:1.35}.calc-service-desc{color:#64748b;flex-grow:1;margin-bottom:16px;font-size:12.5px;line-height:1.5}.calc-service-rate-box{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;margin-bottom:14px;padding:12px 14px}.calc-service-card.selected .calc-service-rate-box{background:#ecfdf5;border-color:#6ee7b7}.calc-rate-label{color:#64748b;margin-bottom:2px;font-size:11px;font-weight:600;display:block}.calc-rate-price{align-items:baseline;gap:5px;display:flex}.calc-rate-price strong{color:#0f172a;font-size:20px;font-weight:900}.calc-service-card.selected .calc-rate-price strong{color:#065f46}.calc-rate-price span{color:#64748b;font-size:12px;font-weight:600}.calc-card-target{color:#475569;align-items:center;gap:7px;margin-bottom:16px;font-size:11.5px;display:flex}.calc-card-target i{color:#0284c7}.calc-card-select-btn{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;justify-content:center;align-items:center;gap:7px;width:100%;padding:10px 14px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.calc-service-card:hover .calc-card-select-btn{color:#fff;background:#0284c7;border-color:#0284c7}.calc-card-select-btn.active{color:#fff;background:#059669;border-color:#059669;box-shadow:0 4px 12px #0596694d}.calc-workspace-box{background:#fff;border:1px solid #e2e8f0;border-radius:24px;margin-bottom:40px;overflow:hidden;box-shadow:0 10px 30px -5px #0f172a14}.calc-workspace-grid{grid-template-columns:1.15fr .95fr;display:grid}.calc-controls-col{border-right:1px solid #e2e8f0;padding:36px}.calc-controls-header{border-bottom:1px solid #f1f5f9;margin-bottom:24px;padding-bottom:18px}.calc-icon-title{align-items:center;gap:14px;margin-bottom:12px;display:flex}.calc-header-icon{color:#0284c7;background:#eff6ff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.calc-icon-title h3{color:#0f172a;margin:0;font-size:20px;font-weight:800}.calc-icon-title p{color:#64748b;margin:2px 0 0;font-size:13px}.calc-active-service-pill{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:12.5px;display:flex}.calc-active-service-pill span{color:#065f46}.calc-active-service-pill strong{color:#047857;font-weight:800}.calc-volume-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;margin-bottom:26px;padding:22px}.calc-volume-label-row{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.calc-volume-label-row label{color:#1e293b;font-size:14px}.calc-volume-display-val{color:#fff;background:#0284c7;border-radius:20px;padding:6px 14px;font-size:14px;font-weight:700;box-shadow:0 4px 10px #0284c740}.calc-volume-display-val strong{margin-right:2px;font-size:18px}.calc-volume-stepper-row{align-items:center;gap:16px;margin-bottom:18px;display:flex}.calc-stepper-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 2px 6px #0f172a0d}.calc-stepper-btn:hover:not(:disabled){color:#fff;background:#0284c7;border-color:#0284c7}.calc-stepper-btn:disabled{opacity:.4;cursor:not-allowed}.calc-slider-wrap{flex-grow:1}.calc-range-input{cursor:pointer;accent-color:#0284c7;background:#e2e8f0;border-radius:5px;outline:none;width:100%;height:8px}.calc-slider-ticks{color:#94a3b8;justify-content:space-between;margin-top:6px;font-size:11px;font-weight:600;display:flex}.calc-quick-presets{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.calc-preset-label{color:#64748b;font-size:12px;font-weight:700}.calc-preset-chips{flex-wrap:wrap;gap:6px;display:flex}.calc-preset-chip{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:4px 10px;font-size:12px;font-weight:600;transition:all .2s}.calc-preset-chip:hover{color:#0284c7;border-color:#0284c7}.calc-preset-chip.active{color:#fff;background:#0f172a;border-color:#0f172a}.calc-volume-hint{color:#64748b;margin:0;font-size:12px;line-height:1.45}.calc-volume-hint i{color:#0284c7}.calc-booking-form{flex-direction:column;display:flex}.calc-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.calc-form-grid .form-group.span-2{grid-column:span 2}.calc-receipt-col{color:#f8fafc;background:#0b192c;flex-direction:column;justify-content:space-between;padding:36px;display:flex;position:relative}.calc-receipt-card{flex-direction:column;height:100%;display:flex}.calc-receipt-top{border-bottom:1px dashed #ffffff26;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:18px;display:flex}.calc-receipt-logo-row{align-items:center;gap:10px;display:flex}.calc-receipt-logo{object-fit:cover;border:1px solid #fff3;border-radius:8px;width:36px;height:36px}.calc-receipt-company{color:#fff;letter-spacing:.3px;font-size:13.5px;font-weight:800;display:block}.calc-receipt-badge{color:#94a3b8;font-size:10.5px;display:block}.calc-live-indicator{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.calc-live-indicator .pulse-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse;box-shadow:0 0 8px #10b981}.calc-receipt-title{color:#fff;margin:0 0 16px;font-size:17px;font-weight:800}.calc-receipt-table{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.calc-receipt-row{color:#cbd5e1;justify-content:space-between;align-items:center;font-size:13px;display:flex}.calc-receipt-row .label{color:#94a3b8}.calc-receipt-row .value{color:#f8fafc;text-align:right}.calc-receipt-row .value.strong{font-weight:700}.calc-receipt-row .value.strong.highlight{color:#38bdf8;font-weight:800}.calc-receipt-row .value.free{color:#34d399;font-size:12px;font-weight:700}.calc-manifest-pill{border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.calc-manifest-pill.non-manifest{color:#93c5fd;background:#3b82f633}.calc-manifest-pill.manifest{color:#fcd34d;background:#f59e0b33}.calc-receipt-divider{border-top:1px dashed #ffffff26;height:1px;margin:6px 0}.calc-total-banner{text-align:center;background:linear-gradient(135deg,#064e3b 0%,#065f46 100%);border:1px solid #059669;border-radius:16px;margin-bottom:22px;padding:18px 20px;box-shadow:0 8px 20px -4px #064e3b80}.calc-total-caption{color:#a7f3d0;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px;font-size:11px;font-weight:800;display:block}.calc-total-amount{color:#fff;margin-bottom:6px;font-size:32px;font-weight:900;line-height:1.1}.calc-total-subtext{color:#d1fae5;opacity:.9;font-size:11px;display:block}.calc-alert{border-radius:10px;align-items:center;gap:8px;margin-bottom:14px;padding:10px 14px;font-size:12.5px;font-weight:600;display:flex}.calc-alert.success{color:#6ee7b7;background:#10b98133;border:1px solid #10b98166}.calc-alert.error{color:#fca5a5;background:#ef444433;border:1px solid #ef444466}.calc-receipt-actions{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.calc-main-wa-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:14px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 20px;font-size:15px;font-weight:800;transition:all .25s;display:flex;box-shadow:0 6px 18px #25d36659}.calc-main-wa-btn:hover{background:#20ba5a;transform:translateY(-2px);box-shadow:0 8px 24px #25d36673}.calc-main-wa-btn i{font-size:20px}.calc-sub-actions-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.calc-copy-btn,.calc-call-btn{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:10px 14px;font-size:12.5px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.calc-copy-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff26}.calc-copy-btn:hover{background:#ffffff29;border-color:#ffffff4d}.calc-call-btn{color:#fff;background:#0284c7;border:1px solid #0284c7}.calc-call-btn:hover{background:#0369a1;border-color:#0369a1}.calc-trust-guarantee{border-top:1px solid #ffffff1a;flex-direction:column;gap:7px;padding-top:14px;display:flex}.calc-trust-item{color:#94a3b8;align-items:center;gap:8px;font-size:11.5px;display:flex}.calc-trust-item i{color:#34d399}.calc-summary-table-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:28px;box-shadow:0 4px 16px -2px #0f172a0a}.calc-summary-table-header{margin-bottom:20px}.calc-summary-title-wrap{align-items:center;gap:12px;display:flex}.calc-summary-title-wrap i{color:#0284c7;font-size:24px}.calc-summary-title-wrap h3{color:#0f172a;margin:0;font-size:18px;font-weight:800}.calc-summary-title-wrap p{color:#64748b;margin:2px 0 0;font-size:13px}.calc-table-responsive{overflow-x:auto}.calc-comparison-table{border-collapse:collapse;width:100%;font-size:13px}.calc-comparison-table th{color:#475569;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:12px 14px;font-weight:700}.calc-comparison-table td{color:#334155;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:14px}.calc-comparison-table tr:hover td{background:#f8fafc}.calc-comparison-table tr.selected-row td{background:#f0fdf4}.calc-table-service-col{align-items:center;gap:10px;display:flex}.calc-table-service-col i{color:#059669;font-size:16px}.calc-table-service-col strong{color:#0f172a;font-weight:700}.calc-table-category-tag{color:#475569;background:#f1f5f9;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.calc-table-price{color:#0f172a;font-size:15px;font-weight:800}.calc-table-unit{color:#64748b;margin-left:2px;font-size:11.5px}.calc-table-target{color:#64748b;font-size:12px}.calc-table-calc-btn{color:#0284c7;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s}.calc-table-calc-btn:hover{color:#fff;background:#0284c7;border-color:#0284c7}.calc-table-calc-btn.active{color:#fff;background:#059669;border-color:#059669}@media (width<=1024px){.calc-services-grid{grid-template-columns:repeat(2,1fr)}.calc-workspace-grid{grid-template-columns:1fr}.calc-controls-col{border-bottom:1px solid #e2e8f0;border-right:none;padding:28px}.calc-receipt-col{padding:28px}}@media (width<=768px){.kalkulator-cepat-section{padding:60px 0}.calc-services-grid{grid-template-columns:1fr;gap:16px}.calc-filter-bar{padding:16px}.calc-filter-group{flex-direction:column;align-items:flex-start;gap:8px}.calc-controls-col,.calc-receipt-col{padding:20px}.calc-form-grid{grid-template-columns:1fr}.calc-form-grid .form-group.span-2{grid-column:span 1}.calc-total-amount{font-size:26px}.calc-sub-actions-row{grid-template-columns:1fr}.calc-summary-table-section{padding:18px}}.calc-pdf-duration-strip{background:#ffffff0d;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:12px;margin-bottom:20px;padding:12px 14px;display:flex}.calc-pdf-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:800;transition:all .25s cubic-bezier(.4,0,.2,1);animation:2.6s ease-in-out infinite calcPdfPulse;display:inline-flex;position:relative;box-shadow:0 4px 12px #dc262659}.calc-pdf-btn:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);animation-play-state:paused;transform:translateY(-2px)scale(1.03);box-shadow:0 8px 20px #dc26268c,0 0 0 4px #ef444440}.calc-pdf-btn:active{transform:translateY(0)scale(.98)}.calc-pdf-btn i{font-size:15px;transition:transform .2s}.calc-pdf-btn:hover i{transform:scale(1.1)}@keyframes calcPdfPulse{0%{transform:scale(1);box-shadow:0 4px 12px #dc262659,0 0 #ef444473}50%{transform:scale(1.028);box-shadow:0 6px 18px #dc262685,0 0 0 6px #ef444400}to{transform:scale(1);box-shadow:0 4px 12px #dc262659,0 0 #ef444400}}@keyframes subtlePdfPulse{0%{transform:scale(1);box-shadow:0 4px 12px #dc262659,0 0 #ef444473}50%{transform:scale(1.028);box-shadow:0 6px 18px #dc262685,0 0 0 6px #ef444400}to{transform:scale(1);box-shadow:0 4px 12px #dc262659,0 0 #ef444400}}@media (prefers-reduced-motion:reduce){.calc-pdf-btn,.calc-qris-receipt-btn{animation:none!important}}.calc-qris-receipt-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1.5px solid #38bdf8;border-radius:10px;flex-shrink:0;align-items:center;gap:8px;padding:10px 18px;font-size:13px;font-weight:800;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;box-shadow:0 4px 12px #0f172a73}.calc-qris-receipt-btn:hover{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-color:#7dd3fc;transform:translateY(-2px)scale(1.03);box-shadow:0 8px 20px #38bdf859,0 0 0 3px #38bdf833}.calc-qris-receipt-btn:active{transform:translateY(0)scale(.98)}.calc-qris-receipt-btn i{color:#38bdf8;font-size:14px;transition:transform .2s}.calc-qris-receipt-btn:hover i{color:#7dd3fc;transform:scale(1.15)}.calc-duration-info{border-left:1px solid #ffffff26;flex-grow:1;align-items:center;gap:10px;min-width:0;padding-left:12px;display:flex}.calc-duration-icon{color:#38bdf8;background:#38bdf826;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex}.calc-duration-text{flex-direction:column;min-width:0;display:flex}.calc-duration-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.3px;font-size:10px;font-weight:700;line-height:1.2}.calc-duration-value{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:800;line-height:1.3;overflow:hidden}@media (width<=600px){.calc-pdf-duration-strip{flex-direction:column;align-items:stretch;gap:10px}.calc-pdf-btn,.calc-qris-receipt-btn{justify-content:center;width:100%}.calc-duration-info{border-top:1px solid #ffffff26;border-left:none;padding-top:8px;padding-left:0}}.calc-printable-invoice,.qris-struk-printable{display:none}@media print{body{color:#0f172a!important;background:#fff!important;margin:0!important;padding:0!important;font-family:Arial,Helvetica,sans-serif!important}nav,footer,.floating-actions,.floating-wa-btn,.top-bar,.hero-section,.layanan-section,.tentang-section,.faq-section,.galeri-section,.artikel-section,.ulasan-section,.lokasi-section,.kontak-section,.newsletter-box,.email-marketing-modal-overlay,.article-modal-overlay,.qris-modal-overlay,.qris-preview-modal-overlay,.calc-filter-bar,.calc-services-grid,.calc-workspace-box,.calc-summary-table-section,.section-header,.calc-toast-notification,.armada-ticker-bar{display:none!important}.kalkulator-cepat-section{background:#fff!important;margin:0!important;padding:0!important}.kalkulator-cepat-section .container{width:100%!important;max-width:100%!important;margin:0!important;padding:0!important}.calc-printable-invoice{box-sizing:border-box!important;color:#0f172a!important;background:#fff!important;border:none!important;width:100%!important;max-width:800px!important;margin:0 auto!important;padding:24px 30px!important;display:block!important}body.print-qris-receipt-only,body[data-print-mode=qris-receipt]{color:#000!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif!important}body.print-qris-receipt-only .calc-printable-invoice,body[data-print-mode=qris-receipt] .calc-printable-invoice,body.print-qris-receipt-only .qris-preview-modal-overlay,body[data-print-mode=qris-receipt] .qris-preview-modal-overlay{display:none!important}body.print-qris-receipt-only .qris-struk-printable,body[data-print-mode=qris-receipt] .qris-struk-printable{box-sizing:border-box!important;color:#000!important;width:100%!important;max-width:380px!important;box-shadow:none!important;page-break-inside:avoid!important;break-inside:avoid!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;border:2px solid #000!important;margin:0 auto!important;padding:24px 20px!important;display:block!important}body.print-qris-receipt-only .qris-struk-printable *,body[data-print-mode=qris-receipt] .qris-struk-printable *{box-shadow:none!important;text-shadow:none!important}body.print-qris-receipt-only .rcpt-brand,body[data-print-mode=qris-receipt] .rcpt-brand{color:#000!important;font-weight:900!important}body.print-qris-receipt-only .rcpt-sub,body.print-qris-receipt-only .rcpt-contact,body[data-print-mode=qris-receipt] .rcpt-sub,body[data-print-mode=qris-receipt] .rcpt-contact{color:#000!important}body.print-qris-receipt-only .rcpt-logo,body[data-print-mode=qris-receipt] .rcpt-logo{filter:grayscale()contrast(150%)!important;border:1.5px solid #000!important}body.print-qris-receipt-only .rcpt-dashed-line,body[data-print-mode=qris-receipt] .rcpt-dashed-line{border-top:1.5px dashed #000!important}body.print-qris-receipt-only .rcpt-title-main,body.print-qris-receipt-only .rcpt-title-sub,body[data-print-mode=qris-receipt] .rcpt-title-main,body[data-print-mode=qris-receipt] .rcpt-title-sub,body.print-qris-receipt-only .rcpt-k,body.print-qris-receipt-only .rcpt-v,body[data-print-mode=qris-receipt] .rcpt-k,body[data-print-mode=qris-receipt] .rcpt-v{color:#000!important}body.print-qris-receipt-only .rcpt-total-contrast-box,body[data-print-mode=qris-receipt] .rcpt-total-contrast-box{color:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#000!important;border:2px solid #000!important}body.print-qris-receipt-only .rcpt-total-lbl,body.print-qris-receipt-only .rcpt-total-val,body.print-qris-receipt-only .rcpt-total-note,body[data-print-mode=qris-receipt] .rcpt-total-lbl,body[data-print-mode=qris-receipt] .rcpt-total-val,body[data-print-mode=qris-receipt] .rcpt-total-note{color:#fff!important}body.print-qris-receipt-only .rcpt-gpn-tag,body[data-print-mode=qris-receipt] .rcpt-gpn-tag{color:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#000!important;border:1px solid #000!important}body.print-qris-receipt-only .rcpt-qris-brand,body.print-qris-receipt-only .rcpt-nmid,body.print-qris-receipt-only .rcpt-merchant,body[data-print-mode=qris-receipt] .rcpt-qris-brand,body[data-print-mode=qris-receipt] .rcpt-nmid,body[data-print-mode=qris-receipt] .rcpt-merchant{color:#000!important}body.print-qris-receipt-only .rcpt-qr-img-frame,body[data-print-mode=qris-receipt] .rcpt-qr-img-frame{background:#fff!important;border:2px solid #000!important}body.print-qris-receipt-only .rcpt-qr-img,body[data-print-mode=qris-receipt] .rcpt-qr-img{filter:grayscale()contrast(200%)!important;image-rendering:pixelated!important}body.print-qris-receipt-only .rcpt-scan-instruction,body[data-print-mode=qris-receipt] .rcpt-scan-instruction{color:#000!important;background:#fff!important;border:1.5px solid #000!important}body.print-qris-receipt-only .rcpt-scan-instruction strong,body.print-qris-receipt-only .rcpt-scan-instruction p,body[data-print-mode=qris-receipt] .rcpt-scan-instruction strong,body[data-print-mode=qris-receipt] .rcpt-scan-instruction p,body.print-qris-receipt-only .rcpt-footer-notes,body.print-qris-receipt-only .rcpt-footer-notes p,body.print-qris-receipt-only .rcpt-guarantee,body.print-qris-receipt-only .rcpt-closing,body[data-print-mode=qris-receipt] .rcpt-footer-notes,body[data-print-mode=qris-receipt] .rcpt-footer-notes p,body[data-print-mode=qris-receipt] .rcpt-guarantee,body[data-print-mode=qris-receipt] .rcpt-closing{color:#000!important}.print-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.print-header-brand{align-items:center;gap:14px;display:flex}.print-logo{object-fit:cover;border-radius:8px;width:60px;height:60px}.print-company-name{color:#0f172a;letter-spacing:.5px;margin:0;font-size:20px;font-weight:900}.print-company-sub{color:#475569;margin:4px 0 0;font-size:10px;line-height:1.4}.print-header-meta{text-align:right;flex-direction:column;align-items:flex-end;gap:3px;display:flex}.print-doc-badge{color:#fff;background:#0284c7;border-radius:4px;margin-bottom:4px;padding:3px 10px;font-size:10px;font-weight:800;display:inline-block}.print-meta-item{color:#475569;font-size:10px}.print-meta-item strong{color:#0f172a;margin-left:4px}.print-divider{background:#0284c7;height:2px;margin:12px 0 16px}.print-info-grid{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:16px;padding:12px;display:grid}.print-info-box h4{color:#0f172a;border-bottom:1px solid #cbd5e1;margin:0 0 8px;padding-bottom:4px;font-size:11.5px;font-weight:800}.print-kv-table{border-collapse:collapse;width:100%;font-size:10px}.print-kv-table td{color:#334155;padding:2px 0}.print-kv-table .kv-label{color:#64748b;width:110px}.print-table-title{color:#0f172a;margin:16px 0 8px;font-size:12px;font-weight:800}.print-breakdown-table{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:10.5px}.print-breakdown-table th{color:#fff;text-align:left;background:#0f172a;border:1px solid #0f172a;padding:8px 10px;font-weight:800}.print-breakdown-table td{color:#334155;vertical-align:middle;border:1px solid #cbd5e1;padding:8px 10px}.print-desc-small{color:#64748b;margin-top:2px;font-size:9.5px}.print-badge-pill{color:#1e293b;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:700;display:inline-block}.print-total-row td{background:#f8fafc;border-top:2px solid #0f172a;padding:10px}.print-notes-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-bottom:16px;padding:10px 14px}.print-notes-section h5{color:#0f172a;margin:0 0 6px;font-size:10.5px;font-weight:800}.print-notes-section ol{color:#475569;margin:0;padding-left:16px;font-size:9.5px;line-height:1.45}.print-signatures{justify-content:space-between;margin-top:20px;padding-top:10px;display:flex}.print-sig-col{text-align:center;color:#475569;width:220px;font-size:10px}.print-sig-col p{margin:0 0 4px}.print-sig-company{color:#0f172a;font-weight:800}.print-sig-space{height:55px}.print-seal-wrap{justify-content:center;align-items:center;height:55px;display:flex;position:relative}.print-seal-img{opacity:.7;width:48px;height:48px}.print-seal-stamp{color:#059669;border:1.5px solid #059669;border-radius:4px;margin-left:6px;padding:2px 6px;font-size:8px;font-weight:900;transform:rotate(-5deg)}.print-payment-qr-strip{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;margin:14px 0 16px;padding:10px 14px}.print-qris-top-badge{color:#0f172a;letter-spacing:.5px;border-bottom:1px dashed #cbd5e1;margin-bottom:6px;padding-bottom:4px;font-size:8.5px;font-weight:800}.print-qris-content-row{align-items:center;gap:14px;display:flex}.print-qris-img{border:1px solid #cbd5e1;border-radius:4px;width:72px;height:72px}.print-qris-desc-col{flex-direction:column;gap:2px;display:flex}.print-qris-merchant-title{color:#0f172a;font-size:11px;font-weight:900}.print-qris-nmid-text{color:#475569;font-size:9.5px;font-weight:600}.print-qris-nominal-text{color:#059669;font-size:11.5px;font-weight:900}.print-qris-apps-list{color:#64748b;margin:2px 0 0;font-size:8.5px}.print-footer{color:#64748b;border-top:1px solid #cbd5e1;justify-content:space-between;margin-top:24px;padding-top:8px;font-size:8.5px;display:flex}}.qris-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0b192cd9;justify-content:center;align-items:center;padding:16px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.qris-modal-container{background:#fff;border:1px solid #fff3;border-radius:24px;flex-direction:column;width:100%;max-width:860px;max-height:92vh;animation:.25s cubic-bezier(.16,1,.3,1) scaleUpModal;display:flex;overflow-y:auto;box-shadow:0 25px 60px -15px #0006}@keyframes scaleUpModal{0%{opacity:0;transform:scale(.95)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.qris-modal-header{color:#fff;z-index:10;background:linear-gradient(135deg,#0b192c 0%,#1e293b 100%);border-bottom:2px solid #059669;justify-content:space-between;align-items:center;padding:20px 26px;display:flex;position:sticky;top:0}.qris-modal-header-left{align-items:center;gap:14px;display:flex}.qris-brand-badge{background:#fff;border-radius:8px;flex-direction:column;align-items:center;padding:4px 10px;display:flex;box-shadow:0 2px 8px #0003}.qris-badge-red{color:#dc2626;letter-spacing:1px;font-size:14px;font-weight:900;line-height:1}.qris-badge-text{color:#0f172a;letter-spacing:.5px;font-size:8px;font-weight:800}.qris-header-title-box h3{color:#fff;margin:0;font-size:18px;font-weight:800}.qris-header-title-box p{color:#94a3b8;margin:2px 0 0;font-size:12px}.qris-modal-close-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.qris-modal-close-btn:hover{background:#ef4444;transform:rotate(90deg)}.qris-modal-body{padding:26px}.qris-modal-grid{grid-template-columns:330px 1fr;align-items:start;gap:26px;display:grid}.qris-card-wrapper{justify-content:center;display:flex}.qris-official-card{text-align:center;background:#fff;border:2px solid #e2e8f0;border-radius:18px;flex-direction:column;width:100%;padding:16px;display:flex;box-shadow:0 10px 25px -5px #0f172a1a}.qris-card-header{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#991b1b 100%);border-radius:10px;margin-bottom:12px;padding:10px 12px}.qris-gpn-row{justify-content:space-between;align-items:center;font-weight:900;display:flex}.qris-main-logo{letter-spacing:1.5px;font-size:18px}.qris-gpn-logo{background:#fff3;border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;display:inline-flex}.qris-type-tag{opacity:.9;letter-spacing:.2px;margin-top:3px;font-size:9px;display:block}.qris-merchant-info{margin-bottom:10px}.qris-merchant-name{color:#0f172a;margin:0;font-size:14.5px;font-weight:900}.qris-nmid-row{color:#64748b;justify-content:center;align-items:center;gap:8px;margin-top:3px;font-size:11px;display:flex}.qris-verified-pill{color:#059669;background:#ecfdf5;border-radius:10px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-flex}.qris-qr-display-box{background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:14px;justify-content:center;align-items:center;margin-bottom:12px;padding:12px;display:flex}.qris-qr-frame{display:inline-block;position:relative}.qris-qr-img{border-radius:6px;width:220px;height:220px;display:block}.qris-center-badge{background:#fff;border:2px solid #0b192c;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #00000040}.qris-center-logo{object-fit:cover;border-radius:4px;width:28px;height:28px}.qris-loading-qr{color:#64748b;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:220px;font-size:13px;display:flex}.qris-loading-qr i{color:#0284c7;font-size:24px}.qris-scan-guide{color:#1e40af;text-align:left;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:12px;padding:10px 12px;font-size:11px;font-weight:600;display:flex}.qris-guide-icon{color:#0284c7;flex-shrink:0;margin-top:2px;font-size:16px}.qris-guide-content{flex-direction:column;flex-grow:1;gap:6px;display:flex}.qris-guide-instruction{color:#1e40af;line-height:1.35}.qris-scan-counter-badge{color:#1d4ed8;background:#dbeafe;border:1px solid #93c5fd;border-radius:6px;align-items:center;gap:6px;width:fit-content;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.qris-scan-counter-badge i{color:#2563eb;font-size:11px}.qris-scan-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:1.8s ease-in-out infinite counterDotPulse;box-shadow:0 0 0 2px #10b98140}@keyframes counterDotPulse{0%{opacity:.8;transform:scale(.9)}50%{opacity:1;transform:scale(1.25)}to{opacity:.8;transform:scale(.9)}}.rcpt-scan-counter-tag{color:#000;letter-spacing:.2px;border:1px solid #000;border-radius:3px;margin-top:5px;padding:1px 5px;font-size:8.5px;font-weight:800;display:inline-block}.qris-accepted-strip{text-align:center}.qris-strip-label{color:#64748b;text-transform:uppercase;margin-bottom:6px;font-size:10px;font-weight:700;display:block}.qris-bank-badges{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.bank-pill{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:4px;padding:2px 7px;font-size:9.5px;font-weight:800}.bank-pill.gopay{color:#00aa13}.bank-pill.ovo{color:#4c2a86}.bank-pill.dana{color:#118eea}.bank-pill.shopee{color:#ee4d2d}.qris-details-wrapper{flex-direction:column;gap:16px;display:flex}.qris-amount-box{color:#fff;background:linear-gradient(135deg,#064e3b 0%,#065f46 100%);border:1px solid #059669;border-radius:16px;padding:16px 20px}.qris-amount-label{color:#a7f3d0;letter-spacing:.8px;text-transform:uppercase;font-size:10.5px;font-weight:800;display:block}.qris-amount-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:4px 0 6px;display:flex}.qris-amount-value{color:#fff;font-size:26px;font-weight:900}.qris-copy-nominal-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.qris-copy-nominal-btn:hover{color:#065f46;background:#fff}.qris-amount-note{color:#d1fae5;opacity:.9;font-size:11px;display:block}.qris-summary-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;padding:14px 16px}.qris-summary-title{color:#0f172a;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;margin:0 0 10px;padding-bottom:6px;font-size:13px;font-weight:800;display:flex}.qris-summary-title i{color:#0284c7}.qris-summary-list{flex-direction:column;gap:6px;display:flex}.qris-summary-item{justify-content:space-between;align-items:center;font-size:12px;display:flex}.qris-summary-item .lbl{color:#64748b}.qris-summary-item .val{color:#1e293b;text-align:right}.qris-summary-item .val.bold{font-weight:700}.qris-summary-item .val.highlight{color:#0284c7;font-weight:800}.qris-summary-item .val.durasi{color:#059669;font-weight:800}.qris-steps-box{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px 16px}.qris-steps-title{color:#0f172a;margin-bottom:6px;font-size:12px;font-weight:800;display:block}.qris-steps-list{color:#475569;margin:0;padding-left:16px;font-size:11px;line-height:1.5}.qris-actions-panel{flex-direction:column;gap:10px;display:flex}.qris-action-print-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;padding:13px 20px;font-size:14px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #dc262659}.qris-action-print-btn:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:0 6px 18px #dc262673}.qris-action-wa-btn{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;padding:13px 20px;font-size:14px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #25d3664d}.qris-action-wa-btn:hover{background:#20ba5a;transform:translateY(-2px);box-shadow:0 6px 18px #25d36666}.qris-footer-trust{color:#64748b;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:8px;font-size:11px;display:flex}.qris-footer-trust i{color:#059669}@media (width<=768px){.qris-modal-grid{grid-template-columns:1fr;gap:20px}.qris-modal-container{max-height:96vh}.qris-modal-body{padding:16px}.qris-amount-value{font-size:22px}.qris-qr-img{width:190px;height:190px}}.rcpt-header{text-align:center;margin-bottom:12px}.rcpt-logo{object-fit:cover;border:1px solid #000;border-radius:8px;width:52px;height:52px;margin:0 auto 8px;display:block}.rcpt-brand{color:#000;letter-spacing:.5px;text-transform:uppercase;margin:0 0 3px;font-size:16px;font-weight:900}.rcpt-sub{color:#111;letter-spacing:.2px;margin:0 0 2px;font-size:9.5px;font-weight:700}.rcpt-contact{color:#000;margin:0 0 2px;font-size:10px;font-weight:800}.rcpt-dashed-line{border-top:1.5px dashed #000;margin:10px 0}.rcpt-title-box{text-align:center;padding:4px 0}.rcpt-title-main{color:#000;letter-spacing:.5px;font-size:13px;font-weight:900;display:block}.rcpt-title-sub{color:#111;margin-top:2px;font-size:9px;font-weight:700;display:block}.rcpt-meta-table,.rcpt-service-box{flex-direction:column;gap:4px;font-size:11px;display:flex}.rcpt-row{justify-content:space-between;align-items:flex-start;gap:8px;line-height:1.35;display:flex}.rcpt-k{color:#222;flex-shrink:0;font-size:11px;font-weight:600}.rcpt-v{color:#000;text-align:right;word-break:break-word;font-size:11px;font-weight:700}.rcpt-v.mono{letter-spacing:.5px;font-family:Courier New,Courier,monospace;font-weight:800}.rcpt-v.bold{font-weight:900}.rcpt-total-contrast-box{text-align:center;border-radius:6px;margin:10px 0;padding:12px 14px;color:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#000!important}.rcpt-total-lbl{letter-spacing:.8px;text-transform:uppercase;margin-bottom:3px;font-size:10px;font-weight:800;display:block;color:#fff!important}.rcpt-total-val{letter-spacing:.5px;font-size:24px;font-weight:900;line-height:1.2;display:block;color:#fff!important}.rcpt-total-note{letter-spacing:.4px;margin-top:4px;font-size:9px;font-weight:700;display:block;color:#e2e8f0!important}.rcpt-qris-display-area{text-align:center;padding:6px 0}.rcpt-qris-tag-row{justify-content:center;align-items:center;gap:8px;margin-bottom:4px;display:flex}.rcpt-qris-brand{color:#000;letter-spacing:1px;font-size:18px;font-weight:900}.rcpt-gpn-tag{border-radius:4px;padding:2px 6px;font-size:9px;font-weight:800;color:#fff!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#000!important}.rcpt-nmid{color:#000;margin-bottom:2px;font-size:10.5px;font-weight:700;display:block}.rcpt-merchant{color:#000;margin-bottom:8px;font-size:11px;font-weight:900;display:block}.rcpt-qr-img-frame{background:#fff;border:2px solid #000;border-radius:8px;justify-content:center;align-items:center;width:220px;height:220px;margin:0 auto 10px;padding:10px;display:flex}.rcpt-qr-img{width:200px;height:200px;image-rendering:crisp-edges;image-rendering:pixelated;display:block}.rcpt-qr-loading{color:#000;font-size:12px;font-weight:800}.rcpt-scan-instruction{text-align:left;background:#f8fafc;border:1px solid #000;border-radius:6px;margin-top:6px;padding:8px 10px}.rcpt-scan-instruction strong{color:#000;margin-bottom:2px;font-size:10px;display:block}.rcpt-scan-instruction p{color:#111;margin:0;font-size:9.5px;line-height:1.35}.rcpt-footer-notes{text-align:center;color:#111;font-size:9.5px;line-height:1.4}.rcpt-footer-notes p{margin:0 0 3px}.rcpt-guarantee{color:#000;letter-spacing:.3px;font-weight:900}.rcpt-closing{letter-spacing:.5px;font-weight:800;margin-top:6px!important}.qris-preview-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background:#0b192cd9;justify-content:center;align-items:center;width:100%;height:100%;padding:16px;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.qris-preview-modal-container{background:#0b192c;border:1.5px solid #38bdf859;border-radius:20px;flex-direction:column;width:100%;max-width:540px;max-height:94vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #000000a6,0 0 30px #38bdf833}.qris-preview-modal-header{background:#0f172a;border-bottom:1px solid #ffffff1f;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.qris-preview-header-left{min-width:0}.qris-preview-badge{color:#fff;letter-spacing:.8px;background:#0284c7;border-radius:4px;margin-bottom:4px;padding:2px 8px;font-size:9.5px;font-weight:900;display:inline-block}.qris-preview-header-left h3{color:#f8fafc;margin:0;font-size:17px;font-weight:800;line-height:1.25}.qris-preview-header-left p{color:#94a3b8;margin:3px 0 0;font-size:11px}.qris-preview-header-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.qris-preview-top-print-btn{color:#0f172a;cursor:pointer;background:#38bdf8;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:800;transition:all .2s;display:flex}.qris-preview-top-print-btn:hover{background:#7dd3fc;transform:translateY(-1px)}.qris-preview-close-btn{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .2s;display:flex}.qris-preview-close-btn:hover{color:#ef4444;background:#ef444433;border-color:#ef4444}.qris-preview-modal-body{background:#071120;flex-grow:1;justify-content:center;padding:20px;display:flex;overflow-y:auto}.qris-preview-paper-stage{width:100%;max-width:400px}.qris-receipt-paper{color:#000;background:#fff;border:2px solid #000;border-radius:6px;padding:24px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;position:relative;box-shadow:0 10px 30px #00000080}.qris-preview-modal-footer{background:#0f172a;border-top:1px solid #ffffff1f;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:14px 20px;display:flex}.qris-preview-action-print{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:1px solid #38bdf8;border-radius:10px;flex:auto;justify-content:center;align-items:center;gap:8px;min-width:180px;padding:12px 18px;font-size:13.5px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #0284c766}.qris-preview-action-print:hover{background:linear-gradient(135deg,#0369a1 0%,#075985 100%);transform:translateY(-2px);box-shadow:0 6px 18px #38bdf880}.qris-preview-action-wa{color:#fff;cursor:pointer;background:#25d366;border:none;border-radius:10px;align-items:center;gap:7px;padding:12px 16px;font-size:13px;font-weight:800;transition:all .2s;display:flex}.qris-preview-action-wa:hover{background:#20ba5a;transform:translateY(-1px)}.qris-preview-action-copy{color:#e2e8f0;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:6px;padding:12px 14px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.qris-preview-action-copy:hover{color:#fff;background:#ffffff26}.qris-preview-action-close{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:10px;padding:12px 16px;font-size:13px;font-weight:700;transition:all .2s}.qris-preview-action-close:hover{color:#fff;background:#ffffff0d}.qris-action-struk-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1.5px solid #38bdf8;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-size:13.5px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #0f172a66}.qris-action-struk-btn:hover{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-color:#7dd3fc;transform:translateY(-2px);box-shadow:0 6px 18px #38bdf859}.qris-action-struk-btn i{color:#38bdf8}.qris-export-qr-substrip{justify-content:center;margin:8px 0 10px;display:flex}.qris-export-png-direct-btn{color:#0f172a;cursor:pointer;background:#f1f5f9;border:1.5px solid #cbd5e1;border-radius:9px;align-items:center;gap:7px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #0000000f}.qris-export-png-direct-btn i{color:#0284c7;font-size:13px}.qris-export-png-direct-btn:hover:not(:disabled){color:#0284c7;background:#e2e8f0;border-color:#0284c7;transform:translateY(-1px);box-shadow:0 3px 8px #0284c72e}.qris-export-png-direct-btn:disabled{opacity:.6;cursor:not-allowed}.qris-action-export-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:1.5px solid #38bdf8;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 18px;font-size:13.5px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #0284c759}.qris-action-export-btn:hover:not(:disabled){background:linear-gradient(135deg,#0369a1 0%,#075985 100%);border-color:#bae6fd;transform:translateY(-2px);box-shadow:0 6px 18px #0284c773}.qris-action-export-btn:disabled{opacity:.65;cursor:not-allowed}.qris-action-export-btn i{color:#e0f2fe}.qris-preview-action-export{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:9px;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.qris-preview-action-export:hover:not(:disabled){background:#0369a1;transform:translateY(-1px);box-shadow:0 4px 12px #0284c759}.qris-preview-action-export:disabled{opacity:.6;cursor:not-allowed}@media (width<=600px){.qris-preview-modal-footer{flex-direction:column;align-items:stretch}.qris-preview-action-print,.qris-preview-action-wa,.qris-preview-action-copy,.qris-preview-action-export,.qris-preview-action-close{justify-content:center;width:100%}}.calc-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99998;background:#0f172ac7;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.calc-modal-container{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:920px;max-height:92vh;animation:.28s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #0f172a66,0 0 0 1px #0f172a14}.calc-modal-header{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-bottom:2px solid #0284c7;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.calc-modal-header-left{flex-direction:column;gap:6px;display:flex}.calc-modal-badge-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.calc-modal-tag-b2b{color:#fff;text-transform:uppercase;letter-spacing:.6px;background:#0284c7;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:800}.calc-modal-tag-kbli{color:#94a3b8;background:#ffffff1f;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.calc-modal-title{color:#f8fafc;letter-spacing:-.02em;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:800;display:flex}.calc-modal-subtitle{color:#94a3b8;margin:0;font-size:13px;line-height:1.4}.calc-modal-close-btn{color:#cbd5e1;cursor:pointer;background:#ffffff1a;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;transition:all .2s;display:flex}.calc-modal-close-btn:hover{color:#fff;background:#ffffff38}.calc-modal-tabs{background:#f1f5f9;border-bottom:1px solid #e2e8f0;gap:8px;padding:6px 16px 0;display:flex}.calc-modal-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex}.calc-modal-tab-btn:hover{color:#0f172a;background:#fff9}.calc-modal-tab-btn.active{color:#0284c7;background:#fff;border-bottom-color:#0284c7}.calc-tab-badge{color:#0369a1;background:#e0f2fe;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:800}.calc-tab-badge.success{color:#15803d;background:#dcfce7}.calc-modal-body{flex-direction:column;flex:1;gap:18px;padding:22px 24px;display:flex;overflow-y:auto}.calc-detail-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.calc-detail-cell{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.calc-detail-cell .label{color:#64748b;font-size:12px;font-weight:600}.calc-detail-cell .value{color:#0f172a;font-size:14.5px;font-weight:800}.calc-detail-cell .value.highlight{color:#0284c7}.calc-corporate-tax-card{background:#f0fdf4;border:1.5px solid #86efac;border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.calc-tax-toggle-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.calc-tax-checkbox-label{color:#14532d;cursor:pointer;align-items:center;gap:10px;font-size:13.5px;font-weight:700;display:flex}.calc-tax-checkbox-label input{accent-color:#16a34a;cursor:pointer;width:18px;height:18px}.calc-tax-inputs-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;display:grid}.calc-tax-field label{color:#166534;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.calc-tax-field input{color:#0f172a;background:#fff;border:1px solid #86efac;border-radius:8px;outline:none;width:100%;padding:8px 12px;font-size:13px}.manifest-section-container{flex-direction:column;gap:16px;display:flex}.manifest-info-banner{background:#eff6ff;border-left:4px solid #0284c7;border-radius:10px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.manifest-info-banner i{color:#0284c7;margin-top:2px;font-size:18px}.manifest-info-banner-content h5{color:#1e3a8a;margin:0 0 4px;font-size:14px;font-weight:800}.manifest-info-banner-content p{color:#1e40af;margin:0;font-size:12.5px;line-height:1.5}.manifest-upload-dropzone{text-align:center;cursor:pointer;background:#f8fafc;border:2px dashed #93c5fd;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:30px 20px;transition:all .25s;display:flex}.manifest-upload-dropzone:hover{background:#f0f9ff;border-color:#0284c7;transform:translateY(-2px);box-shadow:0 6px 18px #0284c71f}.manifest-dropzone-icon{color:#0284c7;background:#e0f2fe;border-radius:16px;justify-content:center;align-items:center;width:58px;height:58px;margin-bottom:4px;font-size:26px;display:flex}.manifest-dropzone-title{color:#0f172a;margin:0;font-size:15px;font-weight:800}.manifest-dropzone-subtitle{color:#64748b;margin:0;font-size:13px}.manifest-dropzone-badge{color:#334155;background:#e2e8f0;border-radius:999px;align-items:center;gap:6px;margin-top:4px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.manifest-dropzone-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.manifest-choose-file-btn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:9px;align-items:center;gap:7px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.manifest-choose-file-btn:hover{background:#0369a1}.manifest-sample-btn{color:#0284c7;cursor:pointer;background:#fff;border:1.5px solid #0284c7;border-radius:9px;align-items:center;gap:7px;padding:10px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.manifest-sample-btn:hover{background:#e0f2fe}.manifest-attached-card{background:#fff;border:1.5px solid #10b981;border-radius:16px;flex-direction:column;gap:16px;padding:20px;display:flex;box-shadow:0 4px 16px #10b9811a}.manifest-attached-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.manifest-attached-file-info{align-items:center;gap:12px;display:flex}.manifest-pdf-icon-box{color:#dc2626;background:#fee2e2;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.manifest-file-name{color:#0f172a;word-break:break-all;font-size:15px;font-weight:800}.manifest-file-meta{color:#64748b;margin-top:2px;font-size:12px}.manifest-verified-badge{color:#15803d;background:#dcfce7;border:1px solid #86efac;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:800;display:inline-flex}.manifest-meta-fields{background:#f8fafc;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;padding:14px;display:grid}.manifest-meta-field label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:11.5px;font-weight:700;display:block}.manifest-meta-field input,.manifest-meta-field select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:7px;width:100%;padding:7px 10px;font-size:12.5px}.manifest-card-actions{flex-wrap:wrap;gap:10px;display:flex}.manifest-act-btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.manifest-act-preview{color:#fff;background:#0284c7}.manifest-act-preview:hover{background:#0369a1}.manifest-act-download{color:#0f172a;background:#f1f5f9;border:1px solid #cbd5e1}.manifest-act-download:hover{background:#e2e8f0}.manifest-act-replace{color:#0284c7;background:#f1f5f9;border:1px solid #93c5fd}.manifest-act-replace:hover{background:#e0f2fe}.manifest-act-delete{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.manifest-act-delete:hover{background:#fee2e2}.calc-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.calc-modal-footer-left{color:#64748b;align-items:center;gap:8px;font-size:13px;display:flex}.calc-modal-footer-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.calc-modal-btn-close{color:#475569;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s}.calc-modal-btn-close:hover{color:#0f172a;background:#f1f5f9}.calc-modal-btn-pdf{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.calc-modal-btn-pdf:hover{background:#b91c1c}.calc-modal-btn-qris{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.calc-modal-btn-qris:hover{background:#0369a1}.calc-modal-btn-wa{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:10px;align-items:center;gap:7px;padding:10px 18px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex}.calc-modal-btn-wa:hover{background:#15803d;box-shadow:0 4px 12px #16a34a4d}.calc-detail-manifest-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1.5px solid #38bdf8;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:10px;padding:12px 16px;font-size:13px;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #0f172a59}.calc-detail-manifest-btn:hover{background:linear-gradient(135deg,#1e293b 0%,#334155 100%);border-color:#7dd3fc;transform:translateY(-2px);box-shadow:0 6px 18px #38bdf84d}.manifest-attached-pill{color:#fff;background:#10b981;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:800;display:inline-flex}.manifest-required-pill{color:#7dd3fc;background:#38bdf82e;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.calc-receipt-manifest-tag{color:#15803d;cursor:pointer;background:#dcfce7;border:1px solid #86efac;border-radius:6px;align-items:center;gap:4px;margin-left:6px;padding:2px 7px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.calc-receipt-manifest-tag:hover{background:#bbf7d0}.manifest-preview-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background:#0f172ad9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.manifest-preview-modal-container{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:860px;height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 60px #0006}.manifest-preview-header{color:#fff;background:#0f172a;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.manifest-preview-body{background:#e2e8f0;flex:1;position:relative}.manifest-pdf-iframe{border:none;width:100%;height:100%}.print-manifest-compliance-box{background:#f0fdf4;border:1.5px solid #059669;border-radius:8px;margin:16px 0;padding:12px 14px}.print-manifest-compliance-header{border-bottom:1px dashed #86efac;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:6px;display:flex}.print-manifest-badge-tag{color:#065f46;font-size:11.5px;font-weight:800}.print-manifest-compliance-status{color:#047857;background:#dcfce7;border-radius:4px;padding:2px 6px;font-size:10.5px;font-weight:800}.print-manifest-grid{color:#0f172a;grid-template-columns:1fr 1fr;gap:4px 16px;font-size:11px;display:grid}@media (width<=768px){.calc-modal-tabs{flex-direction:column;padding:6px 12px}.calc-modal-tab-btn{border-bottom:none;border-left:3px solid #0000;border-radius:6px}.calc-modal-tab-btn.active{border-bottom-color:#0000;border-left-color:#0284c7}.calc-tax-inputs-grid,.print-manifest-grid{grid-template-columns:1fr}}.calc-b2b-toggle-wrapper{justify-content:flex-start;margin:14px 0 6px;display:flex}.calc-b2b-toggle-btn{color:#f8fafc;cursor:pointer;text-align:left;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1.5px solid #334155;border-radius:14px;align-items:center;gap:14px;padding:10px 18px;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 12px #0f172a40}.calc-b2b-toggle-btn:hover{border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 6px 18px #38bdf840}.calc-b2b-toggle-btn.active{background:linear-gradient(135deg,#0369a1 0%,#0f172a 100%);border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf84d,0 8px 24px #0284c759}.calc-b2b-toggle-indicator{flex-shrink:0}.calc-b2b-switch-track{background:#334155;border:1.5px solid #ffffff26;border-radius:999px;width:44px;height:24px;transition:all .25s;display:block;position:relative}.calc-b2b-toggle-btn.active .calc-b2b-switch-track{background:#0284c7;border-color:#38bdf8}.calc-b2b-switch-thumb{background:#fff;border-radius:50%;width:17px;height:17px;transition:all .25s cubic-bezier(.16,1,.3,1);position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000004d}.calc-b2b-toggle-btn.active .calc-b2b-switch-thumb{background:#fff;transform:translate(20px)}.calc-b2b-toggle-text{flex-direction:column;gap:2px;display:flex}.calc-b2b-toggle-title{color:#f8fafc;letter-spacing:-.01em;align-items:center;gap:8px;font-size:13.5px;font-weight:800;display:flex}.calc-b2b-toggle-title i{color:#38bdf8;font-size:14px}.calc-b2b-toggle-desc{color:#94a3b8;font-size:11.5px}.calc-b2b-toggle-btn.active .calc-b2b-toggle-desc{color:#bae6fd}.calc-b2b-status-badge{color:#94a3b8;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:800;transition:all .2s;display:inline-flex}.calc-b2b-status-badge.active{color:#0f172a;background:#38bdf8;border-color:#7dd3fc;box-shadow:0 2px 8px #38bdf866}.calc-b2b-active-banner{background:linear-gradient(90deg,#0f172a 0%,#0369a1 100%);border:1.5px solid #38bdf8;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex;box-shadow:0 4px 14px #0284c733}.calc-b2b-active-banner-left{flex:1;align-items:center;gap:12px;min-width:260px;display:flex}.calc-b2b-active-pill{color:#0f172a;text-transform:uppercase;letter-spacing:.5px;background:#38bdf8;border-radius:999px;flex-shrink:0;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:900;display:inline-flex}.calc-b2b-active-banner-text{color:#f0f9ff;font-size:13px;line-height:1.4}.calc-b2b-active-banner-text strong{color:#fff}.calc-b2b-reset-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:1px solid #fff3;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.calc-b2b-reset-btn:hover{background:#ffffff3d;border-color:#fff}.calc-card-b2b-badge{color:#fff;text-transform:uppercase;letter-spacing:.4px;background:#0284c7;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:800;display:inline-flex}.calc-b2b-active-banner-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.calc-b2b-sph-btn{color:#0369a1;cursor:pointer;background:#fff;border:1.5px solid #bae6fd;border-radius:9px;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 6px #0000001a}.calc-b2b-sph-btn:hover{color:#0284c7;background:#f0f9ff;border-color:#38bdf8;transform:translateY(-1px);box-shadow:0 4px 12px #0284c740}.calc-card-sph-link{color:#0284c7;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;align-items:center;gap:4px;margin-top:8px;padding:4px 8px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.calc-card-sph-link:hover{background:#dbeafe;border-color:#93c5fd}.sph-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background:#0f172ad1;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.sph-modal-container{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:860px;max-height:94vh;animation:.28s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #0f172a73,0 0 0 1px #0f172a14}.sph-modal-header{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border-bottom:2px solid #38bdf8;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.sph-modal-header-left{flex-direction:column;gap:6px;display:flex}.sph-modal-badge{color:#fff;text-transform:uppercase;letter-spacing:.6px;background:#0284c7;border-radius:6px;align-self:flex-start;padding:3px 9px;font-size:11px;font-weight:900}.sph-modal-title{color:#f8fafc;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:800;display:flex}.sph-modal-subtitle{color:#94a3b8;margin:0;font-size:13px;line-height:1.4}.sph-modal-body{flex-direction:column;flex:1;gap:20px;padding:22px 26px;display:flex;overflow-y:auto}.sph-form-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.sph-section-title{color:#0f172a;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;margin:0;padding-bottom:8px;font-size:14px;font-weight:800;display:flex}.sph-section-title i{color:#0284c7}.sph-form-grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sph-form-grid-3{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.sph-form-field{flex-direction:column;gap:5px;display:flex}.sph-form-field label{color:#475569;font-size:12px;font-weight:700}.sph-form-field label span.req{color:#dc2626}.sph-form-field input,.sph-form-field select,.sph-form-field textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:9px;outline:none;padding:9px 12px;font-size:13px;transition:all .2s}.sph-form-field input:focus,.sph-form-field select:focus,.sph-form-field textarea:focus{border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.sph-site-req-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;display:grid}.sph-site-req-item{cursor:pointer;color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:flex-start;gap:8px;padding:8px 12px;font-size:12.5px;font-weight:600;transition:all .2s;display:flex}.sph-site-req-item:hover{background:#f0f9ff;border-color:#0284c7}.sph-site-req-item.active{color:#0369a1;background:#e0f2fe;border-color:#0284c7;font-weight:700}.sph-site-req-item input{accent-color:#0284c7;cursor:pointer;margin-top:2px}.sph-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.sph-footer-guarantee{color:#64748b;align-items:center;gap:8px;font-size:12.5px;display:flex}.sph-footer-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sph-btn-wa{color:#fff;cursor:pointer;background:#16a34a;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #16a34a4d}.sph-btn-wa:hover{background:#15803d;transform:translateY(-1px)}.sph-btn-copy{color:#0f172a;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:10px;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.sph-btn-copy:hover{background:#f1f5f9;border-color:#94a3b8}@media (width<=680px){.sph-form-grid-2,.sph-form-grid-3{grid-template-columns:1fr}.sph-modal-footer{flex-direction:column;align-items:stretch}.sph-footer-actions{justify-content:stretch;width:100%}.sph-btn-wa,.sph-btn-copy{justify-content:center;width:100%}}.calc-b2b-report-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#059669 0%,#047857 100%);border:1.5px solid #34d399;border-radius:9px;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #05966940}.calc-b2b-report-btn:hover{background:linear-gradient(135deg,#047857 0%,#065f46 100%);border-color:#6ee7b7;transform:translateY(-1px);box-shadow:0 4px 14px #05966961}.calc-b2b-quick-csv-btn{color:#047857;cursor:pointer;background:#fff;border:1.5px solid #a7f3d0;border-radius:9px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:800;transition:all .2s;display:inline-flex}.calc-b2b-quick-csv-btn:hover{color:#065f46;background:#ecfdf5;border-color:#10b981;transform:translateY(-1px)}.calc-b2b-pdf-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border:1.5px solid #f87171;border-radius:9px;align-items:center;gap:7px;padding:8px 16px;font-size:13px;font-weight:800;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 2px 8px #dc26264d}.calc-b2b-pdf-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c 0%,#991b1b 100%);border-color:#fca5a5;transform:translateY(-1px);box-shadow:0 4px 14px #dc262673}.b2b-header-quick-pdf-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.b2b-period-select-wrap{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;display:inline-flex}.b2b-period-label{color:#e2e8f0;white-space:nowrap;align-items:center;font-size:11.5px;font-weight:700;display:inline-flex}.b2b-period-select{color:#ffd60a;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:6px;outline:none;padding:4px 8px;font-size:12px;font-weight:700}.b2b-export-pdf-main-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);border:1px solid #ef4444;border-radius:8px;align-items:center;gap:7px;padding:8px 16px;font-size:12.5px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 2px 8px #dc262659}.b2b-export-pdf-main-btn:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c 0%,#991b1b 100%);transform:translateY(-1px);box-shadow:0 4px 14px #dc262680}.b2b-export-pdf-main-btn:disabled{opacity:.65;cursor:wait}.b2b-report-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background:#0f172ad6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.b2b-report-modal-container{background:#fff;border-radius:20px;flex-direction:column;width:100%;max-width:980px;max-height:94vh;animation:.28s cubic-bezier(.16,1,.3,1) modalPopIn;display:flex;overflow:hidden;box-shadow:0 25px 60px -15px #0f172a80,0 0 0 1px #0f172a14}.b2b-report-header{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#134e4a 100%);border-bottom:2px solid #10b981;justify-content:space-between;align-items:flex-start;gap:16px;padding:20px 24px;display:flex}.b2b-report-header-left{flex-direction:column;gap:6px;display:flex}.b2b-report-badge{color:#fff;text-transform:uppercase;letter-spacing:.6px;background:#059669;border-radius:6px;align-self:flex-start;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:900;display:inline-flex}.b2b-report-title{color:#f8fafc;align-items:center;gap:8px;margin:0;font-size:20px;font-weight:800;display:flex}.b2b-report-subtitle{color:#94a3b8;margin:0;font-size:12.5px;line-height:1.4}.b2b-report-body{flex-direction:column;flex:1;gap:18px;padding:20px 24px;display:flex;overflow-y:auto}.b2b-metrics-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.b2b-metric-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:14px 16px;transition:transform .2s,box-shadow .2s;display:flex}.b2b-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.b2b-metric-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.b2b-metric-icon.green{color:#16a34a;background:#dcfce7}.b2b-metric-icon.blue{color:#0284c7;background:#e0f2fe}.b2b-metric-icon.purple{color:#9333ea;background:#f3e8ff}.b2b-metric-icon.amber{color:#d97706;background:#fef3c7}.b2b-metric-info{flex-direction:column;gap:2px;min-width:0;display:flex}.b2b-metric-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:11.5px;font-weight:700}.b2b-metric-value{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:900;overflow:hidden}.b2b-report-tabs{border-bottom:2px solid #e2e8f0;align-items:center;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.b2b-report-tab-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:7px;padding:8px 14px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.b2b-report-tab-btn:hover{color:#0f172a;background:#f1f5f9}.b2b-report-tab-btn.active{color:#065f46;background:#ecfdf5;font-weight:800;box-shadow:0 0 0 1px #a7f3d0}.b2b-table-toolbar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.b2b-search-wrap{background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex:1;align-items:center;gap:8px;min-width:220px;max-width:360px;padding:6px 12px;display:flex}.b2b-search-wrap i{color:#94a3b8;font-size:13px}.b2b-search-input{color:#0f172a;background:0 0;border:none;outline:none;width:100%;font-size:13px}.b2b-filter-select{color:#334155;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:6px 12px;font-size:12.5px}.b2b-toolbar-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.b2b-export-main-btn{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #05966940}.b2b-export-main-btn:hover{background:#047857;transform:translateY(-1px)}.b2b-btn-secondary{color:#334155;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:700;transition:all .2s;display:inline-flex}.b2b-btn-secondary:hover{background:#f1f5f9;border-color:#94a3b8}.b2b-table-responsive{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.b2b-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:12.5px}.b2b-data-table th{color:#475569;white-space:nowrap;background:#f1f5f9;border-bottom:2px solid #cbd5e1;padding:11px 14px;font-weight:800}.b2b-data-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:11px 14px}.b2b-data-table tr:last-child td{border-bottom:none}.b2b-data-table tr:hover td{background:#f8fafc}.b2b-status-pill{white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:800;display:inline-flex}.b2b-status-pill.diajukan{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.b2b-status-pill.terbit{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.b2b-status-pill.proses{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.b2b-status-pill.selesai{color:#7e22ce;background:#f3e8ff;border:1px solid #e9d5ff}.b2b-status-timeline-cell{min-width:250px;max-width:320px}.b2b-status-header-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.b2b-status-step-count{color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.b2b-row-timeline-wrap{padding:6px 4px 2px;position:relative}.b2b-timeline-track{z-index:1;background:#e2e8f0;border-radius:999px;height:3px;position:absolute;top:14px;left:14px;right:14px;overflow:hidden}.b2b-timeline-fill{background:linear-gradient(90deg,#0284c7 0%,#10b981 100%);border-radius:999px;height:100%;transition:width .5s cubic-bezier(.16,1,.3,1),background .3s}.b2b-timeline-steps{z-index:2;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.b2b-timeline-node{cursor:default;flex-direction:column;align-items:center;gap:4px;transition:all .25s;display:flex}.b2b-timeline-dot{background:#fff;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 1px 3px #00000014}.b2b-timeline-node.done .b2b-timeline-dot{color:#fff;background:#10b981;border-color:#10b981;transform:scale(1.05)}.b2b-timeline-svg-check{color:#fff;width:11px;height:11px}.b2b-timeline-node.current .b2b-timeline-dot{background:#fff;border-color:#0284c7;transform:scale(1.15);box-shadow:0 0 0 3px #0284c740}.b2b-timeline-pulse-core{background:#0284c7;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite timelinePulse}@keyframes timelinePulse{0%,to{opacity:1;transform:scale(.9)}50%{opacity:.7;transform:scale(1.35)}}.b2b-timeline-empty-dot{background:#e2e8f0;border-radius:50%;width:6px;height:6px}.b2b-timeline-node-label{color:#94a3b8;white-space:nowrap;text-align:center;font-size:9.5px;font-weight:700;transition:color .25s}.b2b-timeline-node.done .b2b-timeline-node-label{color:#047857;font-weight:800}.b2b-timeline-node.current .b2b-timeline-node-label{color:#0369a1;font-weight:900}.b2b-expanded-tracking-row td{background:#f8fafc!important;border-bottom:2px solid #cbd5e1!important;padding:16px 20px!important}.b2b-expanded-tracking-card{background:#fff;border:1.5px solid #bae6fd;border-radius:14px;flex-direction:column;gap:14px;padding:16px 20px;display:flex;box-shadow:0 4px 14px #0284c714}.b2b-tracking-header{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.b2b-tracking-title{color:#0f172a;align-items:center;gap:8px;font-size:13.5px;font-weight:800;display:flex}.b2b-tracking-stages-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.b2b-tracking-stage-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:6px;padding:12px;transition:all .25s;display:flex}.b2b-tracking-stage-box.completed{background:#ecfdf5;border-color:#a7f3d0}.b2b-tracking-stage-box.current{background:#f0f9ff;border-color:#7dd3fc;box-shadow:0 0 0 2px #0284c733}.b2b-stage-badge{text-transform:uppercase;align-items:center;gap:4px;font-size:10px;font-weight:800;display:inline-flex}.b2b-tracking-stage-box.completed .b2b-stage-badge{color:#059669}.b2b-tracking-stage-box.current .b2b-stage-badge{color:#0284c7}.b2b-tracking-stage-box.upcoming .b2b-stage-badge{color:#94a3b8}.b2b-stage-name{color:#0f172a;font-size:12px;font-weight:800}.b2b-stage-desc{color:#64748b;font-size:11px;line-height:1.4}.b2b-advance-status-btn{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.b2b-advance-status-btn:hover{background:#0369a1}@media (width<=860px){.b2b-tracking-stages-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.b2b-tracking-stages-grid{grid-template-columns:1fr}}.b2b-audit-recap-box{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:14px;flex-direction:column;gap:14px;padding:18px 22px;display:flex}.b2b-audit-title{color:#14532d;align-items:center;gap:8px;margin:0;font-size:15px;font-weight:800;display:flex}.b2b-audit-list{color:#166534;margin:0;padding-left:20px;font-size:13px;line-height:1.6}.b2b-report-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:16px 24px;display:flex}.b2b-report-footer-left{color:#64748b;align-items:center;gap:8px;font-size:12.5px;display:flex}.b2b-report-footer-right{flex-wrap:wrap;align-items:center;gap:10px;display:flex}@media (width<=860px){.b2b-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.b2b-metrics-grid{grid-template-columns:1fr}.b2b-table-toolbar{flex-direction:column;align-items:stretch}.b2b-search-wrap{max-width:100%}.b2b-report-footer{flex-direction:column;align-items:stretch}.b2b-report-footer-right{justify-content:stretch;width:100%}.b2b-report-footer-right button{justify-content:center;width:100%}}.b2b-sparkline-cell{min-width:175px;max-width:215px;padding:8px 12px!important}.b2b-sparkline-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;flex-direction:column;gap:4px;padding:6px 9px;transition:all .25s;display:flex}.b2b-data-table tr:hover .b2b-sparkline-card{background:#fff;border-color:#bae6fd;box-shadow:0 2px 10px #0284c71a}.b2b-sparkline-header{justify-content:space-between;align-items:center;gap:6px;display:flex}.b2b-sparkline-trend-label{color:#475569;align-items:center;gap:4px;font-size:10px;font-weight:700;display:flex}.b2b-sparkline-pct-badge{border-radius:4px;padding:1.5px 6px;font-size:10.5px;font-weight:800;line-height:1.2}.b2b-sparkline-pct-badge.diajukan{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.b2b-sparkline-pct-badge.terbit{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.b2b-sparkline-pct-badge.proses{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.b2b-sparkline-pct-badge.selesai{color:#7e22ce;background:#f3e8ff;border:1px solid #e9d5ff}.b2b-sparkline-chart-area{width:100%;height:42px;margin:2px 0;position:relative}.b2b-sparkline-footer{color:#94a3b8;justify-content:space-between;align-items:center;padding:0 1px;font-size:9px;font-weight:600;display:flex}.b2b-recharts-tooltip-box{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;z-index:1000;background:#0f172af2;border:1px solid #334155;border-radius:6px;min-width:135px;padding:6px 10px;box-shadow:0 4px 14px #0000004d}.b2b-recharts-tooltip-step{color:#38bdf8;align-items:center;gap:5px;font-size:11px;font-weight:800;display:flex}.b2b-recharts-tooltip-time{color:#cbd5e1;align-items:center;gap:4px;margin-top:2px;font-size:9.5px;display:flex}.b2b-recharts-tooltip-status{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding-top:3px;font-size:10px;font-weight:700;display:flex}.b2b-status-summary-card{background:#fff;border:1.5px solid #cbd5e1;border-radius:14px;flex-direction:column;gap:14px;padding:16px 20px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #0f172a0a}.b2b-status-summary-card:before{content:"";background:linear-gradient(90deg,#0284c7 0%,#10b981 50%,#8b5cf6 100%);height:3px;position:absolute;top:0;left:0;right:0}.b2b-status-summary-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.b2b-status-summary-title-wrap{align-items:center;gap:12px;display:flex}.b2b-status-summary-icon{color:#0284c7;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;display:flex}.b2b-status-summary-title{color:#0f172a;margin:0;font-size:14px;font-weight:800;line-height:1.3}.b2b-status-summary-desc{color:#64748b;margin:2px 0 0;font-size:11.5px}.b2b-status-primary-stats{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.b2b-primary-stat-pill{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;font-size:12.5px;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 1px 3px #0000000d}.b2b-primary-stat-pill.in-progress{color:#92400e;background:#fef3c7;border:1.5px solid #fcd34d}.b2b-primary-stat-pill.in-progress:hover{background:#fde68a;transform:translateY(-1px)}.b2b-primary-stat-pill.in-progress.active{color:#fff;background:#d97706;border-color:#b45309;box-shadow:0 0 0 3px #d9770640}.b2b-primary-stat-pill.completed{color:#065f46;background:#ecfdf5;border:1.5px solid #a7f3d0}.b2b-primary-stat-pill.completed:hover{background:#d1fae5;transform:translateY(-1px)}.b2b-primary-stat-pill.completed.active{color:#fff;background:#059669;border-color:#047857;box-shadow:0 0 0 3px #05966940}.b2b-primary-stat-pill .b2b-stat-text{font-weight:700}.b2b-primary-stat-pill .b2b-stat-num{background:#ffffff80;border-radius:999px;padding:1px 7px;font-size:14px;font-weight:900}.b2b-primary-stat-pill.active .b2b-stat-num{color:#fff;background:#0003}.b2b-stat-indicator.pulsing{background:#f59e0b;border-radius:50%;width:8px;height:8px;animation:1.8s ease-in-out infinite timelinePulse}.b2b-status-dist-bar-wrap{flex-direction:column;gap:4px;display:flex}.b2b-status-dist-bar{background:#f1f5f9;border-radius:999px;width:100%;height:7px;display:flex;overflow:hidden}.b2b-dist-fill{height:100%;transition:width .4s}.b2b-dist-fill.diajukan{background:#0284c7}.b2b-dist-fill.terbit{background:#10b981}.b2b-dist-fill.proses{background:#f59e0b}.b2b-dist-fill.selesai{background:#8b5cf6}.b2b-status-breakdown-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.b2b-status-mini-card{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;transition:all .2s;display:flex}.b2b-status-mini-card:hover{background:#fff;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px #0000000d}.b2b-status-mini-card.active{background:#fff;box-shadow:0 0 0 2px #0284c7,0 3px 8px #0284c726}.b2b-status-mini-card.all.active{border-color:#0284c7}.b2b-status-mini-card.diajukan.active{border-color:#0284c7;box-shadow:0 0 0 2px #0284c7,0 3px 8px #0284c726}.b2b-status-mini-card.terbit.active{border-color:#10b981;box-shadow:0 0 0 2px #10b981,0 3px 8px #10b98126}.b2b-status-mini-card.proses.active{border-color:#d97706;box-shadow:0 0 0 2px #d97706,0 3px 8px #d9770626}.b2b-status-mini-card.selesai.active{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed,0 3px 8px #7c3aed26}.b2b-mini-card-label{color:#475569;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.b2b-mini-card-val{color:#0f172a;font-size:20px;font-weight:900;line-height:1.2}.b2b-mini-card-sub{color:#94a3b8;font-size:9.5px;font-weight:600}.b2b-mini-dot{border-radius:50%;flex-shrink:0;width:6.5px;height:6.5px}.b2b-mini-dot.blue{background:#0284c7}.b2b-mini-dot.green{background:#10b981}.b2b-mini-dot.amber{background:#d97706}.b2b-mini-dot.purple{background:#7c3aed}@media (width<=900px){.b2b-status-breakdown-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.b2b-status-summary-top{flex-direction:column;align-items:flex-start}.b2b-status-primary-stats{width:100%}.b2b-primary-stat-pill{flex:1;justify-content:center}.b2b-status-breakdown-grid{grid-template-columns:repeat(2,1fr)}}.b2b-vertical-stepper-container{background:#fff;border:1px solid #bae6fd;border-radius:12px;flex-direction:column;gap:16px;margin-top:14px;padding:16px 20px;display:flex;box-shadow:0 2px 8px #0284c70d}.b2b-stepper-header-row{border-bottom:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.b2b-stepper-heading{color:#0f172a;align-items:center;gap:8px;margin:0;font-size:13.5px;font-weight:800;display:flex}.b2b-stepper-subheading{color:#64748b;margin:3px 0 0;font-size:11px}.b2b-stepper-progress-text{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600}.b2b-vertical-stepper{flex-direction:column;gap:0;padding:4px 0 4px 6px;display:flex;position:relative}.b2b-stepper-item{gap:16px;padding-bottom:22px;display:flex;position:relative}.b2b-stepper-item:last-child{padding-bottom:4px}.b2b-stepper-line{z-index:1;background:#e2e8f0;width:2px;transition:background .3s;position:absolute;top:28px;bottom:-2px;left:14px}.b2b-stepper-line.completed{background:#10b981}.b2b-stepper-node{z-index:2;flex-shrink:0;position:relative}.b2b-stepper-icon-completed{color:#fff;background:#10b981;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;display:flex;box-shadow:0 2px 6px #10b98159}.b2b-stepper-icon-current{color:#fff;background:#0284c7;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:14px;animation:2s ease-in-out infinite timelinePulse;display:flex;box-shadow:0 0 0 4px #0284c738}.b2b-stepper-icon-upcoming{color:#94a3b8;background:#f1f5f9;border:2px solid #cbd5e1;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.b2b-stepper-content{flex-direction:column;flex:1;gap:8px;padding-top:2px;display:flex}.b2b-stepper-top-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.b2b-stepper-title-area{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.b2b-stepper-step-number{text-transform:uppercase;letter-spacing:.5px;color:#64748b;background:#f1f5f9;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:800}.b2b-stepper-step-title{color:#0f172a;margin:0;font-size:13px;font-weight:800}.b2b-stepper-status-pill{border-radius:999px;padding:2px 7px;font-size:10px;font-weight:800;line-height:1.2}.b2b-stepper-status-pill.completed{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.b2b-stepper-status-pill.current{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd}.b2b-stepper-status-pill.upcoming{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.b2b-stepper-date{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.b2b-stepper-notes-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;gap:6px;padding:8px 12px;transition:all .2s;display:flex}.b2b-stepper-item.current .b2b-stepper-notes-card{background:#f0f9ff;border-color:#bae6fd}.b2b-stepper-item.completed .b2b-stepper-notes-card{background:#f0fdf4;border-color:#bbf7d0}.b2b-stepper-notes-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.b2b-stepper-notes-label{color:#475569;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.b2b-stepper-notes-actions{align-items:center;gap:6px;display:inline-flex}.b2b-stepper-edit-note-btn{color:#0284c7;cursor:pointer;background:#fff;border:1px solid #bae6fd;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.b2b-stepper-edit-note-btn:hover{color:#0369a1;background:#e0f2fe;border-color:#7dd3fc;transform:translateY(-.5px)}.b2b-stepper-editing-indicator{color:#0369a1;background:#e0f2fe;border:1px solid #bae6fd;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.b2b-stepper-note-success-badge{color:#059669;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.b2b-stepper-edit-box{flex-direction:column;gap:6px;padding:4px 0 2px;display:flex}.b2b-stepper-edit-textarea{color:#0f172a;resize:vertical;background:#fff;border:1.5px solid #0284c7;border-radius:6px;outline:none;width:100%;min-height:60px;padding:8px 10px;font-family:inherit;font-size:11.5px;line-height:1.45;box-shadow:0 0 0 3px #0284c726}.b2b-stepper-edit-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.b2b-stepper-save-btn{color:#fff;cursor:pointer;background:#0284c7;border:1px solid #0284c7;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.b2b-stepper-save-btn:hover{background:#0369a1;border-color:#0369a1}.b2b-stepper-cancel-btn{color:#64748b;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.b2b-stepper-cancel-btn:hover{color:#334155;background:#e2e8f0}.b2b-stepper-edit-hint{color:#64748b;font-size:10px}.b2b-stepper-notes-text{color:#1e293b;margin:0;font-size:11.5px;line-height:1.45}.b2b-stepper-item.upcoming .b2b-stepper-notes-text{color:#94a3b8;font-style:italic}.b2b-stepper-internal-comments-wrap{background:#fffbeb;border:1px dashed #fcd34d;border-radius:8px;flex-direction:column;gap:6px;margin-top:6px;padding:8px 10px;transition:all .2s;display:flex}.b2b-stepper-comments-label{color:#92400e;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.b2b-stepper-comments-list{flex-direction:column;gap:5px;display:flex}.b2b-stepper-comment-item{background:#fff;border:1px solid #fde68a;border-radius:6px;flex-direction:column;gap:3px;padding:5px 8px;display:flex;box-shadow:0 1px 2px #d977060d}.b2b-stepper-comment-meta{color:#78350f;justify-content:space-between;align-items:center;font-size:10px;display:flex}.b2b-stepper-comment-author{align-items:center;gap:4px;font-weight:700;display:inline-flex}.b2b-stepper-comment-time{color:#b45309;align-items:center;gap:3px;margin-left:auto;margin-right:8px;font-size:9.5px;display:inline-flex}.b2b-stepper-comment-del-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:0 3px;font-size:11px;line-height:1;transition:color .15s}.b2b-stepper-comment-del-btn:hover{color:#ef4444}.b2b-stepper-comment-text{color:#1e293b;margin:0;font-size:11px;line-height:1.4}.b2b-stepper-comment-input-row{align-items:center;gap:6px;display:flex}.b2b-stepper-comment-input{color:#0f172a;background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;flex:1;min-width:0;padding:5px 9px;font-family:inherit;font-size:11.5px;transition:border-color .15s,box-shadow .15s}.b2b-stepper-comment-input:focus{border-color:#d97706;box-shadow:0 0 0 2px #d9770626}.b2b-stepper-comment-save-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#d97706;border:1px solid #b45309;border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 1px 2px #0000000f}.b2b-stepper-comment-save-btn:hover:not(:disabled){background:#b45309;transform:translateY(-.5px)}.b2b-stepper-comment-save-btn:disabled{opacity:.55;cursor:not-allowed}.b2b-timeline-date-filter-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;display:flex}.b2b-timeline-filter-title{color:#334155;white-space:nowrap;align-items:center;gap:6px;font-size:11.5px;font-weight:700;display:flex}.b2b-timeline-filter-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.b2b-timeline-date-input-group{color:#475569;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex}.b2b-timeline-date-input{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;padding:3px 6px;font-family:inherit;font-size:11px;transition:border-color .15s,box-shadow .15s}.b2b-timeline-date-input:focus{border-color:#0284c7;box-shadow:0 0 0 2px #0284c726}.b2b-timeline-preset-buttons{align-items:center;gap:4px;display:flex}.b2b-timeline-preset-btn{color:#475569;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #cbd5e1;border-radius:5px;padding:3px 7px;font-size:10.5px;font-weight:600;transition:all .15s}.b2b-timeline-preset-btn:hover{color:#0f172a;background:#e2e8f0;border-color:#94a3b8}.b2b-timeline-reset-filter-btn{color:#991b1b;cursor:pointer;white-space:nowrap;background:#fee2e2;border:1px solid #fca5a5;border-radius:5px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:700;transition:all .15s;display:inline-flex}.b2b-timeline-reset-filter-btn:hover{color:#7f1d1d;background:#fdcfcf;border-color:#f87171}.b2b-timeline-filter-info{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.b2b-timeline-filter-badge{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.b2b-timeline-filter-badge.active{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.b2b-timeline-sort-section{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.b2b-timeline-sort-label{color:#334155;white-space:nowrap;align-items:center;gap:5px;font-size:11.5px;font-weight:700;display:flex}.b2b-timeline-sort-toggle-wrap{align-items:center;display:inline-flex}.b2b-timeline-sort-toggle-pill{cursor:pointer;-webkit-user-select:none;user-select:none;background:#e0f2fe;border:1.5px solid #bae6fd;border-radius:999px;align-items:center;gap:3px;min-height:28px;padding:2px 3px;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;box-shadow:0 1px 3px #0284c714}.b2b-timeline-sort-toggle-pill:hover{border-color:#7dd3fc;box-shadow:0 2px 6px #0284c726}.b2b-timeline-sort-toggle-pill:focus-visible{outline-offset:2px;outline:2px solid #0284c7}.b2b-sort-side-text{color:#64748b;z-index:1;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:600;transition:all .2s;display:inline-flex}.b2b-sort-side-text.active{color:#fff;background:#0284c7;font-weight:800;box-shadow:0 1px 3px #0284c759}.b2b-sort-side-text.active i{color:#fff}.b2b-sort-toggle-knob{color:#0284c7;z-index:2;background:#fff;border:1px solid #bae6fd;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:9.5px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 1px 2px #00000014}.b2b-timeline-sort-toggle-pill.is-desc .b2b-sort-toggle-knob{color:#0369a1;background:#f0f9ff;border-color:#38bdf8}.b2b-timeline-sort-btn-group{background:#e2e8f0;border:1px solid #cbd5e1;border-radius:6px;align-items:center;gap:2px;padding:2px;display:inline-flex}.b2b-timeline-sort-btn{color:#475569;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:10.5px;font-weight:600;transition:all .15s;display:inline-flex}.b2b-timeline-sort-btn:hover{color:#0f172a;background:#f8fafc}.b2b-timeline-sort-btn.active{color:#fff;background:#0284c7;font-weight:700;box-shadow:0 1px 2px #0284c740}.b2b-timeline-sort-btn.active i{color:#fff}.b2b-timeline-sort-badge{color:#0369a1;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.b2b-timeline-sort-badge.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .15s}.b2b-timeline-sort-badge.clickable:hover{background:#e0f2fe;border-color:#7dd3fc;transform:translateY(-.5px)}.b2b-sort-badge-toggle-hint{color:#0284c7;background:#e0f2fe;border-radius:3px;align-items:center;gap:2px;padding:1px 4px;font-size:9px;font-weight:700;display:inline-flex}.b2b-revert-status-btn{color:#be123c;cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;border-radius:6px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.b2b-revert-status-btn:hover:not(:disabled){color:#9f1239;background:#ffe4e6;border-color:#fda4af;transform:translateY(-.5px)}.b2b-revert-status-btn:disabled,.b2b-revert-status-btn.disabled{opacity:.45;cursor:not-allowed;color:#94a3b8;background:#f1f5f9;border-color:#e2e8f0;transform:none}.b2b-stepper-header-revert-btn{color:#be123c;cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:700;transition:all .15s;display:inline-flex}.b2b-stepper-header-revert-btn:hover{color:#9f1239;background:#ffe4e6;border-color:#fda4af}.b2b-stepper-step-revert-btn{color:#be123c;cursor:pointer;background:#fff1f2;border:1px solid #fecdd3;border-radius:5px;align-items:center;gap:4px;padding:2px 7px;font-size:10.5px;font-weight:700;transition:all .15s;display:inline-flex}.b2b-stepper-step-revert-btn:hover{color:#9f1239;background:#ffe4e6;border-color:#fda4af}.b2b-stepper-filter-empty{text-align:center;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:10px;margin:8px 0;padding:24px 16px;display:flex}.b2b-stepper-empty-icon{color:#64748b;background:#f1f5f9;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex}.b2b-stepper-empty-text{max-width:420px}.b2b-stepper-empty-title{color:#1e293b;margin:0 0 4px;font-size:13px;font-weight:700}.b2b-stepper-empty-desc{color:#64748b;margin:0;font-size:11.5px;line-height:1.45}.b2b-stepper-filter-reset-cta{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:11.5px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 2px 4px #0284c733}.b2b-stepper-filter-reset-cta:hover{background:#0369a1;transform:translateY(-1px)}.b2b-stepper-filter-reset-cta.secondary{color:#475569;box-shadow:none;background:#f1f5f9;border:1px solid #cbd5e1}.b2b-stepper-filter-reset-cta.secondary:hover{color:#0f172a;background:#e2e8f0;transform:translateY(-1px)}.b2b-stepper-empty-actions-wrap{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.b2b-timeline-comment-filter-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;padding:6px 10px;display:flex}.b2b-timeline-comment-filter-label{color:#334155;white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:700;display:inline-flex}.b2b-comment-filter-select{color:#1e293b;cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:6px;outline:none;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.b2b-comment-filter-select:hover,.b2b-comment-filter-select:focus{border-color:#0284c7;box-shadow:0 0 0 2px #0284c71f}.b2b-comment-filter-chips{flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.b2b-comment-chip{color:#475569;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1.5px solid #cbd5e1;border-radius:999px;align-items:center;gap:5px;padding:2.5px 9px;font-size:11px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.b2b-comment-chip:hover{transform:translateY(-.5px);box-shadow:0 2px 4px #0000000d}.b2b-comment-chip.is-all{border-color:#cbd5e1}.b2b-comment-chip.is-all.active{color:#fff;background:#0284c7;border-color:#0284c7;font-weight:700;box-shadow:0 1px 3px #0284c759}.b2b-comment-chip.is-internal{color:#b45309;background:#fffbeb;border-color:#fde68a}.b2b-comment-chip.is-internal:hover{background:#fef3c7;border-color:#f59e0b}.b2b-comment-chip.is-internal.active{color:#fff;background:#d97706;border-color:#d97706;font-weight:700;box-shadow:0 1px 3px #d9770659}.b2b-comment-chip.is-teknis{color:#7e22ce;background:#faf5ff;border-color:#e9d5ff}.b2b-comment-chip.is-teknis:hover{background:#f3e8ff;border-color:#a855f7}.b2b-comment-chip.is-teknis.active{color:#fff;background:#7c3aed;border-color:#7c3aed;font-weight:700;box-shadow:0 1px 3px #7c3aed59}.b2b-comment-chip.is-klien{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.b2b-comment-chip.is-klien:hover{background:#d1fae5;border-color:#10b981}.b2b-comment-chip.is-klien.active{color:#fff;background:#059669;border-color:#059669;font-weight:700;box-shadow:0 1px 3px #05966959}.b2b-comment-chip-count{background:#00000012;border-radius:999px;padding:1px 5px;font-size:9.5px;font-weight:800;line-height:1}.b2b-comment-chip.active .b2b-comment-chip-count{color:#fff;background:#ffffff4d}.b2b-comment-filter-reset-btn{color:#64748b;cursor:pointer;background:#fff;border:1px dashed #94a3b8;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:10px;font-weight:700;transition:all .15s;display:inline-flex}.b2b-comment-filter-reset-btn:hover{color:#0f172a;background:#f1f5f9;border-color:#64748b}.b2b-comment-category-pill{text-transform:capitalize;border-radius:5px;align-items:center;gap:4px;margin-left:6px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.b2b-comment-category-pill.is-internal{color:#92400e;background:#fef3c7;border:1px solid #fde68a}.b2b-comment-category-pill.is-teknis{color:#6b21a8;background:#f3e8ff;border:1px solid #e9d5ff}.b2b-comment-category-pill.is-klien{color:#065f46;background:#d1fae5;border:1px solid #a7f3d0}.b2b-timeline-filter-badge.is-internal{color:#92400e;background:#fffbeb;border-color:#fde68a}.b2b-timeline-filter-badge.is-teknis{color:#6b21a8;background:#faf5ff;border-color:#e9d5ff}.b2b-timeline-filter-badge.is-klien{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.b2b-stepper-edit-cat-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.b2b-stepper-edit-cat-title{color:#334155;align-items:center;gap:4px;font-size:11px;font-weight:700;display:inline-flex}.b2b-stepper-edit-cat-chips{align-items:center;gap:4px;display:inline-flex}.b2b-edit-cat-chip{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:5px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;transition:all .15s;display:inline-flex}.b2b-edit-cat-chip:hover{border-color:#94a3b8}.b2b-edit-cat-chip.is-internal.active{color:#fff;background:#d97706;border-color:#d97706;font-weight:700}.b2b-edit-cat-chip.is-teknis.active{color:#fff;background:#7c3aed;border-color:#7c3aed;font-weight:700}.b2b-edit-cat-chip.is-klien.active{color:#fff;background:#059669;border-color:#059669;font-weight:700}.b2b-stage-comment-badge{border-radius:4px;align-items:center;gap:3px;padding:1.5px 6px;font-size:9.5px;font-weight:700;display:inline-flex}.b2b-stage-comment-badge.is-internal{color:#b45309;background:#fef3c7;border:1px solid #fde68a}.b2b-stage-comment-badge.is-teknis{color:#7e22ce;background:#f3e8ff;border:1px solid #e9d5ff}.b2b-stage-comment-badge.is-klien{color:#047857;background:#d1fae5;border:1px solid #a7f3d0}.b2b-comment-cat-picker-wrap{flex-shrink:0}.b2b-comment-cat-picker{cursor:pointer;background:#fff;border:1.5px solid #cbd5e1;border-radius:6px;outline:none;padding:4px 7px;font-size:11px;font-weight:700;transition:all .15s}.b2b-comment-cat-picker.is-internal{color:#b45309;background:#fffbeb;border-color:#fde68a}.b2b-comment-cat-picker.is-teknis{color:#7e22ce;background:#faf5ff;border-color:#e9d5ff}.b2b-comment-cat-picker.is-klien{color:#047857;background:#ecfdf5;border-color:#a7f3d0}.b2b-comments-filter-active-hint{color:#0284c7;background:#eff6ff;border:1px solid #bfdbfe;border-radius:4px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:600}.b2b-stage-comments-cat-empty{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;margin-bottom:6px;padding:6px 10px;font-size:11px;font-style:italic}.interactive-hub-map-component{flex-direction:column;gap:20px;margin-top:10px;display:flex}.hub-map-controls-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:14px;padding:16px 20px;display:flex;box-shadow:0 4px 16px #0000000a}.hub-map-search-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.hub-map-search-wrapper{flex:1;align-items:center;min-width:280px;display:flex;position:relative}.hub-map-search-icon{color:#f59e0b;pointer-events:none;font-size:15px;position:absolute;left:14px}.hub-map-search-input{color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;width:100%;padding:11px 40px 11px 42px;font-size:13.5px;font-weight:500;transition:all .2s}.hub-map-search-input:focus{background:#fff;border-color:#f59e0b;outline:none;box-shadow:0 0 0 3px #f59e0b26}.hub-map-search-clear{color:#64748b;cursor:pointer;background:#e2e8f0;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;transition:all .15s;display:flex;position:absolute;right:12px}.hub-map-search-clear:hover{color:#0f172a;background:#cbd5e1}.hub-map-gps-indicator{align-items:center;display:flex}.hub-gps-btn{color:#047857;cursor:pointer;white-space:nowrap;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:12px;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:700;transition:all .2s;display:inline-flex}.hub-gps-btn:hover{background:#d1fae5}.hub-gps-pulse-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite hubPulse;box-shadow:0 0 0 3px #10b98159}.hub-map-search-feedback{margin-top:-4px}.hub-match-banner{border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:12.5px;line-height:1.5;display:flex}.hub-match-banner.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.hub-match-banner.warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.hub-badge-eta{color:#854d0e;background:#fef08a;border-radius:6px;margin-left:4px;padding:1px 7px;font-weight:800}.hub-chips-scroll{scrollbar-width:thin;align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.hub-filter-chip{color:#334155;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:50px;align-items:center;gap:8px;padding:7px 14px;font-size:12.5px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative}.hub-filter-chip:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.hub-filter-chip.active{color:#fff;background:#0f172a;border-color:#0f172a;box-shadow:0 4px 12px #0f172a33}.hub-chip-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.hub-chip-badge{color:#64748b;background:#0000000f;border-radius:20px;padding:1px 6px;font-size:10.5px;font-weight:700}.hub-filter-chip.active .hub-chip-badge{color:#ffd60a;background:#fff3}.hub-chip-count{color:#475569;background:#e2e8f0;border-radius:20px;padding:1px 6px;font-size:10.5px;font-weight:700}.hub-filter-chip.active .hub-chip-count{color:#fff;background:#fff3}.hub-map-grid{grid-template-columns:1.35fr 1fr;align-items:stretch;gap:24px;display:grid}@media (width<=992px){.hub-map-grid{grid-template-columns:1fr}}.hub-map-canvas-wrapper{background:#09101f;border:2px solid #1e293b;border-radius:22px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 8px 30px #00000026}.hub-map-top-bar{background:#0d1627;border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.hub-map-title-wrap{align-items:center;gap:12px;display:flex}.hub-radar-live-icon{color:#ffd60a;background:#ffd60a26;border:1px solid #ffd60a66;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;display:flex;position:relative}.hub-map-canvas-title{color:#fff;letter-spacing:-.2px;margin:0;font-size:13.5px;font-weight:800}.hub-map-canvas-sub{color:#94a3b8;margin:0;font-size:11px}.hub-map-actions{align-items:center;gap:8px;display:flex}.hub-view-mode-toggle{background:#ffffff14;border-radius:30px;gap:4px;padding:3px;display:flex}.hub-mode-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:none;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.hub-mode-btn:hover{color:#fff}.hub-mode-btn.active{color:#0f172a;background:#ffd60a;box-shadow:0 2px 8px #ffd60a40}.hub-zoom-controls{background:#ffffff14;border-radius:8px;gap:4px;padding:2px;display:flex}.hub-zoom-controls button{color:#e2e8f0;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;transition:all .15s;display:flex}.hub-zoom-controls button:hover{color:#ffd60a;background:#fff3}.hub-viewport-container{background:#09101f;width:100%;height:480px;min-height:440px;position:relative;overflow:hidden}.hub-svg-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.hub-svg-canvas{width:100%;height:100%;display:block}.hub-gmaps-iframe-view{width:100%;height:100%}@keyframes hubPulse{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.15)}to{opacity:.8;transform:scale(.95)}}@keyframes hubRadarRing{0%{r:60;opacity:.8}to{r:160;opacity:0}}.hub-radar-pulse-ring-1{animation:2.8s cubic-bezier(.2,.8,.4,1) infinite hubRadarRing}.hub-radar-pulse-ring-2{animation:2.8s cubic-bezier(.2,.8,.4,1) 1.4s infinite hubRadarRing}@keyframes dashFlow{to{stroke-dashoffset:-16px}}.hub-connecting-dash-anim{animation:1.5s linear infinite dashFlow}.hub-canvas-legend-strip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad9;border:1px solid #ffffff1a;border-radius:30px;flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;padding:6px 14px;display:flex;position:absolute;bottom:10px;left:12px;right:12px}.hub-legend-item{color:#cbd5e1;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.hub-legend-dot{border-radius:50%;width:8px;height:8px}.hub-legend-dot.pos-hq{background:#ffd60a}.hub-legend-dot.pos-east{background:#38bdf8}.hub-legend-dot.pos-west{background:#34d399}.hub-legend-dot.pos-south{background:#f97316}.hub-legend-dot.pos-north{background:#a78bfa}.hub-map-footer-bar{color:#94a3b8;background:#0d1627;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 18px;font-size:11.5px;display:flex}.hub-coords-info{align-items:center;gap:8px;display:flex}.hub-coords-info strong{color:#f1f5f9}.hub-nav-external-btn{color:#ffd60a;align-items:center;gap:6px;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-flex}.hub-nav-external-btn:hover{opacity:.85;text-decoration:underline}.hub-details-panel{background:#fff;border:1.5px solid #e2e8f0;border-radius:22px;flex-direction:column;justify-content:space-between;padding:24px;display:flex;box-shadow:0 6px 24px #0000000d}.hub-panel-header{margin-bottom:20px}.hub-panel-tag-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.hub-panel-badge{color:#ffd60a;text-transform:uppercase;letter-spacing:.5px;background:#0f172a;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:800}.hub-online-status{color:#10b981;align-items:center;gap:6px;font-size:11.5px;font-weight:800;display:inline-flex}.hub-online-dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite hubPulse}.hub-panel-title{color:#0f172a;margin:8px 0 14px;font-size:20px;font-weight:800;line-height:1.35}.hub-panel-eta-card{background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%);border:1.5px solid #fcd34d;border-radius:14px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.hub-eta-left{color:#92400e;align-items:center;gap:12px;display:flex}.hub-eta-left i{color:#d97706;font-size:22px}.hub-eta-label{color:#b45309;font-size:11.5px;font-weight:600;display:block}.hub-eta-time{color:#78350f;font-size:17px;font-weight:900}.hub-eta-badge{color:#fff;background:#d97706;border-radius:8px;padding:4px 10px;font-size:11px;font-weight:800}.hub-panel-body{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.hub-spec-item{align-items:flex-start;gap:12px;display:flex}.hub-spec-icon{color:#0f172a;background:#f1f5f9;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-top:2px;font-size:14px;display:flex}.hub-spec-content{flex:1}.hub-spec-content label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px;font-size:11.5px;font-weight:700;display:block}.hub-spec-content p{color:#1e293b;margin:0;font-size:13.5px;font-weight:600;line-height:1.45}.hub-district-chips-wrap{flex-wrap:wrap;gap:6px;max-height:110px;margin-top:6px;padding-right:4px;display:flex;overflow-y:auto}.hub-district-chip{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.hub-district-chip:hover{color:#1e40af;background:#eff6ff;border-color:#93c5fd}.hub-district-chip.matched{color:#854d0e;background:#fef08a;border-color:#facc15;font-weight:700}.hub-panel-actions{flex-direction:column;gap:10px;display:flex}.hub-dispatch-btn{color:#fff;background:#16a34a;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:13px 20px;font-size:14px;font-weight:800;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 4px 14px #16a34a59}.hub-dispatch-btn:hover{background:#15803d;transform:translateY(-1px);box-shadow:0 6px 18px #16a34a73}.hub-dispatch-btn i{font-size:18px}.hub-call-hotline-btn{color:#0f172a;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:13px;font-weight:700;text-decoration:none;transition:all .15s;display:flex}.hub-call-hotline-btn:hover{color:#0f172a;background:#e2e8f0}.hub-booking-btn{color:#0f172a;background:#ffd60a;border:1px solid #eab308;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:13px;font-weight:800;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 2px 8px #ffd60a4d}.hub-booking-btn:hover{background:#ffe033;transform:translateY(-1px);box-shadow:0 4px 14px #ffd60a73}html.dark .hub-call-hotline-btn{color:#f8fafc;background:#1e293b;border-color:#334155}html.dark .hub-call-hotline-btn:hover{background:#334155}.hub-filter-chip:focus-visible,.hub-mode-btn:focus-visible{outline-offset:2px;outline:2px solid #ffd60a}.hub-zoom-controls button:focus-visible{outline-offset:1px;background:#ffd60a40;outline:2px solid #ffd60a}.hub-district-chip{border:1px solid #e2e8f0;outline:none;font-family:inherit}.hub-district-chip:focus-visible{outline-offset:2px;color:#854d0e;background:#fef08a;border-color:#facc15;outline:2px solid #f59e0b}.hub-gps-btn:focus-visible{outline-offset:2px;outline:2px solid #10b981}.hub-primary-marker:focus-visible{outline:none}.hub-primary-marker:focus-visible .hub-marker-core-circle{stroke:#ffd60a;stroke-width:4.5px;filter:drop-shadow(0 0 10px #ffd60a)}.hub-primary-marker:focus-visible .hub-label-card-rect{stroke:#ffd60a;stroke-width:2.5px}.hub-pos-marker:focus-visible{outline:none}.hub-pos-marker:focus-visible circle{stroke:#ffd60a;stroke-width:3.5px}.hub-svg-canvas:focus-visible{outline-offset:-2px;outline:2px solid #ffd60a}.booking-calendar-section{background:var(--soft-blue);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:85px 0 95px;position:relative}html.dark .booking-calendar-section{background:#080d1a;border-color:#1e293b}.service-booking-calendar-wrapper{max-width:1240px;margin:0 auto}.booking-calendar-header{text-align:center;max-width:860px;margin:0 auto 32px}.booking-header-tag{color:#92400e;letter-spacing:.6px;text-transform:uppercase;background:#ffd60a29;border:1px solid #ffd60a73;border-radius:50px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 16px;font-size:11.5px;font-weight:800;display:inline-flex}html.dark .booking-header-tag{color:#fcd34d;background:#ffd60a1f;border-color:#ffd60a4d}.booking-main-title{color:var(--black);letter-spacing:-.5px;margin-bottom:12px;font-size:32px;font-weight:900;line-height:1.25}html.dark .booking-main-title{color:#f8fafc}.booking-main-desc{color:var(--gray);font-size:15px;line-height:1.6}html.dark .booking-main-desc{color:#94a3b8}.booking-stats-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:34px;display:flex}.booking-stat-chip{background:var(--white);border:1px solid var(--border);color:var(--black);border-radius:50px;align-items:center;gap:8px;padding:8px 16px;font-size:12.5px;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #00000008}html.dark .booking-stat-chip{color:#f1f5f9;background:#111827;border-color:#1f2937}.booking-stat-dot.green{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-green;box-shadow:0 0 0 3px #10b98140}.booking-calendar-grid{grid-template-columns:1.18fr 1fr;align-items:start;gap:28px;display:grid}@media (width<=1024px){.booking-calendar-grid{grid-template-columns:1fr}}.booking-left-column,.booking-right-column{flex-direction:column;gap:24px;display:flex}.booking-card{background:var(--white);border:1.5px solid var(--border);border-radius:20px;padding:24px;transition:all .2s;box-shadow:0 4px 16px #00000008}html.dark .booking-card{background:#111827;border-color:#1f2937;box-shadow:0 4px 20px #0006}.booking-card-step-header{align-items:flex-start;gap:14px;margin-bottom:20px;display:flex}.step-num{color:#111;background:#ffd60a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:900;display:flex;box-shadow:0 3px 10px #ffd60a59}.step-title{color:var(--black);font-size:17px;font-weight:800;line-height:1.25}html.dark .step-title{color:#f8fafc}.step-subtitle{color:var(--gray);margin-top:3px;font-size:12.5px;line-height:1.4}html.dark .step-subtitle{color:#94a3b8}.booking-area-selector-row{margin-bottom:18px}.booking-input-label{color:var(--black);margin-bottom:6px;font-size:13px;font-weight:700;display:block}html.dark .booking-input-label{color:#e2e8f0}.booking-select-field{background:var(--light-gray);border:1.5px solid var(--border);width:100%;color:var(--black);cursor:pointer;border-radius:12px;outline:none;padding:12px 16px;font-size:14px;font-weight:600;transition:all .2s}html.dark .booking-select-field{color:#f8fafc;background:#1e293b;border-color:#334155}.booking-select-field:focus{border-color:#ffd60a;box-shadow:0 0 0 3px #ffd60a40}.fleet-radar-panel{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:14px;padding:18px;display:flex}html.dark .fleet-radar-panel{background:#0b1120;border-color:#1e293b}.fleet-radar-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.fleet-hub-info{flex:1;align-items:center;gap:12px;min-width:240px;display:flex}.fleet-hub-icon{background:#ffd60a33;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.fleet-hub-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;font-size:11px;font-weight:600;display:block}html.dark .fleet-hub-label{color:#94a3b8}.fleet-hub-name{color:#0f172a;font-size:14px;font-weight:800;line-height:1.3;display:block}html.dark .fleet-hub-name{color:#f8fafc}.fleet-hub-sub{color:#64748b;font-size:11.5px}html.dark .fleet-hub-sub{color:#94a3b8}.fleet-eta-box{text-align:right;background:#10b9811a;border:1px solid #10b98140;border-radius:10px;padding:8px 14px}.fleet-eta-label{color:#047857;text-transform:uppercase;font-size:10.5px;font-weight:700;display:block}html.dark .fleet-eta-label{color:#34d399}.fleet-eta-val{color:#065f46;font-size:16px;font-weight:900}html.dark .fleet-eta-val{color:#6ee7b7}.fleet-status-banner{border:1px solid;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:12.5px;display:flex}.fleet-status-left{align-items:center;gap:8px;display:flex}.fleet-pulse-dot{background:currentColor;border-radius:50%;width:8px;height:8px;animation:2s infinite hubPulse}.fleet-unit-preview{color:#475569;border-top:1px dashed #cbd5e1;flex-wrap:wrap;align-items:center;gap:14px;padding-top:10px;font-size:12px;display:flex}html.dark .fleet-unit-preview{color:#94a3b8;border-color:#334155}.fleet-unit-item{align-items:center;gap:6px;display:inline-flex}.fleet-unit-item strong{color:#0f172a}html.dark .fleet-unit-item strong{color:#f1f5f9}.quick-date-row{gap:8px;margin-bottom:18px;padding-bottom:6px;display:flex;overflow-x:auto}.quick-date-btn{background:var(--light-gray);border:1px solid var(--border);color:var(--black);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}html.dark .quick-date-btn{color:#e2e8f0;background:#1e293b;border-color:#334155}.quick-date-btn:hover{background:#ffd60a1f;border-color:#ffd60a;transform:translateY(-1px)}.calendar-nav-bar{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:10px 14px;display:flex}html.dark .calendar-nav-bar{background:#0b1120;border-color:#1e293b}.calendar-nav-btn{background:var(--white);color:#334155;cursor:pointer;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}html.dark .calendar-nav-btn{color:#e2e8f0;background:#1e293b;border-color:#334155}.calendar-nav-btn:hover{color:#ffd60a;border-color:#ffd60a}.calendar-month-indicator strong{color:#0f172a;font-size:15px;font-weight:800}html.dark .calendar-month-indicator strong{color:#f8fafc}.calendar-table-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:14px;margin-bottom:14px;padding:12px}html.dark .calendar-table-wrap{background:#0b1120;border-color:#1e293b}.calendar-weekdays-header{text-align:center;grid-template-columns:repeat(7,1fr);margin-bottom:8px;display:grid}.cal-weekday{color:#64748b;text-transform:uppercase;padding:4px 0;font-size:11.5px;font-weight:800}.cal-weekday.weekend{color:#ef4444}html.dark .cal-weekday{color:#94a3b8}.calendar-days-grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.cal-day-cell{aspect-ratio:1;cursor:pointer;background:#f8fafc;border:1.5px solid #0000;border-radius:10px;outline:none;flex-direction:column;justify-content:center;align-items:center;min-height:44px;font-family:inherit;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}html.dark .cal-day-cell{color:#e2e8f0;background:#1e293b}.cal-day-number{color:#0f172a;font-size:13.5px;font-weight:700}html.dark .cal-day-number{color:#f8fafc}.cal-day-cell:hover:not(.disabled){background:#ffd60a2e;border-color:#ffd60a;transform:translateY(-2px)}.cal-day-cell.today{border-color:#38bdf8}.cal-day-cell.today .cal-day-number{color:#0284c7}html.dark .cal-day-cell.today .cal-day-number{color:#38bdf8}.cal-day-cell.selected{z-index:2;transform:scale(1.05);box-shadow:0 4px 14px #ffd60a73;background:#ffd60a!important;border-color:#ffd60a!important}.cal-day-cell.selected .cal-day-number{font-weight:900;color:#0f172a!important}.cal-day-cell.disabled{opacity:.32;cursor:not-allowed;background:0 0}.cal-day-cell.other-month{opacity:.25}.cal-avail-dot{border-radius:50%;width:5px;height:5px;margin-top:3px}.cal-avail-dot.green{background:#10b981}.cal-avail-dot.amber{background:#f59e0b}.cal-avail-dot.blue{background:#3b82f6}.cal-day-cell.selected .cal-avail-dot{background:#0f172a}.calendar-legend-bar{color:#64748b;justify-content:center;align-items:center;gap:16px;margin-bottom:14px;font-size:11.5px;display:flex}html.dark .calendar-legend-bar{color:#94a3b8}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:50%;width:7px;height:7px}.legend-dot.green{background:#10b981}.legend-dot.blue{background:#3b82f6}.legend-dot.amber{background:#f59e0b}.selected-date-callout{background:#ffd60a24;border:1px solid #ffd60a66;border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.selected-date-icon{font-size:20px}.selected-date-content{flex:1}.selected-date-label{color:#854d0e;text-transform:uppercase;font-size:11px;font-weight:700;display:block}html.dark .selected-date-label{color:#fcd34d}.selected-date-string{color:#78350f;font-size:14.5px;font-weight:800}html.dark .selected-date-string{color:#fef08a}.selected-date-badge{color:#fff;background:#10b981;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:800}.time-slots-grid{flex-direction:column;gap:10px;display:flex}.time-slot-btn{text-align:left;background:var(--light-gray);border:1.5px solid var(--border);cursor:pointer;border-radius:14px;outline:none;width:100%;padding:14px 16px;font-family:inherit;transition:all .2s;position:relative}html.dark .time-slot-btn{color:#f8fafc;background:#1e293b;border-color:#334155}.time-slot-btn:hover{background:#ffd60a14;border-color:#ffd60a}.time-slot-btn.active{background:#ffd60a24;border-color:#ffd60a;box-shadow:0 4px 14px #ffd60a40}.time-slot-btn.urgent-slot{border-color:#f59e0b}.time-slot-header{align-items:center;gap:12px;margin-bottom:4px;display:flex}.time-slot-icon{background:var(--white);color:#f59e0b;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;display:flex;box-shadow:0 1px 3px #00000014}html.dark .time-slot-icon{background:#0b1120}.time-slot-title-wrap{flex:1}.time-slot-title{color:var(--black);font-size:14px;font-weight:800;display:block}html.dark .time-slot-title{color:#f8fafc}.time-slot-range{color:var(--gray);font-size:12px;font-weight:600;display:block}html.dark .time-slot-range{color:#94a3b8}.time-slot-badge{color:#fff;text-transform:uppercase;background:#ef4444;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:800;position:absolute;top:12px;right:12px}.time-slot-desc{color:var(--gray);margin:4px 0 8px 44px;font-size:12px;line-height:1.4}html.dark .time-slot-desc{color:#94a3b8}.time-slot-status{color:#059669;align-items:center;gap:6px;margin-left:44px;font-size:11.5px;font-weight:700;display:flex}html.dark .time-slot-status{color:#34d399}.time-slot-btn.active .slot-check-indicator{color:#d97706}.services-selector-list{flex-direction:column;gap:10px;display:flex}.service-select-item{background:var(--light-gray);border:1.5px solid var(--border);cursor:pointer;border-radius:14px;outline:none;align-items:flex-start;gap:12px;padding:14px;transition:all .2s;display:flex}html.dark .service-select-item{color:#f8fafc;background:#1e293b;border-color:#334155}.service-select-item:hover{background:#ffd60a14;border-color:#ffd60a}.service-select-item.active{background:#ffd60a1f;border-color:#ffd60a;box-shadow:0 4px 14px #ffd60a33}.service-radio-custom{border:2px solid #cbd5e1;border-radius:50%;width:18px;height:18px;margin-top:3px;transition:all .15s;display:block}.service-radio-custom.checked{background:radial-gradient(circle,#ffd60a 50%,#0000 60%);border-color:#ffd60a}.service-icon-col{margin-top:2px;font-size:18px}.service-text-col{flex:1}.service-item-name{color:var(--black);font-size:14px;font-weight:800;line-height:1.3;display:block}html.dark .service-item-name{color:#f8fafc}.service-item-desc{color:var(--gray);margin:3px 0 6px;font-size:12px;line-height:1.45}html.dark .service-item-desc{color:#94a3b8}.service-meta-row{align-items:center;gap:6px;font-size:12px;display:flex}.service-price-tag{color:#b45309;font-weight:800}html.dark .service-price-tag{color:#fcd34d}.service-meta-divider{color:#94a3b8}.service-duration{color:#64748b;font-weight:600}html.dark .service-duration{color:#94a3b8}.booking-form-fields{flex-direction:column;gap:16px;display:flex}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:#f59e0b;pointer-events:none;font-size:15px;position:absolute;left:14px}.booking-text-input{background:var(--light-gray);border:1.5px solid var(--border);width:100%;color:var(--black);border-radius:12px;outline:none;padding:12px 14px 12px 42px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .2s}html.dark .booking-text-input{color:#f8fafc;background:#1e293b;border-color:#334155}.booking-text-input:focus{background:var(--white);border-color:#ffd60a;box-shadow:0 0 0 3px #ffd60a33}html.dark .booking-text-input:focus{background:#131d31}.booking-textarea-input{background:var(--light-gray);border:1.5px solid var(--border);width:100%;color:var(--black);resize:vertical;border-radius:12px;outline:none;padding:12px 14px;font-family:inherit;font-size:13px;font-weight:500;transition:all .2s}html.dark .booking-textarea-input{color:#f8fafc;background:#1e293b;border-color:#334155}.booking-textarea-input:focus{background:var(--white);border-color:#ffd60a;box-shadow:0 0 0 3px #ffd60a33}html.dark .booking-textarea-input:focus{background:#131d31}.booking-summary-card{background:#fff;border:2px solid #ffd60a;border-radius:20px;padding:24px;box-shadow:0 8px 30px #ffd60a26}html.dark .booking-summary-card{background:#111827;border-color:#ffd60a;box-shadow:0 8px 32px #0009}.summary-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:14px;display:flex}html.dark .summary-header{border-color:#1f2937}.summary-title-wrap{align-items:center;gap:10px;display:flex}.summary-title{color:#0f172a;font-size:16px;font-weight:800}html.dark .summary-title{color:#f8fafc}.summary-badge-live{color:#fff;text-transform:uppercase;background:#10b981;border-radius:20px;padding:3px 10px;font-size:10.5px;font-weight:800}.summary-body{flex-direction:column;gap:10px;margin-bottom:20px;display:flex}.summary-row{justify-content:space-between;align-items:flex-start;gap:12px;font-size:13px;display:flex}.summary-label{color:#64748b;font-weight:600}html.dark .summary-label{color:#94a3b8}.summary-value{color:#0f172a;font-weight:700}html.dark .summary-value{color:#f8fafc}.summary-actions{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.booking-submit-btn-wa{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:14px 20px;font-size:14px;font-weight:800;transition:all .25s;display:inline-flex;box-shadow:0 4px 14px #22c55e59}.booking-submit-btn-wa:hover:not(:disabled){background:#16a34a;transform:translateY(-2px);box-shadow:0 8px 20px #22c55e73}.booking-submit-btn-save{color:#fff;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:12px;justify-content:center;align-items:center;width:100%;padding:12px 18px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex}html.dark .booking-submit-btn-save{background:#1e293b;border-color:#475569}.booking-submit-btn-save:hover:not(:disabled){color:#ffd60a;background:#1e293b;border-color:#ffd60a}.summary-guarantee-strip{color:#475569;border-top:1px dashed #cbd5e1;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding-top:14px;font-size:11.5px;font-weight:600;display:flex}html.dark .summary-guarantee-strip{color:#94a3b8;border-color:#334155}.guarantee-item{align-items:center;gap:5px;display:inline-flex}.booking-history-bar{background:var(--white);border:1.5px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;margin-top:24px;padding:14px 20px;display:flex}html.dark .booking-history-bar{background:#111827;border-color:#1f2937}.booking-history-bar-left{align-items:center;gap:12px;display:flex}.booking-history-toggle-btn{background:var(--light-gray);border:1px solid var(--border);color:var(--black);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:12.5px;font-weight:700;transition:all .15s}html.dark .booking-history-toggle-btn{color:#f8fafc;background:#1e293b;border-color:#334155}.booking-history-toggle-btn:hover{color:#ffd60a;border-color:#ffd60a}.booking-history-list{flex-direction:column;gap:14px;margin-top:14px;display:flex}.history-card{background:var(--white);border:1px solid var(--border);border-radius:14px;padding:16px 20px;box-shadow:0 2px 8px #0000000a}html.dark .history-card{background:#111827;border-color:#1f2937}.history-card-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:10px;display:flex}html.dark .history-card-header{border-color:#1f2937}.history-code{color:#d97706;letter-spacing:.5px;font-size:11px;font-weight:800}.history-service-name{color:var(--black);font-size:14.5px}html.dark .history-service-name{color:#f8fafc}.history-status-badge{color:#059669;background:#10b98126;border-radius:20px;padding:3px 10px;font-size:11px;font-weight:800}.history-details-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:14px;font-size:12.5px;display:grid}.history-sub-label{color:#64748b;font-size:11px;font-weight:600;display:block}html.dark .history-sub-label{color:#94a3b8}.history-sub-val{color:var(--black);margin-top:2px;font-weight:700}html.dark .history-sub-val{color:#f8fafc}.history-card-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.history-action-btn{background:var(--light-gray);border:1px solid var(--border);color:var(--black);cursor:pointer;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:700;transition:all .15s}html.dark .history-action-btn{color:#f8fafc;background:#1e293b;border-color:#334155}.history-action-wa{color:#fff;background:#22c55e;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:700;text-decoration:none;transition:all .15s}.history-action-wa:hover{background:#16a34a}.booking-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.booking-modal-card{text-align:center;background:#fff;border:2px solid #ffd60a;border-radius:24px;width:100%;max-width:540px;padding:32px 28px;box-shadow:0 20px 60px #00000059}html.dark .booking-modal-card{background:#111827;border-color:#ffd60a}.modal-success-badge{color:#22c55e;background:#22c55e1f;border:2px solid #22c55e;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:32px;display:flex}.modal-success-title{color:#0f172a;margin-bottom:6px;font-size:22px;font-weight:900}html.dark .modal-success-title{color:#f8fafc}.modal-success-desc{color:#64748b;margin-bottom:20px;font-size:13.5px}html.dark .modal-success-desc{color:#94a3b8}.modal-ticket-box{text-align:left;background:#f8fafc;border:1.5px dashed #cbd5e1;border-radius:16px;margin-bottom:22px;padding:18px}html.dark .modal-ticket-box{background:#0b1120;border-color:#334155}.ticket-row-header{justify-content:space-between;align-items:center;display:flex}.ticket-code-label{color:#64748b;letter-spacing:.5px;font-size:11px;font-weight:800}.ticket-code-val{color:#d97706;font-size:16px;font-weight:900}html.dark .ticket-code-val{color:#fcd34d}.ticket-divider{border-top:1px dashed #cbd5e1;height:1px;margin:12px 0}html.dark .ticket-divider{border-color:#334155}.ticket-grid{grid-template-columns:1fr 1fr;gap:10px;font-size:12px;display:grid}@media (width<=480px){.ticket-grid{grid-template-columns:1fr}}.ticket-meta-label{color:#64748b;font-size:10.5px;display:block}html.dark .ticket-meta-label{color:#94a3b8}.ticket-meta-val{color:#0f172a;font-weight:700}html.dark .ticket-meta-val{color:#f8fafc}.modal-actions-row{gap:10px;margin-bottom:14px;display:flex}@media (width<=480px){.modal-actions-row{flex-direction:column}}.modal-copy-btn{color:#1e293b;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}html.dark .modal-copy-btn{color:#f8fafc;background:#1e293b;border-color:#334155}.modal-wa-btn{color:#fff;background:#22c55e;border-radius:12px;flex:1.2;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:13px;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 12px #22c55e4d}.modal-wa-btn:hover{background:#16a34a}.modal-close-bottom-btn{color:#64748b;cursor:pointer;background:0 0;border:none;font-size:12.5px;font-weight:600;text-decoration:underline}html.dark .modal-close-bottom-btn{color:#94a3b8}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{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}@keyframes pulse{50%{opacity:.5}}