*{box-sizing:border-box}body{min-height:100vh;margin:0}a{text-decoration:none}*{-webkit-tap-highlight-color:transparent}:root{--ava-grad:linear-gradient(130deg, #e26e86 0%, #e2c5cb 100%);--ava-grad-alt:linear-gradient(130deg, #5568df 0%, #bec4eb 100%);--grad:linear-gradient(130deg, #9aa5e7 0%, #6a75cd 100%);--brand:linear-gradient(45deg, #6873b9 0%, #b8bee4 100%);--white:#ced3f5;--button-prm:#9aa2e3;--button-border:#9fa3d2;--mix-btn-a:90%;--mix-btn-b:90%;--mix-btn-c:60%;--mix-border:90%;--button-prm-hover:#6475ca;--mix-btn-hover:80%;--button-tx:#515fba;--button-tx-hover:#fff;--h1:#6873b9;--h2:#2b3eb6;--h3:#3d4a9a;--h4:#5b68bb;--h5:#3f4ca2;--h6:#fff;--h7:#fff;--h8:#fff;--h9:#2b3eb6;--line-animation:linear-gradient(130deg, #4653aa 0%, #a6aee6 50%, #4653aa 100%);--button-theme:#a7b0e8;--page-a:#f6f8ff;--page-b:#dcdef3;--mix-page-b:90%;--ink:#5f6cbc;--ink-soft:#5260b8;--ink-faint:#b5bced;--value:#3d8651;--pill:#e26e86;--pill-alt:#5568df;--footer:#adb3dc;--box:#7886ca;--mix-box:20%;--panel:#dfe2f5;--mix-panel:100%;--placeholder:#9099d2;--notif:#e74767;--active-nav:#c1c7f1;--mix-active-nav:90%;--mix-hover-nav:90%;--mix-hover-panel:40%;--grad1:linear-gradient(45deg, #fff 0%, #56b4dcb3 100%);--grad2:linear-gradient(45deg, #fff 0%, #c49ee2b3 100%);--grad3:linear-gradient(45deg, #fff 0%, #86d1c0b3 100%);--grad4:linear-gradient(80deg, #fff 0%, #f39ba9b3 100%);--border1:#56b4dc;--border2:#c49ee2;--border3:#86d1c0;--border4:#f39ba9;--label1:#3e77b4;--label2:#9057bc;--label3:#2b8d76;--label4:#c54c61;--pill-later:#7ea44f;--growth-up-circle:#475ad6;--modal-overlay:#0d1f2d;--sidebar:#c9cff6;--box-dashboard:#f2f3fc;--bar-fill:linear-gradient(130deg, #bec5ef 0%, #a8b0ec 100%);--dot:#7ea44f;--field:#e1e3f5;--bar-belanja:#ef5b36;--bar-transport:#3ea346;--bar-komisi:#f06db1;--bar-tim:#c93180;--bar-vendor:#416fee;--bar-komisi-vendor:#6e7fae;--bar-produk:#4b1d8b;--bar-untung-produk:#9c73d6;--bar-pengeluaran-bisnis:#0b8e0b;--table-body:#f2f3fc;--line-box:#ced3f5;--line-modal:color-mix(in srgb, var(--ink-soft) 80%, transparent);--card-langganan:#c9cff6e6;--logout:#f00433;--teks-khusus:#f00433;--shadow-modal:0 24px 60px -12px #1d213a59;--shadow-card:5px 5px 10px -5px #1d213a59;--shadow-button:0 10px 18px -10px #28306059;--sidebar-bg:#fff9;--tooltip-bg:#5568df;--tooltip-tx:#1e30a4}[data-theme=dark]{--ava-grad:linear-gradient(130deg, #e26e86 0%, #e2c5cb 100%);--ava-grad-alt:linear-gradient(130deg, #3f95ba 0%, #91c4d8 100%);--grad:linear-gradient(130deg, #8ebbcd 0%, #4e95af 100%);--brand:linear-gradient(45deg, #4e95af 0%, #8ebbcd 100%);--white:#24373e;--button-prm:#fff;--button-border:#fff;--mix-btn-a:15%;--mix-btn-b:50%;--mix-btn-c:15%;--mix-border:30%;--button-prm-hover:#587e8c;--mix-btn-hover:80%;--button-tx:#d4e7eb;--button-tx-hover:#fff;--h1:#fff;--h2:#a6c1ca;--h3:#5792a7;--h4:#cfdfe5;--h5:#6ec3e8;--h6:#083549;--h7:#fff;--h8:#fff;--h9:#fff;--line-animation:linear-gradient(130deg, #99b2bc 0%, #cee2e9 50%, #99b2bc 100%);--button-theme:#111e23;--page-a:#42535a;--page-b:#0d1f2d;--mix-page-b:40%;--ink:#789ba7;--ink-soft:#d4e7eb;--ink-faint:#567994;--value:#a5edbe;--pill:#e26e86;--pill-alt:#3f95ba;--footer:#0d1f2d;--box:#24373e;--mix-box:15%;--panel:#0d1f2d;--mix-panel:100%;--placeholder:#8fb1bb;--notif:#e74767;--active-nav:#5792a7;--mix-active-nav:30%;--mix-hover-nav:10%;--mix-hover-panel:15%;--grad1:linear-gradient(45deg, #fff 0%, #56b4dcb3 100%);--grad2:linear-gradient(45deg, #fff 0%, #c49ee2b3 100%);--grad3:linear-gradient(45deg, #fff 0%, #86d1c0b3 100%);--grad4:linear-gradient(80deg, #fff 0%, #f39ba9b3 100%);--border1:#56b4dc;--border2:#c49ee2;--border3:#86d1c0;--border4:#f39ba9;--label1:#3e77b4;--label2:#9057bc;--label3:#2b8d76;--label4:#c54c61;--pill-later:#7ea44f;--growth-up-circle:#49aad4;--modal-overlay:#0d1f2d;--sidebar:#0d1f2d;--box-dashboard:#0d1f2d;--bar-fill:linear-gradient(130deg, #8ebbcd 0%, #587e8c 100%);--dot:#fff;--field:#22414c;--bar-belanja:#f5c368;--bar-transport:#63cc6c;--bar-komisi:#cc8af6;--bar-tim:#a940ea;--bar-vendor:#416fee;--bar-komisi-vendor:#41a9ee;--bar-produk:#e879b4;--bar-untung-produk:#d699af;--bar-pengeluaran-bisnis:#16bb81;--table-body:#132c3f;--line-box:#1f405a;--line-modal:#fff;--card-langganan:#3f95ba5b;--logout:#3f95ba;--teks-khusus:#51dfef;--shadow-modal:0 6px 20px -5px #8ebbcd59;--shadow-card:5px 6px 10px -5px #8ebbcd59;--shadow-button:0 6px 18px -6px #8ebbcd59;--sidebar-bg:#0d1413d9;--tooltip-bg:#3e77b4;--tooltip-tx:#b8d2da}body{color:var(--ink);background:linear-gradient(150deg, var(--page-a) 0%, var(--page-b) 100%);font-family:Plus Jakarta Sans,sans-serif;transition:background .25s,color .25s}h1,h2,h3{margin:0;font-family:Poppins,sans-serif;font-weight:600}.theme-toggle-btn{border:1px solid color-mix(in srgb, var(--button-theme) 60%, transparent);background:color-mix(in srgb, var(--button-theme) 60%, transparent);cursor:pointer;width:38px;height:38px;color:var(--h4);border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.theme-toggle-btn:hover{background:var(--button-theme);color:var(--h2);border:1px solid var(--button-theme)}.theme-toggle-btn svg{width:17px;height:17px}.auth-page{background:linear-gradient(160deg, var(--page-a) 0%, var(--page-b) 70%);min-height:100vh;color:var(--ink-soft);justify-content:center;align-items:center;padding:24px;font-family:Plus Jakarta Sans,sans-serif;display:flex}.auth-card{background:color-mix(in srgb, var(--box-dashboard) var(--mix-box), transparent);border:1.5px solid color-mix(in srgb, var(--button-prm) var(--mix-border), transparent);width:100%;max-width:380px;box-shadow:var(--shadow-modal);border-radius:24px;padding:36px 32px}.auth-brand{align-items:center;gap:10px;margin-bottom:28px;display:flex}.auth-brand-centered{justify-content:center}.auth-brand-mark{background:0 0;border-radius:12px;flex-shrink:0;width:50px;height:50px;overflow:hidden}.auth-brand-mark img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.auth-brand-name{font-family:Poppins,sans-serif;font-size:32px;font-weight:700}.auth-title{margin-bottom:4px;font-family:Poppins,sans-serif;font-size:20px;font-weight:600}.auth-title-trial{color:var(--h5);margin-bottom:20px;font-family:Poppins,sans-serif;font-size:20px;font-weight:600}.auth-subtitle{color:var(--ink-soft);margin-bottom:24px;font-size:13.5px}.auth-field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.auth-field-control{position:relative}.auth-field label{transform-origin:0 0;color:var(--ink-soft);pointer-events:none;font-size:14px;font-weight:400;transition:top .15s,transform .15s,font-size .15s,color .15s;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-field input{border:1.5px solid var(--button-tx);width:100%;color:var(--button-tx);background:var(--field);border-radius:12px;padding:22px 14px 8px;font-family:inherit;font-size:14px;font-weight:700}.auth-field input::placeholder{color:#0000}.auth-field input:focus+label,.auth-field input:not(:placeholder-shown)+label{color:var(--ink-soft);top:5px;transform:translateY(0)scale(.8)}.auth-field input:focus{border-color:var(--h5);box-shadow:0 0 0 3px color-mix(in srgb, var(--h2) 20%, transparent);outline:none}.auth-field input:-webkit-autofill{-webkit-text-fill-color:var(--button-tx);-webkit-box-shadow:0 0 0 1000px var(--white) inset;box-shadow:0 0 0 1000px var(--page-b) inset;caret-color:var(--button-tx);transition:background-color 5000s ease-in-out;font-weight:700!important}.auth-field input:-webkit-autofill:hover{-webkit-text-fill-color:var(--button-tx);-webkit-box-shadow:0 0 0 1000px var(--white) inset;box-shadow:0 0 0 1000px var(--page-b) inset;caret-color:var(--button-tx);transition:background-color 5000s ease-in-out;font-weight:700!important}.auth-field input:-webkit-autofill:focus{-webkit-text-fill-color:var(--button-tx);-webkit-box-shadow:0 0 0 1000px var(--white) inset;box-shadow:0 0 0 1000px var(--page-b) inset;caret-color:var(--button-tx);transition:background-color 5000s ease-in-out;font-weight:700!important}.auth-field-control--pw input{padding-right:44px}.auth-toggle-pw{cursor:pointer;color:var(--ink);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-toggle-pw svg{width:18px;height:18px}.auth-toggle-pw:hover{color:var(--h5)}.auth-btn{text-align:center;background:var(--button-prm-hover);width:100%;color:var(--button-tx-hover);border:1.5px solid color-mix(in srgb, var(--button-border) var(--mix-border), transparent);cursor:pointer;box-shadow:var(--shadow-button);border-radius:12px;margin-top:6px;padding:12px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s;display:block}.auth-btn:hover{background:var(--h3);color:var(--button-tx-hover);border:1.5px solid color-mix(in srgb, var(--button-prm-hover) var(--mix-border), transparent);transform:translateY(-2px)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{background:var(--notif);color:var(--h8);border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:12.5px;font-weight:500}.auth-success{background:var(--pill-alt);color:var(--h7);border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:12.5px;font-weight:500}.auth-forgot{text-align:right;color:var(--ink-soft);margin-top:6px;font-size:12px;font-weight:600;text-decoration:none;display:block}.auth-forgot:hover{text-decoration:underline}.auth-page-toggle{z-index:10;position:fixed;top:20px;right:20px}.auth-switch{text-align:center;color:var(--ink-soft);margin-top:20px;font-size:13px}.auth-switch a{color:var(--ink);font-weight:600;text-decoration:none}.auth-switch a:hover{color:var(--h3)}.landing{max-width:100%;overflow-x:hidden}.landing-nav{z-index:20;background:color-mix(in srgb, var(--white) 70%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:space-between;align-items:center;padding:20px 60px;display:flex;position:sticky;top:0}.landing-brand{align-items:center;gap:10px;display:flex}.landing-brand-text{flex-direction:column;display:flex}.landing-brand-title{color:var(--h1);font-family:Poppins,sans-serif;font-size:20px;font-weight:700}.landing-brand-tagline{color:var(--h4);font-size:10px;font-weight:500}.landing-brand-mark{background:0 0;border-radius:11px;flex-shrink:0;width:50px;height:50px;overflow:hidden}.landing-brand-mark.small{border-radius:8px;width:26px;height:26px}.landing-brand-mark img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.landing-nav-links{gap:32px;display:flex}.landing-nav-links a{color:var(--ink-soft);padding-bottom:5px;font-size:14px;font-weight:700;text-decoration:none;position:relative}.landing-nav-links a:after{content:"";background:var(--line-animation);transform-origin:50%;border-radius:2px;height:3px;transition:transform .25s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.landing-nav-links a:hover{color:var(--h2)}.landing-nav-links a:hover:after{transform:scaleX(1)}.landing-nav-actions{align-items:center;gap:18px;display:flex}.btn-text{color:var(--ink-soft);font-size:14px;font-weight:600;text-decoration:none}.btn-text:hover{color:var(--h2)}.btn-text.large{font-size:15px}.btn-landing{box-shadow:var(--shadow-button);padding:11px 22px;font-size:14px;font-weight:700;text-decoration:none;display:inline-block}.landing-nav-actions .btn-landing{background:var(--button-prm-hover);color:var(--button-tx-hover);border:1.5px solid color-mix(in srgb, var(--button-border) var(--mix-border), transparent);border-radius:12px;padding:10px;transition:all .3s}.landing-nav-actions .btn-landing:hover{color:var(--button-tx-hover);background:var(--h3);border:1.5px solid color-mix(in srgb, var(--button-prm-hover) var(--mix-border), transparent);border-radius:12px;padding:10px;transform:translateY(-2px)}.btn-landing.large{background:var(--button-prm-hover);max-width:300px;color:var(--button-tx-hover);border:1.5px solid color-mix(in srgb, var(--button-border) var(--mix-border), transparent);border-radius:12px;padding:15px 30px;font-size:15.5px;transition:all .3s}.btn-landing.large:hover{background:var(--h3);color:var(--button-tx-hover);border:1.5px solid color-mix(in srgb, var(--button-prm-hover) var(--mix-border), transparent);transform:translateY(-2px)}.landing-hero{text-align:center;background:radial-gradient(circle at 50% 0%, var(--page-a) 0%, transparent 30%);max-width:900px;margin:0 auto;padding:40px 24px 30px}.hero-badge{color:var(--h4);border-radius:20px;margin-bottom:24px;padding:7px 16px;font-size:16px;font-weight:700}.landing-hero h1{color:var(--ink-soft);text-wrap:balance;margin-bottom:20px;font-family:Poppins,sans-serif;font-size:46px;font-weight:700;line-height:1.15}.hero-accent{color:var(--h3)}.hero-sub{color:var(--ink-soft);text-wrap:pretty;max-width:800px;margin:0 auto 20px;font-size:14px;line-height:1.6}.hero-actions{justify-content:center;align-items:center;gap:24px;margin-bottom:40px;display:flex}.hero-preview{background:color-mix(in srgb, var(--box) var(--mix-box), transparent);border:1.5px solid color-mix(in srgb, var(--button-prm) var(--mix-border), transparent);max-width:360px;box-shadow:var(--shadow-card);text-align:left;border-radius:24px;flex-direction:column;gap:12px;margin:0 auto;padding:20px;display:flex}.hp-card.hp-kpi{padding:4px}.hp-kpi-label{color:var(--ink-soft);font-size:12px;font-weight:600}.hp-kpi-value{color:var(--h5);margin-top:4px;font-family:Poppins,sans-serif;font-size:24px;font-weight:700}.hp-kpi-sub{color:var(--value);margin-top:2px;font-size:12px;font-weight:700}.hp-row{background:color-mix(in srgb, var(--pill-alt) 20%, transparent);border:1px solid color-mix(in srgb, var(--button-prm) var(--mix-btn-b), transparent);border-radius:14px;align-items:center;gap:10px;padding:10px;display:flex}.hp-avatar{background:var(--ava-grad);width:34px;height:34px;color:var(--h7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.hp-avatar.alt{background:var(--ava-grad-alt);color:var(--h7)}.hp-row-info{flex:1;min-width:0}.hp-row-name{color:var(--ink-soft);font-size:13px;font-weight:700}.hp-row-meta{color:var(--h2);font-size:11px}.hp-pill{background:var(--pill);color:var(--h8);border-radius:20px;padding:4px 9px;font-size:10px;font-weight:700}.hp-pill.lunas{background:var(--pill-alt);color:var(--h7)}.section-head{text-align:center;max-width:560px;margin:0 auto 40px}.section-head h2{color:var(--h3);text-wrap:balance;margin-bottom:10px;font-family:Poppins,sans-serif;font-size:32px;font-weight:700}.section-head p{color:var(--ink-soft);text-wrap:pretty;font-size:14px}.landing-fitur{padding:20px 60px 50px}.fitur-grid{grid-template-columns:repeat(3,1fr);gap:22px;max-width:1100px;margin:0 auto;display:grid}.fitur-card{background:color-mix(in srgb, var(--page-b) var(--mix-page-b), transparent);border:1.5px solid color-mix(in srgb, var(--button-prm) 30%, transparent);border-radius:20px;padding:28px}.fitur-icon{background:var(--ink-faint);width:46px;height:46px;color:var(--ink-soft);border-radius:13px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.fitur-icon svg{width:22px;height:22px}.fitur-card h3{color:var(--h2);margin-bottom:8px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700}.fitur-card p{color:var(--h4);font-size:13.5px;line-height:1.6}.landing-cara{background:color-mix(in srgb, var(--page-b) var(--mix-page-b), transparent);padding:30px 60px}.landing-cara h2{color:var(--h3);text-wrap:balance;margin-bottom:10px;font-family:Poppins,sans-serif;font-size:32px;font-weight:700}.cara-grid{grid-template-columns:repeat(3,1fr);gap:32px;max-width:1000px;margin:0 auto;display:grid}.cara-step{text-align:center}.cara-num{background:var(--grad);width:42px;height:42px;color:var(--h8);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-family:Poppins,sans-serif;font-size:17px;font-weight:700;display:flex}.cara-step h3{color:var(--h2);margin-bottom:8px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700}.cara-step p{color:var(--h4);font-size:13.5px;line-height:1.6}.landing-harga{padding:30px 60px}.harga-grid{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:24px;max-width:1080px;margin:0 auto;display:grid}.harga-card{text-align:center;background:color-mix(in srgb, var(--page-b) var(--mix-page-b), transparent);border:1.5px solid color-mix(in srgb, var(--button-prm) var(--mix-border), transparent);box-shadow:var(--shadow-card);border-radius:24px;flex-direction:column;padding:36px 32px;transition:all .3s;display:flex}.harga-card:hover{transform:translateY(-5px)}.harga-badge{width:fit-content;color:var(--h7);background:var(--pill-alt);border-radius:20px;margin:0 auto 18px;padding:6px 14px;font-size:12px;font-weight:700;display:block}.harga-price{justify-content:center;align-items:flex-start;gap:4px;display:flex}.harga-currency{color:var(--h3);margin-top:6px;font-family:Poppins,sans-serif;font-size:22px;font-weight:700}.harga-amount{color:var(--pill-alt);font-family:Poppins,sans-serif;font-size:40px;font-weight:700;line-height:1}.harga-period{color:var(--ink-soft);margin-bottom:26px;font-size:14px;font-weight:700}.harga-list{text-align:left;flex-direction:column;flex:1;gap:13px;margin:0 0 28px;padding:5px 15px;list-style:none;display:flex}.harga-list li{color:var(--h4);align-items:center;gap:10px;font-size:13.5px;display:flex}.harga-list li svg{width:18px;height:18px;color:var(--h7);background:var(--pill-alt);box-sizing:border-box;border-radius:50%;flex-shrink:0;padding:3px}.btn-landing.harga-cta{box-sizing:border-box;align-self:center;width:100%;max-width:none}@media (width<=900px){.landing-harga{padding:60px 20px}.harga-grid{grid-template-columns:1fr;gap:20px}.harga-card{padding:28px 22px}.harga-amount{font-size:38px}}.landing-tentang{padding:30px 60px 50px}.tentang-card{background:color-mix(in srgb, var(--box-dashboard) 50%, transparent);border:1.5px solid color-mix(in srgb, var(--button-prm) 30%, transparent);border-radius:20px;align-items:center;gap:10px;max-width:900px;margin:0 auto;padding:32px 36px;display:flex}.tentang-text{flex:2.2}.tentang-title{color:var(--h3);margin-bottom:8px;font-family:Poppins,sans-serif;font-size:18px;font-weight:700}.tentang-desc{color:var(--h4);font-size:13.5px;line-height:1.6}.tentang-kontak{flex-direction:column;flex:1;gap:20px;display:flex}.tentang-kontak-item{background:color-mix(in srgb, var(--active-nav) var(--mix-hover-panel), transparent);text-align:left;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;text-decoration:none;transition:background .15s;display:flex}.tentang-kontak-item:hover{background:color-mix(in srgb, var(--tooltip-bg) 30%, transparent)}.tentang-kontak-icon{background:color-mix(in srgb, var(--button-prm-hover) 50%, transparent);width:36px;height:36px;color:var(--h9);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tentang-kontak-icon svg{width:18px;height:18px}.tentang-kontak-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;font-size:11px;font-weight:600;display:block}.tentang-kontak-value{color:var(--h2);margin-top:1px;font-size:13.5px;font-weight:600;display:block}@media (width<=900px){.landing-tentang{padding:0 20px 60px}.tentang-card{flex-direction:column;align-items:stretch;gap:24px;padding:26px}.harga-list li{font-size:12px}}.landing-footer{background:color-mix(in srgb, var(--footer) 30%, transparent);border-top:1px solid var(--footer);justify-content:space-between;align-items:center;padding:15px 60px;display:flex}.landing-footer p{color:var(--ink-soft);font-size:12.5px}.landing-wa-float{z-index:50;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 20px -6px #00000059}.landing-wa-float:hover{transform:translateY(-2px)scale(1.05)}.landing-wa-float svg{width:36px;height:36px}.landing-top-float{z-index:50;background:var(--pill-alt);width:46px;height:46px;color:var(--button-tx-hover);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,transform .2s;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 8px 20px -6px #00000059}.landing-top-float:hover{background:var(--h5);transform:translateY(-2px)}.landing-top-float svg{width:20px;height:20px}@media (width<=480px){.landing-top-float{width:42px;height:42px;bottom:16px;left:16px}.landing-top-float svg{width:18px;height:18px}.landing-wa-float{width:48px;height:48px;bottom:16px;right:16px}.landing-wa-float svg{width:32px;height:32px}}@media (width<=900px){.landing-nav{padding:16px 20px}.landing-nav-links{display:none}.landing-hero{padding:30px 15px 20px}.landing-hero h1{font-size:32px}.hero-sub{padding:20px 40px 10px}.hero-actions{flex-direction:column;gap:14px;margin-bottom:30px}.landing-fitur,.landing-cara{padding:30px 20px}.fitur-grid,.cara-grid{grid-template-columns:1fr}.landing-footer{text-align:center;flex-direction:column;gap:5px;padding:10px 20px}.landing-footer p{font-size:10px}.harga-list{padding:5px 10px}}@media (width<=480px){.landing-nav{padding:12px 14px}.landing-brand{gap:8px}.landing-brand-mark{border-radius:9px;width:30px;height:30px}.landing-brand-mark.small{border-radius:7px;width:22px;height:22px}.landing-brand-title{font-size:15px}.landing-brand-tagline{display:none}.landing-nav-actions{gap:8px}.landing-nav .theme-toggle-btn{border-radius:9px;width:32px;height:32px}.landing-nav .theme-toggle-btn svg{width:14px;height:14px}.landing-nav-actions .btn-text{font-size:12px}.btn-primary{white-space:nowrap;border-radius:10px;padding:8px 14px;font-size:12px}.btn-text{white-space:nowrap}}.sidebar{background:color-mix(in srgb, var(--sidebar) 90%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-right:1px solid var(--page-b);z-index:100;flex-direction:column;flex-shrink:0;width:244px;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-close,.mobile-topbar,.sidebar-backdrop,.mobile-bottom-tabs{display:none}@media (width<=900px){.mobile-topbar{z-index:90;background:var(--sidebar);justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex;position:sticky;top:0}.mobile-topbar-brand{pointer-events:none;align-items:center;gap:8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mobile-topbar-brand img{border-radius:7px;flex-shrink:0;width:24px;height:24px}.mobile-topbar-brand span{color:var(--h9);white-space:nowrap;font-family:Poppins,sans-serif;font-size:15px;font-weight:700}.hamburger-btn{border:1px solid var(--button-border);background:var(--button-theme);width:36px;height:36px;color:var(--ink-soft);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.hamburger-btn svg{width:18px;height:18px}.sidebar-backdrop{z-index:99;background:#0009;display:block;position:fixed;inset:0}.sidebar{z-index:100;background:var(--sidebar);-webkit-backdrop-filter:none;backdrop-filter:none;width:78vw;max-width:300px;height:100vh;box-shadow:var(--shadow-modal);padding-bottom:calc(28px + env(safe-area-inset-bottom));transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-close{background:color-mix(in srgb, var(--button-theme) 60%, transparent);border:none;border:1px solid var(--ink-soft);width:30px;height:30px;color:var(--ink-soft);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;display:flex;position:absolute;top:20px;right:16px}.sidebar-close svg{width:15px;height:15px}.mobile-bottom-tabs{z-index:40;background:var(--sidebar);border-top:1px solid var(--page-b);padding:8px 4px calc(8px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-tab-item{color:var(--ink-soft);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:6px 2px;font-size:10.5px;font-weight:600;text-decoration:none;display:flex}.bottom-tab-item svg{width:21px;height:21px}.bottom-tab-item.active{color:var(--pill-alt)}.bottom-tab-item .tanda-fitur-baru{top:-10px;right:2px}.nav-utama-group{display:none}}.brand{align-items:center;gap:11px;margin-bottom:32px;padding:0 6px;display:flex}.brand-mark{background:var(--brand);border-radius:12px;flex-shrink:0;width:36px;height:36px;overflow:hidden}.brand-name{color:var(--h9);font-family:Poppins,sans-serif;font-size:19px;font-weight:700}.brand-sub{letter-spacing:.08em;color:var(--h4);text-transform:uppercase;font-size:10px}.brand-mark img,.avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.nav-section{letter-spacing:.08em;color:var(--ink-soft);text-transform:uppercase;margin:18px 12px 8px;font-size:11px}.nav-item{color:var(--ink-soft);cursor:pointer;border-radius:14px;align-items:center;gap:12px;margin-bottom:3px;padding:11px 14px;font-size:14.5px;font-weight:500;text-decoration:none;display:flex}.nav-item svg{flex-shrink:0;width:18px;height:18px}.nav-item.active{background:color-mix(in srgb, var(--placeholder) 30%, transparent);color:var(--h2)}.nav-item:not(.active):hover{background:color-mix(in srgb, var(--placeholder) 20%, transparent);color:var(--ink)}.punya-tanda-baru{position:relative}.tanda-fitur-baru{background:color-mix(in srgb, var(--pill) 78%, black);color:#fff;letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:2px 7px;font-size:9px;font-weight:700;line-height:1.25;position:absolute;top:-6px;right:10px;box-shadow:0 1px 3px #0000004d}.nav-item-bantuan{text-align:left;background:0 0;border:none;width:100%;font-family:inherit}.sidebar-bottom{border-top:1px solid var(--ink-soft);margin-top:auto;padding-top:16px}.theme-toggle{cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;width:100%;margin-bottom:8px;padding:8px 14px;transition:background .15s;display:flex}.theme-toggle:hover{background:color-mix(in srgb, var(--active-nav) var(--mix-active-nav), transparent)}.theme-toggle-track{background:var(--h3);border-radius:20px;flex-shrink:0;align-items:center;width:38px;height:21px;padding:2px;transition:background .2s;display:flex}.theme-toggle-thumb{background:var(--white);width:17px;height:17px;color:var(--ink-soft);border-radius:50%;justify-content:center;align-items:center;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 1px 3px #00000026}.theme-toggle-thumb.dark{transform:translate(17px)}.theme-toggle-thumb svg{width:11px;height:11px}.theme-toggle-label{color:var(--ink-soft);font-size:13px;font-weight:500}.profile{align-items:center;gap:10px;padding:8px 6px;display:flex}.nav-item.nav-item-keluar{background:color-mix(in srgb, var(--logout) 50%, transparent);color:var(--h7);margin-top:4px;margin-bottom:12px;font-weight:600;transition:background .15s}.nav-item.nav-item-keluar:not(.active):hover{background:color-mix(in srgb, var(--logout) 80%, transparent);color:var(--h7)}[data-theme=dark] .nav-item.nav-item-keluar,[data-theme=dark] .nav-item.nav-item-keluar:not(.active):hover{color:var(--h7)}.avatar{background:var(--ava-grad-alt);width:38px;height:38px;color:var(--h7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13.5px;font-weight:700;display:flex;overflow:hidden}.profile-name{color:var(--ink-soft);font-size:13.5px;font-weight:600}.profile-role{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:11px;overflow:hidden}.sidebar-status-pill{white-space:nowrap;border-radius:20px;margin-top:4px;padding:2px 8px;font-size:10px;font-weight:700;display:inline-block}.sidebar-status-pill.trial{background:var(--pill);color:var(--h8)}.sidebar-status-pill.aktif{background:var(--pill-alt);color:var(--h7)}.sidebar-status-pill.urgent{background:var(--pill);color:var(--h8);font-weight:800}.sidebar-status-pill.waspada{background:var(--pill-later);color:var(--h5)}.cselect{width:100%;position:relative}.cselect-trigger{border:1.5px solid color-mix(in srgb, var(--button-border) 70%, transparent);width:100%;color:color-mix(in srgb, var(--ink-soft) 70%, transparent);background:color-mix(in srgb, var(--box-dashboard) 90%, transparent);cursor:pointer;text-align:left;white-space:nowrap;border-radius:11px;justify-content:space-between;align-items:center;padding:8px 10px 8px 12px;font-family:inherit;font-size:12px;transition:border-color .15s,box-shadow .15s;display:flex}.cselect-trigger:hover{border-color:color-mix(in srgb, var(--h2) 90%, transparent)}.cselect-trigger.open{border-color:var(--h3);box-shadow:0 0 0 3px color-mix(in srgb, var(--h3) 18%, transparent)}.cselect-trigger--modal{background:var(--field);color:var(--ink-soft)}.cselect-trigger svg{width:15px;height:15px;color:var(--h5);flex-shrink:0;margin-left:8px;transition:transform .15s}.cselect-trigger.open svg{color:var(--h5);transform:rotate(180deg)}.cselect-icon{vertical-align:-3px;align-items:center;margin-right:7px;display:inline-flex}.cselect-icon svg{width:14px;height:14px;color:var(--h5);margin-left:0;transition:none}.cselect-trigger.open .cselect-icon svg{color:var(--ink-faint);transform:none}.cselect-menu{z-index:30;background:var(--box-dashboard);border:1px solid color-mix(in srgb, var(--button-border) var(--mix-border), transparent);border-radius:11px;flex-direction:column;gap:4px;max-height:220px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 16px 36px -12px #2b243840}.cselect-option{color:var(--ink-soft);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:12px;transition:background .12s,color .12s;display:flex}.cselect-option:hover{background:color-mix(in srgb, var(--h3) 18%, transparent);color:var(--h5)}.cselect-option.sel{background:color-mix(in srgb, var(--h3) 18%, transparent);color:var(--ink-soft);font-weight:600}.cselect-option svg{flex-shrink:0;width:14px;height:14px}.cdate,.ctime{width:100%;position:relative}.cdate .cselect-trigger>span,.ctime .cselect-trigger>span{text-overflow:ellipsis;min-width:0;overflow:hidden}.cdate-placeholder{color:var(--placeholder)}.cdate-panel{z-index:30;background:var(--box-dashboard);border:1px solid color-mix(in srgb, var(--button-border) 70%, transparent);min-width:270px;box-shadow:var(--shadow-modal);border-radius:12px;padding:12px;position:absolute;top:calc(100% + 6px);left:0}.cdate-nav{align-items:center;gap:8px;margin-bottom:10px;display:flex}.cdate-title{text-align:center;color:var(--ink-soft);flex:1;font-size:13px;font-weight:700}.cdate-nav-btn{border:1px solid color-mix(in srgb, var(--h3) 50%, transparent);width:26px;height:26px;color:var(--h5);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.cdate-nav-btn svg{width:13px;height:13px}.cdate-nav-btn:hover{background:color-mix(in srgb, var(--h3) 20%, transparent)}.cdate-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.cdate-head{margin-bottom:4px}.cdate-headcell{text-align:center;color:var(--ink-soft);padding:4px 0;font-size:10px;font-weight:700}.cdate-cell{aspect-ratio:1;cursor:pointer;color:var(--ink-soft);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-family:inherit;font-size:12px;font-weight:600;display:flex}.cdate-cell:hover{background:color-mix(in srgb, var(--h3) 20%, transparent)}.cdate-cell.density-1{background:color-mix(in srgb, var(--h5) 50%, transparent);color:var(--h7);font-weight:700}.cdate-cell.density-2{background:color-mix(in srgb, var(--h5) 90%, transparent);color:var(--h7);font-weight:700}.cdate-cell.density-3{background:var(--pill);color:var(--h8);font-weight:700}.cdate-cell.density-4{background:var(--notif);color:var(--h8);font-weight:700}.cdate-cell.agenda{position:relative}.cdate-cell.agenda-solo{background:color-mix(in srgb, var(--pill-later) 85%, transparent);color:var(--h7);font-weight:700}.cdate-cell.agenda:after{content:"";background:var(--pill-later);width:3px;height:3px;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--h7) 90%, transparent);border-radius:50%;margin-left:-1.5px;position:absolute;bottom:5px;left:50%}.cdate-cell.outside.agenda-solo{color:var(--ink-faint);background:0 0}.cdate-cell.outside.agenda:after{opacity:.55}.cdate-legend{border-top:1px solid color-mix(in srgb, var(--button-border) 45%, transparent);color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:10px;padding-top:8px;font-size:10.5px;display:flex}.cdate-legend-item{align-items:center;gap:6px;display:inline-flex}.cdate-legend-dot{background:var(--pill-later);border-radius:50%;flex-shrink:0;width:8px;height:8px}.cdate-cell.outside.density-1,.cdate-cell.outside.density-2,.cdate-cell.outside.density-3,.cdate-cell.outside.density-4{background:color-mix(in srgb, var(--ink-soft) 22%, transparent)}.cdate-cell.outside{color:var(--ink-faint);opacity:1;font-weight:700}.cdate-cell.today{border:1.5px solid var(--h3)}.cdate-cell.selected{background:color-mix(in srgb, var(--h3) 70%, transparent);color:#fff;font-weight:700}.ctime-panel{z-index:30;background:var(--field);border:1px solid color-mix(in srgb, var(--button-border) 70%, transparent);width:100%;box-shadow:var(--shadow-modal);border-radius:12px;gap:4px;padding:6px;display:flex;position:absolute;top:calc(100% + 6px);left:0}.ctime-col{flex-direction:column;flex:1;gap:2px;min-width:0;max-height:180px;padding:2px;display:flex;overflow-y:auto}.ctime-opt{color:var(--ink-soft);cursor:pointer;text-align:center;border-radius:8px;padding:6px 4px;font-size:12px;transition:background .12s,color .12s}.ctime-opt:hover{background:color-mix(in srgb, var(--h3) 18%, transparent)}.ctime-opt.sel{background:var(--h3);color:#fff;font-weight:700}@media (width<=640px){.ctime-panel{left:auto;right:0}}.peringatan-kewajaran{border:1.5px solid var(--pill);background:color-mix(in srgb, var(--pill) 16%, transparent);color:var(--ink-soft);border-radius:12px;margin-top:12px;padding:12px 14px;font-size:12px;line-height:1.55}.peringatan-kewajaran-judul{color:var(--pill);align-items:center;gap:7px;margin-bottom:6px;font-size:12.5px;font-weight:700;display:flex}.peringatan-kewajaran-judul svg{flex-shrink:0;width:16px;height:16px}.peringatan-kewajaran ul{flex-direction:column;gap:3px;margin:0;padding-left:18px;display:flex}.peringatan-kewajaran li{overflow-wrap:anywhere}.peringatan-kewajaran-saran{opacity:.85;margin-top:8px;font-size:11.5px}.booking-modal-overlay{z-index:95;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#24373e73;justify-content:center;align-items:center;padding:26px;display:flex;position:fixed;inset:0}.booking-modal-overlay .modal{background:var(--table-body);width:100%;max-width:600px;max-height:88vh;box-shadow:var(--shadow-modal);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.booking-modal-overlay .modal-head{flex-shrink:0;justify-content:space-between;align-items:center;padding:26px 26px 5px;display:flex}.booking-modal-overlay .modal-head h2{color:var(--ink-soft);padding-bottom:5px;font-size:18px;position:relative}.booking-modal-overlay .modal-head h2:after{content:"";background:var(--line-animation);border-radius:2px;height:4px;position:absolute;bottom:0;left:0;right:0}.booking-modal-overlay .modal-close{background:color-mix(in srgb, var(--h3) 20%, transparent);width:32px;height:32px;color:var(--h3);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:20px;transition:background .15s;display:flex}.booking-modal-overlay .modal-close:hover{background:color-mix(in srgb, var(--h3) 50%, transparent);color:var(--h3)}.booking-modal-overlay .modal-body{-webkit-overflow-scrolling:touch;flex:1;padding:20px 26px;overflow-y:auto}.booking-modal-overlay .section-label{letter-spacing:.06em;color:var(--ink-soft);margin:10px 0;padding-bottom:5px;font-size:12px;font-weight:700;display:inline-block;position:relative}.booking-modal-overlay .field-grid-booking{gap:8px;margin-bottom:5px;display:grid}.booking-modal-overlay .field-grid-booking.cols-tanggal-nama-wa{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,.8fr)}.booking-modal-overlay .field-grid-booking.cols-tanggal-jam-event{grid-template-columns:minmax(0,.9fr) minmax(0,.5fr) minmax(0,.5fr) minmax(0,1.1fr)}.booking-modal-overlay .field-grid-booking.cols-lokasi-sumber{grid-template-columns:2fr 1fr}.booking-modal-overlay .field-grid-booking.cols-transport-dp-metode{grid-template-columns:1fr 1fr 1fr}.booking-modal-overlay .field-grid-booking.cols-catatan{grid-template-columns:1fr}.booking-modal-overlay .field{flex-direction:column;gap:6px;margin-top:5px;margin-bottom:10px;display:flex}.booking-modal-overlay .field label{color:var(--ink-soft);font-size:12px;font-weight:600}.booking-modal-overlay .field-label-inline{align-items:baseline;gap:6px;display:flex}.booking-modal-overlay .field-label-inline label{color:var(--ink-soft);font-size:12px;font-weight:600}.booking-modal-overlay .field-full-width{grid-column:1/-1}.booking-modal-overlay .field-label-inline{white-space:nowrap}.booking-modal-overlay .field-note{color:var(--ink-soft);opacity:.65;font-size:10px;font-style:italic}.booking-modal-overlay .field-label-2line{min-height:30px}.booking-modal-overlay .field-label-row{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.booking-modal-overlay .quickfill-btn{color:var(--h1);background:var(--ink-faint);cursor:pointer;border:none;border-radius:5px;align-self:flex-start;margin-top:2px;padding:4px 6px;font-size:10px;font-weight:500;transition:background .15s}.booking-modal-overlay .quickfill-btn:hover{background:color-mix(in srgb, var(--ink-faint) 50%, transparent)}.booking-modal-overlay .field input,.booking-modal-overlay .field select,.booking-modal-overlay .field textarea{border:1.5px solid color-mix(in srgb, var(--button-border) 70%, transparent);color:var(--ink-soft);background:var(--field);border-radius:11px;height:40px;padding:10px;font-family:inherit;font-size:12px}.booking-modal-overlay .field textarea{height:auto}.booking-modal-overlay .field input::placeholder,.booking-modal-overlay .field textarea::placeholder{color:var(--placeholder);opacity:1}.booking-modal-overlay .field input:focus,.booking-modal-overlay .field select:focus,.booking-modal-overlay .field textarea:focus{border-color:var(--h3);box-shadow:0 0 0 3px color-mix(in srgb, var(--h3) 18%, transparent);outline:none}.booking-modal-overlay .field textarea{resize:vertical;min-height:56px}.booking-modal-overlay .cselect-trigger{height:40px}.booking-modal-overlay .klien-suggest{z-index:20;background:var(--field);border:1px solid var(--line-box);max-height:200px;box-shadow:var(--shadow-modal);border-radius:6px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.booking-modal-overlay .klien-suggest-item{cursor:pointer;border-radius:6px;align-items:baseline;padding:8px;transition:background .12s;display:flex}.booking-modal-overlay .klien-suggest-item:hover{background:color-mix(in srgb, var(--h3) 10%, transparent)}.booking-modal-overlay .klien-suggest-name{color:color-mix(in srgb, var(--ink-soft) 80%, transparent);font-size:12px;font-weight:500}.booking-modal-overlay .klien-suggest-wa{color:color-mix(in srgb, var(--ink-soft) 80%, transparent);margin-left:4px;font-family:Space Mono,monospace;font-size:12px}.booking-modal-overlay .klien-suggest-wa:before{content:"- "}.booking-modal-overlay .peserta-card{background:color-mix(in srgb, var(--button-prm-hover) 60%, transparent);border:none;border-radius:16px;margin-bottom:10px;padding:10px}.booking-modal-overlay .peserta-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.booking-modal-overlay .peserta-title{color:var(--ink-soft);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.booking-modal-overlay .peserta-num{background:var(--h3);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.booking-modal-overlay .field-grid-peserta.cols-2{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:0;display:grid}.booking-modal-overlay .field-grid-bundling{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:0;display:grid}.booking-modal-overlay .field-grid-bundling .field label{min-height:30px}.booking-modal-overlay .addon-remove-row{justify-content:flex-end;margin-top:10px;margin-bottom:5px;display:flex}.booking-modal-overlay .peserta-remove{color:var(--h8);cursor:pointer;background:var(--notif);border:1px solid var(--notif);border-radius:7px;padding:4px 8px;font-size:12px;font-weight:550;transition:background .15s}.booking-modal-overlay .peserta-remove:hover{background:color-mix(in srgb, var(--notif) 85%, black);border:1px solid color-mix(in srgb, var(--notif) 85%, black);color:var(--h8)}.booking-modal-overlay .peserta-body{background:var(--table-body);border-radius:12px;flex-direction:column;padding:14px;display:flex}.booking-modal-overlay .toggle-row{gap:6px;display:flex}.booking-modal-overlay .toggle-opt{text-align:center;background:var(--ink-faint);color:var(--ink-soft);cursor:pointer;border:1px;border-radius:6px;flex:1;padding:7px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.booking-modal-overlay .toggle-opt:not(.sel):hover{background:color-mix(in srgb, var(--ink-faint) 50%, transparent);color:var(--ink-soft)}.booking-modal-overlay .toggle-opt.sel{background:var(--h3);color:#fff;border-color:#0000}.booking-modal-overlay .toggle-row-rambut{gap:6px;display:flex}.booking-modal-overlay .toggle-opt-rambut{text-align:center;background:var(--ink-faint);color:var(--ink-soft);cursor:pointer;border:1px;border-radius:6px;flex:1;padding:7px 5px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.booking-modal-overlay .toggle-opt-rambut:not(.sel):hover{background:color-mix(in srgb, var(--ink-faint) 50%, transparent);color:var(--ink-soft)}.booking-modal-overlay .toggle-opt-rambut.sel{background:var(--h3);color:#fff;border-color:#0000}.booking-modal-overlay .sb-label{color:var(--ink-soft);margin-bottom:5px;font-size:11.5px;font-weight:700}.booking-modal-overlay .add-peserta{text-align:center;background:var(--button-prm-hover);color:var(--button-tx-hover);cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:10px;margin-bottom:10px;padding:8px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}.booking-modal-overlay .add-peserta:hover{background:var(--h3);border-color:none}.booking-modal-overlay .modal-foot{flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 26px;display:flex}.booking-modal-overlay .btn-primary-booking{border:1.5px solid var(--button-prm-hover);background:var(--button-prm-hover);color:var(--button-tx-hover);cursor:pointer;border-radius:11px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s}.booking-modal-overlay .btn-primary-booking:hover{background:var(--h3)}.booking-modal-overlay .btn-ghost{border:1.5px solid color-mix(in srgb, var(--button-border) 70%, transparent);background:var(--box-dashboard);color:var(--ink-soft);cursor:pointer;border-radius:11px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s}.booking-modal-overlay .btn-ghost:hover{background:color-mix(in srgb, var(--button-prm-hover) 50%, transparent);border:1.5px solid color-mix(in srgb, var(--button-prm-hover) 50%, transparent)}.booking-modal-overlay .modal-error{background:var(--pill);color:var(--h8);border-radius:10px;margin-bottom:10px;padding:10px 14px;font-size:12.5px}@media (width<=640px){.booking-modal-overlay{align-items:flex-end;padding:0}.booking-modal-overlay .modal{border-radius:22px 22px 0 0;max-width:100%;max-height:92vh}.booking-modal-overlay .modal-head,.booking-modal-overlay .modal-body{padding:16px 18px}.booking-modal-overlay .modal-foot{padding:12px 18px 18px}.booking-modal-overlay .field-grid-booking.cols-tanggal-nama-wa{grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,1.2fr)}.booking-modal-overlay .field-grid-booking.cols-tanggal-nama-wa>.field:first-child{grid-column:1/2}.booking-modal-overlay .field-grid-booking.cols-tanggal-nama-wa>.field:nth-child(2){grid-column:1/-1}.booking-modal-overlay .field-grid-booking.cols-tanggal-nama-wa>.field:nth-child(3){grid-column:1/2}.booking-modal-overlay .field-grid-booking.cols-tanggal-jam-event{grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,1.2fr)}.booking-modal-overlay .field-grid-booking.cols-tanggal-jam-event>.field:nth-child(4){grid-column:1/-1}.booking-modal-overlay .field-grid-booking.cols-lokasi-sumber{grid-template-columns:1fr 1fr}.booking-modal-overlay .field-grid-booking.cols-lokasi-sumber>.field:first-child{grid-column:1/-1}.booking-modal-overlay .field-grid-booking.cols-lokasi-sumber>.field:nth-child(2){grid-column:1/2}.booking-modal-overlay .field-grid-booking.cols-transport-dp-metode{grid-template-columns:minmax(0,.95fr) minmax(0,.95fr) minmax(0,1.1fr)}.booking-modal-overlay .field-grid-peserta.cols-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:0;display:grid}.booking-modal-overlay .field-grid-bundling{grid-template-columns:1fr;gap:8px}.booking-modal-overlay .field-grid-bundling .field label{min-height:0}.booking-modal-overlay .field-grid-bundling.field-grid-bundling--sewa{grid-template-columns:1fr 1fr;gap:6px}.booking-modal-overlay .field-grid-bundling.field-grid-bundling--sewa .field label{min-height:30px}.booking-modal-overlay .field-grid-bundling.field-grid-bundling--sewa .field-untung-row2{grid-column:2}.booking-modal-overlay .field-grid-bundling.field-grid-bundling--vendoraddon{grid-template-columns:1fr 1fr;gap:6px}.booking-modal-overlay .field-grid-bundling.field-grid-bundling--vendoraddon .field:first-child{grid-column:1/-1}.booking-modal-overlay .field-grid-bundling.field-grid-bundling--vendoraddon .field .field-label-2line{min-height:30px}.booking-modal-overlay .quickfill-btn{color:var(--h1);background:var(--ink-faint);cursor:pointer;border:none;border-radius:5px;align-self:flex-start;margin-top:2px;padding:4px 6px;font-size:10px;font-weight:500;transition:background .15s}.booking-modal-overlay .toggle-row-rambut{gap:2px;display:flex}.booking-modal-overlay .toggle-opt-rambut{white-space:nowrap;flex:auto;min-width:0;padding:7px 2px;font-size:clamp(10.5px,3.05vw,12px)}}@media (width<=355px){.booking-modal-overlay .field-grid-peserta.cols-2:has(.toggle-row-rambut){grid-template-columns:minmax(0,1fr)}.booking-modal-overlay .toggle-row-rambut{gap:3px}.booking-modal-overlay .toggle-opt-rambut{padding:7px 5px;font-size:12px}}.booking-modal-overlay .form-divider{background:color-mix(in srgb, var(--button-border) 45%, transparent);height:1px;margin:8px 0}.booking-detail-overlay{z-index:95;background:#24373e99;justify-content:center;align-items:center;padding:26px;display:flex;position:fixed;inset:0}.booking-detail-overlay .modal{background:var(--table-body);border:1.5px solid var(--line-box);width:100%;max-width:600px;max-height:88vh;box-shadow:var(--shadow-modal);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.booking-detail-overlay .modal-head{flex-shrink:0;justify-content:space-between;align-items:center;padding:26px 26px 5px;display:flex}.booking-detail-overlay .modal-head h2{color:var(--ink-soft);padding-bottom:5px;font-size:18px;position:relative}.booking-detail-overlay .modal-head h2:after{content:"";background:var(--line-animation);border-radius:2px;height:4px;position:absolute;bottom:0;left:0;right:0}.booking-detail-overlay .modal-close{background:color-mix(in srgb, var(--h3) 20%, transparent);width:32px;height:32px;color:var(--h3);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:20px;transition:background .15s;display:flex}.booking-detail-overlay .modal-close:hover{background:color-mix(in srgb, var(--h3) 50%, transparent);color:var(--h3)}.booking-detail-overlay .modal-body{-webkit-overflow-scrolling:touch;flex:1;padding:20px 26px;overflow-y:auto}.booking-detail-overlay .modal-foot{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:16px 26px;display:flex}.booking-detail-overlay .modal-foot .btn-ghost{margin-bottom:0}.booking-detail-overlay .modal-error{background:var(--pill);color:var(--h8);border-radius:10px;margin-bottom:10px;padding:10px 14px;font-size:12.5px}.booking-detail-overlay .empty-state{text-align:center;color:var(--ink-soft);padding:32px 26px;font-size:12px}.booking-detail-overlay .btn-payment{border:1px solid color-mix(in srgb, var(--button-prm-hover) 50%, transparent);background:color-mix(in srgb, var(--button-prm-hover) 50%, transparent);color:var(--h7);cursor:pointer;border-radius:8px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;transition:background .15s,border-color .15s}.booking-detail-overlay .btn-payment:hover{background:var(--button-prm-hover);color:var(--h7)}.booking-detail-overlay .btn-ghost{border:1.5px solid var(--button-border);background:var(--table-body);color:var(--ink-soft);cursor:pointer;border-radius:8px;margin-bottom:20px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;transition:background .15s,border-color .15s}.booking-detail-overlay .btn-ghost:hover{background:color-mix(in srgb, var(--button-prm-hover) 50%, transparent);border:1.5px solid color-mix(in srgb, var(--button-prm-hover) 50%, transparent)}.booking-detail-overlay .btn-batal{border:1.5px solid color-mix(in srgb, var(--button-border) 70%, transparent);background:var(--box-dashboard);color:var(--ink-soft);cursor:pointer;border-radius:11px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s}.booking-detail-overlay .btn-batal:hover{background:color-mix(in srgb, var(--button-prm-hover) 50%, transparent);border:1.5px solid color-mix(in srgb, var(--button-prm-hover) 50%, transparent)}.booking-detail-overlay .btn-primary-detail{border:1.5px solid var(--button-prm-hover);background:var(--button-prm-hover);color:var(--button-tx-hover);cursor:pointer;border-radius:11px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s}.booking-detail-overlay .btn-primary-detail:hover{background:var(--h3)}.booking-detail-overlay .btn-primary-detail:disabled{opacity:.6;cursor:not-allowed;transform:none}.booking-detail-overlay .detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:0;margin-bottom:5px;display:flex}.booking-detail-overlay .detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px 10px;display:flex}.booking-detail-overlay .section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:20px 0 10px;font-size:12px;font-weight:700}.booking-detail-overlay .detail-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px;display:grid}.booking-detail-overlay .detail-label{color:var(--ink-soft);text-decoration:underline;-webkit-text-decoration-color:var(--ink-soft);text-decoration-color:var(--ink-soft);text-underline-offset:5px;margin-bottom:10px;font-size:12px;font-weight:600;text-decoration-thickness:1px;display:block}.booking-detail-overlay .detail-label-summary{color:var(--ink-soft);margin-bottom:10px;font-size:12px;font-weight:600;display:block}.booking-detail-overlay .detail-grid>div{color:var(--h5);font-size:12px;font-weight:600}.booking-detail-overlay .status-pill{white-space:nowrap;border-radius:8px;margin-bottom:10px;padding:5px 10px;font-size:11px;font-weight:600}.booking-detail-overlay .status-pill.belum{background:var(--pill);color:var(--h8)}.booking-detail-overlay .status-pill.lunas{background:var(--pill-alt);color:var(--h7)}.booking-detail-overlay .b-avatar{background:var(--ava-grad);width:38px;height:38px;color:var(--h7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.booking-detail-overlay .b-avatar.selesai{background:var(--ava-grad-alt);color:var(--h7)}.booking-detail-overlay .b-info{flex:1;min-width:0}.booking-detail-overlay .b-name{color:var(--ink-soft);margin-bottom:5px;font-size:12px;font-weight:600}.booking-detail-overlay .b-meta{color:var(--ink);font-size:11px}.booking-detail-overlay .pay-summary{background:linear-gradient(80deg, var(--active-nav) 0%, var(--table-body) 80%);color:var(--ink-soft);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;padding:10px 16px;display:grid}.booking-detail-overlay .pay-value{margin-top:5px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700}.booking-detail-overlay .detail-label-history{color:var(--ink-soft);margin-bottom:5px;margin-left:0;padding:5px 5px 0;font-size:12px;font-weight:600}.booking-detail-overlay .pay-history{margin-bottom:5px;margin-left:5px;padding:5px 0}.booking-detail-overlay .pay-row{background:color-mix(in srgb, var(--button-prm-hover) 10%, transparent);border-bottom:1px solid color-mix(in srgb, var(--ink-soft) 80%, transparent);color:var(--ink-soft);text-align:left;border-radius:8px;grid-template-columns:120px 90px 80px 1fr auto;align-items:center;gap:20px;padding:5px 10px;font-family:inherit;font-size:12px;transition:background .15s;display:grid}.booking-detail-overlay .pay-row>span:first-child{text-align:left}.booking-detail-overlay .pay-row>span:nth-child(2){text-align:right}.booking-detail-overlay .pay-note{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;text-align:left;font-size:11.5px;overflow:hidden}.booking-detail-overlay .pay-row:hover{background:linear-gradient(80deg, var(--active-nav) 0%, var(--table-body) 100%)}.booking-detail-overlay .pay-row:last-child{border-bottom:none}.booking-detail-overlay .pay-row-header{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);opacity:.7;background:0 0;border-bottom:none;margin-bottom:2px;padding:0 10px;font-size:10px;font-weight:700}.booking-detail-overlay .pay-row-header:hover{background:0 0}.booking-detail-overlay .pay-amount{color:var(--ink-soft);text-align:right}.booking-detail-overlay .pay-actions{gap:5px;display:flex;position:relative}.booking-detail-overlay .pay-actions button{background:color-mix(in srgb, var(--button-prm-hover) 50%, transparent);cursor:pointer;color:var(--h2);border:none;border-radius:5px;padding:3px 5px;font-size:10px}.booking-detail-overlay .pay-actions button:hover{background:var(--button-prm-hover);color:var(--h7)}.booking-detail-overlay .pay-edit-row{background:color-mix(in srgb, var(--button-prm-hover) 20%, transparent);border-radius:16px;margin-top:10px;margin-bottom:12px;padding:14px}.booking-detail-overlay .pay-confirm-popup{z-index:30;background:var(--box-dashboard);border:1px solid var(--line-box);width:240px;box-shadow:var(--shadow-modal);border-radius:8px;padding:10px;position:absolute;top:calc(100% + 8px);right:0}.booking-detail-overlay .pay-confirm-popup p{color:var(--ink-soft);text-align:left;margin:5px 0 10px;font-size:11px;font-weight:500;line-height:1.4}.booking-detail-overlay .pay-confirm-popup-actions{justify-content:flex-end;gap:8px;display:flex}.booking-detail-overlay button.pay-confirm-yes{background:var(--notif);border:1px solid var(--notif);cursor:pointer;color:var(--h8);border-radius:7px;padding:5px 10px;font-size:10px;font-weight:500;transition:background .15s}.booking-detail-overlay button.pay-confirm-yes:hover{background:color-mix(in srgb, var(--notif) 85%, black);border:1px solid color-mix(in srgb, var(--notif) 85%, black)}.booking-detail-overlay button.pay-confirm-yes:disabled{opacity:.6;cursor:not-allowed}.booking-detail-overlay button.pay-confirm-cancel{background:color-mix(in srgb, var(--active-nav) 50%, transparent);border:1px solid var(--ink-soft);cursor:pointer;color:var(--ink-soft);border-radius:7px;padding:5px 10px;font-size:10px;font-weight:500;transition:background .15s}.booking-detail-overlay button.pay-confirm-cancel:hover{background:var(--button-prm-hover);border:1px solid var(--button-prm-hover);color:var(--h8)}.booking-detail-overlay .peserta-view-row{border-bottom:1px solid color-mix(in srgb, var(--ink-soft) 50%, transparent);align-items:center;gap:12px;padding:10px 0;display:flex}.booking-detail-overlay .peserta-view-row:last-child{border-bottom:none}.booking-detail-overlay .add-payment{background:color-mix(in srgb, var(--active-nav) 50%, transparent);color:var(--ink-soft);cursor:pointer;text-align:center;border:none;border-radius:5px;margin-top:5px;margin-bottom:5px;margin-left:5px;padding:5px;font-size:12px;font-weight:500;transition:background .15s}.booking-detail-overlay .add-payment:hover{background:color-mix(in srgb, var(--active-nav) 90%, transparent)}.booking-detail-overlay .add-payment-card{background:color-mix(in srgb, var(--button-prm-hover) 20%, transparent);border-radius:16px;margin-left:5px;padding:14px}.booking-detail-overlay .field-grid-detail{gap:12px;margin-bottom:5px;display:grid}.booking-detail-overlay .field-grid-detail.add-edit-pay-cols-3{grid-template-columns:1.2fr .8fr 1fr;display:grid}.booking-detail-overlay .field-grid-detail.add-edit-pay-cols-1{grid-template-columns:1fr;display:grid}.booking-detail-overlay .field-grid-booking{gap:8px;margin-bottom:5px;display:grid}.booking-detail-overlay .field-grid-booking.cols-tanggal-nama-wa{grid-template-columns:minmax(0,.9fr) minmax(0,1.3fr) minmax(0,.8fr)}.booking-detail-overlay .field-grid-booking.cols-tanggal-jam-event{grid-template-columns:minmax(0,.9fr) minmax(0,.5fr) minmax(0,.5fr) minmax(0,1.1fr)}.booking-detail-overlay .field-grid-booking.cols-lokasi-sumber{grid-template-columns:2fr 1fr}.booking-detail-overlay .field-grid-booking.cols-transport-catatan{grid-template-columns:1fr 2fr}.booking-detail-overlay .field{flex-direction:column;gap:6px;min-width:0;margin-top:5px;margin-bottom:10px;display:flex}.booking-detail-overlay .field label{color:var(--ink-soft);margin-bottom:5px;font-size:12px;font-weight:600}.booking-detail-overlay .field-label-inline{align-items:baseline;gap:6px;display:flex}.booking-detail-overlay .field-full-width{grid-column:1/-1}.booking-detail-overlay .field-label-inline{white-space:nowrap}.booking-detail-overlay .field-label-inline label{color:var(--ink-soft);margin-bottom:0;font-size:12px;font-weight:600}.booking-detail-overlay .field-note{color:var(--ink-soft);opacity:.65;font-size:10px;font-style:italic}.booking-detail-overlay .field-label-2line{min-height:30px}.booking-detail-overlay .field input,.booking-detail-overlay .field select,.booking-detail-overlay .field textarea{border:1.5px solid color-mix(in srgb, var(--button-border) 70%, transparent);color:var(--ink-soft);background:var(--field);border-radius:11px;height:40px;padding:9px 12px;font-family:inherit;font-size:12px}.booking-detail-overlay .field input::placeholder,.booking-detail-overlay .field textarea::placeholder{color:var(--placeholder);opacity:1}.booking-detail-overlay .field input:focus,.booking-detail-overlay .field select:focus,.booking-detail-overlay .field textarea:focus{border-color:var(--h3);box-shadow:var(--shadow-modal);outline:none}.booking-detail-overlay .field textarea{resize:vertical;min-height:40px}.booking-detail-overlay .cselect-trigger{height:40px}.booking-detail-overlay .peserta-card{background:color-mix(in srgb, var(--button-prm-hover) 60%, transparent);border:none;border-radius:16px;margin-bottom:10px;padding:10px}.booking-detail-overlay .peserta-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.booking-detail-overlay .peserta-title{color:var(--ink-soft);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.booking-detail-overlay .peserta-num{background:var(--h3);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.booking-detail-overlay .field-grid-peserta.cols-2{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:0;display:grid}.booking-detail-overlay .field-grid-bundling{grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:0;display:grid}.booking-detail-overlay .field-grid-bundling .field label{min-height:30px}.booking-detail-overlay .addon-remove-row{justify-content:flex-end;margin-top:10px;margin-bottom:5px;display:flex}.booking-detail-overlay .peserta-remove{color:var(--h8);cursor:pointer;background:var(--notif);border:1px solid var(--notif);border-radius:7px;padding:4px 8px;font-size:12px;font-weight:550;transition:background .15s}.booking-detail-overlay .peserta-remove:hover{background:color-mix(in srgb, var(--notif) 85%, black);border:1px solid color-mix(in srgb, var(--notif) 85%, black);color:var(--h8)}.booking-detail-overlay .peserta-body{background:var(--box-dashboard);border-radius:12px;flex-direction:column;padding:14px;display:flex}.booking-detail-overlay .toggle-row{gap:6px;display:flex}.booking-detail-overlay .toggle-opt{text-align:center;background:var(--ink-faint);color:var(--ink-soft);cursor:pointer;border:1px;border-radius:6px;flex:1;padding:7px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.booking-detail-overlay .toggle-opt:not(.sel):hover{background:color-mix(in srgb, var(--ink-faint) 50%, transparent);color:var(--ink-soft)}.booking-detail-overlay .toggle-opt.sel{background:var(--h3);color:#fff;border-color:#0000}.booking-detail-overlay .toggle-row-rambut{gap:6px;display:flex}.booking-detail-overlay .toggle-opt-rambut{text-align:center;background:var(--ink-faint);color:var(--ink-soft);cursor:pointer;border:1px;border-radius:6px;flex:1;padding:7px 5px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.booking-detail-overlay .toggle-opt-rambut:not(.sel):hover{background:color-mix(in srgb, var(--ink-faint) 50%, transparent);color:var(--ink-soft)}.booking-detail-overlay .toggle-opt-rambut.sel{background:var(--h3);color:#fff;border-color:#0000}.booking-detail-overlay .sb-label{color:var(--ink-soft);margin-bottom:5px;font-size:11.5px;font-weight:700}.booking-detail-overlay .add-peserta{text-align:center;background:var(--button-prm-hover);color:var(--button-tx-hover);cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:10px;margin-bottom:10px;padding:8px;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}.booking-detail-overlay .add-peserta:hover{background:var(--h3);border-color:none}.booking-detail-overlay .delete-confirm-banner{background:var(--notif);padding:12px 26px}.booking-detail-overlay .delete-confirm-text{flex-direction:column;gap:3px;display:flex}.booking-detail-overlay .delete-confirm-text b{color:var(--h8);font-size:13.5px}.booking-detail-overlay .delete-confirm-text span{color:var(--h8);opacity:.85;font-size:12.5px}.booking-detail-overlay .btn-danger-ghost{border:1px solid var(--notif);background:var(--notif);color:var(--h8);cursor:pointer;border-radius:11px;margin-right:auto;padding:8px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;transition:background .15s}.booking-detail-overlay .btn-danger-ghost:hover{background:color-mix(in srgb, var(--notif) 85%, black);border:1px solid color-mix(in srgb, var(--notif) 85%, black)}.booking-detail-overlay .btn-danger.batal{border:1.5px solid var(--button-tx);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:11px;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}.booking-detail-overlay .btn-danger.batal:hover{background:color-mix(in srgb, var(--button-prm-hover) 50%, transparent);border:1.5px solid color-mix(in srgb, var(--button-prm-hover) 50%, transparent)}.booking-detail-overlay .btn-danger{border:1.5px solid var(--notif);background:var(--notif);color:#fff;cursor:pointer;border-radius:11px;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;transition:background .15s}.booking-detail-overlay .btn-danger:hover{background:color-mix(in srgb, var(--notif) 85%, black);border:1.5px solid color-mix(in srgb, var(--notif) 85%, black)}.booking-detail-overlay .btn-danger:disabled,.booking-detail-overlay .btn-danger-ghost:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.booking-detail-overlay{align-items:flex-end;padding:0}.booking-detail-overlay .modal{border-radius:22px 22px 0 0;max-width:100%;max-height:92vh}.booking-detail-overlay .modal-head{margin-bottom:5px;padding:16px 18px 5px}.booking-detail-overlay .modal-body{padding:5px 18px 16px}.booking-detail-overlay .modal-foot{padding:12px 18px 18px}.booking-detail-overlay .detail-header{flex-direction:column;align-items:flex-start}.booking-detail-overlay .detail-actions{justify-content:flex-end;width:100%}.booking-detail-overlay .detail-grid{grid-template-columns:repeat(2,1fr)}.booking-detail-overlay .pay-summary{gap:6px;padding:10px 12px}.booking-detail-overlay .detail-label-summary{font-size:10px}.booking-detail-overlay .pay-value{margin-top:3px;font-size:12.5px}.booking-detail-overlay .pay-row{grid-template-columns:110px 72px 62px 1fr;gap:4px;font-size:11px}.booking-detail-overlay .pay-note{font-size:10px}.booking-detail-overlay .pay-actions{grid-column:1/-1;justify-content:flex-end;margin-top:2px}.booking-detail-overlay .pay-actions button{padding:3px 4px;font-size:9px}.booking-detail-overlay .delete-confirm-banner{padding:14px 18px}.booking-detail-overlay .field-grid-booking.cols-tanggal-nama-wa{grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,1.2fr)}.booking-detail-overlay .field-grid-booking.cols-tanggal-nama-wa>.field:first-child{grid-column:1/2}.booking-detail-overlay .field-grid-booking.cols-tanggal-nama-wa>.field:nth-child(2){grid-column:1/-1}.booking-detail-overlay .field-grid-booking.cols-tanggal-nama-wa>.field:nth-child(3){grid-column:1/2}.booking-detail-overlay .field-grid-booking.cols-tanggal-jam-event{grid-template-columns:minmax(0,2fr) minmax(0,1.2fr) minmax(0,1.2fr)}.booking-detail-overlay .field-grid-booking.cols-tanggal-jam-event>.field:nth-child(4){grid-column:1/-1}.booking-detail-overlay .field-grid-booking.cols-lokasi-sumber{grid-template-columns:1fr 1fr}.booking-detail-overlay .field-grid-booking.cols-lokasi-sumber>.field:first-child{grid-column:1/-1}.booking-detail-overlay .field-grid-booking.cols-lokasi-sumber>.field:nth-child(2){grid-column:1/2}.booking-detail-overlay .field-grid-booking.cols-transport-catatan{grid-template-columns:1fr 1fr}.booking-detail-overlay .field-grid-booking.cols-transport-catatan>.field:first-child{grid-column:1/2}.booking-detail-overlay .field-grid-booking.cols-transport-catatan>.field:nth-child(2){grid-column:1/-1}.booking-detail-overlay .field-grid-detail.add-edit-pay-cols-3{grid-template-columns:1fr 1fr}.booking-detail-overlay .field-grid-detail.add-edit-pay-cols-3>.field:first-child{grid-area:1/1/auto/2}.booking-detail-overlay .field-grid-detail.add-edit-pay-cols-3>.field:nth-child(2){grid-area:2/1/auto/2}.booking-detail-overlay .field-grid-detail.add-edit-pay-cols-3>.field:nth-child(3){grid-area:2/2/auto/3}.booking-detail-overlay .field-grid-peserta.cols-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:0;display:grid}.booking-detail-overlay .field-grid-bundling{grid-template-columns:1fr;gap:8px}.booking-detail-overlay .field-grid-bundling .field label{min-height:0}.booking-detail-overlay .field-grid-bundling.field-grid-bundling--sewa{grid-template-columns:1fr 1fr;gap:6px}.booking-detail-overlay .field-grid-bundling.field-grid-bundling--sewa .field label{min-height:30px}.booking-detail-overlay .field-grid-bundling.field-grid-bundling--sewa .field-untung-row2{grid-column:2}.booking-detail-overlay .field-grid-bundling.field-grid-bundling--vendoraddon{grid-template-columns:1fr 1fr;gap:6px}.booking-detail-overlay .field-grid-bundling.field-grid-bundling--vendoraddon .field:first-child{grid-column:1/-1}.booking-detail-overlay .field-grid-bundling.field-grid-bundling--vendoraddon .field .field-label-2line{min-height:30px}.booking-detail-overlay .toggle-row-rambut{gap:2px;display:flex}.booking-detail-overlay .toggle-opt-rambut{white-space:nowrap;flex:auto;min-width:0;padding:7px 2px;font-size:clamp(10.5px,3.05vw,12px)}}@media (width<=355px){.booking-detail-overlay .field-grid-peserta.cols-2:has(.toggle-row-rambut){grid-template-columns:minmax(0,1fr)}.booking-detail-overlay .toggle-row-rambut{gap:3px}.booking-detail-overlay .toggle-opt-rambut{padding:7px 5px;font-size:12px}}.booking-detail-overlay .form-divider{background:color-mix(in srgb, var(--button-border) 45%, transparent);height:1px;margin:8px 0}.invoice-overlay{z-index:95;background:#24373e99;justify-content:center;align-items:center;padding:26px;display:flex;position:fixed;inset:0}.invoice-overlay .modal{background:var(--table-body);border:1.5px solid var(--line-box);width:100%;max-width:600px;max-height:88vh;box-shadow:var(--shadow-modal);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.invoice-overlay .modal-head.invoice-no-print{flex-shrink:0;justify-content:space-between;align-items:center;padding:26px 26px 10px;display:flex}.invoice-overlay .modal-head h2{font-size:18px}.invoice-overlay .modal-close{background:color-mix(in srgb, var(--h3) 20%, transparent);width:32px;height:32px;color:var(--h3);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:20px;transition:background .15s;display:flex}.invoice-overlay .modal-close:hover{background:color-mix(in srgb, var(--h3) 50%, transparent);color:var(--h3)}.invoice-overlay .modal-body{-webkit-overflow-scrolling:touch;flex:1;padding:10px 26px;overflow-y:auto}.invoice-overlay .modal-foot{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:10px;padding:16px 26px;display:flex}.invoice-overlay .btn-ghost{border:1.5px solid var(--button-border);background:var(--table-body);color:var(--ink-soft);cursor:pointer;border-radius:8px;flex-shrink:0;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;transition:background .15s,border-color .15s}.invoice-overlay .btn-ghost:hover{background:color-mix(in srgb, var(--button-prm-hover) 50%, transparent);border:1.5px solid color-mix(in srgb, var(--button-prm-hover) 50%, transparent)}.invoice-overlay .btn-ghost:disabled{opacity:.6;cursor:default}.inv-export{position:relative}.inv-export-caret{margin-left:2px;font-size:9px}.inv-export-menu{z-index:20;background:var(--table-body);border:1.5px solid var(--line-box);box-shadow:var(--shadow-card);border-radius:12px;min-width:115px;position:absolute;bottom:calc(100% + 6px);right:0;overflow:hidden}.inv-export-menu button{text-align:left;width:100%;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:8px 14px;font-family:inherit;font-size:12.5px;font-weight:600;display:block}.inv-export-menu button:hover{background:color-mix(in srgb, var(--button-prm-hover) 40%, transparent)}.inv-export-menu button+button{border-top:none}.invoice-modal{max-width:640px}.invoice-paper{background:var(--table-body)}.inv-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.inv-studio{color:var(--ink-soft);font-family:Poppins,sans-serif;font-size:18px;font-weight:700}.inv-studio-meta{color:var(--ink-soft);align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.inv-studio-meta svg{flex-shrink:0}.inv-title-block{text-align:right}.inv-title{color:var(--h5);letter-spacing:.04em;font-family:Poppins,sans-serif;font-size:22px;font-weight:700}.inv-kode{color:var(--ink-soft);margin-top:2px;font-family:Poppins,sans-serif;font-size:12px}.inv-divider{background:var(--button-border);height:1px;margin:16px 0}.inv-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.inv-label{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:4px;font-size:11px;font-weight:700}.inv-name,.inv-sub-event{color:var(--h5);margin-bottom:5px;font-size:12.5px;font-weight:600}.inv-sub-date,.inv-sub-loc,.inv-sub,.inv-sub-note{color:var(--ink-soft);margin-top:1px;font-size:11px}.inv-table{border-collapse:collapse;width:100%;margin-bottom:16px}.inv-table-3col th:first-child,.inv-table-3col td:first-child,.inv-table-3col th:nth-child(3),.inv-table-3col td:nth-child(3){white-space:nowrap;width:1%}.inv-table-3col td:nth-child(2){overflow-wrap:anywhere}.inv-table thead th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--button-border);padding:8px 4px;font-size:10.5px;font-weight:700}.inv-table thead th.right{text-align:right}.inv-table td{color:var(--ink-soft);border-bottom:1px solid color-mix(in srgb, var(--button-border) 30%, transparent);padding:8px 4px;font-size:13px}.inv-table td.right{text-align:right;font-size:12.5px}.inv-summary{background:color-mix(in srgb, var(--button-prm-hover) 20%, transparent);border-radius:14px;margin-bottom:16px;padding:14px 16px}.inv-summary-row{color:var(--ink-soft);justify-content:space-between;padding:4px 0;font-size:13px;display:flex}.inv-summary-row b{color:var(--h5);font-size:13px}.inv-summary-final{border-top:1px solid var(--button-border);margin-top:6px;padding-top:10px;font-weight:700}.inv-summary-final span{color:var(--ink-soft);font-weight:700}.inv-summary-final b{color:var(--h5);font-size:15px}.inv-pay-row{grid-template-columns:var(--pay-date-col,140px) 1fr auto;color:var(--ink-soft);border-bottom:1px solid color-mix(in srgb, var(--button-border) 30%, transparent);gap:10px;padding:5px 0;font-size:12.5px;display:grid}.inv-pay-row>span:nth-child(3){text-align:right}.inv-pay-row>span:first-child{white-space:nowrap}.inv-note-row{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:16px;display:flex}.inv-note-row .inv-note{flex:1;min-width:0}.inv-lunas-badge{border:2.5px solid var(--h5);letter-spacing:.06em;color:var(--h5);border-radius:8px;flex-shrink:0;padding:8px 20px;font-family:Poppins,sans-serif;font-size:18px;font-weight:800}.inv-footer{text-align:center;color:var(--ink-soft);margin-top:28px;padding:10px;font-size:12px;font-weight:600}@page{size:A4;margin:0}.invoice-print-portal{box-sizing:border-box;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#fff;width:210mm;padding:15mm;display:none}@media print{html,body{height:auto}#root{display:none!important}.invoice-print-portal{display:block!important}.invoice-print-portal .invoice-paper{padding:0}}.invoice-print-portal{--pi-primary:#3f4ca2;--pi-text:#4a5490;--pi-text-soft:#7b84c4;--pi-line:#c6cbee;--pi-summary-bg:#dbdff6;color:var(--pi-text);-webkit-print-color-adjust:exact;print-color-adjust:exact;font-family:Plus Jakarta Sans,sans-serif}.invoice-print-portal .inv-header{align-items:flex-start;margin-bottom:22px}.invoice-print-portal .invoice-paper{background:#fff}.invoice-print-portal .inv-studio{color:var(--pi-primary);font-family:Poppins,sans-serif;font-size:30px;font-weight:800}.invoice-print-portal .inv-studio-meta{color:var(--pi-text);align-items:center;gap:7px;margin-top:6px;font-size:13px;display:flex}.invoice-print-portal .inv-title-block{text-align:right}.invoice-print-portal .inv-title{letter-spacing:.03em;color:var(--pi-primary);font-family:Poppins,sans-serif;font-size:40px;font-weight:800;line-height:1}.invoice-print-portal .inv-kode{color:var(--pi-text-soft);margin-top:6px;font-size:15px}.invoice-print-portal .inv-divider{background:var(--pi-primary);border-radius:2px;height:3px;margin:20px 0 26px}.invoice-print-portal .inv-grid{gap:24px;margin-bottom:26px}.invoice-print-portal .inv-label{letter-spacing:.06em;color:var(--pi-primary);margin-bottom:7px;font-family:Poppins,sans-serif;font-size:12px;font-weight:700}.invoice-print-portal .inv-name,.invoice-print-portal .inv-sub-event{color:var(--pi-text);margin-bottom:4px;font-size:17px;font-weight:700}.invoice-print-portal .inv-sub,.invoice-print-portal .inv-sub-date,.invoice-print-portal .inv-sub-loc{color:var(--pi-text);font-size:13.5px}.invoice-print-portal .inv-table{margin-bottom:22px}.invoice-print-portal .inv-table thead th{letter-spacing:.05em;color:var(--pi-primary);border-bottom:2.5px solid var(--pi-primary);padding:10px 6px;font-family:Poppins,sans-serif;font-size:13px;font-weight:700}.invoice-print-portal .inv-table td{color:var(--pi-text);border-bottom:1.5px solid var(--pi-line);padding:13px 6px;font-size:14.5px}.invoice-print-portal .inv-table td.right{font-size:14.5px}.invoice-print-portal .inv-summary{background:var(--pi-summary-bg);border-radius:22px;margin-bottom:24px;padding:22px 26px}.invoice-print-portal .inv-summary-row{color:var(--pi-text);padding:5px 0;font-size:14.5px}.invoice-print-portal .inv-summary-row b{color:var(--pi-text);font-size:14.5px}.invoice-print-portal .inv-summary-final{border-top:1.5px solid var(--pi-line);margin-top:8px;padding-top:14px}.invoice-print-portal .inv-summary-final span{color:var(--pi-primary);font-size:16px;font-weight:700}.invoice-print-portal .inv-summary-final b{color:var(--pi-primary);font-size:22px}.invoice-print-portal .inv-pay-row{--pay-date-col:155px;color:var(--pi-text);border-bottom:1.5px solid var(--pi-line);padding:7px 0;font-size:13.5px}.invoice-print-portal .inv-note-row{margin-top:22px}.invoice-print-portal .inv-lunas-badge{border:3px solid var(--pi-primary);letter-spacing:.08em;color:var(--pi-primary);border-radius:10px;padding:10px 26px;font-family:Poppins,sans-serif;font-size:26px;font-weight:800}.invoice-print-portal .inv-footer{color:var(--pi-text-soft);margin-top:36px;padding:0;font-size:13px;font-weight:600}@media (width<=640px){.invoice-overlay{align-items:flex-end;padding:0}.invoice-overlay .modal{border-radius:22px 22px 0 0;max-width:100%;max-height:92vh}.invoice-overlay .modal-head,.invoice-overlay .modal-body{padding:16px 18px}.invoice-overlay .modal-foot{padding:12px 18px 18px}.inv-footer{font-size:10px}}.ra-payment-line{color:var(--ink-soft);margin-top:1px;font-size:13px}.ra-payment-value{color:var(--h5);font-weight:700}.invoice-print-portal .ra-payment-line{color:#4a5490}.invoice-print-portal .ra-payment-value{color:#3f4ca2}.invoice-print-portal .ra-paper .inv-title{font-size:26px}.invoice-print-portal .ra-paper .inv-studio{font-size:22px}.rincian-overlay{z-index:95;background:#24373e99;justify-content:center;align-items:center;padding:26px;display:flex;position:fixed;inset:0}.rincian-overlay .modal{background:var(--table-body);border:1.5px solid var(--line-box);width:100%;max-width:600px;max-height:88vh;box-shadow:var(--shadow-modal);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.rincian-overlay .modal-head{flex-shrink:0;justify-content:space-between;align-items:center;padding:26px 26px 5px;display:flex}.rincian-overlay .modal-head h2{color:var(--ink-soft);font-size:18px}.rincian-overlay .modal-close{background:color-mix(in srgb, var(--h3) 20%, transparent);width:32px;height:32px;color:var(--h3);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:20px;transition:background .15s;display:flex}.rincian-overlay .modal-close:hover{background:color-mix(in srgb, var(--h3) 50%, transparent)}.rincian-overlay .modal-body{-webkit-overflow-scrolling:touch;flex:1;padding:20px 26px;overflow-y:auto}.rincian-overlay .modal-info-text{color:var(--ink-soft);padding:0 0 5px;font-size:14px}.rincian-overlay .modal-info-hint{color:var(--ink-soft);opacity:.65;padding:0 0 20px;font-size:11.5px}.rincian-overlay .modal-foot{flex-shrink:0;justify-content:flex-end;padding:16px 26px;display:flex}.rincian-overlay .btn-ghost{border:1.5px solid var(--button-border);background:var(--table-body);color:var(--ink-soft);cursor:pointer;border-radius:8px;padding:5px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:background .15s}.rincian-overlay .btn-ghost:hover{background:color-mix(in srgb, var(--button-prm-hover) 50%, transparent)}.btn-ra{border:1px solid var(--button-prm-hover);background:var(--button-prm-hover);color:var(--button-tx-hover);cursor:pointer;border-radius:6px;margin:5px 0;padding:3px 5px;font-family:inherit;font-size:10px;font-weight:600;transition:background .15s}.btn-ra:hover{background:var(--h3)}.rincian-summary{grid-template-columns:1fr 1fr 1fr 1fr;gap:8px;margin-bottom:18px;display:grid}.rincian-summary-item{cursor:pointer;text-align:left;filter:saturate(.75);opacity:.85;outline:none;font-family:inherit;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,filter .25s,opacity .25s;transform:scale(1)}.rincian-summary-item:hover{filter:saturate(.95);opacity:1;transform:translateY(-2px)scale(1.02)}.rincian-summary-item:active{transform:scale(.96)}.rincian-summary-item.active{filter:saturate(1.25)brightness(1.04);opacity:1;transform:scale(1.045)}.rincian-summary-item.active:hover{transform:translateY(-2px)scale(1.06)}.rincian-summary-item.belanja{background:var(--grad1);border:1.5px solid var(--border1);border-radius:12px;padding:8px 7px}.rincian-summary-item.omzet{background:var(--grad2);border:1.5px solid var(--border2);border-radius:12px;padding:8px 7px}.rincian-summary-item.penghasilan{background:var(--grad3);border:1.5px solid var(--border3);border-radius:12px;padding:8px 7px}.rincian-summary-item.pengeluaran{background:var(--grad4);border:1.5px solid var(--border4);border-radius:12px;padding:8px 7px}.rincian-summary-item.belanja.active{box-shadow:0 6px 18px -4px color-mix(in srgb, var(--border1) 65%, transparent)}.rincian-summary-item.omzet.active{box-shadow:0 6px 18px -4px color-mix(in srgb, var(--border2) 65%, transparent)}.rincian-summary-item.penghasilan.active{box-shadow:0 6px 18px -4px color-mix(in srgb, var(--border3) 65%, transparent)}.rincian-summary-item.pengeluaran.active{box-shadow:0 6px 18px -4px color-mix(in srgb, var(--border4) 65%, transparent)}.rincian-summary-label-belanja{color:var(--label1);margin-bottom:3px;font-size:10.5px;font-weight:600}.rincian-summary-label-omzet{color:var(--label2);margin-bottom:3px;font-size:10.5px;font-weight:600}.rincian-summary-label-penghasilan{color:var(--label3);margin-bottom:3px;font-size:10.5px;font-weight:600}.rincian-summary-label-pengeluaran{color:var(--label4);margin-bottom:3px;font-size:10.5px;font-weight:600}.rincian-summary-value-belanja{color:var(--label1);font-family:Poppins,sans-serif;font-size:15px;font-weight:700}.rincian-summary-value-omzet{color:var(--label2);font-family:Poppins,sans-serif;font-size:15px;font-weight:700}.rincian-summary-value-penghasilan{color:var(--label3);font-family:Poppins,sans-serif;font-size:15px;font-weight:700}.rincian-summary-value-pengeluaran{color:var(--label4);font-family:Poppins,sans-serif;font-size:15px;font-weight:700}.rincian-summary-item.penghasilan .rincian-summary-value{color:var(--h7)}.rincian-section{margin-bottom:5px}.rincian-kosong{color:var(--ink-soft);opacity:.7;padding:10px 0;font-size:12.5px;font-style:italic}.rincian-aktif-label{color:var(--ink-soft);border-bottom:1.5px solid color-mix(in srgb, var(--button-border) 50%, transparent);margin-bottom:10px;padding-bottom:5px;font-size:13px;font-weight:700}.rincian-section-title{letter-spacing:.05em;text-transform:uppercase;color:var(--h5);margin-top:10px;margin-bottom:5px;font-size:11px;font-weight:700}.rincian-row{color:var(--ink-soft);border-bottom:1px solid color-mix(in srgb, var(--button-border) 30%, transparent);justify-content:space-between;align-items:flex-start;gap:10px;padding:5px 0;font-size:12px;display:flex}.rincian-row b{color:var(--ink-soft);font-weight:700}.rincian-metim{color:var(--h5);font-weight:800}.rincian-nama-grup{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.rincian-ra-btn{white-space:nowrap;flex-shrink:0}.rincian-nilai-wrap{flex-direction:column;align-items:flex-end;gap:1px;display:flex}.rincian-keterangan{color:var(--ink-soft);opacity:.6;font-size:10px;font-weight:500}.rincian-rumus{color:var(--ink-soft);font-size:12px;line-height:1.6}.rincian-rumus b{color:var(--h5);font-size:12px}.rincian-rumus+.rincian-rumus{margin-top:4px}.rincian-note{color:var(--ink-soft);opacity:.75;margin-top:10px;padding-top:10px;font-size:11.5px;line-height:1.5}.rincian-note-title{letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);opacity:1;margin-bottom:6px;font-size:12px;font-weight:700}.rincian-note-divider{background:color-mix(in srgb, var(--button-border) 40%, transparent);height:1px;margin:12px 0}.rincian-penjelasan{margin-bottom:6px}.rincian-penjelasan b{color:var(--h5);opacity:1}@media (width<=640px){.rincian-overlay{align-items:flex-end;padding:0}.rincian-overlay .modal{border-radius:22px 22px 0 0;max-width:100%;max-height:92vh}.rincian-overlay .modal-head{padding:16px 18px 5px}.rincian-overlay .modal-body{padding:4px 18px 18px}.rincian-overlay .modal-foot{padding:12px 18px 18px}.rincian-summary{grid-template-columns:1fr 1fr 1fr 1fr;gap:5px}.rincian-summary-item{padding:7px 5px}.rincian-summary-value-omzet,.rincian-summary-value-penghasilan,.rincian-summary-value-belanja,.rincian-summary-value-pengeluaran{font-size:12px}.rincian-summary-label-omzet,.rincian-summary-label-penghasilan,.rincian-summary-label-belanja,.rincian-summary-label-pengeluaran{font-size:9px}}.onboarding-overlay{z-index:95;background:#24373e73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.onboarding-overlay .btn-ghost{border:1px solid var(--button-border);background:var(--table-body);color:var(--ink-soft);cursor:pointer;border-radius:11px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s}.onboarding-overlay .btn-ghost:hover{background:color-mix(in srgb, var(--button-prm-hover) 50%, transparent);border:1px solid color-mix(in srgb, var(--button-prm-hover) 50%, transparent);color:var(--h7)}.onboard-modal{background:var(--box-dashboard);border:1.5px solid var(--line-box);width:100%;max-width:460px;box-shadow:var(--shadow-card);text-align:center;border-radius:26px;padding:32px 30px 26px}.onboard-hero{margin-bottom:28px}.onboard-emoji{margin-bottom:10px;font-size:40px}.onboard-hero h2{color:var(--ink-soft);margin-bottom:8px;font-family:Poppins,sans-serif;font-size:21px;font-weight:700}.onboard-hero p{color:var(--ink-soft);padding:0 8px;font-size:13.5px;line-height:1.5}.onboard-steps{text-align:left;flex-direction:column;gap:16px;margin-bottom:26px;display:flex}.onboard-step{align-items:flex-start;gap:14px;display:flex}.onboard-step-num{background:var(--grad);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-top:1px;font-family:Poppins,sans-serif;font-size:12.5px;font-weight:700;display:flex}.onboard-step-title{color:var(--h3);margin-bottom:2px;font-size:13.5px;font-weight:700}.onboard-step-desc{color:var(--ink-soft);font-size:12.5px;line-height:1.5}.onboard-actions{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.onboard-actions .btn-primary,.onboard-actions .btn-ghost{justify-content:center;width:100%;padding:12px}.onboard-skip{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:12.5px}.onboard-skip:hover{color:var(--ink-soft);text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}@media (width<=480px){.onboard-modal{border-radius:22px;max-width:100%;padding:26px 20px 20px}}.donutchart-wrap{justify-content:center;margin:8px 0 16px;display:flex;position:relative}.donutchart-svg{width:140px;height:140px;transform:rotate(-90deg)}.donutchart-track{fill:none;stroke:var(--page-a);stroke-width:18px}.donutchart-seg{fill:none;stroke-width:18px;stroke-linecap:butt;cursor:pointer;transition:stroke-dasharray .7s cubic-bezier(.4,0,.2,1),opacity .2s,stroke-width .2s}.donutchart-seg.dim{opacity:.35}.donutchart-seg.hover{stroke-width:21px}.donutchart-center{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dc-val{font-family:Poppins,sans-serif;font-size:22px;font-weight:700}.trendchart-wrap{position:relative}.trendchart-svg{cursor:crosshair;width:100%;height:160px;overflow:visible}.trendchart-line{transition:stroke-dashoffset 1.1s cubic-bezier(.4,0,.2,1)}.trendchart-area{transition:opacity .8s .5s}.trendchart-dots{pointer-events:none;width:100%;height:160px;position:absolute;top:0;left:0}.trendchart-dot{border:1.5px solid var(--h7);border-radius:50%;transition:opacity .3s,width .15s,height .15s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 4px -1px #0000004d}.trendchart-crosshair{stroke:var(--ink-faint);stroke-width:1px;stroke-dasharray:3 3;pointer-events:none}.trendchart-tooltip{color:var(--h7);pointer-events:none;white-space:nowrap;z-index:5;border-radius:10px;padding:8px 12px;font-size:11.5px;position:absolute;top:6px;box-shadow:0 10px 24px -8px #0006}.tt-month{opacity:1;text-transform:uppercase;letter-spacing:.04em;color:var(--h7);margin-bottom:4px;font-size:10.5px;font-weight:700}.tt-row{align-items:center;gap:6px;display:flex}.tt-row b{margin-left:auto;padding-left:10px}.tt-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.trend-axis{justify-content:space-between;margin-top:6px;padding:0 2px;display:flex}.trend-axis span{color:var(--ink-soft);font-size:10px}.legend-row-inline{flex-direction:row;justify-content:center;gap:18px;margin-top:14px}.trendchart-wrap .legend-row-inline{flex-flow:wrap;justify-content:center;align-items:center;gap:8px 18px;margin-top:14px}.trendchart-wrap .legend-row{font-size:11.5px}.app-shell{min-height:100vh;display:flex}.main{flex:1;min-width:0;padding:20px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:26px;display:flex}.greeting{color:var(--h9);font-family:Poppins,sans-serif;font-size:24px;font-weight:700;line-height:1.2}.greeting-date{color:var(--ink-soft);margin-top:4px;font-size:13.5px}.topbar-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.icon-btn{background:color-mix(in srgb, var(--h3) var(--mix-box), transparent);border:1px solid color-mix(in srgb, var(--button-theme) 60%, transparent);width:36px;height:36px;color:var(--h4);border-radius:10px;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:flex;position:relative}.icon-btn:hover{background:color-mix(in srgb, var(--h2) 30%, transparent);color:var(--h2);border:1px solid var(--button-theme)}.icon-btn svg{width:16px;height:16px}.notif-wrap{position:relative}.icon-btn.has-dot:after{content:"";background:var(--notif);border:1px solid var(--notif);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.notif-backdrop{z-index:40;position:fixed;inset:0}.notif-panel{background:var(--panel);border:1.5px solid var(--line-box);width:320px;max-height:400px;box-shadow:var(--shadow-card);z-index:41;border-radius:18px;padding:10px 6px;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto}.notif-panel-head{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;padding:5px 10px;font-size:12px;font-weight:700;display:flex}.notif-drag-handle{display:none}.notif-empty{text-align:left;color:var(--ink);padding:10px;font-size:12px}.notif-item{cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:10px 8px;display:flex}.notif-item:hover{background:color-mix(in srgb, var(--active-nav) var(--mix-hover-panel), transparent);color:var(--ink)}.notif-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;margin-top:1px;display:flex}.notif-icon svg{width:16px;height:16px}.notif-icon.booking{background:var(--ink-faint);color:var(--ink-soft)}.notif-icon.laporan{background:var(--pill);color:var(--h7)}.notif-icon.invoice{background:var(--notif);color:var(--h8)}.notif-item-title{color:var(--ink-soft);font-size:13px;font-weight:700}.notif-item-desc,.notif-item-loc{color:var(--ink);margin-top:1px;font-size:11px}@keyframes notifSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes notifBackdropIn{0%{opacity:0}to{opacity:1}}.btn-booking-primary{background:var(--button-prm-hover);color:var(--button-tx-hover);border:1.5px solid color-mix(in srgb, var(--button-border) var(--mix-border), transparent);cursor:pointer;box-shadow:var(--shadow-button);border-radius:10px;align-items:center;gap:6px;padding:9px 8px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s,box-shadow .12s;display:flex}.btn-booking-primary:hover{box-shadow:var(--shadow-button);color:var(--button-tx-hover);background:var(--h3);border:1.5px solid color-mix(in srgb, var(--button-prm-hover) var(--mix-border), transparent);transform:translateY(-1px)}.btn-booking-primary svg{width:14px;height:14px}.kpi-card-today{background:var(--grad1);border:3px solid var(--border1);box-shadow:var(--shadow-card);border-radius:20px;padding:20px}.kpi-card-month{background:var(--grad2);border:3px solid var(--border2);box-shadow:var(--shadow-card);border-radius:20px;padding:20px}.kpi-card-hasil{background:var(--grad3);border:3px solid var(--border3);box-shadow:var(--shadow-card);border-radius:20px;padding:20px}.kpi-card-status{background:var(--grad4);border:3px solid var(--border4);box-shadow:var(--shadow-card);border-radius:20px;padding:20px}.kpi-top{justify-content:space-between;align-items:flex-start;margin-bottom:5px;display:flex}.kpi-label-today{color:var(--label1);font-size:16px;font-weight:600}.kpi-label-month{color:var(--label2);font-size:16px;font-weight:600}.kpi-label-hasil{color:var(--label3);font-size:16px;font-weight:600}.kpi-label-status{color:var(--label4);font-size:16px;font-weight:600}.kpi-icon{border-radius:13px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:0;display:flex}.kpi-icon svg{width:19px;height:19px}.kpi-value-today{color:var(--label1);font-family:Poppins,sans-serif;font-size:24px;font-weight:700}.kpi-value-month{color:var(--label2);font-family:Poppins,sans-serif;font-size:24px;font-weight:700}.kpi-value-hasil{color:var(--label3);font-family:Poppins,sans-serif;font-size:24px;font-weight:700}.kpi-value-status{color:var(--label4);font-family:Poppins,sans-serif;font-size:24px;font-weight:700}.kpi-unit{color:var(--label2);font-size:16px;font-weight:600}.kpi-sub-today{color:var(--label1);margin-top:3px;font-size:14px;font-weight:600}.kpi-sub-month{color:var(--label2);margin-top:3px;font-size:14px;font-weight:600}.kpi-sub-hasil{color:var(--label3);margin-top:3px;font-size:14px;font-weight:600}.kpi-sub-status{color:var(--label4);margin-top:3px;font-size:14px;font-weight:600}.content-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.card-dashboard{background:color-mix(in srgb, var(--box-dashboard) 90%, transparent);border:1px solid var(--line-box);box-shadow:var(--shadow-card);border-radius:20px;padding:22px}.card-dashboard-head{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.card-dashboard-head h3{color:var(--ink-soft);font-size:16px}.card-dashboard-head a{color:var(--ink-soft);font-size:12.5px;font-weight:600;text-decoration:none}.card-dashboard-head a:hover{text-underline-offset:6px;text-decoration:underline}.dash-booking-row-right{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.dashboard-day-pill{white-space:nowrap;border-radius:6px;flex-shrink:0;padding:2px 8px;font-size:10px;font-weight:500}.dashboard-day-pill.today{background:var(--pill);color:var(--h8)}.dashboard-day-pill.soon{background:color-mix(in srgb, var(--h5) 70%, transparent);color:var(--h7)}.dashboard-day-pill.later{background:var(--pill-later);color:var(--h7)}.dashboard-day-pill.selesai{background:var(--label3);color:var(--h7)}.dashboard-status-pill{white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:10px;font-weight:500}.dashboard-status-pill.belum{background:var(--pill);color:var(--h8)}.dashboard-status-pill.lunas{background:var(--label3);color:var(--h7)}.fin-row{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;display:flex}.fin-label{color:var(--h2);font-size:12px;font-weight:600;line-height:1.3}.fin-value{white-space:nowrap;color:var(--h5);flex-shrink:0;font-family:Poppins,sans-serif;font-size:16px;font-weight:700}.fin-divider{background:var(--ink-soft);height:1px;margin:16px 0}.fin-net{background:color-mix(in srgb, var(--label3) 80%, transparent);border-radius:16px;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}.fin-net .fin-label{color:var(--h7);font-size:16px;font-weight:700}.fin-net .fin-value{color:var(--h7);font-size:20px}.fin-growth{border-radius:18px;align-items:center;gap:16px;margin-top:18px;padding:20px;display:flex}.fin-growth.up{background:linear-gradient(80deg, var(--pill-alt) 0%, var(--page-b) 80%, transparent)}.fin-growth.down{background:linear-gradient(80deg, var(--pill) 0%, var(--page-b) 80%, transparent)}.fin-growth.none{background:linear-gradient(80deg, var(--label1) 0%, var(--page-b) 80%, transparent)}.fin-growth-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.fin-growth.up .fin-growth-icon{background:var(--growth-up-circle);color:var(--h7)}.fin-growth.down .fin-growth-icon{background:var(--pill);color:var(--h7)}.fin-growth-icon svg{width:28px;height:28px}.fin-growth-pct{font-family:Poppins,sans-serif;font-size:28px;font-weight:700}.fin-growth.up .fin-growth-pct{color:var(--h7)}.fin-growth.down .fin-growth-pct{color:var(--h8)}.fin-growth.none .fin-growth-icon{background:var(--label1);color:var(--h7)}.fin-growth.none .fin-growth-pct{color:var(--h7)}.fin-growth-desc{color:var(--h7);margin-top:2px;font-size:14px;font-weight:700}.fin-growth-sub{color:var(--h5);font-weight:700}.empty-state-dashboard-grid{text-align:left;color:var(--ink-soft);padding:20px 0;font-size:13px}.grid-3{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:18px;display:grid}.chart-tag{color:var(--h7);background:color-mix(in srgb, var(--pill-alt) 70%, transparent);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700}.donut-wrap{justify-content:center;margin:8px 0 16px;display:flex}.donut{border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative}.donut:before{content:"";background:var(--white);border-radius:50%;position:absolute;inset:18px}.donut-center{z-index:1;text-align:center;position:relative}.dc-val{color:var(--ink-soft);font-family:Poppins,sans-serif;font-size:22px;font-weight:700}.dc-lab{letter-spacing:.06em;color:var(--h5);font-size:10px;font-weight:700}.legend{flex-direction:column;gap:8px;display:flex}.bar-row{margin-bottom:14px}.bar-row:last-child{margin-bottom:0}.bar-row-top{justify-content:space-between;margin-bottom:6px;font-size:13px;display:flex}.bar-row-top span:first-child{color:var(--ink-soft)}.bar-row-top .mono{color:var(--h5);font-family:Space Mono,monospace;font-weight:700}.bar-track{background:var(--bar-fill);border-radius:20px;height:7px;overflow:hidden}.bar-fill{background:var(--h5);border-radius:20px;height:100%;transition:width .7s cubic-bezier(.4,0,.2,1)}.bar-row:hover .bar-fill{filter:brightness(1.12)}.bar-row:hover .bar-row-top span:first-child{color:var(--ink)}.dashboard-insight-strip{background:color-mix(in srgb, var(--box-dashboard) 90%, transparent);box-shadow:var(--shadow-card);color:var(--ink-soft);border:none;border-radius:16px;align-items:center;gap:5px;margin-top:18px;padding:16px 20px;font-size:13px;display:flex}.dashboard-insight-strip svg{flex-shrink:0;width:20px;height:20px}.dashboard-insight-strip b{color:var(--h5)}@media (width<=900px){.grid-3,.grid-2{grid-template-columns:1fr}.app-shell{flex-direction:column}.main{padding:18px;padding-bottom:calc(78px + env(safe-area-inset-bottom))}.content-grid{grid-template-columns:1fr}.card-dashboard{border:1px solid var(--line-box);border-radius:20px}.dashboard-insight-strip{border:1px solid var(--line-box);font-size:11px}.topbar-actions .notif-wrap{display:none}.topbar-dashboard{flex-wrap:nowrap}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.kpi-card-today,.kpi-card-month,.kpi-card-hasil,.kpi-card-status{border-width:3.5px;border-radius:16px;padding:12px 14px}.kpi-label-today,.kpi-label-month,.kpi-label-hasil,.kpi-label-status{font-size:12.5px}.kpi-icon{border-radius:10px;width:30px;height:30px}.kpi-icon svg{width:14px;height:14px}.kpi-value-today,.kpi-value-month,.kpi-value-hasil,.kpi-value-status{margin-top:2px;font-size:17px}.kpi-sub-today,.kpi-sub-month,.kpi-sub-hasil,.kpi-sub-status{margin-top:2px;font-size:11px}.fin-net{border-radius:14px;padding:12px 14px}.fin-net .fin-label{font-size:13.5px}.fin-net .fin-value{font-size:16px}.fin-growth{border-radius:16px;gap:12px;padding:12px}.fin-growth-icon{width:38px;height:38px}.fin-growth-icon svg{width:20px;height:20px}.fin-growth-pct{font-size:20px}.fin-growth-desc{font-size:12.5px}}.filter-bar{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.search-box-booking{background:color-mix(in srgb, var(--box-dashboard) 90%, transparent);border:1.5px solid color-mix(in srgb, var(--button-border) 70%, transparent);border-radius:11px;flex:1;align-items:center;gap:10px;max-width:350px;padding:3px 14px;display:flex}.search-box-booking svg{width:14px;height:14px;color:var(--h5);flex-shrink:0}.search-box-booking input{color:var(--ink-soft);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:12px}.search-box-booking input::placeholder{color:color-mix(in srgb, var(--ink-soft) 70%, transparent)}.search-box-booking:focus-within{border-color:var(--h3);box-shadow:0 0 0 3px color-mix(in srgb, var(--h3) 18%, transparent)}.table-card{background:color-mix(in srgb, var(--page-b) 60%, transparent);border:1px solid var(--line-box);-webkit-overflow-scrolling:touch;box-shadow:var(--shadow-card);border-radius:16px;margin-bottom:20px;padding:0;overflow:auto hidden}.booking-table{table-layout:fixed;border-collapse:collapse;width:100%}.booking-table thead th{text-align:left;color:var(--h4);text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb, var(--sidebar) 90%, transparent);padding:16px 24px;font-size:12px;font-weight:700}.booking-table thead th.right{text-align:right}.booking-table thead th.center{text-align:center}@media (width>=901px){.booking-table{min-width:1100px}}.booking-table td.center,.booking-table th.center{white-space:nowrap}.booking-table tbody tr{cursor:pointer;background:var(--table-body);border-bottom:1px solid color-mix(in srgb, var(--ink-soft) 50%, transparent);transition:background .15s}.booking-table tbody tr:last-child{border-bottom:none}.booking-table tbody tr:hover{background:color-mix(in srgb, var(--active-nav) var(--mix-box), transparent)}.booking-table td{color:var(--ink-soft);padding:8px 20px;font-size:13px}.booking-table td.right{text-align:right;font-weight:700}.booking-table td.center{text-align:center}.booking-table td.mono{white-space:nowrap;font-size:12.5px}.tbl-klien{align-items:center;gap:12px;display:flex}.bl-avatar{background:var(--ava-grad);width:32px;height:32px;color:var(--h7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.bl-avatar.selesai{background:var(--ava-grad-alt);color:var(--h7)}.b-name-bookinglist{color:var(--h9);margin-bottom:5px;font-size:13.5px;font-weight:700}.b-meta-bookinglist{color:var(--h5);font-size:10px}.selesai-badge{background:var(--label3);color:var(--h7);letter-spacing:.03em;vertical-align:middle;border:none;border-radius:8px;margin-left:8px;padding:2px 7px;font-size:8px;font-weight:600;display:inline-block}.empty-state-bookinglist{text-align:left;background:color-mix(in srgb, var(--box-dashboard) 90%, transparent);color:var(--ink-soft);box-shadow:var(--shadow-card);border:1px solid var(--button-border);border-radius:20px;padding:32px 16px;font-size:13px;font-weight:500}.booking-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 4px 0;display:flex}.booking-pagination-info{color:var(--ink-soft);font-size:12px}.booking-pagination-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.booking-pagination-gap{min-width:20px;height:32px;color:var(--ink-soft);opacity:.7;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:12px;display:flex}.booking-pagination-buttons button{border:1px solid color-mix(in srgb, var(--h5) 40%, transparent);background:color-mix(in srgb, var(--h5) 40%, transparent);min-width:32px;height:32px;color:var(--h5);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;transition:background .15s,color .15s;display:flex}.booking-pagination-buttons button svg{width:14px;height:14px}.booking-pagination-buttons button:hover:not(:disabled){background:color-mix(in srgb, var(--h3) 50%, transparent);border:1px solid color-mix(in srgb, var(--h3) 50%, transparent)}.booking-pagination-buttons button.sel{background:color-mix(in srgb, var(--h3) 30%, transparent);color:var(--ink-soft);border:#0000;font-weight:700}.booking-pagination-buttons button:disabled{opacity:.4;cursor:not-allowed}@media (width<=900px){.filter-bar{flex-wrap:wrap}.search-box-booking{flex:100%;max-width:none}.filter-select{flex:calc(50% - 6px);width:auto}.table-card{border:1px solid var(--line-box);overflow-x:auto}.booking-table{table-layout:auto}.booking-table th,.booking-table td,.b-name-bookinglist,.b-meta-bookinglist{white-space:nowrap}.empty-state-bookinglist{border:1px solid var(--line-box)}}@media (width<=480px){.booking-pagination-buttons{gap:4px}.booking-pagination-buttons button{min-width:30px;height:30px}.booking-pagination-gap{min-width:14px;height:30px}.search-box-booking{padding:8px 12px}.btn-booking-primary{padding:9px 12px;font-size:12.5px}.booking-table th{padding:10px 14px;font-size:10.5px}.booking-table td{padding:8px 14px;font-size:12px}.b-name-bookinglist{font-size:12.5px}.b-meta-bookinglist{font-size:9.5px}.booking-table .status-pill{padding:4px 9px;font-size:9.5px}.selesai-badge{padding:1px 5px;font-size:7.5px}}@media (width<=360px){.booking-pagination-buttons{gap:3px}.booking-pagination-buttons button{min-width:28px;height:28px;padding:0 4px}.booking-pagination-gap{min-width:12px;height:28px}}.pengeluaran-modal-overlay{z-index:95;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background:#24373e73;justify-content:center;align-items:center;padding:26px;display:flex;position:fixed;inset:0}.pengeluaran-modal-overlay .modal{background:var(--table-body);width:100%;max-width:600px;max-height:88vh;box-shadow:0 24px 60px -12px var(--shadow-modal);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.pengeluaran-modal-overlay .pengeluaran-form{flex-direction:column;flex:1;min-height:0;display:flex}.pengeluaran-modal-overlay .modal-head{flex-shrink:0;justify-content:space-between;align-items:center;padding:26px 26px 10px;display:flex}.pengeluaran-modal-overlay .modal-head h2{color:var(--ink-soft);padding-bottom:5px;font-size:18px;position:relative}.pengeluaran-modal-overlay .modal-head h2:after{content:"";background:var(--line-animation);border-radius:2px;height:4px;position:absolute;bottom:0;left:0;right:0}.pengeluaran-modal-overlay .modal-close{background:color-mix(in srgb, var(--h3) 20%, transparent);width:32px;height:32px;color:var(--h3);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:20px;transition:background .15s;display:flex}.pengeluaran-modal-overlay .modal-close:hover{background:color-mix(in srgb, var(--h3) 50%, transparent)}.pengeluaran-modal-overlay .modal-body{-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:10px 26px;overflow-y:auto}.pengeluaran-modal-overlay .modal-foot{flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:16px 26px;display:flex}.pengeluaran-modal-overlay .foot-right{gap:10px;margin-left:auto;display:flex}.pengeluaran-modal-overlay .field-grid-pengeluaran{gap:8px;margin-bottom:5px;display:grid}.pengeluaran-modal-overlay .field-grid-pengeluaran.cols-2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pengeluaran-modal-overlay .field{flex-direction:column;gap:6px;min-width:0;margin-top:5px;margin-bottom:10px;display:flex}.pengeluaran-modal-overlay .field label{color:var(--ink-soft);font-size:12px;font-weight:600}.pengeluaran-modal-overlay .field input,.pengeluaran-modal-overlay .field textarea{border:1.5px solid color-mix(in srgb, var(--button-border) 70%, transparent);color:var(--ink-soft);background:var(--field);box-sizing:border-box;border-radius:11px;width:100%;min-width:0;height:40px;padding:10px;font-family:inherit;font-size:12px}.pengeluaran-modal-overlay .field textarea{resize:vertical;height:auto;min-height:56px}.pengeluaran-modal-overlay .field input::placeholder,.pengeluaran-modal-overlay .field textarea::placeholder{color:var(--placeholder);opacity:1}.pengeluaran-modal-overlay .field input:focus,.pengeluaran-modal-overlay .field textarea:focus{border-color:var(--h3);box-shadow:0 0 0 3px color-mix(in srgb, var(--h3) 18%, transparent);outline:none}.pengeluaran-modal-overlay .cselect-trigger{height:40px}.pengeluaran-modal-overlay .form-divider{background:color-mix(in srgb, var(--button-border) 45%, transparent);height:1px;margin:8px 0}.pengeluaran-modal-overlay .item-section-title{color:var(--ink-soft);margin:10px 0 8px;font-size:12px;font-weight:700;display:block}.pengeluaran-modal-overlay .saran-wrap{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;display:flex}.pengeluaran-modal-overlay .saran-label{color:var(--ink-soft);opacity:.85;margin-right:2px;font-size:11.5px}.pengeluaran-modal-overlay .saran-chip{cursor:pointer;border:1px solid color-mix(in srgb, var(--h3) 45%, transparent);background:color-mix(in srgb, var(--h3) 10%, transparent);color:var(--h9);border-radius:999px;padding:5px 10px;font-family:inherit;font-size:11.5px;font-weight:600;transition:background .15s}.pengeluaran-modal-overlay .saran-chip:hover{background:color-mix(in srgb, var(--h3) 22%, transparent)}.pengeluaran-modal-overlay .item-card{background:color-mix(in srgb, var(--button-prm-hover) 60%, transparent);border-radius:16px;margin-bottom:10px;padding:10px}.pengeluaran-modal-overlay .item-card-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.pengeluaran-modal-overlay .item-title{color:var(--ink-soft);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.pengeluaran-modal-overlay .item-body{background:var(--table-body);border-radius:12px;flex-direction:column;padding:14px;display:flex}.pengeluaran-modal-overlay .item-num{background:var(--h3);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:flex}.pengeluaran-modal-overlay .item-remove{color:var(--h8);cursor:pointer;background:var(--notif);border:none;border-radius:7px;padding:4px 8px;font-family:inherit;font-size:12px;font-weight:550;transition:background .15s}.pengeluaran-modal-overlay .item-remove:hover{background:color-mix(in srgb, var(--notif) 85%, black)}.pengeluaran-modal-overlay .field-grid-item-nama{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.pengeluaran-modal-overlay .field-grid-item-nama .field-detail2{grid-column:2}.pengeluaran-modal-overlay .field-grid-item{grid-template-columns:minmax(0,.6fr) minmax(0,1.2fr) minmax(0,1fr);gap:8px;display:grid}.pengeluaran-modal-overlay .field-grid-item.tanpa-jumlah{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.pengeluaran-modal-overlay .item-subtotal{height:40px;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;align-items:center;padding:0 2px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.pengeluaran-modal-overlay .item-loading{color:var(--ink-soft);padding:8px 0;font-size:12px}.pengeluaran-modal-overlay .add-item{text-align:center;background:var(--button-prm-hover);width:100%;color:var(--button-tx-hover);cursor:pointer;border:none;border-radius:10px;margin-bottom:10px;padding:8px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s}.pengeluaran-modal-overlay .add-item:hover{background:var(--h3)}.pengeluaran-modal-overlay .total-row{border-top:none;border-bottom:1.5px solid color-mix(in srgb, var(--button-border) 60%, transparent);justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:5px;padding:10px 2px;display:flex}.pengeluaran-modal-overlay .total-row span{color:var(--ink-soft);font-size:12px;font-weight:600}.pengeluaran-modal-overlay .total-row b{color:var(--h5);font-size:14px}.pengeluaran-modal-overlay .field.field-catatan{margin:0 0 5px;padding:10px 2px}.pengeluaran-modal-overlay .btn-primary-pengeluaran{border:1.5px solid var(--button-prm-hover);background:var(--button-prm-hover);color:var(--button-tx-hover);cursor:pointer;border-radius:11px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s}.pengeluaran-modal-overlay .btn-primary-pengeluaran:hover{background:var(--h3)}.pengeluaran-modal-overlay .btn-ghost{border:1.5px solid color-mix(in srgb, var(--button-border) 70%, transparent);background:var(--box-dashboard);color:var(--ink-soft);cursor:pointer;border-radius:11px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s}.pengeluaran-modal-overlay .btn-ghost:hover{background:color-mix(in srgb, var(--button-prm-hover) 50%, transparent);border:1.5px solid color-mix(in srgb, var(--button-prm-hover) 50%, transparent)}.pengeluaran-modal-overlay .btn-primary-pengeluaran:disabled,.pengeluaran-modal-overlay .btn-ghost:disabled{opacity:.6;cursor:default}.pengeluaran-modal-overlay .pengeluaran-error{background:var(--pill);color:var(--h8);border-radius:10px;margin-bottom:10px;padding:10px 14px;font-size:12.5px}@media (width<=640px){.pengeluaran-modal-overlay{align-items:flex-end;padding:0}.pengeluaran-modal-overlay .modal{border-radius:22px 22px 0 0;max-width:100%;max-height:92vh}.pengeluaran-modal-overlay .modal-head,.pengeluaran-modal-overlay .modal-body{padding:16px 18px}.pengeluaran-modal-overlay .modal-foot{padding:12px 18px 18px}.pengeluaran-modal-overlay .field-grid-pengeluaran.cols-2,.pengeluaran-modal-overlay .field-grid-item-nama{grid-template-columns:minmax(0,1fr);gap:0}.pengeluaran-modal-overlay .field-grid-item-nama .field-detail2{grid-column:auto}}.nota-item-sub{color:var(--ink-soft);opacity:.8;margin-top:2px;font-size:11px}.invoice-print-portal .nota-item-sub{color:var(--pi-text-soft);opacity:1;margin-top:3px;font-size:12.5px}.nota-table td.right,.nota-table th.right{white-space:nowrap}.nota-table tr.nota-grup-judul td{border-bottom:none;padding-bottom:2px}.nota-table tr.nota-grup-anak td{border-bottom:none;padding-top:3px;padding-bottom:3px}.nota-table tr.nota-grup-anak.terakhir td{border-bottom:1px solid color-mix(in srgb, var(--button-border) 30%, transparent);padding-bottom:8px}.invoice-print-portal .nota-table tr.nota-grup-judul td{border-bottom:none;padding-bottom:3px}.invoice-print-portal .nota-table tr.nota-grup-anak td{border-bottom:none;padding-top:4px;padding-bottom:4px}.invoice-print-portal .nota-table tr.nota-grup-anak.terakhir td{border-bottom:1.5px solid var(--pi-line);padding-bottom:13px}.nota-anak{align-items:flex-end;gap:6px;display:inline-flex}.nota-panah{flex-shrink:0;width:22px;display:inline-flex}.nota-paper .inv-summary-final,.invoice-print-portal .nota-paper .inv-summary-final{border-top:none;margin-top:0;padding-top:0}.nota-label-lanjutan{margin-top:12px}.invoice-print-portal .nota-label-lanjutan{margin-top:16px}.pengeluaran-detail-overlay{z-index:95;background:#24373e99;justify-content:center;align-items:center;padding:26px;display:flex;position:fixed;inset:0}.pengeluaran-detail-overlay .modal{background:var(--table-body);border:1.5px solid var(--line-box);width:100%;max-width:600px;max-height:88vh;box-shadow:var(--shadow-modal);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.pengeluaran-detail-overlay .modal-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:5px;padding:26px 26px 10px;display:flex}.pengeluaran-detail-overlay .modal-head h2{color:var(--ink-soft);min-width:0;padding-bottom:5px;font-size:18px;position:relative}.pengeluaran-detail-overlay .modal-head h2:after{content:"";background:var(--line-animation);border-radius:2px;height:4px;position:absolute;bottom:0;left:0;right:0}.pengeluaran-detail-overlay .modal-close{background:color-mix(in srgb, var(--h3) 20%, transparent);width:32px;height:32px;color:var(--h3);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;transition:background .15s;display:flex}.pengeluaran-detail-overlay .modal-close:hover{background:color-mix(in srgb, var(--h3) 50%, transparent)}.pengeluaran-detail-overlay .modal-body{-webkit-overflow-scrolling:touch;flex:1;padding:10px 26px 20px;overflow-y:auto}.pengeluaran-detail-overlay .modal-foot{flex-shrink:0;justify-content:flex-end;align-items:center;gap:10px;padding:10px 26px 20px;display:flex}.pengeluaran-detail-overlay .modal-error{background:var(--pill);color:var(--h8);border-radius:10px;margin-bottom:10px;padding:10px 14px;font-size:12.5px}.pengeluaran-detail-overlay .empty-state{text-align:center;color:var(--ink-soft);padding:20px 26px;font-size:12px}.pengeluaran-detail-overlay .btn-ghost{border:1.5px solid var(--button-border);background:var(--table-body);color:var(--ink-soft);cursor:pointer;border-radius:8px;margin-bottom:20px;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;transition:background .15s,border-color .15s}.pengeluaran-detail-overlay .btn-ghost:hover{background:color-mix(in srgb, var(--button-prm-hover) 50%, transparent);border:1.5px solid color-mix(in srgb, var(--button-prm-hover) 50%, transparent)}.pengeluaran-detail-overlay .btn-ghost:disabled{opacity:.6;cursor:default}.pengeluaran-detail-overlay .modal-foot .btn-ghost{margin-bottom:0}.pengeluaran-detail-overlay .btn-batal{border:1.5px solid color-mix(in srgb, var(--button-border) 70%, transparent);background:var(--box-dashboard);color:var(--ink-soft);cursor:pointer;border-radius:11px;padding:10px 18px;font-family:inherit;font-size:13.5px;font-weight:600;transition:background .15s,border-color .15s}.pengeluaran-detail-overlay .btn-batal:hover{background:color-mix(in srgb, var(--button-prm-hover) 50%, transparent);border:1.5px solid color-mix(in srgb, var(--button-prm-hover) 50%, transparent)}.pengeluaran-detail-overlay .detail-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.pengeluaran-detail-overlay .detail-header .btn-ghost{margin-bottom:0}.pengeluaran-detail-overlay .detail-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px 10px;display:flex}.pengeluaran-detail-overlay .kategori-pill{background:var(--h3);color:#fff;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;display:inline-block}.pengeluaran-detail-overlay .section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:20px 0 10px;font-size:12px;font-weight:700}.pengeluaran-detail-overlay .info-list{grid-template-columns:max-content auto minmax(0,1fr);align-items:baseline;gap:8px 12px;margin-bottom:20px;font-size:12.5px;display:grid}.pengeluaran-detail-overlay .info-label{color:var(--ink-soft);font-weight:700}.pengeluaran-detail-overlay .info-titik{color:var(--ink-soft)}.pengeluaran-detail-overlay .info-nilai{color:var(--h5);overflow-wrap:anywhere;min-width:0;font-weight:500}.pengeluaran-detail-overlay .item-list{flex-direction:column;display:flex}.pengeluaran-detail-overlay .item-row,.pengeluaran-detail-overlay .item-grup{border-bottom:1px solid color-mix(in srgb, var(--ink-soft) 40%, transparent)}.pengeluaran-detail-overlay .item-row{color:var(--ink-soft);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) 110px;align-items:center;gap:10px;padding:9px 0;font-size:12.5px;display:grid}.pengeluaran-detail-overlay .item-grup{padding:9px 0 4px}.pengeluaran-detail-overlay .item-grup .item-row{border-bottom:none;padding:4px 0}.pengeluaran-detail-overlay .item-grup-judul{color:var(--ink-soft);font-size:12.5px}.pengeluaran-detail-overlay .item-nama{overflow-wrap:anywhere;align-items:flex-end;gap:6px;min-width:0;display:flex}.pengeluaran-detail-overlay .item-panah{width:22px;color:var(--ink-soft);flex-shrink:0;display:inline-flex}.pengeluaran-detail-overlay .item-jumlah{white-space:nowrap}.pengeluaran-detail-overlay .item-nominal{text-align:right;white-space:nowrap}.pengeluaran-detail-overlay .total-view-row{justify-content:space-between;align-items:baseline;gap:10px;padding:12px 0 0;display:flex}.pengeluaran-detail-overlay .total-view-row span{color:var(--ink-soft);font-size:12.5px;font-weight:600}.pengeluaran-detail-overlay .total-view-row b{color:var(--h5);font-size:14px}.pengeluaran-detail-overlay .catatan-view{color:var(--ink-soft);white-space:pre-line;font-size:12px;line-height:1.5}.pengeluaran-detail-overlay .delete-confirm-banner{background:var(--notif);padding:12px 26px}.pengeluaran-detail-overlay .delete-confirm-text{flex-direction:column;gap:3px;display:flex}.pengeluaran-detail-overlay .delete-confirm-text b{color:var(--h8);font-size:13.5px}.pengeluaran-detail-overlay .delete-confirm-text span{color:var(--h8);opacity:.85;font-size:12.5px}.pengeluaran-detail-overlay .btn-danger-ghost{border:1px solid var(--notif);background:var(--notif);color:var(--h8);cursor:pointer;border-radius:11px;margin-right:auto;padding:8px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.4;transition:background .15s}.pengeluaran-detail-overlay .btn-danger-ghost:hover{background:color-mix(in srgb, var(--notif) 85%, black);border:1px solid color-mix(in srgb, var(--notif) 85%, black)}.pengeluaran-detail-overlay .btn-danger.batal{border:1.5px solid var(--button-tx);color:var(--ink-soft);cursor:pointer;background:0 0;border-radius:11px;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}.pengeluaran-detail-overlay .btn-danger.batal:hover{background:color-mix(in srgb, var(--button-prm-hover) 50%, transparent);border:1.5px solid color-mix(in srgb, var(--button-prm-hover) 50%, transparent)}.pengeluaran-detail-overlay .btn-danger{border:1.5px solid var(--notif);background:var(--notif);color:#fff;cursor:pointer;border-radius:11px;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;transition:background .15s}.pengeluaran-detail-overlay .btn-danger:hover{background:color-mix(in srgb, var(--notif) 85%, black);border:1.5px solid color-mix(in srgb, var(--notif) 85%, black)}.pengeluaran-detail-overlay .btn-danger:disabled,.pengeluaran-detail-overlay .btn-danger-ghost:disabled{opacity:.6;cursor:not-allowed}@media (width<=640px){.pengeluaran-detail-overlay{align-items:flex-end;padding:0}.pengeluaran-detail-overlay .modal{border-radius:22px 22px 0 0;max-width:100%;max-height:92vh}.pengeluaran-detail-overlay .modal-head{padding:16px 18px 5px}.pengeluaran-detail-overlay .modal-body{padding:5px 18px 16px}.pengeluaran-detail-overlay .modal-foot{padding:12px 18px 18px}.pengeluaran-detail-overlay .item-row{grid-template-columns:minmax(0,1fr) 28px 96px}}.kalender-layout{grid-template-columns:1.5fr 1fr;align-items:start;gap:18px;display:grid}.kalender-connect-banner{background:color-mix(in srgb, var(--box-dashboard) 90%, transparent);border:1.5px solid var(--line-box);box-shadow:var(--shadow-card);border-radius:16px;align-items:center;gap:16px;margin-bottom:18px;padding:16px 20px;display:flex}.kcb-icon{background:color-mix(in srgb, var(--h3) 20%, transparent);width:42px;height:42px;color:var(--h5);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.kcb-icon svg{width:22px;height:22px}.kcb-text{flex:1;min-width:0}.kcb-title{color:var(--ink);margin-bottom:2px;font-size:13px;font-weight:700}.kcb-sub{color:var(--ink-soft);font-size:12.5px;line-height:1.5}.kcb-btn{background:var(--button-prm-hover);color:var(--button-tx-hover);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;padding:9px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.kcb-btn:hover{background:var(--h3)}.kcb-btn:disabled{opacity:.6;cursor:not-allowed}.kalender-connect-banner.connected{width:fit-content;box-shadow:none;background:0 0;border:none;border-radius:0;gap:8px;padding:0}.kalender-connect-banner.connected .kcb-text{flex:none}.kalender-connect-banner.connected .kcb-title{color:var(--ink-soft);margin-bottom:0;font-size:13px;font-weight:600}.kalender-connect-banner.connected .kcb-icon{background:var(--h5);width:20px;height:20px;color:var(--h7);border-radius:50%;font-weight:800}.kalender-connect-banner.connected .kcb-icon svg{width:14px;height:14px}.kalender-connect-panel{background:color-mix(in srgb, var(--box-dashboard) 90%, transparent);border:1px solid var(--line-box);box-shadow:var(--shadow-card);border-radius:14px;gap:10px;margin:-8px 0 18px;padding:14px 16px;display:flex}.kalender-connect-panel input{border:1.5px solid var(--line-box);min-width:0;color:var(--button-tx);background:var(--field);border-radius:10px;flex:1;padding:10px 12px;font-family:inherit;font-size:12.5px}.kcp-btn{background:var(--button-prm-hover);color:var(--button-tx-hover);cursor:pointer;border:none;border-radius:10px;flex-shrink:0;padding:10px 18px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s}.kcp-btn:hover{background:var(--h3)}.card.kalender-card{background:color-mix(in srgb, var(--box-dashboard) 90%, transparent)}.kalender-card{padding:22px}.kalender-nav{align-items:center;gap:12px;margin-bottom:20px;display:flex}.kalender-title{color:var(--ink-soft);text-align:center;flex:1;font-family:Poppins,sans-serif;font-size:20px;font-weight:700}.nav-btn{border:1.5px solid color-mix(in srgb, var(--h5) 60%, transparent);background:color-mix(in srgb, var(--sidebar) 50%, transparent);cursor:pointer;width:32px;height:32px;color:var(--h5);border-radius:9px;justify-content:center;align-items:center;transition:background .15s;display:flex}.nav-btn:hover{background:color-mix(in srgb, var(--h3) 50%, transparent);border:1.5px solid color-mix(in srgb, var(--h3) 10%, transparent);color:var(--h7)}.nav-btn svg{width:15px;height:15px}.today-btn{color:var(--h5);background:color-mix(in srgb, var(--sidebar) 50%, transparent);border:2px solid color-mix(in srgb, var(--h9) 90%, transparent);cursor:pointer;border-radius:8px;padding:7px 14px;font-size:13px;font-weight:600;transition:background .15s}.today-btn:hover{filter:brightness(.95);background:color-mix(in srgb, var(--h9) 90%, transparent);border:2px solid color-mix(in srgb, var(--h3) 10%, transparent);color:var(--field)}.kalender-grid{grid-template-columns:repeat(7,1fr);gap:0 4px;display:grid}.kalender-head{margin-bottom:6px}.kalender-headcell{text-align:center;color:var(--ink-soft);padding:6px 0;font-size:16px;font-weight:600}.kalender-cell{aspect-ratio:1.2;cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.kalender-cell.outside .cell-circle.density-1,.kalender-cell.outside .cell-circle.density-2,.kalender-cell.outside .cell-circle.density-3{background:color-mix(in srgb, var(--ink-soft) 22%, transparent)}.kalender-cell.outside .cell-date{color:var(--ink-faint);opacity:1;font-size:20px;font-weight:700}.cell-circle{aspect-ratio:1;border-radius:50%;justify-content:center;align-items:center;width:60%;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.kalender-cell:hover .cell-circle{transform:scale(1.08)}.kalender-cell.selected .cell-circle{box-shadow:0 0 0 2px var(--placeholder)}.cell-date{color:var(--ink-soft);font-size:20px;font-weight:700}.density-0{background:0 0}.density-1{background:color-mix(in srgb, var(--h5) 50%, transparent)}.density-1 .cell-date{color:var(--h7);font-weight:700}.density-2{background:color-mix(in srgb, var(--h5) 90%, transparent)}.density-2 .cell-date{color:var(--h7);font-weight:700}.density-3{background:var(--pill)}.density-3 .cell-date{color:var(--h8);font-weight:700}.density-4{background:var(--notif)}.density-4 .cell-date{color:var(--h8);font-weight:700}.cell-circle.agenda-solo{background:color-mix(in srgb, var(--pill-later) 85%, transparent)}.cell-circle.agenda-solo .cell-date{color:var(--h7);font-weight:700}.agenda-dot{background:var(--pill-later);width:6px;height:6px;box-shadow:0 0 0 2px color-mix(in srgb, var(--h7) 90%, transparent);border-radius:50%;margin-left:-3px;position:absolute;bottom:12%;left:50%}.kalender-cell.outside .cell-circle.agenda-solo{background:0 0}.kalender-cell.outside .agenda-dot{opacity:.55}.kalender-legend{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;font-size:14px;font-weight:600;display:flex}.kalender-legend-item{align-items:center;gap:8px;margin-right:10px;display:inline-flex}.legend-agenda-dot{background:var(--pill-later);border-radius:50%;flex-shrink:0;width:9px;height:9px}.today-dot{border:3px solid var(--h9);border-radius:50%;width:60px;height:60px;position:absolute}.card.agenda-card{background:color-mix(in srgb, var(--box-dashboard) 90%, transparent);min-width:0;min-height:100px;padding:22px}.card .card-head-kalender{color:var(--ink-soft);text-decoration:underline;-webkit-text-decoration-color:var(--ink-soft);text-decoration-color:var(--ink-soft);text-underline-offset:8px;margin-bottom:20px;font-size:13px;text-decoration-thickness:2px;display:block}.dash-b-avatar{background:var(--ava-grad);width:38px;height:38px;color:var(--h7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.dash-b-avatar.selesai{background:var(--ava-grad-alt);color:var(--h7)}.dash-booking-row{border-bottom:1px solid color-mix(in srgb, var(--ink-soft) 80%, transparent);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 -10px;padding:12px 20px;transition:background .15s;display:grid}.dash-booking-row:hover{background:color-mix(in srgb, var(--active-nav) var(--mix-box), transparent)}.dash-booking-row:last-child{border-bottom:none;padding-bottom:12px}.b-info{min-width:0}.b-name{color:var(--h9);overflow-wrap:break-word;word-break:break-word;font-size:14px;font-weight:600}.b-meta{color:var(--h5);overflow-wrap:break-word;word-break:break-word;margin-top:1px;font-size:12.5px}.dash-b-avatar.agenda{background:var(--pill-later);color:var(--h7)}.dash-b-avatar.agenda.selesai{opacity:.55}.status-pill.agenda{background:var(--pill-later);color:var(--h7)}.loading-state{text-align:center;color:var(--ink-soft);padding:60px;font-size:13px}.empty-state{text-align:left;color:var(--ink-soft);padding:10px 0;font-size:13px}@media (width<=900px){.kalender-layout{grid-template-columns:1fr;gap:14px}.card.kalender-card,.card.agenda-card{border:1px solid var(--line-box)}.kalender-cell{aspect-ratio:1}.kalender-connect-banner{flex-wrap:wrap}.kcb-btn{width:100%}.kalender-connect-panel{flex-wrap:wrap}.kalender-connect-panel input{flex:100%;font-size:10px}.kcp-btn{flex:100%;font-size:11px}.kcb-title{color:var(--ink);margin-bottom:2px;font-size:11px;font-weight:700}.kcb-sub{color:var(--ink-soft);font-size:10px;line-height:1.5}.kalender-connect-banner.connected .kcb-title{font-size:11px;font-weight:500}.agenda-dot{width:3px;height:3px;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--h7) 90%, transparent);margin-left:-1.5px;bottom:5px;left:50%}.kalender-legend{color:var(--ink-soft);align-items:center;gap:8px;margin-top:14px;font-size:12px;font-weight:600;display:flex}}@media (width<=600px){.kalender-card,.card.agenda-card{border:1px solid var(--line-box);padding:20px}.kalender-title{font-size:14px}.card-head-kalender h3{text-underline-offset:6px;margin-bottom:10px;font-size:13px;text-decoration-thickness:1px}.kalender-headcell{padding:4px 0;font-size:12px;font-weight:600}.cell-date,.kalender-cell.outside .cell-date{font-size:14px}.cell-circle{width:75%;height:75%}.today-dot{border-width:2px;width:90%;height:90%}.dash-booking-row{margin:0;padding:10px}.dash-b-avatar{width:32px;height:32px;font-size:11px}.b-name{font-size:12px}.b-meta{font-size:10px}.status-pill{padding:4px 8px;font-size:9px}.agenda-dot{width:3px;height:3px;box-shadow:0 0 0 1.5px color-mix(in srgb, var(--h7) 90%, transparent);margin-left:-1.5px;bottom:5px;left:50%}.kalender-legend{color:var(--ink-soft);align-items:center;gap:8px;margin-top:14px;font-size:12px;font-weight:600;display:flex}}@media (width<=900px){.btn-export-desktop{display:none}.btn-export-mobile{width:fit-content;margin:14px 0 18px;display:flex}}.klien-stat-row{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.klien-stat-card-totalklien{background:var(--grad1);border:3px solid var(--border1);box-shadow:var(--shadow-card);border-radius:18px;padding:18px}.klien-stat-card-klienaktif{background:var(--grad2);border:3px solid var(--border2);box-shadow:var(--shadow-card);border-radius:18px;padding:18px}.klien-stat-card-klienselesai{background:var(--grad3);border:3px solid var(--border3);box-shadow:var(--shadow-card);border-radius:18px;padding:18px}.klien-stat-card-totalbelanja{background:var(--grad4);border:3px solid var(--border4);box-shadow:var(--shadow-card);border-radius:18px;padding:18px}.klien-stat-top{justify-content:space-between;align-items:flex-start;margin-bottom:5px;display:flex}.klien-stat-icon{border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.klien-stat-icon svg{width:19px;height:19px}.klien-stat-icon.violet{background:var(--label1);color:var(--h7)}.klien-stat-icon.gold{background:var(--label2);color:var(--h7)}.klien-stat-icon.mint{background:var(--label3);color:var(--h7)}.klien-stat-icon.coral{background:var(--label4);color:var(--h7)}.klien-stat-label1{color:var(--label1);margin-bottom:5px;font-size:16px;font-weight:600}.klien-stat-label2{color:var(--label2);margin-bottom:5px;font-size:16px;font-weight:600}.klien-stat-label3{color:var(--label3);margin-bottom:5px;font-size:16px;font-weight:600}.klien-stat-label4{color:var(--label4);margin-bottom:5px;font-size:16px;font-weight:600}.klien-stat-num1{color:var(--label1);font-family:Poppins,sans-serif;font-size:24px;font-weight:700}.klien-stat-num2{color:var(--label2);font-family:Poppins,sans-serif;font-size:24px;font-weight:700}.klien-stat-num3{color:var(--label3);font-family:Poppins,sans-serif;font-size:24px;font-weight:700}.klien-stat-num4{color:var(--label4);font-family:Poppins,sans-serif;font-size:24px;font-weight:700}.klien-stat-sub1{color:var(--label1);margin-top:3px;font-size:14px;font-weight:600}.klien-stat-sub2{color:var(--label2);margin-top:3px;font-size:14px;font-weight:600}.klien-stat-sub3{color:var(--label3);margin-top:3px;font-size:14px;font-weight:600}.klien-stat-sub4{color:var(--label4);margin-top:3px;font-size:14px;font-weight:600}.klien-toolbar{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}@media (width>=901px){.filter-select-sort{width:max-content;min-width:170px}.filter-select-sort .cselect,.filter-select-sort .cselect-trigger{width:max-content}.filter-select-sort .cselect-menu{width:max-content;min-width:100%;left:0;right:auto}}.klien-avatar-big{background:var(--ava-grad);width:32px;height:32px;color:var(--h7);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 12px;font-size:18px;font-weight:700;display:flex}.klien-avatar-big.selesai{background:var(--ava-grad-alt);color:var(--h7)}.search-box-klien{background:color-mix(in srgb, var(--box-dashboard) 90%, transparent);border:1.5px solid color-mix(in srgb, var(--button-border) 70%, transparent);border-radius:11px;flex:1;align-items:center;gap:10px;max-width:350px;padding:3px 14px;display:flex}.search-box-klien svg{width:14px;height:14px;color:var(--h5);flex-shrink:0}.search-box-klien input{color:var(--ink-soft);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:12px}.search-box-klien input::placeholder{color:color-mix(in srgb, var(--ink-soft) 70%, transparent)}.search-box-klien:focus-within{border-color:var(--h3);box-shadow:0 0 0 3px color-mix(in srgb, var(--h3) 18%, transparent)}.klien-table-card{border:1px solid var(--line-box);box-shadow:var(--shadow-card);border-radius:16px;margin-bottom:14px;padding:0;overflow:hidden}.klien-table{border-collapse:collapse;width:100%}.klien-table thead th{text-align:left;color:var(--h4);text-transform:uppercase;letter-spacing:.04em;background:color-mix(in srgb, var(--sidebar) 90%, transparent);padding:16px 24px;font-size:12px;font-weight:700}.klien-table th.right{text-align:right}.klien-table th.center{text-align:center}.klien-table{table-layout:fixed}.klien-table td{background:var(--table-body);border-bottom:1px solid color-mix(in srgb, var(--ink-soft) 50%, transparent);vertical-align:middle;padding:8px 20px;font-size:13px;transition:background .15s}.klien-table tr:last-child td{border-bottom:none}.klien-table tr:hover td{background:color-mix(in srgb, var(--active-nav) var(--mix-box), transparent)}.klien-table-name-cell{align-items:center;gap:12px;display:flex}.klien-avatar-sm{flex-shrink:0;width:32px;height:32px;margin:0;font-size:11px}.klien-table-name{color:var(--h9);margin-bottom:5px;font-size:13.5px;font-weight:700}.klien-table-sub{color:var(--h5);font-size:10px}.klien-table-whatsapp,.klien-table-stats{text-align:left;color:var(--ink-soft)}.klien-table-belanja{color:var(--ink-soft);text-align:right;font-weight:700}.klien-table-status{text-align:center}.klien-stat-dot{justify-content:left;align-items:center;gap:6px;font-size:12px;display:flex}.klien-stat-dot+.klien-stat-dot{margin-top:3px}.klien-stat-dot .dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.klien-stat-dot .dot.orange{background:var(--h5)}.klien-stat-dot .dot.green{background:var(--dot)}.klien-table-actions{justify-content:center;gap:6px;display:flex}.klien-table-actions button{border:1px solid color-mix(in srgb, var(--pill-alt) 70%, transparent);background:color-mix(in srgb, var(--pill-alt) 70%, transparent);width:32px;height:32px;color:var(--h7);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;transition:background .15s;display:flex}.klien-table-actions button svg{width:14px;height:14px}.klien-table-actions button:hover{background:color-mix(in srgb, var(--h5) 70%, transparent);border:1px solid color-mix(in srgb, var(--h5) 70%, transparent)}.klien-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:0 18px 10px;display:flex}.klien-pagination-info{color:var(--ink-soft);font-size:12px}.klien-pagination-buttons{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.klien-pagination-gap{min-width:20px;height:32px;color:var(--ink-soft);opacity:.7;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:12px;display:flex}.klien-pagination-buttons button{border:1px solid color-mix(in srgb, var(--h5) 40%, transparent);background:color-mix(in srgb, var(--h5) 40%, transparent);min-width:32px;height:32px;color:var(--h5);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;transition:background .15s,color .15s;display:flex}.klien-pagination-buttons button svg{width:14px;height:14px}.klien-pagination-buttons button:hover:not(:disabled){background:color-mix(in srgb, var(--h3) 50%, transparent);border:1px solid color-mix(in srgb, var(--h3) 50%, transparent)}.klien-pagination-buttons button.sel{background:color-mix(in srgb, var(--h3) 30%, transparent);color:var(--ink-soft);border:#0000;font-weight:700}.klien-pagination-buttons button:disabled{opacity:.4;cursor:not-allowed}.klien-modal-overlay{z-index:95;background:#24373e73;justify-content:center;align-items:center;padding:26px;display:flex;position:fixed;inset:0}.klien-modal-overlay .modal{background:var(--table-body);border:1.5px solid var(--line-box);width:100%;max-width:500px;max-height:60vh;box-shadow:var(--shadow-modal);border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.klien-modal-overlay .modal-head{flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:5px;padding:20px 26px;display:flex}.klien-modal-overlay .modal-head h2{color:var(--ink-soft);padding-bottom:5px;font-size:18px;position:relative}.klien-modal-overlay .modal-head h2:after{content:"";background:var(--line-animation);border-radius:2px;height:4px;position:absolute;bottom:0;left:0;right:0}.klien-modal-overlay .modal-close{background:color-mix(in srgb, var(--h3) 20%, transparent);width:32px;height:32px;color:var(--h3);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;font-size:20px;transition:background .15s;display:flex}.klien-modal-overlay .modal-close:hover{background:color-mix(in srgb, var(--h3) 50%, transparent);color:var(--h3)}.klien-modal-overlay .modal-body{flex:1;padding:20px 26px;overflow-y:auto}.klien-modal-overlay .modal-foot{flex-shrink:0;justify-content:flex-end;gap:10px;padding:10px 26px 20px;display:flex}.klien-modal-overlay .btn-ghost{border:1.5px solid var(--button-border);background:var(--table-body);color:var(--ink-soft);cursor:pointer;border-radius:8px;margin-bottom:0;padding:5px 10px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;transition:background .15s,border-color .15s}.klien-modal-overlay .btn-ghost:hover{background:color-mix(in srgb, var(--button-prm-hover) 50%, transparent);border:1.5px solid color-mix(in srgb, var(--button-prm-hover) 50%, transparent)}.klien-modal-overlay .section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);margin:4px 0 12px;font-size:11.5px;font-weight:700}.klien-modal-overlay .info-list{grid-template-columns:max-content auto minmax(0,1fr);align-items:baseline;gap:8px 12px;margin-bottom:20px;font-size:12.5px;display:grid}.klien-modal-overlay .info-label{color:var(--ink-soft);font-weight:700}.klien-modal-overlay .info-titik{color:var(--ink-soft)}.klien-modal-overlay .info-nilai{color:var(--h5);overflow-wrap:anywhere;min-width:0;font-weight:500}.klien-modal-overlay .riwayat-list{margin-bottom:5px}.klien-modal-overlay .riwayat-row{background:color-mix(in srgb, var(--button-prm-hover) 20%, transparent);border-bottom:1px solid color-mix(in srgb, var(--ink-soft) 80%, transparent);color:var(--ink-soft);cursor:pointer;border-radius:8px;grid-template-columns:1fr 140px auto;align-items:center;gap:16px;padding:10px;font-family:inherit;font-size:12px;transition:background .15s;display:grid}.klien-modal-overlay .riwayat-row:hover{background:linear-gradient(80deg, var(--active-nav) 0%, var(--table-body) 100%)}.klien-modal-overlay .riwayat-row:last-child{border-bottom:none}.klien-modal-overlay .riwayat-event{color:var(--ink-soft);text-align:left;font-weight:600}.klien-modal-overlay .riwayat-tanggal{text-align:left;color:var(--ink-soft)}.klien-modal-overlay .riwayat-row .status-pill{justify-self:end}.klien-modal-overlay .status-pill{white-space:nowrap;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:700}.klien-modal-overlay .status-pill.belum{background:var(--pill);color:var(--h8)}.klien-modal-overlay .status-pill.lunas{background:var(--pill-alt);color:var(--h7)}.status-pill.akan-datang{background:var(--pill-later);color:var(--h7)}.empty-state-klien{text-align:left;color:var(--ink-soft);font-size:13px;font-weight:600}@media (width<=900px){.klien-stat-row{grid-template-columns:repeat(2,1fr);gap:10px}.klien-stat-card-totalklien,.klien-stat-card-klienaktif,.klien-stat-card-klienselesai,.klien-stat-card-totalbelanja{border-width:3.5px;border-radius:16px;padding:12px 14px}.klien-stat-label1,.klien-stat-label2,.klien-stat-label3,.klien-stat-label4{font-size:12.5px}.klien-stat-icon{border-radius:10px;width:30px;height:30px}.klien-stat-icon svg{width:14px;height:14px}.klien-stat-num1,.klien-stat-num2,.klien-stat-num3,.klien-stat-num4{margin-top:2px;font-size:17px}.klien-stat-sub1,.klien-stat-sub2,.klien-stat-sub3,.klien-stat-sub4{margin-top:2px;font-size:11px}.klien-toolbar{flex-wrap:wrap}.search-box-klien{flex:100%;max-width:none}.filter-select{flex:calc(50% - 6px);width:auto}.klien-modal-overlay{align-items:flex-end;padding:0}.klien-modal-overlay .modal{border-radius:22px 22px 0 0;max-width:100%;max-height:92vh}.klien-modal-overlay .modal-head,.klien-modal-overlay .modal-body{padding:16px 18px}.klien-modal-overlay .modal-foot{padding:10px 18px calc(16px + env(safe-area-inset-bottom,0px))}.klien-table-card{overflow-x:auto}.klien-table{table-layout:auto}.klien-table th,.klien-table td,.klien-table-name,.klien-table-sub{white-space:nowrap}}@media (width<=480px){.klien-stat-card{gap:10px;padding:14px}.search-box-klien{padding:8px 12px}.klien-table th{padding:10px 14px;font-size:10.5px}.klien-table td{padding:8px 14px;font-size:12px}.klien-table-name{font-size:12.5px}.klien-table-sub{font-size:9.5px}.klien-table .status-pill{padding:4px 9px;font-size:9.5px}.klien-table-actions button{width:28px;height:28px}.klien-table-actions button svg{width:12px;height:12px}.klien-pagination-buttons{gap:4px}.klien-pagination-buttons button{min-width:30px;height:30px}.klien-pagination-gap{min-width:14px;height:30px}}@media (width<=360px){.klien-pagination-buttons{gap:3px}.klien-pagination-buttons button{min-width:28px;height:28px;padding:0 4px}.klien-pagination-gap{min-width:12px;height:28px}}.pgl-filter-bar{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.pgl-search{background:color-mix(in srgb, var(--box-dashboard) 90%, transparent);border:1.5px solid color-mix(in srgb, var(--button-border) 70%, transparent);border-radius:11px;flex:1;align-items:center;gap:10px;max-width:350px;padding:3px 14px;display:flex}.pgl-search svg{width:14px;height:14px;color:var(--h5);flex-shrink:0}.pgl-search input{color:var(--ink-soft);background:0 0;border:none;outline:none;flex:1;min-width:0;font-family:inherit;font-size:12px}.pgl-search input::placeholder{color:color-mix(in srgb, var(--ink-soft) 70%, transparent)}.pgl-search:focus-within{border-color:var(--h3);box-shadow:0 0 0 3px color-mix(in srgb, var(--h3) 18%, transparent)}.pgl-filter-select{width:170px}.pgl-card{background:color-mix(in srgb, var(--box-dashboard) 90%, transparent);border:1px solid var(--line-box);box-shadow:var(--shadow-card);border-radius:20px;padding:22px}.pgl-ringkasan{margin-bottom:18px}.pgl-ringkasan h3{color:var(--ink-soft);font-size:14px}.pgl-ringkasan-judul{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.pgl-periode{color:var(--h7);background:color-mix(in srgb, var(--pill-alt) 70%, transparent);border-radius:8px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-block}.pgl-total{color:var(--pill);margin-top:4px;font-family:Poppins,sans-serif;font-size:26px;font-weight:700}.pgl-hint{border:3px solid color-mix(in srgb, var(--pill-alt) 30%, transparent);color:var(--h9);background:var(--card-langganan);text-align:justify;border-radius:12px;margin-bottom:18px;padding:8px 16px;font-size:13px;line-height:1.5}.pgl-hint a{font-weight:800}.pgl-hint b{color:var(--teks-khusus);opacity:.8}.pgl-kategori-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 28px;margin-top:18px;display:grid}.pgl-kategori-row{flex-direction:column;gap:6px;min-width:0;display:flex}.pgl-kategori-info{color:var(--ink-soft);justify-content:space-between;gap:10px;font-size:13px;display:flex}.pgl-kategori-info span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pgl-kategori-info b{white-space:nowrap}.pgl-kategori-track{background:color-mix(in srgb, var(--ink-faint) 70%, transparent);border-radius:999px;height:6px;overflow:hidden}.pgl-kategori-fill{background:var(--pill);border-radius:999px;height:100%;transition:width .7s cubic-bezier(.4,0,.2,1)}.pgl-kosong{color:var(--ink-soft);text-align:center;padding:28px 22px;font-size:13.5px;line-height:1.6}.pgl-bulan{margin-bottom:18px;padding:18px 22px}.pgl-bulan-head{border-bottom:1px solid var(--line-box);justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:10px;display:flex}.pgl-bulan-head h3{color:var(--ink-soft);font-size:14px}.pgl-bulan-head b{color:var(--pill);white-space:nowrap;font-family:Poppins,sans-serif;font-size:14px}.pgl-row{text-align:left;cursor:pointer;border:none;border-bottom:1px solid color-mix(in srgb, var(--line-box) 70%, transparent);background:0 0;border-radius:10px;align-items:center;gap:14px;width:100%;padding:12px;font-family:inherit;transition:background .15s;display:flex}.pgl-row:last-child{border-bottom:none}.pgl-row:hover{background:color-mix(in srgb, var(--ink-faint) 45%, transparent)}.pgl-row:focus-visible{outline:2px solid var(--pill);outline-offset:-2px}.pgl-tgl{background:var(--h3);border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;width:44px;padding:5px 0;display:flex}.pgl-tgl-hari{color:var(--h7);font-family:Poppins,sans-serif;font-size:16px;font-weight:700;line-height:1.1}.pgl-tgl-bulan{color:var(--h7);font-size:10.5px;font-weight:600}.pgl-info{flex:1;min-width:0}.pgl-judul{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;overflow:hidden}.pgl-meta{color:var(--ink-soft);opacity:.75;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.pgl-nominal{color:var(--ink-soft);white-space:nowrap;font-family:Poppins,sans-serif;font-size:14px;font-weight:700}@media (width<=900px){.pgl-search{flex:100%;max-width:none}.pgl-filter-select{flex:calc(50% - 6px);width:auto}.pgl-kategori-list{grid-template-columns:minmax(0,1fr)}.pgl-hint{font-size:11px}}@media (width<=640px){.pgl-bulan{padding:16px}.pgl-total{font-size:22px}.pgl-hint{font-size:11px}}@media (width<=480px){.pgl-search{padding:8px 12px}.pgl-hint{font-size:11px}}.mbar-wrap{width:100%}.mbar-bars{align-items:flex-end;gap:6px;height:190px;display:flex;position:relative}.mbar-col{cursor:pointer;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.mbar-track{align-items:flex-end;width:100%;height:100%;display:flex;overflow:hidden}.mbar-track-grouped{gap:3px}.mbar-bar{opacity:.75;border-radius:6px 6px 2px 2px;width:100%;min-height:2px;transition:height .7s cubic-bezier(.4,0,.2,1),opacity .15s,filter .15s}.mbar-bar.hover{opacity:1;filter:brightness(1.08)}.mbar-tooltip{background:color-mix(in srgb, var(--bar-belanja) 40%, transparent);color:var(--h7);pointer-events:none;white-space:nowrap;z-index:5;border-radius:10px;padding:8px 12px;font-size:11.5px;position:absolute;top:6px;box-shadow:0 10px 24px -8px #0006}.mbar-tooltip .tt-month{opacity:1;text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-size:10px;font-weight:700}.mbar-tooltip .tt-val{margin-top:1px;font-weight:700}.mbar-tooltip .tt-val-row{align-items:center;gap:5px;display:flex}.mbar-tooltip .tt-val-row .tt-val{margin-left:auto;padding-left:8px}.mbar-tooltip .tt-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.mbar-tooltip .tt-label{opacity:.85}.mbar-axis{justify-content:space-between;margin-top:8px;padding:0 2px;display:flex}.mbar-axis span{color:var(--ink-soft);text-align:center;flex:1;font-size:10px}.mbar-legend{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:10px;display:flex}.mbar-legend-row{color:var(--ink-soft);align-items:center;gap:6px;font-size:11.5px;display:flex}.mbar-legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.btn-export-mobile{display:none}@media (width<=900px){.btn-export-desktop{display:none}.btn-export-mobile{width:fit-content;margin:14px 0 18px;display:flex}}.card-keuangan{background:color-mix(in srgb, var(--box-dashboard) 90%, transparent);border:1px solid var(--line-box);box-shadow:var(--shadow-card);border-radius:20px;padding:22px}.card-head-keuangan{flex-direction:column;align-items:flex-start;gap:4px;margin-bottom:10px;display:flex}.card-head-keuangan h3{color:var(--ink-soft);font-size:14px}.tahun-badge{background:color-mix(in srgb, var(--pill-alt) 70%, transparent);color:var(--h7);letter-spacing:.02em;border-radius:10px;margin-left:2px;padding:3px 9px;font-size:12px;font-weight:700;display:inline-block}.bar-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:30px;display:grid}.bar-grid-2{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:30px;display:grid}.tren-grid{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.bar-grid .chart-total-belanja{color:var(--bar-belanja);filter:brightness(1.08);font-family:Poppins,sans-serif;font-size:14px;font-weight:700}.bar-grid .chart-total-transport{color:var(--bar-transport);filter:brightness(1.08);font-family:Poppins,sans-serif;font-size:14px;font-weight:700}.bar-grid .chart-total-komisi{color:var(--bar-komisi);filter:brightness(1.08);font-family:Poppins,sans-serif;font-size:14px;font-weight:700}.bar-grid .chart-total-tim,.bar-grid-2 .chart-total-tim{color:var(--bar-tim);filter:brightness(1.08);font-family:Poppins,sans-serif;font-size:14px;font-weight:700}.bar-grid .chart-total-vendor,.bar-grid-2 .chart-total-vendor{color:var(--bar-vendor);filter:brightness(1.08);font-family:Poppins,sans-serif;font-size:14px;font-weight:700}.bar-grid .chart-total-produk,.bar-grid-2 .chart-total-produk{color:var(--bar-produk);filter:brightness(1.08);font-family:Poppins,sans-serif;font-size:14px;font-weight:700}.chart-total-pair{filter:brightness(1.08);white-space:nowrap;font-family:Poppins,sans-serif;font-size:13px;font-weight:700}.chart-total-komisi-vendor{color:var(--bar-komisi-vendor)}.chart-total-untung-produk{color:var(--bar-untung-produk)}@media (width<=1100px){.bar-grid,.bar-grid-2,.tren-grid{grid-template-columns:1fr}.card-keuangan{border:1px solid var(--line-box)}}.table-card-finance{background:color-mix(in srgb, var(--page-b) 60%, transparent);border:1px solid var(--line-box);box-shadow:var(--shadow-card);border-radius:16px;margin-bottom:14px;padding:0;overflow-x:auto}.keuangan-table{table-layout:fixed;border-collapse:collapse;width:100%;min-width:1902px}.keuangan-table thead th{text-align:center;color:var(--h4);text-transform:uppercase;letter-spacing:.03em;background:color-mix(in srgb, var(--sidebar) 90%, transparent);white-space:normal;vertical-align:middle;overflow-wrap:break-word;word-break:break-word;padding:12px 16px;font-size:12px;font-weight:700;line-height:1.35;overflow:hidden}.keuangan-table tbody tr{background:var(--table-body);border-bottom:1px solid color-mix(in srgb, var(--ink-soft) 50%, transparent);cursor:pointer;transition:background .15s}.keuangan-table tbody tr:last-child{border-bottom:none}.keuangan-table tbody tr:hover{background:color-mix(in srgb, var(--active-nav) var(--mix-box), transparent)}.keuangan-table td{color:var(--ink-soft);white-space:nowrap;padding:5px 20px;font-family:Poppins,sans-serif;font-size:13px}.keuangan-table td.right{text-align:right}.keuangan-table td.center{text-align:center}.keuangan-table td.mono{font-size:12px;font-weight:700}.keuangan-table td.strong{font-weight:700}.keuangan-table .bulan-cell{white-space:nowrap;font-weight:700}.keuangan-table tr.row-empty td{opacity:.6}.keuangan-table tbody tr:hover td{opacity:1;color:var(--ink)}.keuangan-table tbody tr.row-selected{background:color-mix(in srgb, var(--h3) 28%, var(--table-body))}.keuangan-table tbody tr.row-selected td{opacity:1;color:var(--ink)}.keuangan-table tbody tr.row-selected td:first-child{box-shadow:inset 3px 0 0 var(--h3)}.keuangan-table tbody tr.row-selected:hover{background:color-mix(in srgb, var(--h3) 38%, var(--table-body))}.keuangan-table tfoot td{color:var(--h5);letter-spacing:.03em;background:color-mix(in srgb, var(--sidebar) 90%, transparent);white-space:nowrap;padding:14px 20px;font-size:12px;font-weight:700}.keuangan-table tfoot td.bulan-cell{text-transform:uppercase}.trend-arrow{width:20px;height:20px;display:inline-block}.trend-arrow.trend-up{color:var(--bar-transport)}.trend-arrow.trend-down{color:var(--pill)}.trend-arrow.trend-flat{color:var(--ink-soft)}.keuangan-table tr.row-highlight{animation:2.5s ease-out rowHighlightFlash}@keyframes rowHighlightFlash{0%{background:color-mix(in srgb, var(--h3) 35%, transparent)}to{background:0 0}}@media (width<=900px){.keuangan-table{min-width:1902px}}.chart-keterangan-keuangan{text-align:center;color:var(--ink-soft);margin-top:10px;font-size:11.5px}.banding-card{margin-bottom:18px}.banding-ringkasan{flex-wrap:wrap;align-items:flex-start;gap:36px;margin:4px 0 18px;display:flex}.banding-stat{flex-direction:column;gap:3px;display:flex}.banding-stat-label{color:var(--ink-soft);font-size:12px}.banding-stat-nilai{filter:brightness(1.08);font-family:Poppins,sans-serif;font-size:20px;font-weight:700}.banding-penghasilan{color:var(--bar-pengeluaran-bisnis)}.banding-pengeluaran{color:var(--pill)}.banding-card .legend-row-inline,.tren-grid .legend-row-inline{flex-flow:wrap;justify-content:center;align-items:center;gap:8px 18px;margin-top:14px}.banding-peringatan{background:var(--pill);color:var(--h8);border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:12.5px;line-height:1.5}.banding-bantuan-btn{background:var(--button-prm-hover);color:var(--button-tx-hover);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;margin-top:18px;padding:9px 16px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s;display:inline-flex}.banding-bantuan-btn:hover{background:var(--h3)}.banding-bantuan-btn:focus-visible{outline:2px solid var(--h3);outline-offset:2px}.banding-bantuan-btn svg{flex-shrink:0;width:14px;height:14px;transition:transform .2s}.banding-bantuan-btn[aria-expanded=true] svg{transform:rotate(180deg)}.banding-penjelasan{border:3px solid color-mix(in srgb, var(--pill-alt) 30%, transparent);background:color-mix(in srgb, var(--card-langganan) 50%, transparent);color:var(--ink-soft);border-radius:12px;margin-top:10px;padding:10px;font-size:12px;line-height:1.6}.banding-penjelasan ul{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.banding-penjelasan b{color:var(--ink-soft)}.keu-kat-list{flex-direction:column;gap:12px;display:flex}.keu-kat-row{flex-direction:column;gap:6px;min-width:0;display:flex}.keu-kat-info{color:var(--ink-soft);justify-content:space-between;gap:10px;font-size:13px;display:flex}.keu-kat-info span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.keu-kat-info b{white-space:nowrap}.keu-kat-track{background:color-mix(in srgb, var(--ink-faint) 70%, transparent);border-radius:999px;height:6px;overflow:hidden}.keu-kat-fill{background:var(--pill);border-radius:999px;height:100%;transition:width .7s cubic-bezier(.4,0,.2,1)}.keu-kat-fill.gabungan{background:color-mix(in srgb, var(--pill) 55%, transparent)}@media (width<=640px){.banding-ringkasan{gap:24px}.banding-stat-nilai{font-size:16px}}.topbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.topbar-actions{align-items:center;gap:12px;display:flex}.filter-select{width:130px}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.kpi-card-booking{background:var(--grad1);border:3px solid var(--border1);box-shadow:var(--shadow-card);border-radius:20px;padding:20px}.kpi-card-klien{background:var(--grad2);border:3px solid var(--border2);box-shadow:var(--shadow-card);border-radius:20px;padding:20px}.kpi-card-omzet{background:var(--grad3);border:3px solid var(--border3);box-shadow:var(--shadow-card);border-radius:20px;padding:20px}.kpi-card-penghasilan{background:var(--grad4);border:3px solid var(--border4);box-shadow:var(--shadow-card);border-radius:20px;padding:20px}.kpi-label-booking{color:var(--label1);margin-bottom:10px;font-size:12.5px;font-weight:600}.kpi-label-klien{color:var(--label2);margin-bottom:10px;font-size:12.5px;font-weight:600}.kpi-label-omzet{color:var(--label3);margin-bottom:10px;font-size:12.5px;font-weight:600}.kpi-label-penghasilan{color:var(--label4);margin-bottom:10px;font-size:12.5px;font-weight:600}.kpi-value-booking{color:var(--label1);font-family:Poppins,sans-serif;font-size:22px;font-weight:700}.kpi-value-klien{color:var(--label2);font-family:Poppins,sans-serif;font-size:22px;font-weight:700}.kpi-value-omzet{color:var(--label3);font-family:Poppins,sans-serif;font-size:22px;font-weight:700}.kpi-value-penghasilan{color:var(--label4);font-family:Poppins,sans-serif;font-size:22px;font-weight:700}.grid-3{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:18px;display:grid}.grid-4-laporan{grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:18px;display:grid}.card{background:color-mix(in srgb, var(--box-dashboard) 90%, transparent);border:1px solid var(--line-box);box-shadow:var(--shadow-card);border-radius:20px;padding:22px}.card-head h3{color:var(--ink-soft);margin-bottom:4px;font-size:16px}.empty-state{color:var(--ink-soft);font-size:13px}.legend{flex-direction:column;gap:8px;margin-top:8px;display:flex}.legend-row{color:var(--ink-soft);align-items:center;gap:8px;font-size:13px;display:flex}.legend-row b{color:var(--h5);margin-left:auto;font-weight:700}.legend-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.laporan-insight-strip{background:color-mix(in srgb, var(--box-dashboard) 90%, transparent);border:1px solid var(--line-box);color:var(--ink-soft);box-shadow:var(--shadow-card);border-radius:16px;align-items:center;gap:5px;margin-top:18px;padding:16px;font-size:13px;display:flex}.laporan-insight-strip svg{flex-shrink:0;width:20px;height:20px}.laporan-insight-strip b{color:var(--h5)}@media (width<=900px){.topbar{box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:16px;padding:0 4px;display:flex}.topbar .greeting{font-size:19px;line-height:1.2}.topbar .greeting-date{font-size:11px}.filter-select{width:95%!important}.topbar-actions{gap:8px}.kpi-grid{grid-template-columns:repeat(2,1fr);gap:10px}.grid-3,.grid-4-laporan{grid-template-columns:1fr}.card{border:1px solid var(--line-box)}.laporan-insight-strip{border:1px solid var(--line-box);font-size:11px}.kpi-card-booking,.kpi-card-klien,.kpi-card-omzet,.kpi-card-penghasilan{border-width:3.5px;border-radius:16px;padding:12px 14px}.kpi-label-booking,.kpi-label-klien,.kpi-label-omzet,.kpi-label-penghasilan{font-size:12.5px}.kpi-value-booking,.kpi-value-klien,.kpi-value-omzet,.kpi-value-penghasilan{margin-top:2px;font-size:17px}}.greeting{font-size:24px}.greeting-date{color:var(--ink-soft);font-size:14px}.pengaturan-layout{flex-direction:column;gap:18px;max-width:640px;display:flex}.card-pengaturan{background:color-mix(in srgb, var(--box-dashboard) 90%, transparent);border:1px solid var(--line-box);box-shadow:var(--shadow-card);border-radius:20px;padding:24px}.card-head-pengaturan h3{color:var(--ink-soft);margin-bottom:18px;font-size:16px}.field input:disabled{color:var(--ink);background:var(--field);border:1.5px solid color-mix(in srgb, var(--button-border) 70%, transparent);cursor:not-allowed}.field-control-link{align-items:stretch;gap:10px;display:flex}.field-control-link input{flex:1;min-width:0}.field-control-link .btn-primary{white-space:nowrap;flex:none;width:auto}.logo-upload-row{align-items:flex-start;gap:16px;display:flex}.logo-preview{cursor:pointer;background:var(--ava-grad-alt);width:100px;height:100px;color:var(--h7);border:1.5px solid var(--line-box);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;font-weight:700;display:flex;position:relative;overflow:hidden}.logo-preview img{object-fit:cover;width:100%;height:100%}.logo-preview-overlay{color:#fff;opacity:0;background:#00000073;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute;inset:0}.logo-preview-overlay svg{width:40px;height:40px}.logo-preview:hover .logo-preview-overlay{opacity:1}.btn-ghost-small{background:var(--button-prm-hover);color:var(--button-tx-hover);cursor:pointer;border:none;border-radius:9px;margin-bottom:6px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .15s}.logo-actions-row{gap:8px;margin-bottom:6px;display:flex}.logo-actions-row .btn-ghost-small{margin-bottom:0}.btn-ghost-danger{color:var(--h8);background:var(--notif)}.btn-ghost-danger:hover{background:color-mix(in srgb, var(--notif) 85%, black)}.field-control-pw{max-width:280px;position:relative}.field-control-pw input{width:100%;padding-right:40px}.field-toggle-pw{cursor:pointer;color:var(--ink-soft);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.field-toggle-pw svg{width:17px;height:17px}.field-toggle-pw:hover{color:var(--h3)}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field-hint{color:var(--ink);font-size:11px}.field-note-italic{color:var(--ink-soft);opacity:.75;margin-top:-3px;margin-bottom:8px;font-size:11px;font-style:italic}.rekening-hapus{background:var(--notif);width:34px;height:34px;color:var(--h7);cursor:pointer;border:none;border-radius:9px;flex:none;justify-content:center;align-items:center;padding:0;font-family:inherit;transition:background .15s,color .15s;display:flex}.btn-primary{background:var(--button-prm-hover);color:var(--button-tx-hover);cursor:pointer;cursor:pointer;border:none;border-radius:11px;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s,box-shadow .12s;display:flex}.msg-success{background:color-mix(in srgb, var(--pill-alt) 70%, transparent);color:var(--h7);border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:12.5px;display:inline-block}.danger-text{color:var(--ink-soft);margin-bottom:16px;font-size:13px}@media (width<=700px){.rekening-input-bank{flex:0 0 65px}.field-row{grid-template-columns:1fr}.card-pengaturan{border:1px solid var(--line-box)}.logo-upload-row{gap:12px}.logo-preview{border-radius:14px;width:80px;height:80px}.logo-preview-overlay svg{width:16px;height:16px}.field-control-link{flex-direction:column;align-items:flex-start}.field-control-link input{width:100%}}.langganan-layout{flex-direction:column;gap:18px;max-width:640px;display:flex}.status-pill{white-space:nowrap;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-block}.status-pill.lunas{background:var(--pill-alt);color:var(--h7)}.status-pill.belum{background:var(--pill);color:var(--h8)}.msg-error{background:var(--pill);color:var(--h8);border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:12.5px}.card-langganan{background:color-mix(in srgb, var(--box-dashboard) 90%, transparent);border:1px solid var(--line-box);box-shadow:var(--shadow-card);border-radius:20px;padding:24px}.card-head-langganan h3{color:var(--ink-soft);margin-bottom:18px;font-size:16px}.langganan-status-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.langganan-status-tanggal{color:var(--ink-soft);font-size:13px}.langganan-pending-text{color:var(--ink-soft);font-size:13.5px;line-height:1.6}.langganan-kosong{color:var(--ink-soft);opacity:.75;padding:10px 0;font-size:13px;font-style:italic}.paket-grid{grid-template-columns:1fr 1fr 1fr;gap:12px;display:grid}.paket-card{text-align:left;cursor:pointer;border:3px solid color-mix(in srgb, var(--pill-alt) 30%, transparent);background:var(--card-langganan);border-radius:14px;padding:16px 14px;font-family:inherit;transition:border-color .15s,background .15s,transform .15s}.paket-card:hover{border:3px solid var(--pill-alt)}.paket-card.sel{border-color:var(--pill-alt);background:color-mix(in srgb, var(--pill-alt) 30%, transparent);transform:translateY(-2px)}.paket-label{color:var(--h9);margin-bottom:6px;font-size:13px;font-weight:700}.paket-harga{color:var(--h5);font-family:Poppins,sans-serif;font-size:18px;font-weight:700}.paket-period{color:var(--h9);opacity:.8;margin-top:2px;font-size:13px}.metode-toggle-row{gap:8px;margin-bottom:16px;display:flex}.metode-opt{text-align:center;background:var(--card-langganan);color:var(--ink-soft);cursor:pointer;border:2px solid solid color-mix(in srgb, var(--pill-alt) 30%, transparent);border-radius:10px;flex:1;padding:10px;font-family:inherit;font-size:13px;font-weight:600;transition:background .15s,color .15s,border-color .15s}.metode-opt:hover{background:color-mix(in srgb, var(--pill-alt) 50%, transparent)}.metode-opt.sel{background:var(--pill-alt);color:#fff;border-color:#0000}.rekening-pilih-list{flex-direction:column;gap:8px;display:flex}.rekening-pilih-item{border:2px solid color-mix(in srgb, var(--pill-alt) 30%, transparent);background:var(--card-langganan);cursor:pointer;text-align:left;border-radius:11px;align-items:center;gap:10px;padding:12px 14px;font-family:inherit;transition:border-color .15s,background .15s;display:flex}.rekening-pilih-item:hover{border:2px solid color-mix(in srgb, var(--pill-alt) 70%, transparent)}.rekening-pilih-item.sel{border-color:var(--card-langganan);background:color-mix(in srgb, var(--pill-alt) 20%, transparent)}.rekening-pilih-bank{color:var(--ink-soft);min-width:60px;font-size:12.5px;font-weight:700}.rekening-pilih-nomor{color:var(--h5);font-family:monospace;font-size:13px}.qris-preview-wrap{justify-content:center;padding:10px 0;display:flex}.qris-preview-img{object-fit:contain;border:1.5px solid var(--line-box);background:#fff;border-radius:12px;width:220px;height:220px;padding:10px}.bukti-preview-img{border:1.5px solid var(--line-box);border-radius:10px;width:160px;margin-top:12px;display:block}.upload-wrap{flex-wrap:wrap;align-items:center;gap:10px;display:flex;position:relative}.upload-input-hidden{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.upload-btn{cursor:pointer;color:var(--ink-soft);background:color-mix(in srgb, var(--pill-alt) 30%, transparent);border:none;border-radius:8px;align-items:center;gap:8px;margin-bottom:10px;padding:8px 10px;font-family:inherit;font-size:12px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.upload-btn:hover{background:color-mix(in srgb, var(--pill-alt) 70%, transparent);color:var(--h7);border:none;transform:translateY(-1px)}.upload-input-hidden:focus-visible+.upload-btn{outline:2px solid var(--pill-alt);outline-offset:2px}.upload-filename{color:var(--ink-soft);word-break:break-all;font-size:12.5px}.bukti-preview-wrap{margin-top:12px;display:inline-block;position:relative}.bukti-preview-wrap .bukti-preview-img{margin-top:0}.bukti-hapus-btn{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:background .15s,transform .15s;display:flex;position:absolute;top:6px;right:6px}.bukti-hapus-btn:hover{background:#000000d9;transform:scale(1.1)}@media (width<=700px){.paket-grid{grid-template-columns:1fr}.card-langganan{border:1px solid var(--line-box)}}.panduan-card{background:color-mix(in srgb, var(--box-dashboard) 90%, transparent);border:1px solid var(--line-box);box-shadow:var(--shadow-card);border-radius:20px;max-width:720px;overflow:hidden}.panduan-step{border-bottom:1px solid var(--line-box)}.panduan-step:last-child{border-bottom:none}.panduan-step-head{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:16px;width:100%;padding:18px 24px;font-family:inherit;transition:background .15s;display:flex}.panduan-step-head:hover{background:color-mix(in srgb, var(--active-nav) var(--mix-box), transparent)}.panduan-step-num{background:color-mix(in srgb, var(--h3) 20%, transparent);width:30px;height:30px;color:var(--h3);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;display:flex}.panduan-step.open .panduan-step-num{background:var(--h3);color:var(--h8)}.panduan-step-head-text{flex:1;min-width:0}.panduan-step-title{color:var(--h5);font-size:14.5px;font-weight:700;display:block}.panduan-step-ringkas{color:var(--ink-soft);margin-top:2px;font-size:12.5px;display:block}.panduan-step-chevron{width:18px;height:18px;color:var(--h5);flex-shrink:0;transition:transform .2s}.panduan-step.open .panduan-step-chevron{transform:rotate(180deg)}.panduan-step-body{padding:0 24px 22px 70px}.panduan-step-body ol{flex-direction:column;gap:10px;margin:0;padding-left:18px;display:flex}.panduan-step-body li{color:var(--h4);font-size:13.5px;line-height:1.6}@media (width<=700px){.panduan-card{border:1px solid var(--line-box)}.panduan-step-head{gap:12px;padding:16px 18px}.panduan-step-body{padding:0 18px 20px}}.admin-card-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.admin-summary-card{background:color-mix(in srgb, var(--box-dashboard) 90%, transparent);border:1.5px solid var(--line-box);box-shadow:var(--shadow-card);border-radius:18px;padding:22px 20px}.admin-summary-value{color:var(--h9);font-family:Poppins,sans-serif;font-size:30px;font-weight:700}.admin-summary-label{color:var(--ink-soft);margin-top:4px;font-size:12.5px;font-weight:600}.admin-summary-card.aktif .admin-summary-value{color:var(--h7)}.admin-summary-card.urgent{border-color:color-mix(in srgb, var(--h8) 40%, transparent)}.admin-summary-card.urgent .admin-summary-value{color:var(--h8)}@media (width<=900px){.admin-card-grid{grid-template-columns:repeat(2,1fr)}}.admin-table{border-collapse:collapse;width:100%}.admin-table thead th{text-align:left;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1.5px solid var(--button-border);padding:12px 14px;font-size:11px;font-weight:700}.admin-table thead th.center{text-align:center}.admin-table td{border-bottom:1px solid color-mix(in srgb, var(--button-border) 30%, transparent);vertical-align:top;padding:14px}.admin-studio-name{color:var(--h9);font-size:13.5px;font-weight:600}.admin-studio-sub{color:var(--ink-soft);margin-top:2px;font-size:11.5px}.admin-kontak-email{color:var(--ink-soft);margin-bottom:4px;font-size:12.5px}.admin-wa-btn{color:var(--h5);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:11.5px;font-weight:600}.admin-tanggal{color:var(--ink-soft);font-size:12.5px;font-weight:600}.admin-sisa{color:var(--ink-soft);margin-top:2px;font-size:11px}.admin-tanggal.urgent,.admin-sisa.urgent{color:var(--h8);font-weight:700}.admin-tanggal.waspada,.admin-sisa.waspada{color:var(--h5)}.admin-perpanjang-row{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.admin-perpanjang-row button{border:1.5px solid var(--button-border);background:var(--table-body);color:var(--ink-soft);cursor:pointer;border-radius:8px;padding:7px 10px;font-family:inherit;font-size:11px;font-weight:600;transition:background .15s,border-color .15s}.admin-perpanjang-row button:hover{background:color-mix(in srgb, var(--button-prm-hover) 50%, transparent);border-color:color-mix(in srgb, var(--button-prm-hover) 50%, transparent)}.admin-perpanjang-row button:disabled{opacity:.5;cursor:default}@media (width<=900px){.admin-table{display:block;overflow-x:auto}}.adminlangganan-layout{flex-direction:column;gap:18px;max-width:720px;display:flex}.card-adminlangganan{background:color-mix(in srgb, var(--box-dashboard) 90%, transparent);border:1px solid var(--line-box);box-shadow:var(--shadow-card);border-radius:20px;padding:24px}.card-head-adminlangganan h3{color:var(--ink-soft);margin-bottom:6px;font-size:16px}.adminlangganan-hint-text{color:var(--ink-soft);opacity:.8;margin-bottom:16px;font-size:12.5px}.adminlangganan-kosong{color:var(--ink-soft);opacity:.75;padding:10px 0;font-size:13px;font-style:italic}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field label{color:var(--ink-soft);margin-bottom:5px;font-size:12.5px;font-weight:600}.field input{border:1.5px solid color-mix(in srgb, var(--button-border) 70%, transparent);color:var(--button-tx);background:var(--field);border-radius:11px;padding:10px 14px;font-family:inherit;font-size:13.5px}.field input::placeholder{color:var(--placeholder);opacity:1}.field input:focus{border-color:var(--h3);box-shadow:0 0 0 3px color-mix(in srgb, var(--h3) 18%, transparent);outline:none}.rekening-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.rekening-input-bank{flex:0 0 110px;min-width:0}.rekening-input-nomor{flex:1;min-width:0}.rekening-hapus{border:1.5px solid color-mix(in srgb, var(--button-border) 70%, transparent);background:var(--field);width:34px;height:34px;color:var(--ink-soft);cursor:pointer;border-radius:9px;flex:none;justify-content:center;align-items:center;padding:0;font-family:inherit;transition:background .15s,color .15s;display:flex}.rekening-hapus:hover{background:var(--notif);color:var(--h8)}.btn-ghost-small{background:var(--button-prm-hover);color:var(--button-tx-hover);cursor:pointer;border:none;border-radius:9px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:600;transition:background .15s}.btn-ghost-small:hover{background:var(--h3)}.btn-ghost-small:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--button-prm-hover);color:var(--button-tx-hover);cursor:pointer;border:none;border-radius:11px;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;text-decoration:none;transition:all .3s,box-shadow .12s;display:flex}.btn-primary:hover{background:var(--h3)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.msg-success{background:color-mix(in srgb, var(--pill-alt) 70%, transparent);color:var(--h7);border-radius:10px;padding:10px 14px;font-size:12.5px;display:inline-block}.msg-error{background:var(--pill);color:var(--h8);border-radius:10px;padding:10px 14px;font-size:12.5px}.admin-wa-btn{color:var(--h5);cursor:pointer;background:0 0;border:none;margin-top:4px;padding:0;font-family:inherit;font-size:11.5px;font-weight:600}.admin-wa-btn:hover{text-decoration:underline}.qris-upload-row{align-items:center;gap:14px;display:flex}.qris-admin-preview{object-fit:contain;border:1.5px solid var(--line-box);background:#fff;border-radius:12px;flex-shrink:0;width:90px;height:90px;padding:6px}.pengajuan-list{flex-direction:column;gap:12px;display:flex}.pengajuan-item{border:1.5px solid var(--button-border);background:var(--field);border-radius:14px;align-items:center;gap:16px;padding:14px;display:flex}.pengajuan-info{flex:1;min-width:0}.pengajuan-studio{color:var(--h9);font-size:13.5px;font-weight:700}.pengajuan-meta{color:var(--ink-soft);margin-top:2px;font-size:11.5px}.pengajuan-bukti-thumb{object-fit:cover;border:1.5px solid var(--line-box);cursor:pointer;border-radius:10px;flex-shrink:0;width:56px;height:56px}.pengajuan-actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.pengajuan-actions button{cursor:pointer;white-space:nowrap;border:none;border-radius:9px;padding:7px 14px;font-family:inherit;font-size:11.5px;font-weight:700;transition:opacity .15s}.pengajuan-actions button:disabled{opacity:.5;cursor:default}.btn-approve{background:var(--pill-alt);color:var(--h7)}.btn-approve:hover:not(:disabled){opacity:.85}.btn-reject{background:var(--pill);color:var(--h8)}.btn-reject:hover:not(:disabled){opacity:.85}@media (width<=700px){.card-adminlangganan{border:1px solid var(--line-box)}.rekening-input-bank{flex:0 0 80px}.pengajuan-item{flex-wrap:wrap}.pengajuan-actions{flex-direction:row;width:100%}.pengajuan-actions button{flex:1}}