:root{--color-primary:#0186dc;--color-primary-deep:#0059ae;--color-accent:#bf052e;--color-accent-deep:#930012;--color-bg:#fff;--color-surface:#f1f6fa;--color-ink:#090e13;--color-muted:#606468;--color-border:#dbdee2;--color-success:#308639;--color-warning:#f5ae39;--font-sans:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--text-display-size:clamp(2.25rem, 1rem + 4vw, 3.5rem);--text-headline-size:1.75rem;--text-title-size:1.125rem;--text-body-size:1rem;--text-label-size:.8125rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:999px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--space-3xl:96px;--shadow-float:0 8px 24px #090e131f;--container-max:1280px;--container-padding:var(--space-lg);--mobile-bottom-nav-height:60px;--z-dropdown:1000;--z-sticky:1100;--z-modal-backdrop:1200;--z-modal:1300;--z-toast:1400;--z-tooltip:1500}.btn{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-sans);font-size:var(--text-body-size);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;padding:.625rem 1.25rem;font-weight:600;line-height:1.2;transition:background-color .16s,border-color .16s,color .16s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-primary-deep);outline-offset:2px}.btn--primary{background:var(--color-primary-deep);color:#fff}.btn--primary:hover:not(:disabled){background:color-mix(in oklch, var(--color-primary-deep) 85%, black)}.btn--primary:active:not(:disabled){background:color-mix(in oklch, var(--color-primary-deep) 72%, black)}.btn--ghost{color:var(--color-ink);border-color:var(--color-border);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-muted)}.btn--ghost:active:not(:disabled){background:var(--color-border)}.btn--accent{background:var(--color-accent);color:#fff}.btn--accent:hover:not(:disabled){background:var(--color-accent-deep)}.btn--accent:active:not(:disabled){background:color-mix(in oklch, var(--color-accent-deep) 85%, black)}.btn--block{width:100%}.icon-button{border-radius:var(--radius-full);width:44px;height:44px;color:var(--color-ink);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background-color .16s,color .16s;display:inline-flex}.icon-button:hover{background:var(--color-surface);color:var(--color-primary-deep)}.icon-button:focus-visible{outline:2px solid var(--color-primary-deep);outline-offset:2px}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{min-height:100svh;font-family:var(--font-sans);font-size:var(--text-body-size);color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.5}h1,h2,h3{font-family:var(--font-sans);text-wrap:balance;margin:0;font-weight:700}p{max-width:65ch;margin:0}a{color:var(--color-primary);text-decoration:none}button{font-family:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.container{width:100%;max-width:var(--container-max);padding-inline:var(--container-padding);margin-inline:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=767px){#page-root{padding-bottom:calc(var(--mobile-bottom-nav-height) + env(safe-area-inset-bottom) + var(--space-md))}}.customer-notifications{display:flex}.customer-notifications__toggle{position:relative}.customer-notifications__badge{border:2px solid var(--color-bg);border-radius:var(--radius-full);background:var(--color-accent);color:#fff;text-align:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:700;line-height:12px;position:absolute;top:4px;right:4px}.customer-notifications__panel{top:calc(100% + var(--space-sm));width:min(380px, calc(100vw - 2 * var(--container-padding)));background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-height:min(440px,70dvh);box-shadow:var(--shadow-float);z-index:var(--z-dropdown);flex-direction:column;display:flex;position:absolute;right:0;overflow:hidden}.customer-notifications__header{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-md);font-size:var(--text-body-size);color:var(--color-ink);border-bottom:1px solid var(--color-border);flex-shrink:0;font-weight:700;display:flex}.customer-notifications__mark-all{padding:var(--space-xs) var(--space-xs);margin:calc(var(--space-xs) * -1);font-family:var(--font-sans);font-size:var(--text-label-size);color:var(--color-primary-deep);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;font-weight:700}.customer-notifications__mark-all:hover{background:var(--color-surface)}.customer-notifications__mark-all:focus-visible{outline:2px solid var(--color-primary-deep);outline-offset:2px}.customer-notifications__note{padding:var(--space-lg) var(--space-md);text-align:center;font-size:var(--text-label-size);color:var(--color-muted);margin:0}.customer-notifications__list{padding:var(--space-xs);margin:0;list-style:none;overflow-y:auto}.customer-notifications__item{align-items:flex-start;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md) var(--space-sm) var(--space-sm);border-radius:var(--radius-md);font-family:var(--font-sans);text-align:left;cursor:pointer;background:0 0;border:none;min-height:44px;display:flex;position:relative}.customer-notifications__item:hover,.customer-notifications__item:focus-visible{background:var(--color-surface)}.customer-notifications__item:focus-visible{outline:2px solid var(--color-primary-deep);outline-offset:-2px}.customer-notifications__item.is-unread{background:color-mix(in oklch, var(--color-primary) 6%, var(--color-bg))}.customer-notifications__item.is-unread:hover,.customer-notifications__item.is-unread:focus-visible{background:color-mix(in oklch, var(--color-primary) 12%, var(--color-bg))}.customer-notifications__item-icon{border-radius:var(--radius-full);background:var(--color-surface);width:36px;height:36px;color:var(--color-primary-deep);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.customer-notifications__item.is-unread .customer-notifications__item-icon{background:color-mix(in oklch, var(--color-primary) 18%, var(--color-bg))}.customer-notifications__item-icon svg{width:18px;height:18px}.customer-notifications__item-body{flex-direction:column;gap:2px;min-width:0;display:flex}.customer-notifications__item-title{font-size:var(--text-label-size);color:var(--color-ink);font-weight:700}.customer-notifications__message{font-size:var(--text-label-size);color:var(--color-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.customer-notifications__time{color:var(--color-muted);font-size:11px}.customer-notifications__dot{border-radius:var(--radius-full);background:var(--color-primary);flex-shrink:0;align-self:center;width:8px;height:8px}.customer-notifications__footer-link{width:100%;padding:var(--space-sm) var(--space-md);border:none;border-top:1px solid var(--color-border);font-family:var(--font-sans);text-align:center;font-size:var(--text-label-size);color:var(--color-primary-deep);cursor:pointer;background:0 0;flex-shrink:0;font-weight:700}.customer-notifications__footer-link:hover{background:var(--color-surface)}.customer-notifications__footer-link:focus-visible{outline:2px solid var(--color-primary-deep);outline-offset:-2px}.site-header{z-index:var(--z-sticky);background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0}.site-header__bar{align-items:center;gap:var(--space-lg);padding-block:var(--space-sm);display:flex;position:relative}.brand{flex-shrink:0;align-items:center;display:inline-flex}.brand__logo{object-fit:contain;width:auto;height:68px}.primary-nav{margin-inline:auto}.primary-nav ul{align-items:center;gap:var(--space-lg);margin:0;padding:0;list-style:none;display:flex}.primary-nav__link{font-family:var(--font-sans);font-size:var(--text-body-size);color:var(--color-ink);cursor:pointer;padding:var(--space-xs) var(--space-xs);background:0 0;border:none;font-weight:600;text-decoration:none;transition:color .16s;display:inline-block;position:relative}.primary-nav__link:hover{color:var(--color-primary-deep)}.primary-nav__link:focus-visible{outline:2px solid var(--color-primary-deep);outline-offset:3px;border-radius:var(--radius-sm)}.primary-nav__link.is-active{color:var(--color-primary-deep)}.primary-nav__link.is-active:after{content:"";background:var(--color-primary-deep);border-radius:var(--radius-full);height:2px;position:absolute;bottom:-6px;left:0;right:0}.header-actions{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.site-header__end{flex-shrink:0;align-items:center;display:flex;position:relative}.menu-toggle{color:var(--color-ink);cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);background:0 0;border:none;display:none}.menu-toggle:hover{background:var(--color-surface)}.menu-toggle:focus-visible{outline:2px solid var(--color-primary-deep);outline-offset:2px}@media (width<=900px){.primary-nav,.header-actions{display:none}.site-header__end{margin-left:auto}.menu-toggle{display:inline-flex}.brand{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.site-header__bar{min-height:calc(68px + var(--space-sm) * 2)}}.mobile-overlay{background:color-mix(in oklch, var(--color-ink) 55%, transparent);opacity:0;pointer-events:none;z-index:var(--z-modal-backdrop);transition:opacity .28s;position:fixed;inset:0}.mobile-overlay.is-open{opacity:1;pointer-events:auto}.mobile-menu{background:var(--color-bg);width:min(84vw,360px);box-shadow:var(--shadow-float);z-index:var(--z-modal);flex-direction:column;transition:transform .32s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.mobile-menu.is-open{transform:translate(0)}.mobile-menu__header{padding:var(--space-md) var(--space-md) var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.mobile-menu__brand{font-weight:700;font-size:var(--text-title-size);color:var(--color-ink)}.mobile-menu__nav{padding:var(--space-md) 0;overflow-y:auto}.mobile-menu__nav ul{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mobile-menu__link{text-align:left;width:100%;font-family:var(--font-sans);color:var(--color-ink);padding:var(--space-md) var(--space-lg);cursor:pointer;background:0 0;border:none;font-size:1.0625rem;font-weight:600;text-decoration:none;transition:background-color .16s,color .16s;display:block}.mobile-menu__link:hover{background:var(--color-surface);color:var(--color-primary-deep)}.mobile-menu__link:focus-visible{outline:2px solid var(--color-primary-deep);outline-offset:-2px}.mobile-menu__link.is-active{color:var(--color-primary-deep)}.mobile-menu__actions{gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--color-border);flex-direction:column;margin-top:auto;display:flex}.mobile-bottom-nav{z-index:var(--z-sticky);background:var(--color-bg);border-top:1px solid var(--color-border);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:var(--shadow-float);padding-bottom:env(safe-area-inset-bottom);display:none;position:fixed;bottom:0;left:0;right:0}@media (width<=767px){.mobile-bottom-nav{display:block}}.mobile-bottom-nav__list{height:var(--mobile-bottom-nav-height);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.mobile-bottom-nav__item{display:flex}.mobile-bottom-nav__link{cursor:pointer;width:100%;color:var(--color-muted);font-family:var(--font-sans);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;text-decoration:none;transition:color .16s,background-color .16s;display:flex}.mobile-bottom-nav__link:active{background:var(--color-surface)}.mobile-bottom-nav__link:focus-visible{outline:2px solid var(--color-primary-deep);outline-offset:-2px}.mobile-bottom-nav__link.is-active{color:var(--color-primary-deep)}.mobile-bottom-nav__icon{width:22px;height:22px}.mobile-bottom-nav__label{font-size:var(--text-label-size);font-weight:600;line-height:1}.site-footer{background:var(--color-surface);border-top:3px solid var(--color-primary-deep)}@media (width<=767px){.site-footer{display:none}}.site-footer__inner{gap:var(--space-xl);padding-block:var(--space-2xl);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,1fr);display:grid}.site-footer__logo{object-fit:contain;width:auto;height:48px}.site-footer__tagline{margin:var(--space-md) 0 0;font-size:var(--text-label-size);color:var(--color-muted);max-width:32ch;line-height:1.5}.site-footer__column{gap:var(--space-md);flex-direction:column;display:flex}.site-footer__label{font-size:var(--text-label-size);letter-spacing:.04em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-xs);font-weight:700}.site-footer__link{font-family:var(--font-sans);font-size:var(--text-body-size);color:var(--color-ink);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-weight:600;text-decoration:none;transition:color .16s}.site-footer__link:hover{color:var(--color-primary-deep)}.site-footer__link:focus-visible{outline:2px solid var(--color-primary-deep);outline-offset:2px;border-radius:var(--radius-sm)}.site-footer__link.active{color:var(--color-primary-deep)}.site-footer__contact-item{align-items:flex-start;gap:var(--space-sm);font-size:var(--text-body-size);color:var(--color-muted);display:flex}.site-footer__contact-item svg{width:18px;height:18px;color:var(--color-primary);flex-shrink:0;margin-top:2px}.site-footer__contact-item a{color:var(--color-muted);text-decoration:none}.site-footer__contact-item a:hover{color:var(--color-primary-deep)}.site-footer__bottom{border-top:1px solid var(--color-border)}.site-footer__bottom p{padding-block:var(--space-md);font-size:var(--text-label-size);color:var(--color-muted);margin:0}@media (width<=900px){.site-footer__inner{gap:var(--space-lg);padding-block:var(--space-xl);grid-template-columns:1fr}}.page-transition-spinner-wrap{z-index:var(--z-toast);pointer-events:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.page-transition-spinner-badge{border-radius:var(--radius-full);background:var(--color-bg);width:64px;height:64px;box-shadow:var(--shadow-float);justify-content:center;align-items:center;display:flex}.page-transition-spinner{border:3px solid var(--color-surface);border-top-color:var(--color-primary-deep);border-radius:var(--radius-full);width:28px;height:28px;animation:.7s linear infinite page-transition-spin}@keyframes page-transition-spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-border) 37%, var(--color-surface) 63%);border-radius:var(--radius-md);background-size:400% 100%;animation:1.4s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:100%}to{background-position:0%}}.skeleton-section{padding-block:var(--space-2xl)}.skeleton-section--tinted{background:var(--color-surface)}.skeleton-section--tinted .skeleton{background-image:linear-gradient(90deg, var(--color-bg) 25%, var(--color-border) 37%, var(--color-bg) 63%)}.skeleton-hero{border-radius:var(--radius-lg);width:100%;height:420px}.skeleton-badge{border-radius:var(--radius-full);width:56px;height:56px;margin-bottom:var(--space-md)}.skeleton-heading{width:40%;height:28px;margin-bottom:var(--space-sm)}.skeleton-heading--center{margin-inline:auto}.skeleton-heading--sm{width:60%;height:22px}.skeleton-text{width:70%;height:16px;margin-bottom:var(--space-xs)}.skeleton-text--short{width:45%}.skeleton-card-grid{gap:var(--space-lg);margin-top:var(--space-xl);display:grid}.skeleton-card-grid--4up{grid-template-columns:repeat(4,minmax(0,1fr))}.skeleton-card{aspect-ratio:1;border-radius:var(--radius-lg)}.skeleton-button{border-radius:var(--radius-md);width:160px;height:44px;margin-top:var(--space-sm)}.skeleton-button--block{width:100%}.skeleton-detail-list{gap:var(--space-xl);flex-direction:column;display:flex}.skeleton-detail-card{gap:var(--space-2xl);padding:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.skeleton-detail-card__media{aspect-ratio:1;border-radius:var(--radius-lg)}.skeleton-detail-card__content{flex-direction:column;display:flex}.skeleton-service-topbar{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.skeleton-service-detail{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.skeleton-service-detail__media{aspect-ratio:1;border-radius:var(--radius-lg)}.skeleton-service-detail__content{flex-direction:column;display:flex}.skeleton-contact-grid{gap:var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.skeleton-contact-card{gap:var(--space-lg);padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-lg);flex-direction:column;display:flex}.skeleton-contact-row{align-items:center;gap:var(--space-md);display:flex}.skeleton-contact-row__lines{gap:var(--space-xs);flex-direction:column;flex:1;display:flex}.skeleton-icon-circle{border-radius:var(--radius-full);flex-shrink:0;width:44px;height:44px}.skeleton-field{border-radius:var(--radius-md);height:44px}.skeleton-auth-wrap{padding-block:var(--space-2xl);justify-content:center;display:flex}.skeleton-auth-card{gap:var(--space-md);width:100%;max-width:440px;padding:var(--space-xl);background:var(--color-surface);border-radius:var(--radius-lg);flex-direction:column;display:flex}.skeleton-dashboard{gap:var(--space-lg);flex-direction:column;max-width:320px;margin:0 auto;display:flex}.skeleton-dashboard__profile{align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-lg);background:var(--color-surface);border-radius:var(--radius-lg);flex-direction:column;display:flex}.skeleton-dashboard__avatar{border-radius:var(--radius-full);width:80px;height:80px;margin-bottom:var(--space-xs)}.skeleton-dashboard__menu{background:var(--color-border);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:1px;display:flex;overflow:hidden}.skeleton-dashboard__row{border-radius:0;height:40px}@media (width<=900px){.skeleton-card-grid--4up{grid-template-columns:repeat(2,minmax(0,1fr))}.skeleton-detail-card,.skeleton-contact-grid,.skeleton-service-detail{grid-template-columns:1fr}}@media (width<=600px){.skeleton-hero{height:280px}.skeleton-card-grid--4up{grid-template-columns:1fr}}.skeleton-tech-dashboard{padding:var(--space-lg);max-width:1400px;margin:0 auto}.skeleton-tech-dashboard__header{width:min(320px,60%);height:32px;margin-bottom:var(--space-lg)}.skeleton-tech-dashboard__stats{gap:var(--space-md);margin-bottom:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.skeleton-tech-dashboard__stat{border-radius:var(--radius-lg);height:96px}.skeleton-tech-dashboard__card{border-radius:var(--radius-lg);height:140px;margin-bottom:var(--space-md)}