@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.lp{font-family:Plus Jakarta Sans,system-ui,sans-serif;color:#15211b;background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased;line-height:1.5}.lp *,.lp *:before,.lp *:after{box-sizing:border-box;margin:0;padding:0}.lp a{text-decoration:none;color:inherit}.lp-container{max-width:1180px;margin:0 auto;padding:0 24px}.lp-accent{color:#1c8a57}.lp-nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd1;border-bottom:1px solid #EEF1EF}.lp-nav-inner{max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;justify-content:space-between}.lp-nav-brand{display:flex;align-items:center;gap:11px}.lp-nav-logo{width:40px;height:40px;border-radius:11px;overflow:hidden;box-shadow:0 6px 14px #0f5c3a47}.lp-nav-logo img{width:100%;height:100%;object-fit:cover;display:block}.lp-nav-name{font-weight:800;font-size:19px;letter-spacing:-.02em}.lp a.lp-nav-cta{display:inline-flex;align-items:center;gap:8px;background:#15794c;color:#fff;font-weight:700;font-size:15px;padding:11px 22px;border-radius:999px;box-shadow:0 8px 18px #15794c3d;transition:transform .15s,box-shadow .15s}.lp-nav-cta:hover{transform:translateY(-1px);box-shadow:0 12px 24px #15794c4d}.lp-hero{position:relative;background:#fff}.lp-hero-grid{max-width:1240px;margin:0 auto;padding:64px 24px 80px;display:grid;grid-template-columns:.9fr 1.45fr;gap:32px;align-items:center}.lp-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#e7f4ec;border:1px solid #CFE8D9;color:#15794c;font-weight:700;font-size:13.5px;padding:7px 14px;border-radius:999px;margin-bottom:24px}.lp-hero-h1{font-size:54px;line-height:1.06;font-weight:800;letter-spacing:-.03em;margin-bottom:22px}.lp-hero-sub{font-size:18px;font-weight:600;color:#52605a;margin-bottom:6px}.lp-hero-desc{font-size:16.5px;color:#5c6862;max-width:460px;margin-bottom:34px;line-height:1.6}.lp-hero-ctas{display:flex;flex-wrap:nowrap;gap:12px}.lp a.lp-btn-green{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;background:#15794c;color:#fff;font-weight:700;font-size:15.5px;padding:15px 22px;border-radius:999px;box-shadow:0 12px 26px #15794c47;transition:transform .15s,box-shadow .15s}.lp-btn-green:hover{transform:translateY(-1px);box-shadow:0 16px 32px #15794c52}.lp-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;background:#fff;color:#15211b;font-weight:700;font-size:15.5px;padding:15px 20px;border-radius:999px;border:1.5px solid #E2E8E4;transition:border-color .2s,color .2s}.lp-btn-outline:hover{border-color:#15794c;color:#15794c}.lp-hero-check{display:flex;align-items:center;gap:10px;margin-top:30px;color:#5c6862;font-size:14.5px;font-weight:600}.lp-hero-check-dot{display:inline-flex;width:22px;height:22px;border-radius:50%;background:#15794c;align-items:center;justify-content:center;flex-shrink:0}.lp-hero-visual{position:relative;display:flex;justify-content:center}.lp-hero-mascot{position:relative;width:100%;max-width:900px;height:auto;display:block}.lp-usefor{max-width:1180px;margin:0 auto;padding:0 24px 64px}.lp-usefor-label{text-align:center;color:#8a958f;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:18px}.lp-usefor-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.lp-usefor-pill{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid #E8ECE9;padding:11px 18px;border-radius:999px;font-weight:600;font-size:15px;box-shadow:0 3px 10px #14281e0a}.lp-proof{background:#f7f9f7;border-top:1px solid #E8ECE9;border-bottom:1px solid #E8ECE9}.lp-proof-inner{max-width:1080px;margin:0 auto;padding:32px 24px;display:flex;justify-content:center;gap:48px;flex-wrap:wrap}.lp-proof-item{display:flex;align-items:center;gap:14px}.lp-proof-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#e7f4ec;flex-shrink:0}.lp-proof-num{font-size:24px;font-weight:800;color:#15211b;letter-spacing:-.02em;line-height:1.1}.lp-proof-label{font-size:13px;font-weight:600;color:#5c6862;margin-top:1px}.lp-problem{background:#fff;padding:84px 0}.lp-problem-grid{max-width:1180px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}.lp-problem-h2{font-size:40px;font-weight:800;letter-spacing:-.025em;line-height:1.1;margin-bottom:22px}.lp-problem-badge{display:inline-block;color:#c77e12;background:#fbf1dc;font-weight:700;font-size:16px;padding:6px 14px;border-radius:10px;margin-bottom:26px}.lp-problem-list{display:flex;flex-direction:column;gap:14px;margin-bottom:30px}.lp-problem-item{display:flex;align-items:center;gap:13px;font-size:17px;font-weight:600;color:#39453f}.lp-dot-red{width:7px;height:7px;border-radius:50%;background:#d14343;flex-shrink:0}.lp-problem-callout{background:#fbf6ea;border:1px solid #EFE2C4;border-left:4px solid #E0992A;border-radius:14px;padding:20px 22px;margin-bottom:22px}.lp-problem-callout p{font-size:16.5px;font-weight:600;color:#5c6862;line-height:1.6}.lp-problem-callout strong{color:#15211b;font-weight:800}.lp-problem-sol{font-size:16.5px;color:#5c6862;max-width:470px;line-height:1.6}.lp-problem-sol strong{color:#15211b}.lp-problem-visual{display:flex;justify-content:center;align-items:center}.lp-problem-visual img{width:100%;max-width:480px;height:auto;display:block}.lp-section-title{text-align:center;font-size:40px;font-weight:800;letter-spacing:-.025em;margin-bottom:14px}.lp-section-sub{text-align:center;font-size:17px;color:#5c6862;max-width:560px;margin:0 auto 52px}.lp-section-sub-sm{text-align:center;font-size:17px;color:#5c6862}.lp-features{background:#f7f9f7;padding:88px 0}.lp-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:22px}.lp-bento-card{grid-column:span 12;background:#fff;border:1px solid #E8ECE9;border-radius:26px;padding:36px;box-shadow:0 8px 26px #14281e0d;display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}.lp-bento-saldo{grid-template-columns:1.2fr 1fr;padding:32px 36px;gap:40px}.lp-tag{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-weight:700;font-size:13px;padding:6px 13px;border-radius:999px;margin-bottom:16px}.lp-tag-green{background:#e7f4ec;color:#15794c}.lp-tag-amber{background:#fbf1dc;color:#c77e12}.lp-bento-text h3{font-size:24px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.lp-bento-text p{font-size:15.5px;color:#5c6862;margin-bottom:12px;line-height:1.6}.lp-bento-text p strong{color:#15211b}.lp-bento-img{display:flex;justify-content:center;align-items:flex-end}.lp-bento-img img{width:100%;max-width:460px;height:auto;display:block}.lp-checks{display:flex;flex-direction:column;gap:11px;margin-top:4px}.lp-checks-row{flex-direction:row;flex-wrap:wrap;gap:18px}.lp-check-item{display:flex;align-items:center;gap:11px;font-size:14.5px;font-weight:600;color:#39453f}.lp-chk{display:inline-flex;width:22px;height:22px;border-radius:50%;background:#e7f4ec;align-items:center;justify-content:center;flex-shrink:0}.lp-phone{background:#0e1f17;padding:6px;border-radius:32px;box-shadow:0 24px 48px #14281e38;position:relative}.lp-phone-notch{position:absolute;top:13px;left:50%;transform:translate(-50%);width:42px;height:5px;border-radius:3px;background:#ffffff59;z-index:2}.lp-phone img{width:100%;height:auto;display:block;border-radius:26px}.lp-phones-3{position:relative;height:480px;width:100%}.lp-phones-3 .lp-phone{position:absolute}.lp-p-left{left:50%;top:50%;transform:translate(-50%,-50%) translate(-118px) translateY(14px) rotate(-9deg) scale(.9);z-index:1;width:182px}.lp-p-center{left:50%;top:50%;transform:translate(-50%,-50%) translateY(-14px) scale(1.02);z-index:3;width:200px;padding:7px;border-radius:36px;box-shadow:0 30px 60px #14281e4d}.lp-p-center .lp-phone-notch{top:15px;width:48px;height:6px}.lp-p-center img{border-radius:29px}.lp-p-right{left:50%;top:50%;transform:translate(-50%,-50%) translate(118px) translateY(14px) rotate(9deg) scale(.9);z-index:2;width:182px}.lp-phones-2{position:relative;height:480px;width:100%}.lp-phones-2 .lp-phone{position:absolute}.lp-sb-left{left:50%;top:50%;transform:translate(-50%,-50%) translate(-92px) translateY(12px) rotate(-8deg) scale(.9);z-index:1;width:188px}.lp-sb-right{left:50%;top:50%;transform:translate(-50%,-50%) translate(78px) translateY(-12px) rotate(6deg) scale(1);z-index:3;width:200px;padding:7px;border-radius:36px;box-shadow:0 30px 60px #14281e4d}.lp-sb-right .lp-phone-notch{top:15px;width:48px;height:6px}.lp-sb-right img{border-radius:29px}.lp-bento-bars{display:flex;flex-direction:column;gap:18px}.lp-bar-group{display:flex;flex-direction:column;gap:12px}.lp-bar-row{display:flex;flex-direction:column;gap:6px}.lp-bar-label{display:flex;justify-content:space-between;white-space:nowrap;gap:8px;font-size:13.5px;font-weight:700}.lp-bar-track{height:8px;border-radius:5px;background:#edf1ee}.lp-bar-fill{height:8px;border-radius:5px}.lp-saldo-cards{display:flex;flex-direction:column;gap:12px}.lp-saldo-main{display:flex;align-items:center;justify-content:space-between;background:#f4faf6;border:1px solid #E2EEE7;border-radius:16px;padding:18px 20px}.lp-saldo-label{font-size:12.5px;color:#7a857f;font-weight:600;margin-bottom:3px}.lp-saldo-amount{font-size:24px;font-weight:800;color:#15794c}.lp-saldo-icon{display:inline-flex;width:42px;height:42px;border-radius:13px;background:#e7f4ec;align-items:center;justify-content:center}.lp-saldo-row{display:flex;gap:12px}.lp-saldo-sub{flex:1;background:#f7f9f7;border:1px solid #E8ECE9;border-radius:14px;padding:14px 16px}.lp-saldo-sub-label{font-size:12px;color:#7a857f;font-weight:600;margin-bottom:3px}.lp-saldo-sub-val{font-size:16px;font-weight:800}.lp-reminder{background:linear-gradient(160deg,#1c8a57,#0f5c3a);padding:84px 0;position:relative;overflow:hidden;color:#fff;text-align:center}.lp-reminder-deco1{position:absolute;top:-120px;right:-100px;width:420px;height:420px;border-radius:50%;background:#ffffff0f}.lp-reminder-deco2{position:absolute;bottom:-140px;left:-90px;width:360px;height:360px;border-radius:50%;background:#ffffff0d}.lp-reminder-inner{max-width:760px;margin:0 auto;padding:0 24px;position:relative}.lp-reminder-icon{width:60px;height:60px;border-radius:18px;background:#ffffff29;display:flex;align-items:center;justify-content:center;margin:0 auto 22px}.lp-reminder h2{font-size:38px;font-weight:800;letter-spacing:-.025em;margin-bottom:14px}.lp-reminder-sub{font-size:17px;color:#d6efe0;font-weight:600;margin-bottom:34px}.lp-reminder-items{display:flex;flex-direction:column;gap:14px;max-width:520px;margin:0 auto 30px}.lp-reminder-item{display:flex;align-items:center;gap:13px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:16px 22px;font-weight:700;font-size:16px}.lp-reminder-item-icon{display:inline-flex;width:30px;height:30px;border-radius:9px;background:#fcd98038;align-items:center;justify-content:center;flex-shrink:0}.lp-reminder-note{font-size:16px;color:#d6efe0;font-weight:600}.lp-how{background:#fff;padding:88px 0}.lp-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.lp-step{background:#f7f9f7;border:1px solid #E8ECE9;border-radius:22px;padding:30px 26px}.lp-step-num{width:44px;height:44px;border-radius:50%;background:#15794c;color:#fff;font-weight:800;font-size:19px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 8px 16px #15794c40}.lp-step-title{font-size:18px;font-weight:800;margin-bottom:8px}.lp-step-desc{font-size:14.5px;color:#5c6862;line-height:1.5}.lp-pricing{background:#f7f9f7;padding:88px 0}.lp-pricing-header{text-align:center;margin-bottom:48px}.lp-pricing-header .lp-tag{margin-bottom:16px}.lp-pricing-header .lp-section-title{margin-bottom:12px}.lp-security{background:#fff;padding:88px 0}.lp-sec-header{text-align:center;margin-bottom:48px}.lp-sec-header h2{font-size:40px;font-weight:800;letter-spacing:-.025em;margin-bottom:14px}.lp-sec-header p{font-size:17px;color:#5c6862;max-width:560px;margin:0 auto;line-height:1.6}.lp-sec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:880px;margin:0 auto}.lp-sec-card{background:#f7f9f7;border:1px solid #E8ECE9;border-radius:22px;padding:28px;text-align:center;transition:border-color .2s}.lp-sec-card:hover{border-color:#15794c}.lp-sec-icon{width:50px;height:50px;border-radius:14px;background:#e7f4ec;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.lp-sec-card h3{font-size:17px;font-weight:800;margin-bottom:9px}.lp-sec-card p{font-size:14.5px;color:#5c6862;line-height:1.6}.lp-cta-band{background:#f7f9f7;padding:40px 0 88px}.lp-cta-card{background:linear-gradient(150deg,#1c8a57,#0f5c3a);border-radius:30px;padding:60px 48px;text-align:center;position:relative;overflow:hidden}.lp-cta-deco{position:absolute;top:-90px;right:-60px;width:320px;height:320px;border-radius:50%;background:#ffffff12}.lp-cta-inner{position:relative}.lp-cta-pill{display:inline-flex;align-items:center;gap:8px;background:#ffffff29;color:#fff;font-weight:700;font-size:13px;padding:7px 15px;border-radius:999px;margin-bottom:20px}.lp-cta-card h2{font-size:40px;font-weight:800;color:#fff;letter-spacing:-.025em;line-height:1.12;margin-bottom:14px}.lp-cta-card p{font-size:17px;color:#d6efe0;font-weight:600;margin-bottom:32px}.lp-cta-btn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#15794c;font-weight:800;font-size:17px;padding:17px 34px;border-radius:999px;box-shadow:0 14px 30px #0000002e;transition:transform .15s,box-shadow .15s}.lp-cta-btn:hover{transform:translateY(-2px);box-shadow:0 18px 36px #00000038}.lp-faq{background:#fff;padding:20px 0 90px}.lp-faq-title{text-align:center;font-size:38px;font-weight:800;letter-spacing:-.025em;margin-bottom:44px}.lp-faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.lp-faq-item{background:#fff;border:1px solid #E8ECE9;border-radius:16px;overflow:hidden;box-shadow:0 3px 10px #14281e08;cursor:pointer;transition:border-color .2s}.lp-faq-item:hover,.lp-faq-item.open{border-color:#15794c}.lp-faq-q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;font-weight:700;font-size:16px;color:#15211b;-webkit-user-select:none;user-select:none}.lp-faq-icon{display:inline-flex;width:28px;height:28px;border-radius:50%;background:#e7f4ec;color:#15794c;align-items:center;justify-content:center;flex-shrink:0;transition:transform .2s,background .2s,color .2s}.lp-faq-icon.rotated{transform:rotate(45deg)}.lp-faq-item.open .lp-faq-icon{background:#15794c;color:#fff}.lp-faq-a{padding:0 22px 20px;font-size:15px;color:#5c6862;line-height:1.6}.lp-footer{background:#0e1f17;padding:52px 0 40px}.lp-footer-inner{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between}.lp-footer-brand{display:flex;align-items:center;gap:11px;color:#fff;font-weight:800;font-size:18px}.lp-footer-logo{width:38px;height:38px;border-radius:10px;overflow:hidden}.lp-footer-logo img{width:100%;height:100%;object-fit:cover;display:block}.lp-footer-tag{font-size:14px;color:#8fa399;font-weight:500}.lp-footer-links{display:flex;gap:20px}.lp-footer-links a{color:#8fa399;font-size:14px;transition:color .2s}.lp-footer-links a:hover{color:#e7f4ec}.lp-footer-copy{font-size:13.5px;color:#6b7c73;width:100%;text-align:center;margin-top:8px}@media (max-width:768px){.lp-hero-grid{grid-template-columns:1fr;padding:48px 20px 40px;text-align:center}.lp-hero-h1{font-size:38px}.lp-hero-desc{margin-left:auto;margin-right:auto}.lp-hero-ctas{justify-content:center;flex-wrap:wrap}.lp-hero-check{justify-content:center}.lp-hero-visual{order:-1}.lp-hero-mascot{max-width:400px}.lp-proof-inner{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px;justify-items:start;padding:24px 20px}.lp-proof-num{font-size:18px}.lp-proof-icon{width:38px;height:38px}.lp-proof-item{gap:10px}.lp-problem-grid{grid-template-columns:1fr;gap:40px}.lp-problem-visual{display:none}.lp-problem-h2{font-size:30px}.lp-bento-card{grid-template-columns:1fr;gap:24px;padding:24px}.lp-bento-saldo{grid-template-columns:1fr;padding:24px}.lp-phones-3,.lp-phones-2{height:340px}.lp-p-left{transform:translate(-50%,-50%) translate(-80px) translateY(10px) rotate(-8deg) scale(.82);width:140px}.lp-p-center{width:160px}.lp-p-right{transform:translate(-50%,-50%) translate(80px) translateY(10px) rotate(8deg) scale(.82);width:140px}.lp-sb-left{transform:translate(-50%,-50%) translate(-70px) translateY(10px) rotate(-7deg) scale(.85);width:150px}.lp-sb-right{width:170px}.lp-section-title,.lp-sec-header h2{font-size:30px}.lp-reminder h2{font-size:28px}.lp-faq-title{font-size:30px}.lp-steps{grid-template-columns:1fr 1fr}.lp-sec-grid{grid-template-columns:1fr}.lp-cta-card{padding:40px 24px;border-radius:22px}.lp-cta-card h2{font-size:28px}.lp-footer-inner{flex-direction:column;align-items:center;text-align:center}}@media (max-width:480px){.lp-hero-h1{font-size:32px}.lp-steps{grid-template-columns:1fr}.lp-usefor-pills{gap:8px}.lp-usefor-pill{font-size:13px;padding:9px 14px}.lp-phones-3,.lp-phones-2{height:280px}.lp-p-left{transform:translate(-50%,-50%) translate(-60px) translateY(8px) rotate(-7deg) scale(.78);width:120px}.lp-p-center{width:140px}.lp-p-right{transform:translate(-50%,-50%) translate(60px) translateY(8px) rotate(7deg) scale(.78);width:120px}.lp-sb-left{transform:translate(-50%,-50%) translate(-55px) translateY(8px) rotate(-6deg) scale(.8);width:130px}.lp-sb-right{width:150px}.lp-checks-row{flex-direction:column;gap:11px}}:root{--primary: #1D5E47;--teal: #2CC5A0;--teal-light: #E6F8F3;--masuk: #16A34A;--masuk-pale: #D4F7C5;--keluar: #9F1239;--keluar-pale: #FFE4E6;--bg: #F5F0E4;--card: #FDFAF3;--text: #111;--muted: #9B8E7A;--border: #111;--green-mid: #2d6a4f;--green-pale: #d8f3dc;--green-light: #40916c;--radius: 12px;--radius-sm: 8px;--radius-pill: 20px;--secondary-text: #7A6A50;--accent-yellow: #BFED47;--accent-teal: #2CC5A0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f0e4;color:#111;min-height:100vh;-webkit-font-smoothing:antialiased;font-weight:700}.up-root{--kg-mint:#2bbd8c;--kg-mint-deep:#138a66;--kg-lime:#c7f24a;--kg-lime-deep:#9bd119;--kg-rose: oklch(.62 .16 18);--kg-rose-soft: oklch(.72 .12 18);--kg-green-in: oklch(.6 .15 158);--kg-blue:#6f8cff;--kg-pink:#ff8fc0;--kg-radius:26px;--kg-blur:20px;--kg-ink:#1f3a32;--kg-ink-strong:#102a22;--kg-ink-soft:#5a7068;--kg-body-bg: radial-gradient(120% 90% at 12% 0%, #d8f7ea 0%, rgba(216,247,234,0) 55%), radial-gradient(110% 80% at 100% 8%, #fbe3ef 0%, rgba(251,227,239,0) 50%), radial-gradient(120% 100% at 50% 100%, #e6e6ff 0%, rgba(230,230,255,0) 55%), linear-gradient(165deg, #eafaf2 0%, #eef1ff 48%, #fdeef4 100%);--kg-blob-op:.22;--kg-glass: rgba(255,255,255,.46);--kg-glass-strong: rgba(255,255,255,.66);--kg-glass-line: rgba(255,255,255,.75);--kg-glass-hi: rgba(255,255,255,.7);--kg-glass-shadow: 0 14px 40px -16px rgba(31,58,50,.4);--kg-chip: rgba(255,255,255,.55);--kg-chip-hi:#ffffff;--kg-divider: rgba(31,58,50,.18);--kg-emoji-hi: rgba(255,255,255,.6);--kg-track: rgba(31,58,50,.1);display:flex;flex-direction:column;min-height:100vh;max-width:480px;margin:0 auto;position:relative;overflow:hidden;background:var(--kg-body-bg);color:var(--kg-ink);font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:400;transition:background .5s ease,color .3s ease}.up-root[data-theme=dark]{--kg-ink:#eaf6f0;--kg-ink-strong:#ffffff;--kg-ink-soft:#9bb3aa;--kg-mint-deep:#6fe6b6;--kg-body-bg: radial-gradient(120% 90% at 12% 0%, #123a30 0%, rgba(18,58,48,0) 55%), radial-gradient(110% 80% at 100% 8%, #2a1530 0%, rgba(42,21,48,0) 50%), radial-gradient(120% 100% at 50% 100%, #11203a 0%, rgba(17,32,58,0) 55%), linear-gradient(165deg, #0c211c 0%, #0e1626 48%, #1d1022 100%);--kg-blob-op:.24;--kg-glass: rgba(255,255,255,.07);--kg-glass-strong: rgba(255,255,255,.12);--kg-glass-line: rgba(255,255,255,.16);--kg-glass-hi: rgba(255,255,255,.14);--kg-glass-shadow: 0 16px 44px -16px rgba(0,0,0,.65);--kg-chip: rgba(255,255,255,.1);--kg-chip-hi: rgba(255,255,255,.2);--kg-divider: rgba(255,255,255,.16);--kg-emoji-hi: rgba(255,255,255,.18);--kg-track: rgba(255,255,255,.12)}.up-root .kg-glass{background:var(--kg-glass);backdrop-filter:blur(var(--kg-blur)) saturate(1.4);-webkit-backdrop-filter:blur(var(--kg-blur)) saturate(1.4);border:1px solid var(--kg-glass-line);box-shadow:var(--kg-glass-shadow),inset 0 1px 0 var(--kg-glass-hi)}.kg-blob{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;pointer-events:none;opacity:var(--kg-blob-op)}.kg-blob.b1{width:210px;height:210px;background:#7fe8c2;top:250px;left:-85px}.kg-blob.b2{width:200px;height:200px;background:#ffd2e4;top:200px;right:-80px}.kg-blob.b3{width:210px;height:210px;background:#cdd3ff;top:480px;left:-80px}.kg-blob.b4{width:200px;height:200px;background:#e4f78f;bottom:30px;right:-60px}.up-main{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:14px 14px 110px;position:relative;z-index:1}.kg-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.kg-head-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.kg-icon-btn{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;cursor:pointer;color:var(--kg-mint-deep);border:none;transition:transform .25s,background .25s;-webkit-tap-highlight-color:transparent}.kg-icon-btn:active{transform:scale(.92)}.kg-icon-btn svg{width:21px;height:21px}.kg-icon-btn.kg-icon-sm{width:42px;height:42px;border-radius:14px}.kg-icon-btn.kg-icon-sm svg{width:19px;height:19px}.kg-icon-btn.spin svg{animation:kg-spin .6s ease}@keyframes kg-spin{to{transform:rotate(360deg)}}.kg-brand{display:flex;align-items:center;gap:9px;min-width:0}.kg-brand-logo{width:40px;height:40px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;font-size:20px;background:linear-gradient(150deg,var(--kg-lime),var(--kg-mint));box-shadow:0 8px 18px -8px #2bbd8cb3,inset 0 1px #fff9}.kg-brand h1{font-family:Quicksand,sans-serif;font-weight:700;font-size:21px;letter-spacing:-.2px;color:var(--kg-ink-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kg-nav{position:fixed;bottom:14px;left:50%;transform:translate(-50%);width:calc(100% - 28px);max-width:452px;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:11px 16px;border-radius:28px;padding-bottom:calc(11px + env(safe-area-inset-bottom,0px))}.kg-nav .kg-side{display:flex;flex:1;justify-content:space-around}.kg-nav .kg-item{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;color:var(--kg-ink-soft);transition:color .25s;flex:1;background:none;border:none;padding:4px 0;-webkit-tap-highlight-color:transparent}.kg-nav .kg-item svg{width:22px;height:22px}.kg-nav .kg-item span{font-size:10px;font-weight:700}.kg-nav .kg-item.active{color:var(--kg-mint-deep)}.kg-fab{width:58px;height:58px;border-radius:20px;margin-top:-34px;flex-shrink:0;display:grid;place-items:center;cursor:pointer;color:#0c3a2c;border:none;background:linear-gradient(150deg,var(--kg-lime),var(--kg-mint));box-shadow:0 16px 28px -12px #2bbd8cf2,inset 0 1px #fff9;transition:transform .3s;-webkit-tap-highlight-color:transparent}.kg-fab:active{transform:scale(.9) rotate(90deg)}.kg-fab svg{width:28px;height:28px}.dash-root{padding:0}.kg-balance{position:relative;border-radius:var(--kg-radius);padding:22px 22px 20px;overflow:hidden;color:#eafff6;margin-bottom:18px;background:linear-gradient(150deg,#1f8a66eb,#125c46eb);border:1px solid rgba(255,255,255,.28);box-shadow:0 22px 44px -20px #135c46d9,inset 0 1px #ffffff40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.kg-balance.neg{background:linear-gradient(150deg,#bd404deb,#62081aeb);box-shadow:0 22px 44px -20px #781e32d9,inset 0 1px #ffffff40}.kg-glow{position:absolute;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(199,242,74,.45),transparent 70%);top:-70px;right:-40px;pointer-events:none}.kg-balance .kg-label{position:relative;z-index:1;font-size:11.5px;letter-spacing:2px;font-weight:700;opacity:.8;text-transform:uppercase}.kg-balance .kg-amount{position:relative;z-index:1;font-family:Quicksand,sans-serif;font-weight:700;font-size:clamp(28px,8vw,38px);margin-top:6px;letter-spacing:-.5px}.kg-balance .kg-row{display:flex;align-items:center;justify-content:space-between;margin-top:18px;position:relative;z-index:1}.kg-dots{display:flex;gap:7px}.kg-dots i{width:7px;height:7px;border-radius:50%;background:#fff6;display:block;transition:.3s}.kg-dots i.on{width:20px;border-radius:4px;background:var(--kg-lime)}.kg-card-no{font-size:13px;font-weight:600;letter-spacing:1.5px;opacity:.85;font-family:Quicksand,sans-serif}.kg-segment{display:flex;gap:6px;padding:6px;border-radius:20px;margin-bottom:18px}.kg-segment button{flex:1;border:none;background:transparent;cursor:pointer;padding:11px 0;border-radius:14px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:13.5px;color:var(--kg-ink-soft);transition:.28s;letter-spacing:.2px;-webkit-tap-highlight-color:transparent}.kg-segment button.active{color:#15331f;background:linear-gradient(150deg,var(--kg-lime),#aee83a);box-shadow:0 8px 18px -8px #9bd119e6,inset 0 1px #fff9}.kg-inout{display:flex;border-radius:var(--kg-radius);padding:20px 8px;margin-bottom:18px}.kg-inout .kg-cell{flex:1;display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.kg-inout .kg-divider{width:1px;background:linear-gradient(transparent,var(--kg-divider),transparent);margin:4px 0}.kg-pill-ic{width:36px;height:36px;border-radius:13px;display:grid;place-items:center}.kg-pill-ic svg{width:18px;height:18px}.kg-pill-ic.in{background:#2bbd8c2e;color:var(--kg-green-in)}.kg-pill-ic.out{background:#e684882e;color:var(--kg-rose)}.kg-inout .kg-cap{font-size:10.5px;letter-spacing:1.4px;font-weight:700;text-transform:uppercase;color:var(--kg-ink-soft)}.kg-inout .kg-val{font-family:Quicksand,sans-serif;font-weight:700;font-size:20px;white-space:nowrap}.kg-inout .kg-val.in{color:var(--kg-green-in)}.kg-inout .kg-val.out{color:var(--kg-rose)}.kg-stat-card{border-radius:var(--kg-radius);padding:20px 18px 16px;margin-bottom:22px}.kg-stat-card .kg-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.kg-stat-card .kg-head h3{font-family:Quicksand,sans-serif;font-weight:700;font-size:16px}.kg-legend{display:flex;gap:12px;font-size:11px;font-weight:600;color:var(--kg-ink-soft)}.kg-legend span{display:flex;align-items:center;gap:5px}.kg-legend i{width:8px;height:8px;border-radius:50%;display:block}.kg-legend i.out{background:var(--kg-rose)}.kg-legend i.in{background:var(--kg-mint)}.kg-chart{display:flex;align-items:flex-end;justify-content:space-between;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}.kg-chart::-webkit-scrollbar{display:none}.kg-col{flex:1;min-width:22px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;-webkit-tap-highlight-color:transparent}.kg-bars{display:flex;gap:3px;align-items:flex-end;height:78px}.kg-bars b{width:7px;border-radius:6px;display:block;transition:height .4s ease}.kg-bars b.in{background:linear-gradient(var(--kg-mint),#7fe3bd)}.kg-bars b.out{background:linear-gradient(var(--kg-rose-soft),var(--kg-rose))}.kg-col span{font-size:10.5px;font-weight:600;color:var(--kg-ink-soft)}.kg-col.kg-col-today span{color:var(--kg-mint-deep);font-weight:800}.kg-col-sel .kg-bars b{box-shadow:0 0 0 2px var(--kg-mint-deep)}.kg-tip-bar{display:flex;align-items:center;gap:8px;border-radius:16px;padding:10px 12px;margin-bottom:12px;font-size:12px}.kg-tip-lbl{font-weight:700;color:var(--kg-ink-strong);min-width:60px;font-size:11px}.kg-tip-vals{flex:1;display:flex;gap:10px;flex-wrap:wrap}.kg-tip-m{font-weight:700;color:var(--kg-green-in)}.kg-tip-k{font-weight:700;color:var(--kg-rose)}.kg-tip-empty{color:var(--kg-ink-soft);font-size:11px}.kg-tip-close{background:none;border:none;font-size:16px;color:var(--kg-ink-soft);cursor:pointer;padding:0;line-height:1;flex-shrink:0}.kg-sec-head{display:flex;align-items:center;justify-content:space-between;margin:0 4px 14px}.kg-sec-head h3{font-family:Quicksand,sans-serif;font-weight:700;font-size:17px}.kg-sec-head .kg-link{font-size:12.5px;font-weight:700;color:var(--kg-mint-deep);text-decoration:none;padding:6px 12px;border-radius:12px;background:var(--kg-chip);cursor:pointer}.kg-act{display:flex;align-items:center;gap:13px;border-radius:22px;padding:13px 15px;margin-bottom:11px;transition:transform .2s,box-shadow .2s}.kg-act:active{transform:scale(.98)}.kg-act .kg-emoji{width:44px;height:44px;border-radius:15px;display:grid;place-items:center;font-size:21px;flex-shrink:0;box-shadow:inset 0 1px 0 var(--kg-emoji-hi)}.kg-act .kg-info{flex:1;min-width:0}.kg-act .kg-info .kg-t{font-weight:700;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kg-act .kg-info .kg-m{font-size:11.5px;color:var(--kg-ink-soft);font-weight:500;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kg-act .kg-amt{font-family:Quicksand,sans-serif;font-weight:700;font-size:15px;white-space:nowrap;flex-shrink:0}.kg-act .kg-amt.masuk{color:var(--kg-green-in)}.kg-act .kg-amt.keluar{color:var(--kg-rose)}.kg-act .kg-acts{display:flex;gap:4px;margin-left:4px;flex-shrink:0}.kg-act .kg-acts button{width:30px;height:30px;border-radius:10px;border:none;background:var(--kg-chip);display:grid;place-items:center;cursor:pointer;color:var(--kg-ink-soft);transition:.2s;-webkit-tap-highlight-color:transparent}.kg-act .kg-acts button:active{background:var(--kg-chip-hi);color:var(--kg-mint-deep)}.kg-act .kg-acts button.confirm-yes{color:var(--kg-green-in)}.kg-act .kg-acts button.confirm-no{color:var(--kg-rose)}.kg-act .kg-acts svg{width:14px;height:14px}.hist-root,.hist-list{padding:0}.hist-group{margin-bottom:20px}.add-root{padding:0 0 20px}.add-header{padding:20px 16px 0}.add-title{font-size:22px;font-weight:900;color:#111}.add-toggle{display:flex;margin:14px 16px;background:#f5f0e4;border-radius:14px;border:2px solid #111;padding:4px;gap:4px}.add-toggle-btn{flex:1;padding:12px;border-radius:10px;border:2px solid transparent;font-size:14px;font-weight:700;cursor:pointer;background:none;color:#9b8e7a;transition:all .15s;-webkit-tap-highlight-color:transparent}.add-toggle-btn.active-masuk{background:#d4f7c5;color:#16a34a;border-color:#111;box-shadow:2px 2px #111;font-weight:900}.add-toggle-btn.active-keluar{background:#ffe4e6;color:#9f1239;border-color:#111;box-shadow:2px 2px #111;font-weight:900}.add-card{background:#fdfaf3;border-radius:14px;border:2px solid #111;box-shadow:3px 3px #111;margin:0 16px 16px;padding:20px}.add-field{margin-bottom:20px}.add-field:last-child{margin-bottom:0}.add-field-label{font-size:11px;font-weight:700;color:#7a6a50;letter-spacing:.8px;text-transform:uppercase;margin-bottom:10px}.add-amt-wrap{display:flex;align-items:center;gap:10px;background:#f5f0e4;border-radius:10px;border:2px solid #111;padding:14px 16px}.add-rp{font-size:18px;font-weight:900;color:#9b8e7a}.add-amt-input{flex:1;border:none;outline:none;font-size:26px;font-weight:900;background:none;color:#111}.add-amt-input::placeholder{color:#b0a898}.add-cat-scroll{display:grid;grid-auto-flow:column;grid-template-rows:repeat(3,auto);gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.add-cat-scroll::-webkit-scrollbar{display:none}.add-cat-chip{flex-shrink:0;white-space:nowrap;padding:7px 13px;border-radius:20px;border:1.5px solid #111;background:#fdfaf3;font-size:12px;font-weight:700;color:#7a6a50;cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.add-cat-chip.active{background:#bfed47;color:#111;font-weight:900;border-color:#111;box-shadow:2px 2px #111}.add-date-wrap{display:flex;align-items:center;gap:12px;background:#f5f0e4;border-radius:10px;border:2px solid #111;padding:14px 16px}.add-date-icon{font-size:18px}.add-date-input{flex:1;border:none;outline:none;font-size:15px;font-weight:700;background:none;color:#111}.add-notes-input{width:100%;padding:14px 16px;border-radius:10px;border:2px solid #111;font-size:15px;outline:none;color:#111;background:#f5f0e4;transition:box-shadow .15s;font-weight:700;-webkit-appearance:none}.add-notes-input:focus{box-shadow:3px 3px #111;background:#fdfaf3}.add-save-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:calc(100% - 32px);margin:0 16px;padding:18px;border-radius:12px;border:2px solid #111;font-size:16px;font-weight:900;cursor:pointer;color:#fff;transition:all .15s;-webkit-tap-highlight-color:transparent}.add-save-btn.masuk{background:#16a34a;box-shadow:3px 3px #111}.add-save-btn.keluar{background:#9f1239;box-shadow:3px 3px #111}.add-save-btn.disabled{background:#e2e8f0;color:#9b8e7a;box-shadow:none;border-color:#ccc;cursor:not-allowed}.add-save-btn:not(.disabled):active{box-shadow:none;transform:translate(3px,3px)}.add-save-icon{font-size:18px}.add-reset-btn{display:block;margin:10px auto 0;background:none;border:none;font-size:13px;color:var(--muted);cursor:pointer;font-weight:600}.rep-root{padding:0;position:relative}.kg-titlewrap .kg-eyebrow{font-size:10.5px;letter-spacing:2px;font-weight:700;text-transform:uppercase;color:var(--kg-mint-deep)}.kg-titlewrap h1{font-family:Quicksand,sans-serif;font-weight:700;font-size:27px;letter-spacing:-.4px;color:var(--kg-ink-strong);margin-top:3px}.kg-month-nav{display:flex;gap:6px;margin-bottom:16px}.kg-export-btn{display:flex;align-items:center;gap:6px;border:none;cursor:pointer;padding:0 15px;height:42px;border-radius:14px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:13px;color:#15331f;white-space:nowrap;background:linear-gradient(150deg,var(--kg-lime),#aee83a);box-shadow:0 8px 18px -8px #9bd119e6,inset 0 1px #fff9;transition:transform .2s;-webkit-tap-highlight-color:transparent}.kg-export-btn:active{transform:scale(.95)}.kg-export-btn svg{width:16px;height:16px}.kg-lock-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;border-radius:var(--kg-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px;text-align:center}.kg-lock-overlay .kg-lock-emoji{font-size:44px}.kg-lock-overlay .kg-lock-title{font-family:Quicksand,sans-serif;font-size:16px;font-weight:700;color:var(--kg-ink-strong)}.kg-lock-overlay .kg-lock-desc{font-size:13px;color:var(--kg-ink-soft);max-width:260px;line-height:1.6}.kg-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.kg-scard{border-radius:22px;padding:16px;position:relative;overflow:hidden}.kg-scard .kg-ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;margin-bottom:12px}.kg-scard .kg-ic svg{width:17px;height:17px}.kg-scard .kg-cap{font-size:9.5px;letter-spacing:1.3px;font-weight:700;text-transform:uppercase;color:var(--kg-ink-soft)}.kg-scard .kg-big{font-family:Quicksand,sans-serif;font-weight:700;font-size:23px;margin-top:3px;letter-spacing:-.3px;color:var(--kg-ink-strong)}.kg-scard .kg-sub{font-size:11px;font-weight:600;color:var(--kg-ink-soft);margin-top:3px}.kg-scard.in .kg-ic{background:#2bbd8c2e;color:var(--kg-green-in)}.kg-scard.in .kg-big{color:var(--kg-green-in)}.kg-scard.out .kg-ic{background:#e684882e;color:var(--kg-rose)}.kg-scard.out .kg-big{color:var(--kg-rose)}.kg-scard.net .kg-ic{background:#c7f24a66;color:var(--kg-mint-deep)}.kg-scard.net .kg-big{color:var(--kg-green-in)}.kg-scard.net.neg .kg-big{color:var(--kg-rose)}.kg-scard.save .kg-ic{background:#6f8cff33;color:var(--kg-blue)}.kg-mini3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:18px}.kg-mini{border-radius:18px;padding:13px 8px;text-align:center}.kg-mini .kg-v{font-family:Quicksand,sans-serif;font-weight:700;font-size:17px;color:var(--kg-ink-strong)}.kg-mini .kg-l{font-size:8.5px;letter-spacing:1px;font-weight:700;text-transform:uppercase;color:var(--kg-ink-soft);margin-top:3px}.kg-card{border-radius:var(--kg-radius);padding:20px 18px;margin-bottom:16px}.kg-card .kg-chead{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:10px}.kg-card .kg-chead .kg-left{display:flex;align-items:center;gap:9px}.kg-card .kg-chead .kg-emoji{font-size:18px}.kg-card .kg-chead h3{font-family:Quicksand,sans-serif;font-weight:700;font-size:16px;color:var(--kg-ink-strong)}.kg-card .kg-chead .kg-total{font-size:12.5px;font-weight:700;white-space:nowrap}.kg-total.out{color:var(--kg-rose)}.kg-total.in{color:var(--kg-green-in)}.kg-donut-row{display:flex;align-items:center;gap:18px;margin-bottom:18px}.kg-donut-svg{width:130px;height:130px;flex-shrink:0}.kg-dlegend{flex:1;display:flex;flex-direction:column;gap:11px;min-width:0}.kg-dlegend .kg-li{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:600}.kg-dlegend .kg-li i{width:10px;height:10px;border-radius:4px;flex-shrink:0;display:block}.kg-dlegend .kg-li .kg-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kg-dlegend .kg-li .kg-pp{font-family:Quicksand,sans-serif;font-weight:700;color:var(--kg-ink-soft);flex-shrink:0}.kg-divider-line{height:1px;background:var(--kg-divider);margin:4px 0 16px}.kg-sub-eyebrow{font-size:9.5px;letter-spacing:1.4px;font-weight:700;text-transform:uppercase;color:var(--kg-ink-soft);margin-bottom:14px}.kg-cat{display:flex;align-items:center;gap:12px;margin-bottom:15px}.kg-cat:last-child{margin-bottom:2px}.kg-cat .kg-cic{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:18px;flex-shrink:0;box-shadow:inset 0 1px 0 var(--kg-emoji-hi)}.kg-cat .kg-cbody{flex:1;min-width:0}.kg-cat .kg-crow{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;gap:8px}.kg-cat .kg-crow .kg-cn{font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--kg-ink)}.kg-cat .kg-crow .kg-ca{font-family:Quicksand,sans-serif;font-weight:700;font-size:13px;color:var(--kg-ink-strong);white-space:nowrap;flex-shrink:0}.kg-cat .kg-crow .kg-ca.in{color:var(--kg-green-in)}.kg-cat .kg-bar{height:7px;border-radius:5px;background:var(--kg-track);overflow:hidden}.kg-cat .kg-bar span{display:block;height:100%;border-radius:5px}.kg-cat .kg-pp{font-size:10.5px;font-weight:700;color:var(--kg-ink-soft);margin-top:5px;text-align:right}.kg-netbanner{border-radius:22px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;color:#eafff6;margin-bottom:6px;background:linear-gradient(150deg,#1f8a66f2,#125c46f2);border:1px solid rgba(255,255,255,.25);box-shadow:0 18px 38px -18px #135c46cc,inset 0 1px #ffffff38}.kg-netbanner.neg{background:linear-gradient(150deg,#bd404df2,#62081af2);box-shadow:0 18px 38px -18px #781e32cc,inset 0 1px #ffffff38}.kg-netbanner .kg-nl{font-family:Quicksand,sans-serif;font-weight:600;font-size:14px;opacity:.9}.kg-netbanner .kg-nv{font-family:Quicksand,sans-serif;font-weight:700;font-size:22px;color:var(--kg-lime)}.kg-netbanner.neg .kg-nv{color:#ffd9d9}.prof-root{padding:0}.kg-profile-card{text-align:center;padding-top:28px;padding-bottom:24px}.kg-profile-avatar{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-family:Quicksand,sans-serif;font-weight:700;font-size:30px;color:#0c3a2c;background:linear-gradient(150deg,var(--kg-lime),var(--kg-mint));box-shadow:0 14px 28px -14px #2bbd8cd9,inset 0 1px #fff9}.kg-profile-name{font-family:Quicksand,sans-serif;font-weight:700;font-size:19px;color:var(--kg-ink-strong);margin-bottom:4px}.kg-profile-phone{font-size:12.5px;color:var(--kg-ink-soft);font-weight:600}.kg-mini .kg-v.in{color:var(--kg-green-in)}.kg-mini .kg-v.out{color:var(--kg-rose)}.kg-netbanner.kg-netbanner-col{flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:16px}.kg-netbanner .kg-ns{font-size:11px;font-weight:600;opacity:.85}.kg-info-row{display:flex;align-items:center;gap:13px;padding:12px 0;border-bottom:1px solid var(--kg-divider)}.kg-info-row:first-child{padding-top:0}.kg-info-row:last-child{padding-bottom:0;border-bottom:none}.kg-info-ic{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;background:var(--kg-chip);color:var(--kg-mint-deep);box-shadow:inset 0 1px 0 var(--kg-emoji-hi)}.kg-info-label{font-size:10.5px;letter-spacing:1px;font-weight:700;text-transform:uppercase;color:var(--kg-ink-soft);margin-bottom:2px}.kg-info-value{font-size:14px;font-weight:700;color:var(--kg-ink-strong)}.kg-tips-body{font-size:13px;line-height:1.8;color:var(--kg-ink-soft)}.kg-tips-body b{color:var(--kg-ink-strong);font-weight:700}.empty-st{text-align:center;padding:32px 20px}.empty-msg{font-size:14px;color:var(--kg-ink, #7A6A50);font-weight:700;margin-bottom:6px}.empty-sub{font-size:12px;color:var(--kg-ink-soft, #9B8E7A)}.kg-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0a1a1473;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:flex-end;justify-content:center;animation:fadeBg .22s ease}.kg-sheet{width:100%;max-width:480px;border-radius:var(--kg-radius) var(--kg-radius) 0 0;padding:14px 20px 36px;max-height:90vh;overflow-y:auto;animation:slideUp .36s cubic-bezier(.32,.72,0,1)}.kg-sheet-handle{width:40px;height:4px;background:var(--kg-divider);border-radius:99px;margin:0 auto 16px}.kg-sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;gap:10px}.kg-sheet-title{font-family:Quicksand,sans-serif;font-weight:700;font-size:18px;color:var(--kg-ink-strong)}.kg-sheet-sub{font-size:11px;color:var(--kg-ink-soft);font-weight:600;margin-top:2px}.kg-field-label{font-size:10.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--kg-ink-soft);margin-bottom:10px}.kg-amount-wrap{display:flex;align-items:center;gap:10px;border-radius:18px;padding:16px 18px;margin-bottom:18px}.kg-amount-wrap .kg-rp{font-family:Quicksand,sans-serif;font-size:19px;font-weight:700;color:var(--kg-ink-soft)}.kg-amount-input{flex:1;min-width:0;border:none;outline:none;background:none;font-family:Quicksand,sans-serif;font-size:30px;font-weight:700;color:var(--kg-ink-strong)}.kg-amount-input::placeholder{color:var(--kg-ink-soft);opacity:.5}.kg-input-wrap{display:flex;align-items:center;gap:10px;border-radius:14px;padding:13px 16px;margin-bottom:14px}.kg-input-wrap svg{flex-shrink:0;color:var(--kg-ink-soft)}.kg-input,.kg-input-wrap input{flex:1;min-width:0;border:none;outline:none;background:none;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:700;color:var(--kg-ink-strong)}.kg-input::placeholder,.kg-input-wrap input::placeholder{color:var(--kg-ink-soft)}.kg-toggle{display:flex;gap:6px;padding:6px;border-radius:18px;margin-bottom:18px}.kg-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;border:none;background:transparent;cursor:pointer;padding:11px 0;border-radius:13px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:13px;color:var(--kg-ink-soft);transition:.25s;-webkit-tap-highlight-color:transparent}.kg-toggle-btn.active.in{color:#0c3a2c;background:linear-gradient(150deg,var(--kg-mint),#7fe3bd);box-shadow:0 8px 18px -8px #2bbd8cbf,inset 0 1px #fff9}.kg-toggle-btn.active.out{color:#fff5f5;background:linear-gradient(150deg,var(--kg-rose),var(--kg-rose-soft));box-shadow:0 8px 18px -8px #d556618c,inset 0 1px #ffffff59}.kg-chip-cat{flex-shrink:0;white-space:nowrap;padding:8px 14px;border-radius:20px;border:1px solid var(--kg-glass-line);background:var(--kg-chip);font-size:12px;font-weight:700;color:var(--kg-ink-soft);cursor:pointer;transition:all .15s;-webkit-tap-highlight-color:transparent}.kg-chip-cat.active{font-weight:800;box-shadow:0 6px 14px -6px #1f3a3259}.kg-btn-primary{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;border:none;border-radius:16px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:15px;cursor:pointer;transition:transform .2s;-webkit-tap-highlight-color:transparent;color:#0c3a2c;text-decoration:none;box-sizing:border-box;background:linear-gradient(150deg,var(--kg-lime),var(--kg-mint));box-shadow:0 14px 28px -14px #2bbd8cd9,inset 0 1px #fff9}.kg-btn-primary:active{transform:scale(.97)}.kg-btn-primary.in{background:linear-gradient(150deg,var(--kg-mint),#7fe3bd)}.kg-btn-primary.out{color:#fff5f5;background:linear-gradient(150deg,var(--kg-rose),var(--kg-rose-soft));box-shadow:0 14px 28px -14px #d5566199,inset 0 1px #ffffff59}.kg-btn-primary.disabled,.kg-btn-primary:disabled{background:var(--kg-track);color:var(--kg-ink-soft);box-shadow:none;cursor:not-allowed}.kg-btn-secondary{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:16px;border:none;border-radius:16px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:15px;cursor:pointer;color:var(--kg-ink-soft);background:var(--kg-chip);transition:.2s;-webkit-tap-highlight-color:transparent}.kg-btn-secondary:active{background:var(--kg-chip-hi)}.kg-btn-row{display:flex;gap:10px;margin-top:6px}.kg-btn-row .kg-btn-primary{flex:2}.kg-more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kg-more-tile{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 8px;border-radius:18px;cursor:pointer;transition:transform .2s;color:var(--kg-ink-soft);-webkit-tap-highlight-color:transparent;border:1px solid transparent}.kg-more-tile:active{transform:scale(.96)}.kg-more-tile span{font-size:12px;font-weight:700;text-align:center}.kg-more-ic{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;box-shadow:inset 0 1px 0 var(--kg-emoji-hi)}.kg-more-tile.active{color:var(--kg-ink-strong);border-color:var(--kg-glass-line)}.kg-modal-center{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#0a1a1473;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeBg .22s ease}.kg-modal-card{width:100%;max-width:320px;border-radius:var(--kg-radius);padding:26px 22px 22px;position:relative;text-align:center;max-height:88vh;overflow-y:auto;animation:kg-pop .25s cubic-bezier(.34,1.56,.64,1)}@keyframes kg-pop{0%{transform:scale(.88);opacity:0}to{transform:scale(1);opacity:1}}.kg-modal-close{position:absolute;top:14px;right:14px}.kg-modal-emoji{font-size:40px;margin-bottom:8px}.kg-modal-title{font-family:Quicksand,sans-serif;font-weight:700;font-size:19px;color:var(--kg-ink-strong);margin-bottom:8px}.kg-modal-msg{font-size:13px;color:var(--kg-ink-soft);line-height:1.6;font-weight:600;margin-bottom:20px}.kg-modal-msg strong{color:var(--kg-ink-strong)}.kg-export-years{display:flex;gap:8px;margin-bottom:16px}.kg-year-btn{flex:1;padding:12px;border-radius:14px;border:1px solid var(--kg-glass-line);background:var(--kg-chip);font-family:Quicksand,sans-serif;font-weight:700;font-size:15px;color:var(--kg-ink-soft);cursor:pointer;transition:.2s;-webkit-tap-highlight-color:transparent}.kg-year-btn.active{color:#0c3a2c;background:linear-gradient(150deg,var(--kg-lime),#aee83a);box-shadow:0 8px 18px -8px #c7f24a99}.kg-month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.kg-month-btn{padding:10px 0;border-radius:12px;border:1px solid var(--kg-glass-line);background:var(--kg-chip);font-size:12px;font-weight:700;color:var(--kg-ink-soft);cursor:pointer;transition:.2s;-webkit-tap-highlight-color:transparent}.kg-month-btn.active{color:#0c3a2c;background:linear-gradient(150deg,var(--kg-mint),#7fe3bd);box-shadow:0 8px 18px -8px #2bbd8c99}.kg-export-preview{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:14px;font-size:12.5px;font-weight:700;color:var(--kg-ink-soft);margin-bottom:4px}.kg-export-preview svg{flex-shrink:0;color:var(--kg-mint-deep)}.kg-export-preview span:last-child{word-break:break-all}.up-loading{min-height:100vh;background:#f5f0e4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#7a6a50;font-size:14px;font-weight:700}.up-spinner{width:36px;height:36px;border:3.5px solid #E8E0D0;border-top-color:#2cc5a0;border-radius:50%;animation:spin .75s linear infinite}.up-notfound{min-height:100vh;background:#f5f0e4;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.up-nf-emoji{font-size:64px;margin-bottom:16px}.up-nf-txt{font-size:16px;font-weight:900;color:#111}.up-nf-sub{font-size:13px;color:#9b8e7a;margin-top:8px;font-weight:700}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeBg{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}.sav-root{padding:0}.kg-btn-add{display:flex;align-items:center;gap:6px;flex-shrink:0;white-space:nowrap;border:none;border-radius:14px;padding:11px 16px;cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:13px;color:#0c3a2c;background:linear-gradient(150deg,var(--kg-lime),var(--kg-mint));box-shadow:0 10px 22px -10px #2bbd8cd9,inset 0 1px #fff9;transition:transform .2s;-webkit-tap-highlight-color:transparent}.kg-btn-add:active{transform:scale(.95)}.kg-btn-add.out{color:#fff5f5;background:linear-gradient(150deg,var(--kg-rose),var(--kg-rose-soft));box-shadow:0 10px 22px -10px #d5566199,inset 0 1px #ffffff59}.kg-goal-card{border-radius:var(--kg-radius);padding:18px;margin-bottom:14px}.kg-goal-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.kg-goal-left{display:flex;align-items:center;gap:12px;min-width:0}.kg-goal-ic{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;font-size:22px;flex-shrink:0;background:#6f8cff2e;box-shadow:inset 0 1px 0 var(--kg-emoji-hi)}.kg-goal-name{font-weight:700;font-size:15px;color:var(--kg-ink-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kg-goal-status{font-size:12px;font-weight:600;color:var(--kg-ink-soft);margin-top:2px}.kg-goal-status.done{color:var(--kg-green-in);font-weight:700}.kg-goal-status.urgent{color:var(--kg-rose)}.kg-goal-actions{display:flex;gap:6px;flex-shrink:0}.kg-goal-progress-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}.kg-goal-cur{font-family:Quicksand,sans-serif;font-weight:700;font-size:14px;color:var(--kg-ink-strong)}.kg-goal-target{font-size:12px;font-weight:600;color:var(--kg-ink-soft);white-space:nowrap}.kg-goal-bar{height:9px;border-radius:6px;background:var(--kg-track);overflow:hidden;margin-bottom:6px}.kg-goal-bar span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--kg-mint),#7fe3bd);transition:width .5s ease}.kg-goal-pct{font-size:11px;font-weight:700;color:var(--kg-ink-soft);margin-bottom:12px;text-align:right}.kg-goal-pct.done{color:var(--kg-green-in)}.kg-icon-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.kg-icon-pick{width:42px;height:42px;border-radius:13px;border:1px solid var(--kg-glass-line);background:var(--kg-chip);font-size:20px;cursor:pointer;transition:.2s;display:grid;place-items:center;-webkit-tap-highlight-color:transparent}.kg-icon-pick.active{background:linear-gradient(150deg,var(--kg-mint),#7fe3bd);box-shadow:0 8px 18px -8px #2bbd8c99}.kg-field-err{font-size:12px;font-weight:700;color:var(--kg-rose);margin:-6px 0 12px}.kg-sheet-note{font-size:13px;font-weight:600;color:var(--kg-ink-soft);margin:-6px 0 16px}.kg-sheet-note strong{color:var(--kg-ink-strong);font-weight:700}.debt-root{padding:0}.kg-seg-badge{margin-left:6px;font-size:10px;font-weight:800;padding:1px 6px;border-radius:8px;background:var(--kg-chip-hi);color:var(--kg-ink-soft)}.kg-segment button.active .kg-seg-badge{background:#00000026;color:#15331f}.kg-fchip-row{display:flex;gap:8px;margin-bottom:18px}.kg-fchip{padding:7px 14px;border-radius:14px;border:1px solid var(--kg-glass-line);background:var(--kg-chip);font-size:12px;font-weight:700;color:var(--kg-ink-soft);cursor:pointer;transition:.2s;-webkit-tap-highlight-color:transparent}.kg-fchip.active{color:#0c3a2c;background:linear-gradient(150deg,var(--kg-mint),#7fe3bd);box-shadow:0 8px 18px -8px #2bbd8c99}.kg-debt-card{padding:16px 18px}.kg-debt-card.lunas{opacity:.65}.kg-debt-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.kg-debt-left{display:flex;align-items:center;gap:11px;min-width:0}.kg-debt-ic{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;font-size:19px;flex-shrink:0;box-shadow:inset 0 1px 0 var(--kg-emoji-hi)}.kg-debt-ic.out{background:#e684882e}.kg-debt-ic.in{background:#2bbd8c2e}.kg-debt-name{font-weight:700;font-size:14.5px;color:var(--kg-ink-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kg-debt-role{font-size:11.5px;color:var(--kg-ink-soft);font-weight:600;margin-top:1px}.kg-debt-actions{display:flex;gap:6px;flex-shrink:0}.kg-debt-amt{font-family:Quicksand,sans-serif;font-weight:700;font-size:19px;margin-bottom:4px}.kg-debt-amt.out{color:var(--kg-rose)}.kg-debt-amt.in{color:var(--kg-green-in)}.kg-debt-desc{font-size:12px;color:var(--kg-ink-soft);font-weight:600;margin-bottom:8px}.kg-debt-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:6px}.kg-debt-badge{font-size:11px;font-weight:700;padding:4px 10px;border-radius:10px;background:var(--kg-chip);color:var(--kg-ink-soft)}.kg-debt-badge.done{background:#2bbd8c2e;color:var(--kg-green-in)}.kg-debt-badge.urgent{background:#e684882e;color:var(--kg-rose)}.kg-btn-mini{width:auto;padding:9px 16px;font-size:12.5px;flex-shrink:0}.sb-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.sb-spin{animation:kg-spin 1s linear infinite;color:var(--kg-mint-deep)}.up-main.sb-main{padding-left:18px;padding-right:18px}.kg-input-wrap input.sb-name-input{font-size:16px}.sb-header-card{border-radius:var(--kg-radius);padding:24px 22px 22px;margin-bottom:22px;text-align:center;position:relative}.sb-header-icon{width:52px;height:52px;border-radius:17px;margin:0 auto 12px;display:grid;place-items:center;font-size:25px;background:linear-gradient(150deg,var(--kg-lime),var(--kg-mint));box-shadow:0 12px 24px -10px #2bbd8ccc,inset 0 1px #fff9}.sb-header-title{font-family:Quicksand,sans-serif;font-weight:700;font-size:24px;color:var(--kg-ink-strong);letter-spacing:-.4px}.sb-header-sub{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--kg-mint-deep);margin-top:5px}.sb-edit-badge{position:absolute;top:16px;right:16px;display:flex;align-items:center;gap:5px;font-size:10.5px;font-weight:800;padding:6px 11px;border-radius:12px;background:linear-gradient(150deg,var(--kg-lime),var(--kg-mint));color:#0c3a2c}.sb-copy-btn{display:inline-flex;align-items:center;gap:8px;margin-top:18px;border:none;cursor:pointer;padding:11px 20px;border-radius:16px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:13.5px;color:var(--kg-mint-deep);background:var(--kg-chip-hi);box-shadow:0 8px 18px -10px #1f3a3266,inset 0 1px #fff9;transition:transform .2s,background .25s;-webkit-tap-highlight-color:transparent}.sb-copy-btn:active{transform:scale(.95)}.sb-copy-btn.done{color:#15331f;background:linear-gradient(150deg,var(--kg-lime),#aee83a)}.sb-tax-segment{margin-bottom:18px}.sb-sec-head-mt{margin-top:24px}.sb-item-row{display:flex;align-items:center;gap:13px;border-radius:22px;padding:14px 16px;margin-bottom:11px;transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer;-webkit-tap-highlight-color:transparent}.sb-item-row:active{transform:scale(.985)}.up-root .sb-item-row.sb-checked{border-color:var(--kg-mint);box-shadow:var(--kg-glass-shadow),inset 0 1px 0 var(--kg-glass-hi),0 0 0 3px #2bbd8c24}.sb-item-row.sb-tax-row{opacity:.85;cursor:default}.sb-item-row.sb-tax-row:active{transform:none}.sb-checkbox{width:30px;height:30px;border-radius:50%;flex-shrink:0;border:1.5px solid var(--kg-glass-line);background:var(--kg-chip);display:grid;place-items:center;color:#fff;transition:.2s}.sb-checkbox.checked{background:linear-gradient(150deg,var(--kg-mint),var(--kg-mint-deep));border-color:transparent;box-shadow:0 6px 14px -6px #2bbd8ce6}.sb-item-info{flex:1;min-width:0}.sb-item-name{font-weight:700;font-size:14.5px;color:var(--kg-ink-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sb-item-sub{font-size:11px;color:var(--kg-ink-soft);font-weight:600;margin-top:2px}.sb-item-price{font-family:Quicksand,sans-serif;font-weight:700;font-size:14.5px;color:var(--kg-ink-strong);white-space:nowrap;flex-shrink:0}.sb-avatar-stack{display:flex;margin-top:6px}.sb-avatar{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;flex-shrink:0;border:2px solid var(--kg-glass-strong);margin-left:-7px;box-shadow:inset 0 1px #fff6}.sb-avatar:first-child{margin-left:0}.sb-avatar.sb-avatar-more{background:var(--kg-track);color:var(--kg-ink-soft)}.sb-avatar.sb-avatar-sm{width:20px;height:20px;font-size:9.5px;border:none;margin-left:0}.sb-avatar.sb-avatar-lg{width:34px;height:34px;font-size:13px;border:none;margin-left:0;flex-shrink:0}.sb-item-acts{display:flex;gap:4px;flex-shrink:0}.sb-item-edit{display:flex;align-items:center;gap:8px;width:100%}.sb-edit-input{flex:1;min-width:0;border:1px solid var(--kg-glass-line);background:var(--kg-chip);border-radius:12px;padding:10px 12px;font-family:Plus Jakarta Sans,sans-serif;font-weight:700;font-size:13px;color:var(--kg-ink-strong);outline:none}.sb-edit-input.sb-edit-price{flex:0 0 100px}.sb-add-item-btn{margin-bottom:18px}.sb-participants{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}.sb-participant-chip{display:flex;align-items:center;gap:8px;padding:7px 14px 7px 7px;border-radius:30px;font-size:12.5px;font-weight:700;color:var(--kg-ink-strong)}.up-root .sb-participant-chip.me{border-color:var(--kg-mint)}.sb-total-card{position:relative;border-radius:var(--kg-radius);padding:24px 22px 20px;margin-bottom:24px;overflow:hidden;text-align:center;color:#eafff6;background:linear-gradient(150deg,#1f8a66f0,#125c46f0);border:1px solid rgba(255,255,255,.25);box-shadow:0 22px 44px -20px #135c46d9,inset 0 1px #ffffff38}.sb-total-label{position:relative;z-index:1;font-size:10.5px;font-weight:700;letter-spacing:2px;text-transform:uppercase;opacity:.85}.sb-total-amount{position:relative;z-index:1;font-family:Quicksand,sans-serif;font-weight:700;font-size:42px;color:var(--kg-lime);margin-top:6px;letter-spacing:-1px;line-height:1}.sb-total-breakdown{position:relative;z-index:1;margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;gap:8px}.sb-total-row{display:flex;align-items:center;justify-content:space-between;font-size:12.5px}.sb-total-row span:first-child{opacity:.85;font-weight:600}.sb-total-row span:last-child{font-family:Quicksand,sans-serif;font-weight:700;font-size:14px}.sb-total-note{position:relative;z-index:1;margin-top:14px;font-size:11.5px;font-weight:600;line-height:1.6;opacity:.85}.sb-paybar{position:fixed;bottom:14px;left:50%;transform:translate(-50%);width:calc(100% - 36px);max-width:444px;z-index:100;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:26px}.sb-pay-info{flex:1;min-width:0}.sb-pay-label{font-size:9.5px;letter-spacing:1.3px;font-weight:700;text-transform:uppercase;color:var(--kg-ink-soft)}.sb-pay-amount{font-family:Quicksand,sans-serif;font-weight:700;font-size:22px;color:var(--kg-green-in);margin-top:1px}.kp-root{min-height:100vh;background:#f2f7f5;padding:32px 16px 60px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a1a2e}.kp-container{max-width:720px;margin:0 auto}.kp-header{text-align:center;margin-bottom:40px}.kp-brand{display:inline-flex;align-items:center;gap:8px;background:#1d5e47;color:#fff;padding:8px 18px;border-radius:20px;font-size:14px;font-weight:700;margin-bottom:20px}.kp-brand-icon{font-size:18px}.kp-brand-name{font-size:14px}.kp-title{font-size:clamp(22px,5vw,30px);font-weight:900;color:#1d5e47;margin-bottom:8px;line-height:1.2}.kp-updated{font-size:13px;color:#94a3b8}.kp-body{display:flex;flex-direction:column;gap:16px}.kp-section{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 12px #0000000d}.kp-section-header{display:flex;align-items:center;gap:14px;padding:18px 24px 0}.kp-section-num{width:32px;height:32px;border-radius:50%;background:#ebf8f4;color:#1d5e47;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0}.kp-section-title{font-size:16px;font-weight:800;color:#1a1a2e}.kp-section-body{padding:14px 24px 20px;display:flex;flex-direction:column;gap:10px}.kp-section-body p{font-size:14px;line-height:1.7;color:#374151}.kp-section-body ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px}.kp-section-body li{font-size:14px;line-height:1.6;color:#374151}.kp-list-no li{color:#e53e3e}.kp-list-no li::marker{content:"✗ "}.kp-note{font-size:13px!important;color:#6b7280!important;font-style:italic}.kp-highlight{display:flex;align-items:flex-start;gap:10px;background:#ebf8f4;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.6;color:#1d5e47;border:1px solid #2CC5A040}.kp-highlight-icon{font-size:18px;flex-shrink:0;margin-top:1px}.kp-contact{background:#fff;border-radius:20px;padding:20px 24px;box-shadow:0 2px 12px #0000000d;border-top:3px solid #2CC5A0}.kp-contact-title{font-size:16px;font-weight:800;color:#1a1a2e;margin-bottom:14px}.kp-contact-body{display:flex;flex-direction:column;gap:12px}.kp-contact-item{display:flex;align-items:center;gap:14px;padding:12px 16px;background:#f2f7f5;border-radius:14px;text-decoration:none;color:inherit;transition:background .15s}.kp-contact-item:hover{background:#ebf8f4}.kp-contact-icon{font-size:22px;flex-shrink:0}.kp-contact-label{font-size:11px;font-weight:700;color:#94a3b8;letter-spacing:.5px;margin-bottom:2px}.kp-contact-value{font-size:14px;font-weight:600;color:#1d5e47}.kp-footer{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:40px;font-size:13px;color:#94a3b8;font-weight:600}.adm-layout{display:flex;min-height:100vh;background:#ede8d9;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.adm-sidebar{width:220px;min-height:100vh;background:#fff;border-right:2px solid #111;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}.adm-brand{display:flex;align-items:center;gap:10px;padding:20px 16px 18px;border-bottom:2px solid #111}.adm-brand-icon{width:34px;height:34px;border:2px solid #111;background:#bfed47;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.adm-brand-name{font-size:14px;font-weight:900;color:#111;line-height:1.2}.adm-brand-sub{font-size:10px;font-weight:600;color:#7a6a50}.adm-nav{padding:12px 10px;flex:1}.adm-nav-item{display:flex;align-items:center;gap:9px;padding:9px 11px;border:2px solid transparent;font-size:13px;font-weight:600;color:#7a7a7a;cursor:pointer;margin-bottom:3px;transition:all .1s}.adm-nav-active{background:#bfed47!important;color:#111!important;border:2px solid #111!important;font-weight:800}.adm-nav-disabled{cursor:default;opacity:.4}.adm-nav-item:not(.adm-nav-disabled):not(.adm-nav-active):hover{background:#f5f0e4;color:#111;border-color:#ccc}.adm-sidebar-footer{padding:14px;border-top:2px solid #111}.adm-footer-user{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:8px 10px;border:2px solid #111;background:#fdfaf3}.adm-footer-avatar{width:32px;height:32px;border:2px solid #111;background:#bfed47;color:#111;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;flex-shrink:0}.adm-footer-name{font-size:12px;font-weight:800;color:#111}.adm-footer-role{font-size:9px;font-weight:700;color:#7a6a50;letter-spacing:.5px;text-transform:uppercase}.adm-sidebar-logout{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px;border:2px solid #111;background:#fff0f0;color:#c00;font-size:12px;font-weight:800;cursor:pointer;transition:all .1s}.adm-sidebar-logout:hover{background:#fdd;box-shadow:2px 2px #111}.adm-main{flex:1;min-width:0;overflow-y:auto}.adm-topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 0;margin-bottom:20px;gap:14px}.adm-page-title{font-size:24px;font-weight:900;color:#111;letter-spacing:-.5px}.adm-topbar-right{display:flex;align-items:center;gap:8px}.adm-search-box{display:flex;align-items:center;gap:8px;background:#fff;border:2px solid #111;padding:7px 12px;width:220px}.adm-search-input{border:none;outline:none;font-size:13px;color:#111;background:none;width:100%}.adm-search-input::placeholder{color:#b0a898}.adm-topbar-icon-btn{width:36px;height:36px;border:2px solid #111;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s}.adm-topbar-icon-btn:hover{background:#bfed47;box-shadow:2px 2px #111}.adm-refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border:2px solid #111;background:#bfed47;color:#111;font-size:13px;font-weight:900;letter-spacing:.3px;cursor:pointer;transition:all .1s}.adm-refresh-btn:hover{box-shadow:3px 3px #111;transform:translate(-1px,-1px)}.adm-refresh-btn:active{box-shadow:none;transform:translate(0)}.adm-content{padding:0 24px 40px}.adm-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.adm-stat-card{background:#fff;border:2px solid #111;box-shadow:3px 3px #111;padding:18px}.adm-stat-icon-wrap{width:44px;height:44px;border:2px solid #111;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.adm-stat-value{font-size:28px;font-weight:900;color:#111;margin-bottom:3px}.adm-stat-label{font-size:12px;font-weight:600;color:#7a6a50}.adm-section{background:#fff;border:2px solid #111;box-shadow:4px 4px #111;overflow:hidden}.adm-section-hd{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 14px;border-bottom:2px solid #111}.adm-section-title{font-size:15px;font-weight:900;color:#111}.adm-section-count{font-size:11px;color:#111;font-weight:700;border:1.5px solid #111;padding:2px 10px;background:#fdfaf3}.adm-table-wrap{overflow-x:auto}.adm-table{width:100%;border-collapse:collapse}.adm-table th{text-align:left;padding:10px 16px;font-size:10px;font-weight:800;color:#7a6a50;letter-spacing:.8px;text-transform:uppercase;border-bottom:2px solid #111;background:#fdfaf3}.adm-table td{padding:12px 16px;font-size:13px;color:#111;border-bottom:1px solid #E8E0D0}.adm-table tr:last-child td{border-bottom:none}.adm-table tbody tr:hover td{background:#f9f6ee}.adm-user-cell{display:flex;align-items:center;gap:8px}.adm-avatar{width:30px;height:30px;border:2px solid #111;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;flex-shrink:0}.adm-user-name{font-weight:700;color:#111}.adm-phone{font-family:SF Mono,Fira Code,monospace;font-size:12px;color:#5a5a5a}.adm-tx-count{font-weight:700;color:#555}.adm-empty{text-align:center;padding:40px;color:#9b8e7a}.adm-badge{display:inline-block;padding:3px 8px;border:1.5px solid #111;font-size:10px;font-weight:800;white-space:nowrap;text-transform:uppercase;letter-spacing:.3px}.adm-badge-active{background:#d4f7c5;color:#1a5e00;border-color:#1a5e00}.adm-badge-pending{background:#fef3c7;color:#7a4500;border-color:#7a4500}.adm-badge-warn{background:#ffe4e6;color:#9f1239;border-color:#9f1239}.adm-partner-badge{border:1.5px solid #5B21B6;background:#ede9fe;color:#5b21b6;font-size:10px;font-weight:800;padding:2px 7px;white-space:nowrap}.adm-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:999;display:flex;align-items:center;justify-content:center;padding:16px}.adm-modal{background:#fff;border:2px solid #111;box-shadow:5px 5px #111;width:100%;max-width:440px;overflow:hidden}.adm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 14px;border-bottom:2px solid #111}.adm-modal-header h3{font-size:15px;font-weight:900;margin:0}.adm-modal-close{background:none;border:none;font-size:18px;cursor:pointer;color:#555;padding:4px}.adm-modal-body{padding:18px 20px 20px}.adm-modal-sub{font-size:13px;color:#7a6a50;margin-bottom:14px}.adm-modal-list{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.adm-modal-item{display:flex;align-items:center;gap:8px;padding:9px 12px;background:#fdfaf3;border:1.5px solid #E8E0D0;flex-wrap:wrap}.adm-modal-item-self{background:#ede9fe;border-color:#5b21b6}.adm-modal-phone{font-family:monospace;font-size:13px;font-weight:700;flex:1;color:#111}.adm-modal-name{font-size:12px;color:#7a6a50}.adm-modal-you{font-size:10px;color:#5b21b6;font-weight:800}.adm-modal-groupid{font-size:11px;color:#9b8e7a;margin:0}.adm-modal-groupid code{background:#f5f0e4;padding:2px 6px;font-size:10px;word-break:break-all}.adm-link{display:inline-flex;align-items:center;gap:4px;color:#111;text-decoration:none;font-weight:800;font-size:13px;border-bottom:2px solid #BFED47}.adm-link:hover{background:#bfed47}.adm-plan-select{padding:4px 20px 4px 8px;border:2px solid #111;font-size:12px;font-weight:700;cursor:pointer;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23111'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}.adm-plan-free{background-color:#f5f0e4;color:#555}.adm-plan-basic{background-color:#eff6ff;color:#1d4ed8}.adm-plan-premium{background-color:#fffbeb;color:#b45309}.adm-plan-select:hover{box-shadow:2px 2px #111}.adm-aksi-wrap{display:flex;align-items:center;gap:7px}.adm-cek-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border:2px solid #111;background:#bfed47;color:#111;text-decoration:none;font-size:11px;font-weight:800;white-space:nowrap;transition:all .1s}.adm-cek-btn:hover{box-shadow:2px 2px #111;transform:translate(-1px,-1px)}.adm-del-btn{width:30px;height:30px;border:2px solid #111;background:#fff;color:#555;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .1s;flex-shrink:0}.adm-del-btn:hover{border-color:#c00;color:#c00;background:#fff0f0}.adm-confirm-wrap{display:flex;align-items:center;gap:5px}.adm-confirm-txt{font-size:12px;font-weight:800;color:#c00;white-space:nowrap}.adm-confirm-yes{width:26px;height:26px;border:2px solid #111;background:#c00;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.adm-confirm-no{width:26px;height:26px;border:2px solid #111;background:#fff;color:#555;display:flex;align-items:center;justify-content:center;cursor:pointer}.adm-pagination{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:2px solid #111}.adm-page-info{font-size:11px;color:#7a6a50;font-weight:700}.adm-page-btns{display:flex;gap:5px}.adm-page-btn{min-width:32px;height:32px;padding:0 8px;border:2px solid #111;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;cursor:pointer;transition:all .1s}.adm-page-btn:hover:not(:disabled){background:#bfed47;box-shadow:2px 2px #111}.adm-page-btn:disabled{opacity:.35;cursor:not-allowed}.adm-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px;color:#9b8e7a;font-size:14px;font-weight:700}.adm-spinner{width:24px;height:24px;border:3px solid #E8E0D0;border-top-color:#111;border-radius:50%;animation:spin .75s linear infinite}@media (max-width: 768px){.adm-sidebar{width:56px}.adm-brand-name,.adm-brand-sub,.adm-nav-item span:last-child,.adm-footer-name,.adm-footer-role,.adm-sidebar-logout span{display:none}.adm-stats-grid{grid-template-columns:repeat(2,1fr)}.adm-topbar{padding:14px 14px 0}.adm-content{padding:0 14px 40px}.adm-search-box{width:150px}}.page{max-width:480px;margin:0 auto;padding:16px}.admin-header{background:#0f172a;color:#fff;padding:20px 16px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.admin-header h1{font-size:18px}.logout-btn{background:#ffffff26;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px}.user-table{width:100%;border-collapse:collapse}.user-table th{text-align:left;padding:10px 12px;background:#f8fafc;font-size:12px;color:var(--muted);text-transform:uppercase}.user-table td{padding:12px;border-bottom:1px solid var(--border);font-size:14px}.user-table tr:hover td{background:#f8fafc}.user-table a{color:var(--green-mid);text-decoration:none;font-weight:600}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.badge-active{background:var(--green-pale);color:var(--green-mid)}.badge-pending{background:#fff3cd;color:#856404}.card{background:var(--card);border-radius:var(--radius);padding:16px;margin-bottom:12px;box-shadow:0 1px 4px #00000014}.stats{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.stat-box{flex:1;min-width:80px;text-align:center;background:var(--card);padding:12px 8px;border-radius:var(--radius);box-shadow:0 1px 4px #00000012}.stat-box .stat-num{font-size:22px;font-weight:700;color:var(--green-mid)}.stat-box .stat-label{font-size:11px;color:var(--muted);margin-top:2px}.al-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ede8d9;padding:24px 20px;position:relative;overflow:hidden;font-family:inherit}.al-deco{position:absolute;font-size:96px;opacity:.08;pointer-events:none;-webkit-user-select:none;user-select:none;line-height:1}.al-deco-1{top:6%;left:3%;transform:rotate(-15deg)}.al-deco-2{top:8%;right:4%;transform:rotate(12deg);font-size:80px}.al-deco-3{bottom:12%;left:5%;transform:rotate(8deg);font-size:72px}.al-deco-4{bottom:8%;right:3%;transform:rotate(-10deg);font-size:88px}.al-top{text-align:center;margin-bottom:28px;position:relative;z-index:1}.al-brand{font-size:30px;font-weight:900;color:#111;margin:0 0 4px;letter-spacing:-.5px;line-height:1.1}.al-brand-accent{color:#7ab800}.al-wave{display:block;margin:2px auto 12px;width:90px;height:12px}.al-tagline{font-size:13px;color:#6b6150;margin:0}.al-card{width:100%;max-width:400px;background:#fff;border:2.5px solid #111;box-shadow:5px 5px #111;padding:28px 28px 24px;position:relative;z-index:1}.al-card-head{margin-bottom:22px}.al-card-title{font-size:20px;font-weight:900;color:#111;margin:0 0 4px;letter-spacing:-.3px}.al-card-sub{font-size:13px;color:#8dc63f;margin:0;font-weight:600}.al-field{margin-bottom:16px}.al-label{display:block;font-size:13px;font-weight:700;color:#7a5c2e;margin-bottom:6px}.al-input-wrap{position:relative}.al-input{width:100%;padding:11px 42px 11px 12px;border:2px solid #111;border-radius:0;font-size:14px;outline:none;color:#111;background:#fdfaf3;box-sizing:border-box;transition:box-shadow .15s}.al-input::placeholder{color:#bfb89a}.al-input:focus{box-shadow:3px 3px #111;background:#fff}.al-input:disabled{opacity:.55;cursor:not-allowed}.al-eye{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#999;padding:4px;display:flex;align-items:center}.al-eye:hover{color:#333}.al-error{display:flex;align-items:center;gap:7px;background:#fff0f0;border:2px solid #F87171;color:#b91c1c;font-size:12px;font-weight:700;padding:9px 12px;margin-bottom:14px;animation:al-shake .3s ease}@keyframes al-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.al-btn{width:100%;padding:13px;margin-top:4px;border:2.5px solid #111;background:#bfed47;color:#111;font-size:15px;font-weight:900;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:.3px;transition:box-shadow .12s,transform .12s}.al-btn:hover:not(:disabled){box-shadow:3px 3px #111;transform:translate(-2px,-2px)}.al-btn:active:not(:disabled){box-shadow:none;transform:translate(0)}.al-btn:disabled{opacity:.5;cursor:not-allowed}.al-spinner{width:18px;height:18px;border:2.5px solid rgba(0,0,0,.2);border-top-color:#111;border-radius:50%;animation:al-spin .7s linear infinite}@keyframes al-spin{to{transform:rotate(360deg)}}.al-lockout{text-align:center;padding:8px 0}.al-lockout-icon{font-size:40px;margin-bottom:10px}.al-lockout-title{font-size:17px;font-weight:900;color:#b91c1c;margin:0 0 6px}.al-lockout-desc{font-size:13px;color:#6b7280;margin:0 0 16px;line-height:1.6}.al-countdown{font-size:36px;font-weight:900;color:#111;font-variant-numeric:tabular-nums;letter-spacing:4px}.al-footer{margin-top:20px;font-size:11px;color:#9b8e7a;text-align:center;position:relative;z-index:1}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.login-card{width:100%;max-width:360px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.form-group input{width:100%;padding:10px 14px;border:1.5px solid var(--border);border-radius:8px;font-size:15px;outline:none}.form-group input:focus{border-color:var(--green-mid)}.btn-primary{width:100%;padding:12px;background:var(--green-mid);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer}.btn-primary:hover{background:var(--green-light)}.error-msg{color:#dc3545;font-size:13px;margin-top:8px;text-align:center}.loading,.not-found,.empty{text-align:center;padding:60px 20px;color:var(--muted);font-size:15px}@media (max-width: 480px){.page{padding:12px}}