@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;800&display=swap";.dt{--app-bg:#fff;--app-bg-gradient:#fff;--app-surface:#fff;--app-elevated:#fff;--app-option-bg:#fff;--font-sans:"Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--color-primary:#01498b;--color-primary-dark:#013a6f;--color-primary-darker:#012c54;--color-accent:#0a6bc4;--color-hitam:#13263a;--color-hitam-rgb:19, 38, 58;--app-primary:var(--color-primary);--app-primary-hover:var(--color-primary-dark);--app-primary-active:var(--color-primary-darker);--app-primary-deep:var(--color-primary-darker);--app-primary-tint:color-mix(in srgb, var(--color-accent) 55%, #fff);--app-primary-soft:color-mix(in srgb, var(--color-primary) 10%, transparent);--app-primary-ring:color-mix(in srgb, var(--color-primary) 32%, transparent);--app-accent:var(--color-accent);--font-judul:"Inter", "Google Sans", "SN Pro", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-judul-publik:"Sriracha", "SN Pro", ui-sans-serif, system-ui, sans-serif;--color-publik:#0a3b45;--color-publik-sorot:#4fd8c8;--color-publik-coret:#f2a13c;--color-publik-aksi:#0e9490;--color-publik-teks:var(--color-hitam);--color-publik-subteks:#4b5563;--color-hero-base:#01498b;--color-hero-line:#a3d0f7;--color-hero-glow-1:#4a9fe06b;--color-hero-glow-2:#1f7fce80;--app-on-primary:#fff;--app-text:var(--color-hitam);--app-body-text:var(--color-hitam);--app-text-muted:var(--color-hitam);--app-text-faint:var(--color-hitam);--app-placeholder:rgba(var(--color-hitam-rgb), .42);--app-border:rgba(var(--color-hitam-rgb), .14);--app-border-strong:rgba(var(--color-hitam-rgb), .2);--app-border-focus:rgba(var(--color-hitam-rgb), .42);--app-card-border:var(--app-border-strong);--app-shadow-card:var(--app-control-ring);--app-fill:rgba(var(--color-hitam-rgb), .04);--app-fill-strong:rgba(var(--color-hitam-rgb), .08);--app-neutral:#4a4a4a;--app-neutral-soft:#9ca3af;--app-chip-bg:color-mix(in srgb, var(--color-primary) 12%, transparent);--app-chip-fg:var(--color-primary-dark);--app-secondary-border:rgba(var(--color-hitam-rgb), .14);--app-secondary-text:var(--color-hitam);--app-link:var(--color-primary);--app-link-hover:var(--color-primary-dark);--app-count-bg:var(--color-primary);--app-count-fg:#fff;--app-scroll-thumb:rgba(var(--color-hitam-rgb), .2);--app-scroll-thumb-hover:rgba(var(--color-hitam-rgb), .36);--app-input-scheme:light;--app-desc-weight:600;--app-desc-color:var(--app-body-text);--app-control-h-sm:30px;--app-control-h:34px;--app-control-h-lg:38px;--app-field-label-size:13px;--app-field-label-weight:500;--app-control-ring:0 0 0 3px var(--app-fill-strong);--app-control-ring-focus:0 0 0 3px rgba(var(--color-hitam-rgb), .12);--app-control-ring-error:0 0 0 3px color-mix(in srgb, var(--app-danger-text) 25%, transparent);--app-success:#16a34a;--app-success-text:#15803d;--app-warning:#d29922;--app-warning-text:#8a6100;--app-danger:#da3633;--app-danger-text:#b91c1c;--app-danger-hover:#b91c1c;--app-success-solid:#15803d;--app-warning-solid:#d29922;--app-warning-solid-fg:var(--color-hitam);--app-danger-solid:#b91c1c}.inputtext{display:block}.inputtext__label{font-size:var(--app-field-label-size);font-weight:var(--app-field-label-weight);color:var(--app-body-text);margin-bottom:6px;display:block}.inputtext__req{color:var(--app-danger-text);margin-left:2px}.inputtext__wrap{position:relative}.inputtext__wrap--sandi .inputtext__field{padding-right:38px}.inputtext__reveal{width:24px;height:24px;color:var(--app-text-muted);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:flex;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.inputtext__reveal:hover{color:var(--app-text);background:var(--app-fill)}.inputtext__reveal svg{width:16px;height:16px}.inputtext__field{width:100%;height:var(--app-control-h);border:1px solid var(--app-border-strong);box-shadow:var(--app-control-ring);background:var(--app-bg);color:var(--app-body-text);border-radius:6px;padding:0 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.inputtext__field::placeholder{color:var(--app-placeholder)}.inputtext__field:focus{border-color:var(--app-border-focus);box-shadow:var(--app-control-ring-focus);outline:none}.inputtext__field:disabled{opacity:.5;cursor:not-allowed}.inputtext__field--error{border-color:var(--app-danger-text)}.inputtext__field--error:focus{box-shadow:var(--app-control-ring-error)}.inputtext__hint{font-size:11px;font-weight:var(--app-desc-weight);color:var(--app-desc-color);margin:6px 0 0}.inputtext__error{color:var(--app-danger-text);margin:6px 0 0;font-size:11px}.btn{white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:28px;padding:5px 10px;font-size:12px;font-weight:500;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex;position:relative}.btn:focus-visible{outline:2px solid var(--app-primary);outline-offset:1px}.btn--normal{background:var(--app-primary);color:var(--app-on-primary);border-color:var(--app-primary)}.btn--normal:hover:not(:disabled){background:var(--app-primary-hover);border-color:var(--app-primary-hover)}.btn--ghost{color:var(--app-text);background:#ededed}.btn--ghost:hover:not(:disabled){background:#e2e2e2}.btn:disabled:not(.btn--loading){color:#a8a8a8;cursor:not-allowed;background:#e9e9e9;border-color:#0000}.btn--loading{cursor:progress}.btn__icon{flex-shrink:0;width:16px;height:16px}.btn__spinner{flex-shrink:0;width:16px;height:16px;animation:1s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn--icon-only{aspect-ratio:1;width:28px;padding-left:0;padding-right:0}.login-page{background:#e9edf2;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;display:flex}.login-page button,.login-page input,.login-page label{font-family:inherit}.login-shell{background:#fff;border-radius:18px;grid-template-columns:1fr 1fr;width:min(960px,100%);display:grid;overflow:hidden;box-shadow:0 24px 60px -20px #0f172a40}.login-form-panel{flex-direction:column;justify-content:center;padding:clamp(28px,4vw,48px);display:flex}.login-brand{align-items:center;gap:10px;margin-bottom:15px;display:inline-flex}.login-brand__mark{display:inline-flex}.login-brand__name{letter-spacing:-.02em;color:#0f172a;font-size:1.05rem;font-weight:700}.login-title{letter-spacing:-.03em;color:#0f172a;margin:0;font-size:clamp(1.35rem,2.4vw,1.6rem);font-weight:700;line-height:1.2}.login-subtitle{color:#64748b;margin:0 0 11px;font-size:.84rem;line-height:1.45}.login-page .login-google{color:#0f172a;background:#fff;border:1px solid #e2e8f0;border-radius:10px;gap:10px;width:100%;min-height:46px;padding:0 20px;font-size:.9rem;font-weight:700;transition:background .15s,border-color .15s,transform .15s}.login-page .login-google:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1;transform:translateY(-1px)}.login-page .login-google>span{align-items:center;gap:10px;display:inline-flex}.login-google__mark{flex:none;width:18px;height:18px}.login-divider{color:#94a3b8;align-items:center;gap:12px;margin:10px 0 18px;font-size:.74rem;display:flex}.login-divider:before,.login-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.login-form{flex-direction:column;gap:12px;display:flex}.login-field .inputtext__field{background-position:13px;background-repeat:no-repeat;background-size:15px 15px;border-radius:10px;min-height:46px;padding-left:40px}.login-field--nama .inputtext__field{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2'/><circle cx='12' cy='7' r='4'/></svg>")}.login-field--email .inputtext__field{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='2' y='4' width='20' height='16' rx='2'/><path d='m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7'/></svg>")}.login-field--password .inputtext__field{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='11' width='18' height='11' rx='2'/><path d='M7 11V7a5 5 0 0 1 10 0v4'/></svg>")}.login-field--subdomain .inputtext__field{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10'/><path d='M2 12h20M12 2a15 15 0 0 1 0 20M12 2a15 15 0 0 0 0 20'/></svg>")}.login-domain-preview{color:#475569;overflow-wrap:anywhere;background:#f1f5f9;border-radius:7px;margin-top:6px;padding:8px 10px;font-size:.76rem}.register-shell{width:min(1020px,100%)}.registration-success{gap:14px}.registration-success__icon{color:#16a34a;width:52px;height:52px}.registration-success__box{color:#64748b;background:#f1f5f9;border-radius:10px;gap:7px;padding:14px;font-size:.78rem;display:grid}.registration-success__box a{color:var(--color-primary);overflow-wrap:anywhere;font-weight:700}.registration-success__button{background:var(--color-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:46px;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}.registration-success__mail{color:#64748b;align-items:flex-start;gap:8px;margin:0;font-size:.78rem;line-height:1.5;display:flex}.registration-success__mail svg{flex:none;margin-top:1px}.login-forgot{color:var(--color-primary);align-self:flex-end;margin-top:2px;font-size:.76rem;font-weight:600;text-decoration:none}.login-forgot:hover{text-decoration:underline}.login-page .login-submit{border-radius:10px;width:100%;min-height:46px;margin-top:10px;padding:0 20px;font-size:.9rem;font-weight:700;transition:background .15s,border-color .15s,transform .15s}.login-page .login-submit:hover:not(:disabled){transform:translateY(-1px)}.login-daftar{text-align:center;color:#64748b;margin:20px 0 0;font-size:.78rem}.login-daftar a{color:var(--color-primary);font-weight:700;text-decoration:none}.login-daftar a:hover{text-decoration:underline}.login-art-panel{background:linear-gradient(160deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:26px;padding:clamp(28px,4vw,48px);display:flex;position:relative;overflow:hidden}.login-art-panel:before{content:"";aspect-ratio:1;background:#ffffff12;border-radius:50%;width:78%;position:absolute;top:12%}.login-art{width:100%;max-width:320px;height:auto;position:relative}.login-art-title{letter-spacing:-.02em;margin:0;font-size:1.15rem;font-weight:700;position:relative}.login-art-text{color:#ffffffc7;max-width:300px;margin:-16px 0 0;font-size:.8rem;line-height:1.6;position:relative}.login-dots{gap:7px;display:flex;position:relative}.login-dots span{background:#ffffff61;border-radius:999px;width:7px;height:7px}.login-dots span.is-active{background:#fff}@media (width<=860px){.login-shell{grid-template-columns:1fr;max-width:440px;margin-inline:auto}.login-art-panel{display:none}}@media (width<=640px){.login-page{background:var(--color-primary);position:relative;overflow:clip}.login-page:after{content:"";aspect-ratio:1;pointer-events:none;background:#ffffff12;border-radius:50%;width:120vw;position:absolute;bottom:-40vw;right:-40vw}.login-shell{z-index:1;position:relative}.login-form-panel{padding:21px}.login-brand{display:none}.login-title{font-size:1rem}.login-field .inputtext__field{height:var(--app-control-h);min-height:var(--app-control-h);background-position:10px;background-size:14px 14px;border-radius:6px;padding-left:32px;font-size:13px}.login-page .login-google,.login-page .login-submit{border-radius:8px;min-height:28px;padding:5px 10px;font-size:12px}.login-page .login-google>span{gap:8px}.login-google__mark{width:16px;height:16px}}.lp-root{--emerald-950:#042b25;--emerald-900:#063b32;--emerald-800:#0a4d40;--emerald-700:#0b5c4d;--emerald-600:#107a63;--emerald-500:#1c9077;--gold:#c9a44d;--gold-2:#dcbb6a;--gold-soft:#efe2c4;--cream:#f4ecd6;--beige:#f4efe4;--soft:#faf8f2;--ground:#fff;--ink:#0f3029;--body:#586660;--muted:#8b978f;--line:#e9e4d7;--serif:"Playfair Display",Georgia,"Times New Roman",serif;--maxw:1200px;--nav-h:84px;--shadow-sm:0 2px 10px #06281e0f;--shadow-md:0 18px 42px -22px #06281e57;--shadow-lg:0 44px 90px -34px #041c168c;color:var(--body);-webkit-font-smoothing:antialiased;background:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.7;overflow-x:hidden}.lp-root *,.lp-root :before,.lp-root :after{box-sizing:border-box}.lp-root img{max-width:100%;display:block}.lp-root a{color:inherit;text-decoration:none}.lp-root h1,.lp-root h2,.lp-root h3,.lp-root h4{color:var(--ink);margin:0;font-weight:700;line-height:1.15}.lp-root p{margin:0}.lp-root ul{margin:0;padding:0;list-style:none}.lp-root figure{margin:0}.lp-root .wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1.15rem,4vw,2.5rem)}.lp-root .eyebrow{color:var(--emerald-700);letter-spacing:.2em;text-transform:uppercase;font-size:.77rem;font-weight:700;display:inline-block}.lp-root .eyebrow--light{color:var(--gold-2)}.lp-root .btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.55rem;padding:.85rem 1.6rem;font-family:inherit;font-size:.92rem;font-weight:600;line-height:1;transition:transform .2s,background .2s,box-shadow .2s,border-color .2s,color .2s;display:inline-flex}.lp-root .btn-lg{padding:1rem 1.85rem;font-size:.95rem}.lp-root .btn--green{background:var(--emerald-700);color:#fff;box-shadow:0 14px 30px -12px #0b5c4db3}.lp-root .btn--green:hover{background:var(--emerald-600);transform:translateY(-2px)}.lp-root .btn--green svg{color:var(--gold-2)}.lp-root .btn--gold{background:linear-gradient(180deg,var(--gold-2),var(--gold));color:#2a1f06;box-shadow:0 14px 30px -12px #c9a44d99}.lp-root .btn--gold:hover{transform:translateY(-2px);box-shadow:0 18px 36px -12px #c9a44dc7}.lp-root .btn--play{color:#fff;background:0 0;padding-inline:.4rem}.lp-root .btn--play .btn__play{background:#ffffff1f;border:1px solid #ffffff59;border-radius:999px;place-items:center;width:44px;height:44px;display:grid}.lp-root .btn--play .btn__play svg{fill:#fff}.lp-root .nav{z-index:60;height:var(--nav-h);align-items:center;transition:background .35s,box-shadow .35s,height .35s;display:flex;position:fixed;inset:0 0 auto}.lp-root .nav__inner{align-items:center;gap:1rem;display:flex}.lp-root .nav.scrolled{-webkit-backdrop-filter:saturate(160%)blur(14px);backdrop-filter:saturate(160%)blur(14px);background:#083127eb;box-shadow:0 14px 34px -18px #041c16d9}.lp-root .brand{flex:1;align-items:center;gap:.7rem;display:flex}.lp-root .brand__mark{flex:none;place-items:center;width:42px;height:46px;display:grid}.lp-root .brand__mark svg{width:100%;height:100%;display:block}.lp-root .brand__logo{-o-object-fit:contain;object-fit:contain;background:#fff;border-radius:13px;flex:none;width:46px;height:46px;padding:3px}.lp-root .brand__id{flex-direction:column;line-height:1.05;display:flex}.lp-root .brand__name{font-family:var(--serif);color:#fff;font-size:1.32rem;font-weight:700}.lp-root .brand__sub{letter-spacing:.32em;text-transform:uppercase;color:var(--gold-2);margin-top:.18rem;font-size:.62rem;font-weight:600}.lp-root .nav__links{flex:none;align-items:center;gap:.12rem;display:flex}.lp-root .nav__links a{color:#eeeee7d1;border-radius:8px;padding:.5rem .85rem;font-size:.9rem;font-weight:500;transition:color .2s,background .2s}.lp-root .nav__links a:hover{color:#fff;background:#ffffff1a}.lp-root .nav__cta{flex:1;justify-content:flex-end;align-items:center;gap:.6rem;display:flex}.lp-root .nav__btn{background:var(--emerald-700);color:#fff;padding:.72rem 1.4rem;box-shadow:0 10px 22px -10px #0b5c4dcc}.lp-root .nav__btn svg{color:var(--gold-2)}.lp-root .nav__btn:hover{background:var(--emerald-600);transform:translateY(-1px)}.lp-root .nav__toggle{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff47;border-radius:11px;justify-content:center;align-items:center;width:44px;height:44px;display:none}.lp-root .nav__mobile{background:var(--emerald-900);box-shadow:var(--shadow-md);border-top:1px solid #2b504399;padding-block:.5rem;position:absolute;top:100%;left:0;right:0}.lp-root .nav__mobile a{color:#eeeee7d9;border-bottom:1px solid #26403780;padding:.85rem .25rem;font-weight:500;display:block}.lp-root .nav__mobile a:last-child{border-bottom:0}.lp-root .nav__mobile .btn{width:100%;margin-top:.85rem}.lp-root .hero{color:#fff;background:var(--emerald-900);min-height:100vh;padding-top:var(--nav-h);flex-direction:column;display:flex;position:relative;overflow:hidden}.lp-root .hero__bg{z-index:0;position:absolute;inset:0}.lp-root .hero__bg img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.lp-root .hero__overlay{background:linear-gradient(90deg,#042019f0 0%,#06281fbd 40%,#0c31256b 70%,#163b2942 100%),linear-gradient(#0000 58%,#031c16b8);position:absolute;inset:0}.lp-root .hero__wrap{z-index:2;flex:1;align-items:center;display:flex;position:relative}.lp-root .hero__text{max-width:40rem;padding-block:clamp(1.5rem,5vh,3rem)}.lp-root .hero__badge{color:var(--gold-2);letter-spacing:.18em;text-transform:uppercase;background:#c6a9531a;border:1px solid #dbc17680;border-radius:999px;padding:.55rem 1.15rem;font-size:.72rem;font-weight:700;display:inline-block}.lp-root .hero__title{font-family:var(--serif);letter-spacing:-.005em;color:#fff;margin-top:1.35rem;font-size:clamp(2.6rem,5.6vw,4.4rem);font-weight:700;line-height:1.07}.lp-root .hero__title .gold{color:var(--gold-2)}.lp-root .hero__desc{color:#eeeee7d1;max-width:33rem;margin-top:1.3rem;font-size:clamp(1rem,1.3vw,1.1rem);line-height:1.6}.lp-root .hero__actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem;display:flex}.lp-root .hero__stats-wrap{z-index:2;padding-bottom:clamp(1.5rem,4vh,2.5rem);position:relative}.lp-root .hero__stats{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#051e19a8;border:1px solid #cfb97738;border-radius:18px;grid-template-columns:repeat(4,1fr);padding:clamp(1.05rem,2.1vw,1.5rem) .25rem;display:grid;position:relative;box-shadow:0 34px 70px -32px #02120ecc}.lp-root .hero__stats:before{content:"";background:linear-gradient(90deg,transparent,var(--gold) 30%,var(--gold) 70%,transparent);opacity:.65;height:2px;position:absolute;top:0;left:9%;right:9%}.lp-root .hstat{align-items:center;gap:.9rem;padding-inline:clamp(.75rem,1.8vw,1.6rem);transition:transform .25s;animation:.6s both lpStatIn;display:flex}.lp-root .hstat+.hstat{border-left:1px solid #d1c29429}.lp-root .hstat:hover{transform:translateY(-4px)}@keyframes lpStatIn{0%{opacity:0}to{opacity:1}}.lp-root .hstat__ic{width:44px;height:44px;color:var(--gold-2);background:#cbac4d1f;border:1px solid #d1b5614d;border-radius:999px;flex:none;place-items:center;transition:background .25s,box-shadow .25s;display:grid}.lp-root .hstat:hover .hstat__ic{background:#cbac4d33;box-shadow:0 0 18px #d1af474d}.lp-root .hstat__body{min-width:0}.lp-root .hstat__num{font-family:var(--serif);color:#fff;font-size:clamp(1.55rem,2.2vw,2.05rem);font-weight:800;line-height:1;display:block}.lp-root .hstat__label{color:#eaeae1c7;margin-top:.34rem;font-size:.8rem;display:block}.lp-root .section{padding-block:clamp(3.5rem,6vw,5.5rem)}.lp-root .section--soft{background:var(--soft)}.lp-root .section--beige{background:var(--beige)}.lp-root .s-title{font-family:var(--serif);color:var(--ink);margin-top:.7rem;font-size:clamp(1.9rem,3.4vw,2.7rem);font-weight:700;line-height:1.16}.lp-root .s-intro{color:var(--body);max-width:34rem;margin-top:1rem;font-size:1.02rem;line-height:1.7}.lp-root .about{grid-template-columns:1fr;align-items:start;gap:clamp(2rem,4vw,3.5rem);display:grid}.lp-root .about__body{min-width:0}.lp-root .about__p{color:var(--body);margin-top:1.15rem;line-height:1.75}.lp-root .about__list{gap:1.15rem;margin-top:1.75rem;display:grid}.lp-root .about__point{align-items:flex-start;gap:1rem;display:flex}.lp-root .about__point-ic{background:linear-gradient(150deg,var(--emerald-600),var(--emerald-900));color:#fff;border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 10px 20px -10px #0b5c4d99}.lp-root .about__point b{color:var(--ink);font-size:1.04rem;font-weight:700;display:block}.lp-root .about__point p{color:var(--body);margin-top:.15rem;font-size:.92rem;line-height:1.55}.lp-root .about__media{position:relative}.lp-root .about__card{aspect-ratio:4/3;background:linear-gradient(160deg,var(--emerald-600),var(--emerald-950));box-shadow:var(--shadow-lg);border-radius:20px;position:relative;overflow:hidden}.lp-root .about__img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.lp-root .about__art{color:#e8ddbacc;width:40%;margin:auto;position:absolute;inset:0}.lp-root .about__quote{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;box-shadow:var(--shadow-lg);background:linear-gradient(#062d246b,#031c16eb);border:1px solid #d5c49038;border-radius:18px;padding:1.5rem 1.7rem;position:absolute;bottom:0;left:1.5rem;right:1rem}.lp-root .about__quote .ar{font-family:var(--serif);color:var(--gold-2);direction:rtl;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.85}.lp-root .about__quote .tr{color:#eeeee7d1;margin-top:.65rem;font-size:.88rem;line-height:1.55}.lp-root .about__quote-mark{font-family:var(--serif);color:var(--gold);opacity:.55;font-size:3rem;line-height:1;position:absolute;bottom:.35rem;right:1.2rem}.lp-root .prog-head{grid-template-columns:1fr;align-items:end;gap:.85rem;display:grid}.lp-root .prog-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:clamp(1.85rem,3vw,2.5rem);display:grid}.lp-root .prog-card{background:#fff;border-radius:16px;align-items:flex-start;gap:1.1rem;padding:1.5rem;transition:transform .22s,box-shadow .22s;display:flex;box-shadow:0 12px 32px -18px #06281e33}.lp-root .prog-card:hover{transform:translateY(-5px);box-shadow:0 24px 48px -22px #06281e47}.lp-root .prog-card__ic{background:var(--cream);width:52px;height:52px;color:var(--emerald-700);border-radius:999px;flex:none;place-items:center;display:grid}.lp-root .prog-card__body{min-width:0}.lp-root .prog-card h3{color:var(--ink);font-size:1.05rem;font-weight:700}.lp-root .prog-card p{color:var(--body);margin-top:.4rem;font-size:.9rem;line-height:1.55}.lp-root .gal-head{align-items:center;display:flex}.lp-root .gal-carousel{margin-top:clamp(1.5rem,3vw,2.25rem);position:relative}.lp-root .gal-arrow{z-index:3;border:1px solid var(--line);width:48px;height:48px;color:var(--emerald-700);cursor:pointer;box-shadow:var(--shadow-md);background:#fff;border-radius:999px;place-items:center;transition:all .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.lp-root .gal-arrow:hover{background:var(--emerald-700);color:#fff;border-color:var(--emerald-700)}.lp-root .gal-arrow--prev{left:clamp(.3rem,1.2vw,1rem)}.lp-root .gal-arrow--next{right:clamp(.3rem,1.2vw,1rem)}.lp-root .gal-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:1.15rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.lp-root .gal-track::-webkit-scrollbar{display:none}.lp-root .tile{scroll-snap-align:start;aspect-ratio:4/5;background:linear-gradient(160deg,var(--emerald-600),var(--emerald-950));box-shadow:var(--shadow-md);border-radius:16px;flex:0 0 clamp(170px,18%,205px);transition:transform .25s;position:relative;overflow:hidden}.lp-root .tile:hover{transform:translateY(-5px)}.lp-root .tile__img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.lp-root .tile__art{color:#ebe0c2d9;width:64px;height:64px;margin:auto;position:absolute;inset:0}.lp-root .tile__label{color:#fff;text-align:center;background:linear-gradient(#0000,#05241d80 38%,#031c16f0);padding:2rem .9rem .95rem;font-size:.88rem;font-weight:600;position:absolute;inset:auto 0 0}.lp-root .gal-dots{justify-content:center;gap:.4rem;margin-top:1.3rem;display:flex}.lp-root .gal-dots i{background:var(--line);border-radius:999px;width:8px;height:8px;transition:all .25s}.lp-root .gal-dots i.on{background:var(--emerald-700);width:24px}.lp-root .contact{grid-template-columns:1fr;align-items:start;gap:clamp(1.85rem,3vw,2.75rem);display:grid}.lp-root .contact__list{gap:.75rem;margin-top:1.5rem;display:grid}.lp-root .contact__item{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:14px;align-items:center;gap:1rem;padding:1rem 1.1rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex}.lp-root .contact__item:hover{box-shadow:var(--shadow-md);border-color:var(--gold-soft);transform:translateY(-2px)}.lp-root .contact__item .ic{background:linear-gradient(150deg,var(--emerald-600),var(--emerald-900));color:#fff;border-radius:999px;flex:none;place-items:center;width:46px;height:46px;display:grid}.lp-root .contact__item .k{color:var(--ink);font-size:.92rem;font-weight:600}.lp-root .contact__item .v{color:var(--body);margin-top:.1rem;font-size:.85rem;line-height:1.45}.lp-root .contact__panel{color:#fff;background:linear-gradient(155deg,var(--emerald-900),var(--emerald-950));box-shadow:var(--shadow-lg);border-radius:24px;padding:clamp(2rem,3.5vw,2.85rem);position:relative;overflow:hidden}.lp-root .contact__panel:before{content:"";z-index:0;opacity:.07;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'><g fill='none' stroke='%23C9A44D' stroke-width='1.1'><path d='M32 2 L50 13 L50 35 L32 46 L14 35 L14 13 Z'/><path d='M32 20 l11 6 -11 7 -11 -7 Z'/><circle cx='32' cy='27' r='3'/></g></svg>");background-size:64px 64px;position:absolute;inset:0}.lp-root .contact__panel-art{color:#9cc9b31a;z-index:0;width:58%;position:absolute;bottom:-14%;right:-12%}.lp-root .contact__panel-art svg{width:100%}.lp-root .contact__panel>*{z-index:1;position:relative}.lp-root .contact__panel h3{font-family:var(--serif);color:#fff;margin-top:.7rem;font-size:clamp(1.55rem,2.6vw,2.05rem);line-height:1.2}.lp-root .contact__panel p{color:#eeeee7d1;margin-top:.9rem;line-height:1.65}.lp-root .contact__panel .btn{margin-top:1.6rem}.lp-root .footer{background:var(--emerald-900);color:#e5e5dcb3;position:relative;overflow:hidden}.lp-root .footer__pattern{opacity:.05;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64'><g fill='none' stroke='%23C9A44D' stroke-width='1.1'><path d='M32 2 L50 13 L50 35 L32 46 L14 35 L14 13 Z'/><path d='M32 20 l11 6 -11 7 -11 -7 Z'/><circle cx='32' cy='27' r='3'/></g></svg>");background-size:64px 64px;position:absolute;inset:0}.lp-root .footer__grid{z-index:1;grid-template-columns:1fr;gap:2.25rem;padding-block:clamp(3rem,5vw,4.25rem);display:grid;position:relative}.lp-root .footer__brand .brand__name{color:#fff}.lp-root .footer__brand p{max-width:24em;margin-top:1.1rem;font-size:.92rem;line-height:1.75}.lp-root .footer__col h4{color:#fff;letter-spacing:.16em;text-transform:uppercase;margin:0 0 1.1rem;font-size:.74rem;font-weight:700}.lp-root .footer__col a{padding:.34rem 0;font-size:.92rem;transition:color .2s;display:block}.lp-root .footer__col a:hover{color:var(--gold-2)}.lp-root .footer__k{align-items:flex-start;gap:.6rem;padding:.34rem 0;font-size:.9rem;display:flex}.lp-root .footer__k svg{color:var(--gold-2);flex:none;margin-top:.25rem}.lp-root .socials{gap:.6rem;margin-top:1.3rem;display:flex}.lp-root .socials a{color:#e5e5dcd9;background:#203c32b3;border:1px solid #32534899;border-radius:999px;place-items:center;width:40px;height:40px;transition:all .2s;display:grid}.lp-root .socials a:hover{background:var(--emerald-700);color:#fff;border-color:var(--emerald-700)}.lp-root .footer__bottom{z-index:1;color:#e0e0d699;border-top:1px solid #2a463d99;padding-block:1.4rem;font-size:.84rem;position:relative}.lp-root .reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(26px)}.lp-root .reveal.in{opacity:1;transform:none}.lp-root .lp-active{outline:2.5px solid var(--gold);outline-offset:3px;border-radius:6px}.lp-root.lp-preview section,.lp-root.lp-preview .footer{cursor:pointer}.lp-root :focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:4px}@media (width>=640px){.lp-root .footer__grid{grid-template-columns:1fr 1fr}}@media (width>=768px){.lp-root .prog-head{grid-template-columns:1.1fr .9fr}}@media (width>=980px){.lp-root .about{grid-template-columns:1.05fr .95fr;align-items:stretch}.lp-root .about__card{aspect-ratio:auto;height:100%;min-height:24rem}.lp-root .contact{grid-template-columns:1.15fr .85fr}.lp-root .footer__grid{grid-template-columns:1.9fr 1fr 1fr 1.4fr}}@media (width<=979px){.lp-root .about__quote{margin:-3rem 1rem 0;position:static;bottom:auto;left:auto;right:auto}}@media (width<=920px){.lp-root .nav__links{display:none}.lp-root .nav__toggle{display:inline-flex}.lp-root .nav__btn{display:none}.lp-root .brand{flex:1}}@media (width<=680px){.lp-root .hero__stats{grid-template-columns:1fr 1fr;gap:1.2rem 0;padding:1.2rem .25rem}.lp-root .hstat:nth-child(odd){border-left:0}.lp-root .hstat:nth-child(n+3){border-top:1px solid #d1c29429;padding-top:1.2rem}.lp-root .hstat__num{font-size:clamp(1.45rem,6vw,1.85rem)}.lp-root .gal-arrow{display:none}}@media (prefers-reduced-motion:reduce){.lp-root .reveal{opacity:1;transition:none;transform:none}.lp-root .hstat{animation:none}.lp-root .hstat__ic,.lp-root .btn,.lp-root .prog-card,.lp-root .tile,.lp-root .contact__item{transition:none}}.sl-root{--lp-primary:#01498b;--lp-primary-dark:#013a6f;--lp-primary-soft:#01498b14;--lp-primary-line:#01498b38;--lp-ink:#111;--lp-ink-soft:#1f2937;--lp-muted:#4b5563;--lp-line:#e5e7eb;--lp-surface:#f6f8fb;background:#fff;min-height:100vh;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:clip}.sl-root *,.sl-root :before,.sl-root :after{box-sizing:border-box}.sl-root button,.sl-root input,.sl-root select,.sl-root textarea{font-family:inherit}.sl-opacity-0{opacity:0}.sl-reveal{will-change:opacity}.sl-fade-in{animation:.5s forwards slFadeInUp}@keyframes slFadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.sl-fade-in{opacity:1;animation:none}}.lp-section{justify-content:center;width:100%;padding:clamp(24px,3vw,42px) 0;display:flex}.lp-section--muted{background:var(--lp-surface)}.lp-shell{width:min(1160px,100%);min-width:0;margin:0 22px}.lp-shell--narrow{width:min(820px,100%)}.lp-eyebrow{background:var(--lp-primary-soft);color:var(--lp-primary);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;gap:7px;margin-bottom:12px;padding:5px 13px;font-size:.875rem;font-weight:700;display:inline-flex}.lp-heading{max-width:820px;color:var(--lp-ink);letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,3.1vw,2.25rem);font-weight:700;line-height:1.28}.lp-btn{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:10px;height:48px;padding:0 26px;font-size:.925rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .15s,background .15s,border-color .15s;display:inline-flex}.lp-btn:hover{transform:translateY(-1px)}.lp-btn--primary{background:var(--lp-primary);border:1px solid var(--lp-primary);color:#fff}.lp-btn--primary:hover{background:var(--lp-primary-dark);border-color:var(--lp-primary-dark)}.lp-btn--outline{border:1px solid var(--lp-primary);color:var(--lp-primary);background:#fff}.lp-btn--outline:hover{background:var(--lp-primary-soft)}.top-banner{color:#111827;z-index:9999;border-bottom:1px solid var(--lp-line);background:#fff;width:100%;padding:10px 16px;font-size:14px;position:sticky;top:0}.top-banner__content{text-align:center;max-width:1200px;margin:0 auto}.top-banner__text{font-weight:500;line-height:1.6}.top-banner__highlight{color:var(--lp-primary);font-weight:800}.top-banner__cta{background:var(--lp-primary);color:#fff;vertical-align:middle;border-radius:999px;margin-left:10px;padding:5px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:background .15s;display:inline-block}.top-banner__cta:hover{background:var(--lp-primary-dark)}.top-banner__login{color:var(--lp-primary);margin-left:12px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.top-banner__login:hover{text-decoration:underline}@media (width<=768px){.top-banner{padding:8px 12px;font-size:13px}.top-banner__cta{padding:4px 12px;font-size:12px}}.home-hero-section{width:100%;padding:0}.home-hero{background:#fff;justify-content:center;align-items:center;width:100%;min-height:300px;padding:clamp(22px,2.5vw,38px) clamp(20px,4vw,40px) clamp(18px,2vw,26px);display:flex;position:relative;overflow:hidden}.home-hero__content{z-index:1;text-align:center;flex-direction:column;align-items:center;width:min(100%,940px);display:flex;position:relative}.home-hero__title{color:var(--lp-ink);letter-spacing:-.04em;margin:0;font-size:clamp(1.85rem,3.6vw,2.7rem);font-weight:700;line-height:1.24}@media (width>=901px){.home-hero__title{font-size:clamp(2.15rem,4vw,3.05rem)}}.home-hero__title-accent{color:#fff;background:var(--lp-primary);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;padding:2px 10px}.home-hero__description{max-width:720px;color:var(--lp-muted);margin:16px 0 0;font-size:1.0625rem;line-height:1.6}.home-hero__actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:26px;display:flex}.home-hero__button{cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-width:240px;height:50px;padding:0 24px;font-size:.9375rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;position:relative;overflow:hidden}.home-hero__button:hover{transform:translateY(-1px)}.home-hero__button--primary{border:1px solid var(--lp-primary);background:var(--lp-primary);color:#fff}.home-hero__button--primary:hover{background:var(--lp-primary-dark);border-color:var(--lp-primary-dark)}.home-hero__button--secondary{border:1px solid var(--lp-primary);color:var(--lp-primary);background:#fff}.home-hero__button--secondary:hover{background:var(--lp-primary-soft)}.home-hero__trust{flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:22px 0 0;padding:0;list-style:none;display:flex}.home-hero__trust li{color:var(--lp-muted);align-items:center;gap:7px;font-size:.8125rem;font-weight:500;display:inline-flex}.home-hero__trust svg{color:#16a34a;flex:none}.home-hero__demo{margin-top:clamp(28px,4vw,42px);width:100%;max-width:900px;margin-inline:auto}.home-hero__demo-title{color:var(--lp-muted);margin-bottom:16px;font-size:.875rem}@media (width<=640px){.home-hero{min-height:0;padding:36px 18px 32px}.home-hero__actions{flex-direction:column;width:100%}.home-hero__button{width:100%;min-width:0}.home-hero__trust{flex-direction:column;align-items:center;gap:8px}}.demo-slider{margin-top:26px}.demo-slider__track{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0;display:grid}.demo-slider__item{min-width:0}.demo-slider__item img{border:1px solid var(--lp-line);border-radius:14px;width:100%;height:auto;display:block}.demo-slider__dots{display:none}@media (width<=900px){.demo-slider__track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:0;display:flex;overflow:auto hidden}.demo-slider__track::-webkit-scrollbar{display:none}.demo-slider__item{scroll-snap-align:start;flex:0 0 100%}.demo-slider__dots{justify-content:center;gap:8px;margin-top:16px;display:flex}.demo-slider__dot{background:var(--lp-line);cursor:pointer;border:0;border-radius:999px;width:8px;height:8px;padding:0;transition:width .25s,background .25s}.demo-slider__dot.is-active{background:var(--lp-primary);width:26px}}.lp-comparison{grid-template-columns:1fr 1fr;align-items:start;gap:24px;margin-top:36px;display:grid}.lp-comparison__col{border-radius:16px;min-height:100%;padding:32px 28px}.lp-comparison__col--old{border:1px solid var(--lp-line);background:#fafafa}.lp-comparison__col--new{background:#f0fdf4;border:1px solid #bbf7d0;position:relative}.lp-comparison__badge{background:var(--lp-primary);color:#fff;letter-spacing:.06em;text-transform:uppercase;border-radius:8px;padding:5px 16px;font-size:.75rem;font-weight:700;position:absolute;top:-14px;left:28px}.lp-comparison__title{text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:10px;margin:0 0 24px;font-size:1.05rem;font-weight:800;display:flex}.lp-comparison__title--old{color:#dc2626}.lp-comparison__title--new{color:#16a34a;margin-top:8px}.lp-comparison__list{flex-direction:column;gap:18px;margin:0;padding:0;list-style:none;display:flex}.lp-comparison__list li{color:var(--lp-muted);align-items:flex-start;gap:11px;font-size:.9rem;line-height:1.6;display:flex}.lp-comparison__list li svg{flex:none;margin-top:4px}.lp-comparison__list strong{color:var(--lp-ink);font-weight:700}.lp-comparison__col--old .lp-comparison__list li svg{color:#dc2626}.lp-comparison__col--new .lp-comparison__list li svg{color:#16a34a}.lp-comparison__stabilo{color:#dc2626;text-underline-offset:3px;font-weight:600;text-decoration:underline;text-decoration-thickness:2px}.lp-comparison__subtitle{text-align:center;color:var(--lp-muted);margin:12px 0 0;font-size:.9375rem;font-style:italic;line-height:1.6}.lp-comparison__title-accent{color:#fff;background:var(--lp-primary);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:6px;padding:2px 10px}#masalah .lp-heading{text-align:center;margin-inline:auto}@media (width<=768px){.lp-comparison{grid-template-columns:1fr;gap:28px}.lp-comparison__col{padding:24px 20px}.lp-comparison__title{margin-bottom:18px;font-size:.9rem}.lp-comparison__list{gap:14px}.lp-comparison__list li{gap:10px;font-size:.875rem}}.lp-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.lp-feature-card{border:1px solid var(--lp-line);background:#fff;border-radius:14px;gap:14px;padding:22px;display:flex}.lp-feature-card__icon{background:var(--lp-primary-soft);width:40px;height:40px;color:var(--lp-primary);border-radius:11px;flex:none;justify-content:center;align-items:center;display:inline-flex}.lp-feature-card__title{color:var(--lp-ink);margin:0 0 2.5px;font-size:1rem;font-weight:700;line-height:1.35}.lp-feature-card__text{color:var(--lp-muted);margin:0;font-size:.94rem;line-height:1.6}@media (width<=900px){.lp-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.lp-feature-grid{grid-template-columns:1fr}}.lp-review-slider{margin-top:28px}.lp-review-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;min-width:0;padding-bottom:4px;display:flex;overflow:auto hidden}.lp-review-track::-webkit-scrollbar{display:none}.lp-review-card{scroll-snap-align:start;border:1px solid var(--lp-line);background:#fff;border-radius:14px;flex-direction:column;flex:0 0 clamp(258px,31%,360px);gap:12px;padding:22px;display:flex}.lp-review-card__stars{color:#f5a623;gap:2px;display:inline-flex}.lp-review-card__text{color:var(--lp-muted);flex:1;margin:0;font-size:.94rem;line-height:1.65}.lp-review-card__name{color:var(--lp-ink);font-size:.88rem;font-weight:700}.lp-review-nav{justify-content:flex-end;gap:8px;margin-top:14px;display:flex}.lp-review-nav__btn{border:1px solid var(--lp-line);width:38px;height:38px;color:var(--lp-ink-soft);cursor:pointer;background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:inline-flex}.lp-review-nav__btn:hover{border-color:var(--lp-primary);color:var(--lp-primary)}.pk-section{background:var(--lp-surface);padding-bottom:clamp(40px,5vw,64px)}.pk-heading{text-align:center;margin-inline:auto}.pk-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:16px;margin-top:36px;display:grid}.pk-card{border:1px solid var(--lp-line);background:#fff;border-radius:18px;flex-direction:column;height:100%;padding:26px 24px 28px;display:flex}.pk-card--sorot{color:#fff;background:#0f172a;border-color:#0f172a}.pk-card__head{flex-wrap:wrap;align-items:center;gap:8px;min-height:30px;display:flex}.pk-card__name{color:var(--lp-ink);margin:0;font-size:1.05rem;font-weight:700}.pk-card--sorot .pk-card__name{color:#fff}.pk-card__badge{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#ffffff24;border-radius:999px;padding:4px 10px;font-size:.68rem;font-weight:700}.pk-card__price-label{color:var(--lp-muted);margin:18px 0 0;font-size:.8rem}.pk-card--sorot .pk-card__price-label{color:#cbd5e1}.pk-card__price-label+.pk-card__price{margin-top:4px}.pk-card__price{letter-spacing:-.03em;color:var(--lp-ink);margin:18px 0 0;font-size:clamp(1.6rem,2.4vw,2rem);font-weight:800;line-height:1.15}.pk-card--sorot .pk-card__price{color:#fff}.pk-card__price-unit{letter-spacing:0;color:var(--lp-muted);margin-left:6px;font-size:.82rem;font-weight:500}.pk-card--sorot .pk-card__price-unit{color:#cbd5e1}.pk-card__desc{color:var(--lp-muted);margin:14px 0 0;font-size:.88rem;line-height:1.6}.pk-card--sorot .pk-card__desc{color:#cbd5e1}.pk-card__cta{background:var(--lp-primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:44px;margin:22px 0 0;font-size:.88rem;font-weight:700;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.pk-card__cta:hover{background:var(--lp-primary-dark);transform:translateY(-1px)}.pk-card--sorot .pk-card__cta{color:#0f172a;background:#fff}.pk-card--sorot .pk-card__cta:hover{background:#e2e8f0}.pk-card__fitur-title{border-top:1px dashed var(--lp-line);color:var(--lp-ink);margin:24px 0 0;padding-top:20px;font-size:.82rem;font-weight:700}.pk-card--sorot .pk-card__fitur-title{color:#fff;border-top-color:#ffffff2e}.pk-card__fitur{flex-direction:column;gap:11px;margin:14px 0 0;padding:0;list-style:none;display:flex}.pk-card__fitur li{color:var(--lp-ink-soft);align-items:flex-start;gap:9px;font-size:.86rem;line-height:1.5;display:flex}.pk-card--sorot .pk-card__fitur li{color:#e2e8f0}.pk-card__check{background:var(--lp-primary);color:#fff;border-radius:5px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;margin-top:2px;display:inline-flex}.pk-card--sorot .pk-card__check{color:#0f172a;background:#fff}@media (width<=1100px){.pk-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.pk-grid{grid-template-columns:1fr}}.minimal-footer{border-top:1px solid var(--lp-line);text-align:center;background:#fff;padding:28px 20px}.minimal-footer p{color:var(--lp-muted);margin:0;font-size:.85rem;line-height:1.6}.minimal-footer a{color:var(--lp-primary);font-weight:600;text-decoration:none}.badge{white-space:nowrap;color:#fff;background-color:var(--app-neutral);border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:10px;font-weight:600;line-height:1.4;display:inline-flex}.badge__icon{flex-shrink:0;width:12px;height:12px}.badge--green{background-color:var(--app-success-solid)}.badge--amber{background-color:var(--app-warning-solid);color:var(--app-warning-solid-fg)}.badge--red{background-color:var(--app-danger-solid)}.badge--blue{background-color:var(--app-primary-hover)}.badge--purple{background-color:var(--app-primary-deep)}.badge--gray{background-color:var(--app-neutral)}.badgeinfo{background:color-mix(in srgb, var(--bi-c) 13%, var(--app-surface));width:100%;color:var(--bi-c);border-radius:6px;align-items:center;gap:8px;padding:7px 12px;font-size:12px;font-weight:500;line-height:1.4;display:flex}.badgeinfo__icon{flex-shrink:0;width:16px;height:16px}.badgeinfo__text{min-width:0}.badgeinfo--polos{gap:0}.badgeinfo--success{--bi-c:var(--app-success-text)}.badgeinfo--error{--bi-c:var(--app-danger-text)}.badgeinfo--info{--bi-c:var(--app-primary-hover)}.badgeinfo--warning{--bi-c:var(--app-warning-text)}.dt{background-color:var(--app-bg);color:var(--app-body-text);font-family:var(--font-sans,"Inter", "SN Pro", ui-sans-serif, system-ui, sans-serif);-webkit-font-smoothing:antialiased;font-size:15px}.dt,.dt *{line-height:1.4}.dt :is(h1,h2,h3,h4,h5,h6) *{line-height:inherit}.dt .app-main :is(h1,h2,h3,h4,h5,h6){line-height:1.2}.dt .app-main :is(h1,h2,h3,h4,h5,h6)+p{margin-top:0;line-height:1.25}.dt ::-webkit-scrollbar{width:6px;height:6px}.dt ::-webkit-scrollbar-track{background:0 0}.dt ::-webkit-scrollbar-thumb{background:var(--app-scroll-thumb);border-radius:1px}.dt ::-webkit-scrollbar-thumb:hover{background:var(--app-scroll-thumb-hover)}.dt .app-section-card{box-shadow:var(--app-shadow-card);background:#ededed;border:0;border-radius:8px;overflow:hidden}.dt .chartline,.dt .chartlinev2,.dt .chartbarver,.dt .chartbarhor,.dt .chartpie,.dt .chartlistbar,.dt .charttoplist,.dt .cardbar-list,.dt .cardbar-chart,.dt .chartbar-ganda,.dt .tablelist-v1,.dt .tabelcardv1,.dt .heatmap{box-shadow:var(--app-shadow-card)}.dt .app-section-body{padding:16px}.dt .app-main .space-y-6>:not([hidden])~:not([hidden]){margin-top:.75rem}.dt .app-main .gap-6{gap:.75rem}@media (width<=639px){.dt .app-section-body{padding:10px}.dt .app-main .space-y-6>:not([hidden])~:not([hidden]){margin-top:.5625rem}.dt .app-main .gap-6{gap:.5625rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dt .animate-fade-in{animation:.3s ease-out fadeIn}.dt .animate-fade-in-scale{animation:.2s ease-out fadeInScale}html:has(.app-shell){height:100%;overflow:hidden}html:has(.app-shell) body{height:100%;overflow:hidden}.app-shell{background:var(--app-bg);height:100dvh;color:var(--app-text)}.app-sidebar{height:100dvh}.app-main{background:var(--app-bg-gradient)}.app-sidebar{background:var(--app-bg);border-right:1px solid var(--app-border-strong);transition:transform .3s ease-in-out}.sidebar-header{border-bottom:1px solid var(--app-border-strong);background:var(--app-bg)}.sidebar-brand{align-items:center;gap:8px;min-width:0;text-decoration:none;display:inline-flex}.sidebar-brand__logo{background:var(--app-text);width:220px;max-width:100%;height:40px;display:block;-webkit-mask-position:0;mask-position:0;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sidebar-overlay{z-index:40;background:rgba(var(--color-hitam-rgb), .5);opacity:0;pointer-events:none;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay.is-open{opacity:1;pointer-events:auto}.sidebar-close-btn{background:var(--app-fill);width:32px;height:32px;color:var(--app-text);border-radius:8px;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.sidebar-close-btn:hover{background:var(--app-fill-strong)}@media (width>=768px){.sidebar-close-btn{display:none}}.sidebar-nav-scroll{overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;overflow-y:auto}.sidebar-nav-scroll::-webkit-scrollbar{display:none}.sidebar-section-title{color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.08em;padding:14px 12px 6px;font-size:9px;font-weight:600}.sidebar-group-toggle{text-align:left;cursor:pointer;width:100%;color:var(--app-text);background:0 0;border-radius:8px;align-items:center;gap:12px;margin-top:4px;padding:7px 10px;font-size:12px;font-weight:500;transition:all .2s;display:flex}.sidebar-group-toggle:hover{background:var(--app-fill-strong);color:var(--app-text)}.sidebar-group-toggle[aria-expanded=true]{background:var(--app-fill)}.sidebar-submenu{border-left:1px solid var(--app-border);flex-direction:column;gap:2px;margin:2px 0 2px 22px;padding-left:10px;list-style:none;display:flex}.sidebar-submenu .sidebar-menu-btn{padding:7px 10px;font-size:12px}.sidebar-menu-btn{text-align:left;width:100%;color:var(--app-text);background:0 0;border-radius:8px;align-items:center;gap:12px;padding:7px 10px;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.sidebar-menu-btn:hover{background:var(--app-fill-strong);color:var(--app-text)}.sidebar-menu-btn.active{background:var(--app-primary);color:var(--app-on-primary)}.sidebar-menu-badge{background:var(--app-fill-strong);color:var(--app-text);border-radius:999px;flex-shrink:0;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:700}.sidebar-menu-btn.active .sidebar-menu-badge{background:color-mix(in srgb, var(--app-on-primary) 14%, transparent);color:var(--app-on-primary)}.sidebar-footer{border-top:1px solid var(--app-border-strong);flex-direction:column;gap:10px;padding:12px;display:flex}.sidebar-user-card{background:#e6f0fa;border:0;border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex;position:relative;overflow:hidden}.sidebar-user-avatar{border:1px solid var(--app-border-strong);background:var(--app-primary);width:34px;height:34px;color:var(--app-on-primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex;overflow:hidden}.sidebar-user-name{color:var(--app-text);font-size:14px;font-weight:600}.sidebar-user-email{color:var(--app-text-muted);font-size:11px}.sidebar-logout-btn{background:var(--app-danger);text-align:left;width:100%;color:var(--app-on-primary);cursor:pointer;border-radius:8px;justify-content:flex-start;align-items:center;gap:12px;padding:7px 10px;font-size:12px;font-weight:500;transition:background-color .2s;display:flex}.sidebar-logout-btn:hover{background:var(--app-danger-hover)}.app-topbar{border-bottom:1px solid var(--app-border-strong);background:var(--app-bg);height:56px}.app-topbar__kiri{align-items:center;gap:12px;min-width:0;display:flex}.app-topbar__burger{width:32px;height:32px;color:var(--app-text);cursor:pointer;background:0 0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.app-topbar__burger:hover{background:var(--app-fill-strong)}.app-topbar__burger:focus-visible{box-shadow:var(--app-control-ring-focus);outline:none}@media (width>=768px){.app-topbar__burger{display:none}}.app-topbar__merek{letter-spacing:.08em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--app-text);font-size:14px;font-weight:700;overflow:hidden}.app-topbar__pemisah{background:var(--app-border-strong);flex-shrink:0;width:1px;height:18px}.app-topbar__halaman{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--app-text);font-size:13px;font-weight:500;overflow:hidden}.app-topbar__halaman-kode{font-weight:400}@media (width<=1023px){.app-topbar__pemisah,.app-topbar__halaman{display:none}}@media (width<=639px){.app-topbar__merek{letter-spacing:.04em;font-size:11px}}.app-topbar__kanan{flex-shrink:1;align-items:center;gap:10px;min-width:0;display:flex}.app-topbar__jam{font-variant-numeric:tabular-nums;white-space:nowrap;min-width:0;color:var(--app-text);flex-shrink:1;align-items:center;gap:5px;font-size:12px;display:inline-flex;overflow:hidden}.app-topbar__jam-angka,.app-topbar__jam-zona{flex-shrink:0;font-weight:600}.app-topbar__jam-tanggal{text-overflow:ellipsis;min-width:0;overflow:hidden}@media (width<=767px){.app-topbar__jam-tanggal,.app-topbar__ikon-grup{display:none}}.app-topbar__ikon-grup{flex-shrink:0;align-items:center;gap:0;display:flex}.app-topbar__ikon{width:28px;height:28px;color:var(--app-text);background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s;display:inline-flex}.app-topbar__ikon:hover{background:var(--app-fill-strong)}.app-topbar__ikon:focus-visible{box-shadow:var(--app-control-ring-focus);outline:none}.app-topbar__ikon-gambar{width:16px;height:16px}.app-topbar__profil{flex-shrink:0;position:relative}.app-topbar__profil-tombol{height:var(--app-control-h);color:var(--app-text);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:4px;padding:0 4px;font-size:13px;transition:background-color .15s;display:flex}.app-topbar__profil-tombol:hover{background:var(--app-fill-strong)}.app-topbar__profil-tombol:focus-visible{box-shadow:var(--app-control-ring-focus);outline:none}.app-topbar__profil-avatar{background:var(--app-primary-soft);width:26px;height:26px;color:var(--app-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex}.app-topbar__profil-chevron{width:16px;height:16px;color:var(--app-text);flex-shrink:0;transition:transform .2s}.app-topbar__profil-chevron--buka{transform:rotate(180deg)}.app-topbar__panel{z-index:60;border:1px solid var(--app-border-strong);background:var(--app-elevated);box-shadow:0 10px 30px color-mix(in srgb, var(--app-text) 22%, transparent);border-radius:8px;flex-direction:column;gap:2px;padding:4px;display:flex;position:fixed}.app-topbar__panel-item{text-align:left;width:100%;color:var(--app-text);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:8px;padding:7px 10px;font-size:12px;text-decoration:none;transition:background-color .15s;display:flex}.app-topbar__panel-item:hover{background:var(--app-fill)}.app-topbar__panel-item:focus-visible{background:var(--app-fill-strong);box-shadow:var(--app-control-ring-focus);outline:none}.app-topbar__panel-ikon{flex-shrink:0;width:16px;height:16px}.dt .app-sidebar{border-right:0}.dt .app-topbar{border-bottom:0}.dt .app-sidebar{background:#fff}.dt .sidebar-header{background:#fff;border-bottom:0}.dt .sidebar-nav-scroll,.dt .sidebar-footer{background:var(--color-primary)}.dt .sidebar-nav-scroll{border-top-right-radius:22px}.dt .sidebar-section-title{color:#ffffff9e}.dt .sidebar-menu-btn,.dt .sidebar-group-toggle{color:#ffffffdb;font-weight:500}.dt .sidebar-menu-btn:hover,.dt .sidebar-group-toggle:hover{color:#fff;background:#ffffff1f}.dt .sidebar-group-toggle[aria-expanded=true]{background:#ffffff14}.dt .sidebar-menu-btn.active{color:var(--color-primary);background:#fff;font-weight:600}.dt .sidebar-menu-badge{color:#fff;background:#ffffff29}.dt .sidebar-menu-btn.active .sidebar-menu-badge{background:color-mix(in srgb, var(--color-primary) 12%, #fff);color:var(--color-primary)}.dt .sidebar-submenu{border-left-color:#fff3}.dt .sidebar-close-btn{color:var(--app-text);background:var(--app-fill)}.dt .sidebar-close-btn:hover{background:var(--app-fill-strong);color:var(--app-text)}.dt .sidebar-footer{border-top:1px solid #ffffff24}.dt .sidebar-user-card{background:#ffffff1a}.dt .sidebar-user-avatar{color:var(--color-primary);background:#fff;border-color:#ffffff47}.dt .sidebar-user-name{color:#fff}.dt .sidebar-user-email{color:#ffffffa8}.dt .sidebar-logout-btn{color:#fff;background:#ffffff1f}.dt .sidebar-logout-btn:hover{background:#fff3}.dt .sidebar-brand__nama{letter-spacing:-.02em;color:var(--app-text);font-size:1rem;font-weight:700}.dt .app-main{scrollbar-gutter:stable}.dt .app-topbar{padding-right:18px}@media (width>=768px){.dt .app-topbar{padding-right:30px}}.dt .app-topbar__kanan{background:#ededed;border-radius:35px 14px 14px 5px;align-self:stretch;height:100%;padding:0 16px}.dt .bilah-lipat{color:var(--app-text);background:#ededed}.dt .bilah-lipat:hover{background:#e2e2e2}.dt .paket-include{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.dt .paket-include li{background:var(--app-fill);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px 6px 12px;font-size:13px;display:flex}.dt .panel-subjudul{color:var(--app-text);margin:0;font-size:.95rem;font-weight:700}.dt .panel-rincian{gap:4px;margin:0;display:grid}.dt .panel-rincian>div{border-bottom:1px dashed var(--app-border);justify-content:space-between;gap:16px;padding-bottom:3px;display:flex}.dt .panel-rincian>div:last-child{border-bottom:0;padding-bottom:0}.dt .panel-rincian dt{color:var(--app-text-muted);font-size:12px}.dt .panel-rincian dd{text-align:right;margin:0;font-size:13px;font-weight:600}.dt .panel-subjudul--ikon{color:var(--app-text);align-items:center;gap:8px;margin-bottom:4px;display:flex}.dt .panel-subjudul--ikon svg{color:var(--color-primary)}.checkout-bilah{width:100%;color:var(--app-text);background:#ededed;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.checkout-bilah__ikon{width:16px;height:16px;color:var(--color-primary);flex-shrink:0}.checkout-bilah strong{font-weight:600}.checkout-grid{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:stretch;gap:.75rem;width:100%;min-width:0;display:grid}.checkout-grid>.app-section-card{min-width:0}.checkout-judul{color:var(--app-text);margin:0;font-size:13px;font-weight:600}.checkout-pemisah{border-top:1px dashed var(--app-border-strong);width:100%}.checkout-label{font-size:var(--app-field-label-size);font-weight:var(--app-field-label-weight);color:var(--app-body-text);margin:0 0 8px}.checkout-metode{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.checkout-metode__item{background:var(--app-bg);min-height:54px;box-shadow:var(--app-control-ring);color:var(--app-body-text);text-align:left;cursor:pointer;border:0;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 10px;transition:box-shadow .15s,background-color .15s;display:grid}.checkout-metode__item:hover{background:color-mix(in srgb, var(--color-primary) 5%, var(--app-bg))}.checkout-metode__item--aktif{box-shadow:0 0 0 2px var(--color-primary)}.checkout-metode__item>svg:first-child{width:18px;height:18px;color:var(--color-primary)}.checkout-metode__item>span{flex-direction:column;gap:2px;min-width:0;display:flex}.checkout-metode__item strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.checkout-metode__centang{width:16px;height:16px;color:var(--color-primary);opacity:0}.checkout-metode__item--aktif .checkout-metode__centang{opacity:1}.checkout-rekening{background:var(--app-bg);box-shadow:var(--app-control-ring);border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.checkout-rekening__kepala{border-bottom:1px dashed var(--app-border-strong);justify-content:space-between;align-items:center;gap:12px;padding-bottom:3px;display:flex}.checkout-rekening__kepala>div{flex-direction:column;gap:2px;min-width:0;display:flex}.checkout-rekening__kepala strong{font-size:13px}.checkout-rekening__label,.checkout-rekening__data dt{color:var(--app-text-muted);font-size:10px}.checkout-rekening__provider{background:var(--app-chip-bg);color:var(--app-chip-fg);border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:10px;font-weight:700}.checkout-rekening__qris{-o-object-fit:contain;object-fit:contain;border-radius:8px;width:min(180px,100%);max-height:180px}.checkout-rekening__data{gap:0;margin:0;display:grid}.checkout-rekening__data>div{border-bottom:1px dashed var(--app-border-strong);justify-content:space-between;align-items:center;gap:12px;padding:3px 0;display:flex}.checkout-rekening__data>div:first-child{padding-top:0}.checkout-rekening__data dd{text-align:right;justify-content:flex-end;align-items:center;gap:6px;margin:0;font-size:12px;font-weight:600;display:flex}.checkout-rekening__instruksi,.checkout-keterangan{color:var(--app-text-muted);margin:0;font-size:11px}.checkout-keterangan{margin-top:5px}.checkout-bukti__input{display:none}.checkout-bukti__pratinjau{flex-direction:column;gap:6px;width:fit-content;max-width:100%;display:flex}.checkout-bukti__pratinjau img{background:var(--app-bg);-o-object-fit:contain;object-fit:contain;border-radius:8px;max-width:240px;max-height:180px;display:block}.checkout-bukti__pratinjau span{text-overflow:ellipsis;white-space:nowrap;max-width:240px;font-size:10px;overflow:hidden}.checkout-bukti__aksi{flex-wrap:wrap;gap:8px;display:flex}@media (width<=639px){.checkout-metode{grid-template-columns:1fr}.checkout-bilah strong{width:100%;padding-left:24px}.checkout-rekening__data>div{align-items:flex-start}.checkout-bukti__pratinjau img{max-width:100%}}@media (width<=1023px){.checkout-grid{grid-template-columns:minmax(0,1fr)}}@media (width>=640px) and (width<=1023px){.checkout-metode{grid-template-columns:repeat(2,minmax(0,1fr))}}.pagetitle{flex-direction:column;gap:16px;display:flex}@media (width>=640px){.pagetitle{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:12px}}.pagetitle__text{min-width:0}.pagetitle__title{color:var(--app-text);margin:0;font-size:1.0625rem;font-weight:700;line-height:1.4}.pagetitle__subtitle{font-size:11px;line-height:1.4;font-weight:var(--app-desc-weight);color:var(--app-desc-color);margin:2px 0 0}.pagetitle__action{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}@media (width>=640px){.pagetitle__action{width:auto}}.kartu-paket{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:16px;display:grid}.kartu-paket__item{border:1px solid var(--app-card-border,var(--admin-border,#e5e7eb));background:var(--app-surface,var(--admin-panel,#fff));border-radius:12px;flex-direction:column;height:100%;padding:22px 20px 24px;display:flex}.kartu-paket__item--sorot{color:#fff;background:#0f172a;border-color:#0f172a}.kartu-paket__kepala{flex-wrap:wrap;align-items:center;gap:8px;min-height:26px;display:flex}.kartu-paket__nama{color:var(--app-text,#0f172a);margin:0;font-size:1rem;font-weight:700}.kartu-paket__item--sorot .kartu-paket__nama{color:#fff}.kartu-paket__badge{color:#fff;letter-spacing:.04em;text-transform:uppercase;background:#ffffff24;border-radius:999px;padding:3px 9px;font-size:.66rem;font-weight:700}.kartu-paket__item:not(.kartu-paket__item--sorot) .kartu-paket__badge{background:var(--app-chip-bg,#01498b1f);color:var(--color-primary,var(--admin-accent,#01498b))}.kartu-paket__harga-label{color:var(--app-text-muted,var(--admin-muted,#64748b));margin:16px 0 0;font-size:.78rem}.kartu-paket__item--sorot .kartu-paket__harga-label{color:#cbd5e1}.kartu-paket__harga-label+.kartu-paket__harga{margin-top:4px}.kartu-paket__harga{letter-spacing:-.03em;color:var(--app-text,#0f172a);margin:16px 0 0;font-size:1.6rem;font-weight:800;line-height:1.15}.kartu-paket__item--sorot .kartu-paket__harga{color:#fff}.kartu-paket__harga-satuan{letter-spacing:0;color:var(--app-text-muted,var(--admin-muted,#64748b));margin-left:6px;font-size:.8rem;font-weight:500}.kartu-paket__item--sorot .kartu-paket__harga-satuan{color:#cbd5e1}.kartu-paket__deskripsi{color:var(--app-text-muted,var(--admin-muted,#64748b));margin:12px 0 0;font-size:.84rem;line-height:1.55}.kartu-paket__item--sorot .kartu-paket__deskripsi{color:#cbd5e1}.kartu-paket__cta{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;margin:18px 0 0;padding:0 16px;font-size:.84rem;font-weight:700;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.kartu-paket__cta:hover:not(:disabled){transform:translateY(-1px)}.kartu-paket__cta--pilih,.kartu-paket__cta--upgrade{background:var(--color-primary,var(--admin-accent,#01498b));border-color:var(--color-primary,var(--admin-accent,#01498b));color:#fff}.kartu-paket__cta--pilih:hover:not(:disabled),.kartu-paket__cta--upgrade:hover:not(:disabled){background:var(--color-primary-dark,#013a6f);border-color:var(--color-primary-dark,#013a6f)}.kartu-paket__item--sorot .kartu-paket__cta--pilih,.kartu-paket__item--sorot .kartu-paket__cta--upgrade{color:#0f172a;background:#fff;border-color:#fff}.kartu-paket__cta--sekarang{color:#fff;cursor:default;background:#ffffff29;border-color:#ffffff5c}.kartu-paket__item:not(.kartu-paket__item--sorot) .kartu-paket__cta--sekarang{background:var(--app-chip-bg,#01498b1f);border-color:var(--color-primary,var(--admin-accent,#01498b));color:var(--color-primary,var(--admin-accent,#01498b))}.kartu-paket__cta--turun{border-color:var(--app-border,#e5e7eb);color:var(--app-text-faint,var(--admin-muted,#94a3b8));cursor:not-allowed;opacity:.55;background:0 0}.kartu-paket__fitur-judul{border-top:1px dashed var(--app-border,#e5e7eb);color:var(--app-text,#0f172a);margin:20px 0 0;padding-top:18px;font-size:.78rem;font-weight:700}.kartu-paket__item--sorot .kartu-paket__fitur-judul{color:#fff;border-top-color:#ffffff2e}.kartu-paket__fitur{flex-direction:column;gap:10px;margin:12px 0 0;padding:0;list-style:none;display:flex}.kartu-paket__fitur li{color:var(--app-body-text,var(--admin-muted,#1f2937));align-items:flex-start;gap:9px;font-size:.82rem;line-height:1.5;display:flex}.kartu-paket__item--sorot .kartu-paket__fitur li{color:#e2e8f0}.kartu-paket__centang{background:var(--color-primary,var(--admin-accent,#01498b));color:#fff;border-radius:5px;flex:none;justify-content:center;align-items:center;width:16px;height:16px;margin-top:2px;display:inline-flex}.kartu-paket__item--sorot .kartu-paket__centang{color:#0f172a;background:#fff}@media (width<=1100px){.kartu-paket{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.kartu-paket{grid-template-columns:1fr}}.bilah-lipat{background:var(--app-chip-bg);width:100%;color:var(--app-chip-fg);text-align:left;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;transition:background-color .15s;display:flex}.bilah-lipat:hover{background:color-mix(in srgb, var(--app-primary) 18%, transparent)}.bilah-lipat:focus-visible{outline:2px solid var(--app-primary);outline-offset:1px}.bilah-lipat__ikon{flex-shrink:0;width:16px;height:16px;transition:transform .2s}.bilah-lipat__ikon--tutup{transform:rotate(-90deg)}.bilah-lipat__teks{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bilah-lipat__aksi{text-underline-offset:2px;flex-shrink:0;font-weight:600;text-decoration:underline}@media (prefers-reduced-motion:reduce){.bilah-lipat__ikon{transition:none}}.welcome-v2{isolation:isolate;background:linear-gradient(100deg, var(--color-primary-darker) 0%, var(--color-primary) 52%, var(--color-accent) 100%);border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.welcome-v2:after{content:"";z-index:-1;pointer-events:none;background:#ffffff12;width:34%;position:absolute;inset:-40% -12% -40% auto;transform:skew(-18deg)}.welcome-v2__isi{flex-direction:column;gap:8px;min-width:0;display:flex}.welcome-v2__badge{color:#ffffffeb;background:#ffffff29;border:0;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:3px 10px;font-size:10px;font-weight:500;line-height:1;display:inline-flex}.welcome-v2__badge-ikon{width:12px;height:12px}.welcome-v2__judul{color:#fff;margin:0;font-size:16px;font-weight:700}.welcome-v2__teks{color:#ffffffd1;max-width:62ch;margin:0;font-size:12px}.welcome-v2__slot{flex:none;justify-content:flex-end;min-width:200px;display:flex}.welcome-v2__aksi{color:var(--color-primary);background:#fff;border-radius:8px;flex:none;align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;line-height:1;text-decoration:none;transition:background .2s;display:inline-flex}.welcome-v2__aksi:hover{background:color-mix(in srgb, #fff 88%, var(--color-primary))}.welcome-v2__aksi:disabled,.welcome-v2__aksi:disabled:hover{cursor:not-allowed;background:#fff}.welcome-v2__aksi-ikon{width:14px;height:14px}@media (width<=639px){.welcome-v2{flex-direction:column;align-items:flex-start}.welcome-v2__judul{font-size:14px}.welcome-v2__aksi{justify-content:center;width:100%}.welcome-v2__slot{width:100%}}.stat-card{box-shadow:var(--app-shadow-card);background:#ededed;border:0;border-radius:8px;align-items:center;gap:12px;padding:14px;display:flex}.stat-card__icon{background:var(--app-chip-bg);width:42px;height:42px;color:var(--app-chip-fg);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.stat-card__body{flex-direction:column;flex:1;min-width:0;display:flex}.stat-card__title{font-size:.6575rem;font-weight:var(--app-desc-weight);color:var(--app-desc-color)}.stat-card__value{color:var(--app-text);white-space:nowrap;font-size:1.0875rem;font-weight:700;line-height:1.2}.stat-card__value--sm{font-size:.9375rem}.stat-card__value--xs{font-size:.8125rem}.stat-card__value--xxs{font-size:.6875rem}@media (width<=1023px){.stat-card{border-radius:5px;gap:10px;padding:11px}.stat-card__icon{border-radius:5px;width:32px;height:32px}.stat-card__icon svg{width:16px;height:16px}.stat-card__title{font-size:.5rem}.stat-card__value,.stat-card__value--sm,.stat-card__value--xs,.stat-card__value--xxs{font-size:.8375rem}}.stat-card__badge{background:var(--app-count-bg);min-width:18px;height:18px;color:var(--app-count-fg);border-radius:999px;flex-shrink:0;justify-content:center;align-self:flex-start;align-items:center;padding:0 6px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.stat-card__badge--naik{background:var(--app-success-solid)}.stat-card__badge--turun{background:var(--app-danger-solid)}.checkbox{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.checkbox__input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.checkbox__kotak{border:1px solid var(--app-border-strong);background:var(--app-bg);width:18px;height:18px;color:var(--app-on-primary);border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,border-color .15s,box-shadow .15s;display:flex}.checkbox:hover .checkbox__kotak{border-color:var(--app-border-focus)}.checkbox__input:checked+.checkbox__kotak,.checkbox__input:indeterminate+.checkbox__kotak{border-color:var(--app-primary);background:var(--app-primary)}.checkbox__input:focus-visible+.checkbox__kotak{box-shadow:var(--app-control-ring-focus)}.checkbox__input:disabled+.checkbox__kotak,.checkbox__input:disabled~.checkbox__label{opacity:.5}.checkbox:has(.checkbox__input:disabled){cursor:not-allowed}.checkbox__ikon{stroke-width:3px;width:13px;height:13px}.checkbox__label{font-size:var(--app-field-label-size);font-weight:var(--app-field-label-weight);color:var(--app-body-text)}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pagination__info{font-size:11px;font-weight:var(--app-desc-weight);color:var(--app-desc-color);margin:0}.pagination__row{align-items:center;gap:4px;margin-left:auto}.pagination__row--desktop{display:none}.pagination__row--mobile{display:flex}@media (width>=640px){.pagination__row--desktop{display:flex}.pagination__row--mobile{display:none}}.pagination .pagination__page,.pagination .pagination__nav{border-radius:6px;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;font-size:12px}.pagination__nav-icon{width:16px;height:16px}.pagination__ellipsis{color:var(--app-text-faint);-webkit-user-select:none;user-select:none;padding:0 4px;font-size:11px}.tablelist-v1{border:1px solid var(--app-card-border);background:var(--app-surface);border-radius:8px;overflow:hidden}.tablelist-v1__header{border-bottom:1px solid var(--app-border-strong);justify-content:flex-end;align-items:center;gap:12px;padding:12px 16px;display:flex}.tablelist-v1__action{flex-shrink:0}.tablelist-v1__body{padding:12px 8px 14px}.tablelist-v1__scroll{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.tablelist-v1__table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:13px}.tablelist-v1__th{text-align:left;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;color:var(--app-text-muted);background:var(--app-fill-strong);border-bottom:1px solid var(--app-border-strong);padding:10px 12px;font-size:11px;font-weight:600;overflow:hidden}.tablelist-v1__th--right{text-align:right}.tablelist-v1__th--center{text-align:center}.tablelist-v1__row{transition:background-color .15s}.tablelist-v1__row:nth-child(odd){background:var(--app-fill)}.tablelist-v1__row:nth-child(2n){background:var(--app-surface)}.tablelist-v1__row:hover{background:var(--app-fill-strong)}.tablelist-v1__td{white-space:nowrap;vertical-align:middle;color:var(--app-text);padding:12px;font-size:13px;font-weight:500}.tablelist-v1__teks{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.tablelist-v1__td--muted{color:var(--app-text-muted)}.tablelist-v1__td--right{text-align:right}.tablelist-v1__td--center{text-align:center}.tablelist-v1__invoice{color:var(--app-text);font-weight:600}.tablelist-v1__empty{text-align:center;font-size:12px;font-weight:var(--app-desc-weight);color:var(--app-desc-color);padding:28px 12px}.tablelist-v1__footer{border-top:1px solid var(--app-border-strong);padding:12px 16px}@media (width<=639px){.tablelist-v1__footer{padding:10px 12px}}.tablelist-v1__actions{justify-content:flex-end;align-items:center;gap:4px;display:inline-flex}.tablelist-v1__th--pilih,.tablelist-v1__td--pilih{text-align:left;vertical-align:middle;padding-left:16px;padding-right:0}.tablelist-v1__row--dipilih{background:var(--app-primary-soft)}.tablelist-v1__massal{border-bottom:1px solid var(--app-border);background:var(--app-primary-soft);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;display:flex}.tablelist-v1__massal-jumlah{color:var(--app-primary-hover);font-size:12px;font-weight:600}.tablelist-v1__massal-aksi{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tablelist-v1__massal-batal{color:var(--app-text-muted);cursor:pointer;background:0 0;margin-left:auto;padding:0;font-size:11px;font-weight:500;text-decoration:underline}.tablelist-v1__massal-batal:hover{color:var(--app-text)}@media (width<=639px){.tablelist-v1__massal{padding:10px 12px}.tablelist-v1__massal-batal{margin-left:0}.tablelist-v1__th--pilih,.tablelist-v1__td--pilih{padding-left:12px}}.tablelist-v1__footer--paginasi{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tablelist-v1__info{color:var(--app-text-muted);font-size:11px}.tablelist-v1__row--klik{cursor:pointer}.tablelist-v1__row--klik:hover{background:var(--app-fill)}.tablelist-v1__row--klik:focus-visible{outline:2px solid var(--app-primary);outline-offset:-2px}.tablelist-v1__row--kosong:hover{background:inherit}.tablelist-v1__row--kosong .tablelist-v1__td{color:#0000}.tablelist-v1__aksi{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}@media (pointer:fine){.tablelist-v1__scroll--seret{cursor:grab}.tablelist-v1__scroll--menyeret{cursor:grabbing;-webkit-user-select:none;user-select:none}}.search-input-wrap{flex:1;min-width:200px;display:flex;position:relative}.search-input{width:100%;height:var(--app-control-h);border:1px solid var(--app-border-strong);box-shadow:var(--app-control-ring);background:var(--app-bg);color:var(--app-body-text);border-radius:8px;padding:0 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.search-input::placeholder{color:var(--app-placeholder)}.search-input:focus{border-color:var(--app-border-focus);box-shadow:var(--app-control-ring-focus);outline:none}.search-input--with-icon{padding-left:36px}.search-input__icon{width:16px;height:16px;color:var(--app-text-faint);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.select__trigger{height:var(--app-control-h);border:1px solid var(--app-border-strong);width:100%;box-shadow:var(--app-control-ring);background:var(--app-bg);color:var(--app-text);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s;display:flex}.select__trigger:hover{border-color:var(--app-border-focus)}.select__trigger:focus-visible{box-shadow:var(--app-control-ring-focus);outline:none}.select__trigger:disabled{opacity:.5;cursor:not-allowed}.select__value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select__value--placeholder{color:var(--app-placeholder)}.select__chevron{width:16px;height:16px;color:var(--app-text-muted);flex-shrink:0;transition:transform .2s}.select__chevron--open{transform:rotate(180deg)}.select__panel{border:1px solid var(--app-border-strong);background:var(--app-surface);max-height:320px;box-shadow:0 10px 30px rgba(var(--color-hitam-rgb), .25);transform-origin:top;border-radius:8px;flex-direction:column;padding:4px;display:flex}.select__panel--top{transform-origin:bottom}.select__search-wrap{flex-shrink:0;padding:4px}.select__search-wrap .search-input-wrap{min-width:0}.select__scroll-btn{cursor:pointer;color:var(--app-text-faint);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 0;transition:background-color .15s,color .15s;display:flex}.select__scroll-btn:hover{background:var(--app-fill);color:var(--app-text)}.select__scroll-icon{width:16px;height:16px}.select__list{scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.select__list::-webkit-scrollbar{display:none}.select__empty{text-align:center;color:var(--app-text-faint);padding:12px 8px;font-size:13px}.select__option{text-align:left;width:100%;color:var(--app-text-muted);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;transition:background-color .15s;display:flex}.select__option:hover{background:var(--app-fill)}.select__option--active{background:var(--app-fill-strong)}.select__option-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.select__option--active .select__option-label{color:var(--app-text);font-weight:500}.select__check{width:16px;height:16px;color:var(--app-text);opacity:0;flex-shrink:0}.select__check--visible{opacity:1}.table-toolbar{border-bottom:1px solid var(--app-border);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;display:flex}.table-toolbar__cari{flex:220px;min-width:180px;position:relative}.table-toolbar__input--terisi .search-input{padding-right:34px}.table-toolbar__bersih{width:22px;height:22px;color:var(--app-text-muted);cursor:pointer;background:0 0;border-radius:4px;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.table-toolbar__bersih:hover{color:var(--app-text);background:var(--app-fill-strong)}.table-toolbar__bersih svg{width:14px;height:14px}.table-toolbar__petunjuk{left:0;top:calc(var(--app-control-h) + 6px);z-index:5;border:1px solid var(--app-primary);background:var(--app-surface);box-shadow:0 4px 10px color-mix(in srgb, var(--app-text) 12%, transparent);white-space:nowrap;color:var(--app-primary-hover);border-radius:4px;align-items:center;gap:5px;padding:4px 9px;font-size:10px;font-weight:600;display:inline-flex;position:absolute}.table-toolbar__petunjuk svg{width:12px;height:12px}.table-toolbar__saring{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.table-toolbar__saring>*{min-width:150px}.table-toolbar__per-halaman{flex-shrink:0;width:140px}@media (width<=639px){.table-toolbar{padding:10px 12px}.table-toolbar__cari{flex-basis:100%}.table-toolbar__saring,.table-toolbar__per-halaman{flex:140px;width:auto}.table-toolbar__saring>*{width:100%;min-width:0}}.action-button{width:32px;height:32px;color:var(--app-text-muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:inline-flex}.action-button:hover{background:var(--app-fill-strong);color:var(--app-text)}.action-button--danger:hover{background:color-mix(in srgb, var(--app-danger-text) 12%, transparent);color:var(--app-danger-text)}.action-button:disabled{opacity:.5;cursor:not-allowed}.action-button__icon{width:16px;height:16px}.modal-overlay{z-index:100;background:rgba(var(--color-hitam-rgb), .5);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--app-border-strong);background:var(--app-surface);width:92vw;max-height:88vh;box-shadow:0 24px 60px rgba(var(--color-hitam-rgb), .22);border-radius:10px;flex-direction:column;display:flex}@media (width>=640px){.modal{width:60vw}}@media (width>=1024px){.modal{width:45vw}}.modal__header{border-bottom:1px solid var(--app-border-strong);flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:9px 15px;display:flex}.modal__title{color:var(--app-text);margin:0;font-size:1.0625rem;font-weight:700}.modal__close{width:28px;height:28px;color:var(--app-text-faint);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .15s,color .15s;display:flex}.modal__close:hover{background:var(--app-fill-strong);color:var(--app-text)}.modal__close-icon{width:18px;height:18px}.modal__body{scrollbar-width:none;-ms-overflow-style:none;flex:1;padding:12px 15px 15px;overflow-y:auto}.modal__body::-webkit-scrollbar{display:none}.modal__body--no-title{padding-top:15px}.modal__footer{border-top:1px solid var(--app-border-strong);flex-shrink:0;justify-content:flex-end;align-items:center;gap:8px;padding:9px 15px;display:flex}.modal-form{grid-template-columns:1fr;gap:6px;display:grid}.modal-form__full{grid-column:1/-1}.modal-detail{grid-template-columns:1fr;gap:6px;display:grid}.modal-detail__full{grid-column:1/-1}.modal-detail__label{font-size:11px;font-weight:var(--app-desc-weight);color:var(--app-desc-color);margin-bottom:6px;display:block}.modal-detail__value{min-height:var(--app-control-h);border:1px solid var(--app-border);background:var(--app-fill);color:var(--app-text);word-break:break-word;border-radius:6px;align-items:center;padding:0 12px;font-size:13px;font-weight:500;display:flex}.modal-detail__value--multiline{align-items:flex-start;padding:8px 12px;line-height:1.5}.modal-field__label{font-size:var(--app-field-label-size);font-weight:var(--app-field-label-weight);color:var(--app-body-text);margin-bottom:6px;display:block}.inputnumber{display:block}.inputnumber__label{font-size:var(--app-field-label-size);font-weight:var(--app-field-label-weight);color:var(--app-body-text);margin-bottom:6px;display:block}.inputnumber__req{color:var(--app-danger-text);margin-left:2px}.inputnumber__field{width:100%;height:var(--app-control-h);border:1px solid var(--app-border-strong);box-shadow:var(--app-control-ring);background:var(--app-bg);color:var(--app-body-text);border-radius:6px;padding:0 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.inputnumber__field::placeholder{color:var(--app-placeholder)}.inputnumber__field:focus{border-color:var(--app-border-focus);box-shadow:var(--app-control-ring-focus);outline:none}.inputnumber__field:disabled{opacity:.5;cursor:not-allowed}.inputnumber__field--error{border-color:var(--app-danger-text)}.inputnumber__field--error:focus{box-shadow:var(--app-control-ring-error)}.inputnumber__hint{font-size:11px;font-weight:var(--app-desc-weight);color:var(--app-desc-color);margin:6px 0 0}.inputnumber__error{color:var(--app-danger-text);margin:6px 0 0;font-size:11px}.inputnumber__field::-webkit-outer-spin-button{appearance:none;margin:0}.inputnumber__field::-webkit-inner-spin-button{appearance:none;margin:0}.inputnumber__field[type=number]{appearance:textfield}.inputlongtext{display:block}.inputlongtext__label{font-size:var(--app-field-label-size);font-weight:var(--app-field-label-weight);color:var(--app-body-text);margin-bottom:6px;display:block}.inputlongtext__req{color:var(--app-danger-text);margin-left:2px}.inputlongtext__field{border:1px solid var(--app-border-strong);width:100%;box-shadow:var(--app-control-ring);background:var(--app-bg);color:var(--app-body-text);resize:vertical;border-radius:6px;padding:8px 12px;font-size:13px;transition:border-color .15s,box-shadow .15s}.inputlongtext__field--autoresize{resize:none;overflow:hidden}.inputlongtext__field::placeholder{color:var(--app-placeholder)}.inputlongtext__field:focus{border-color:var(--app-border-focus);box-shadow:var(--app-control-ring-focus);outline:none}.inputlongtext__field:disabled{opacity:.5;cursor:not-allowed}.inputlongtext__field--error{border-color:var(--app-danger-text)}.inputlongtext__field--error:focus{box-shadow:var(--app-control-ring-error)}.inputlongtext__hint{font-size:11px;font-weight:var(--app-desc-weight);color:var(--app-desc-color);margin:6px 0 0}.inputlongtext__error{color:var(--app-danger-text);margin:6px 0 0;font-size:11px}.toggleonoff{background:var(--app-fill-strong);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;align-items:center;width:44px;height:24px;padding:0;transition:background-color .2s;display:inline-flex;position:relative}.toggleonoff.is-on{background:var(--app-primary)}.toggleonoff:disabled{opacity:.5;cursor:not-allowed}.toggleonoff:focus-visible{outline:2px solid var(--app-primary);outline-offset:2px}.toggleonoff__knob{width:16px;height:16px;box-shadow:0 1px 2px rgba(var(--color-hitam-rgb), .3);background:#fff;border-radius:999px;transition:transform .2s;position:absolute;left:4px}.toggleonoff.is-on .toggleonoff__knob{transform:translate(20px)}.toggleonoff-field{align-items:center;gap:10px;display:inline-flex}.toggleonoff-field__label{font-size:var(--app-field-label-size);color:var(--app-text);cursor:pointer;-webkit-user-select:none;user-select:none}.toggleonoff--sm{width:34px;height:18px}.toggleonoff--sm .toggleonoff__knob{width:12px;height:12px;left:3px}.toggleonoff--sm.is-on .toggleonoff__knob{transform:translate(16px)}.tab-button{border:1px solid var(--app-card-border);background:var(--app-surface);box-shadow:var(--app-shadow-card);border-radius:8px;overflow:hidden}.tab-button__nav{scrollbar-width:none;-ms-overflow-style:none;align-items:center;gap:4px;padding:0 12px;display:flex;overflow:auto hidden}.tab-button__nav::-webkit-scrollbar{display:none}.tab-button__item{white-space:nowrap;color:var(--app-text-muted);cursor:pointer;background:0 0;flex-shrink:0;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:500;transition:color .15s;display:inline-flex;position:relative}.tab-button__item:hover{color:var(--app-text)}.tab-button__item--active{color:var(--app-text);font-weight:600}.tab-button__icon{flex-shrink:0;width:16px;height:16px}.tab-button__label--short{display:inline}.tab-button__label--full{display:none}@media (width>=640px){.tab-button__label--short{display:none}.tab-button__label--full{display:inline}}.tab-button__count{background:var(--app-count-bg);width:20px;height:20px;color:var(--app-count-fg);font-variant-numeric:tabular-nums;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.tab-button__count[data-long]{font-size:7px}.tab-button__indicator{background:var(--app-primary);border-radius:999px;height:2px;position:absolute;bottom:0;left:8px;right:8px}.tab-button__label{min-width:0}.tab-button--rata .tab-button__nav{padding:0}.tab-button--rata .tab-button__item{flex:1 1 0;justify-content:center}.tab-button__item{font-size:12px}