@font-face{font-family:Sora;font-weight:600;font-display:swap;src:url(/fonts/Sora-SemiBold.woff2)format("woff2")}@font-face{font-family:Sora;font-weight:700;font-display:swap;src:url(/fonts/Sora-Bold.woff2)format("woff2")}@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(/fonts/Inter-Regular.woff2)format("woff2")}@font-face{font-family:Inter;font-weight:500;font-display:swap;src:url(/fonts/Inter-Medium.woff2)format("woff2")}@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(/fonts/Inter-Bold.woff2)format("woff2")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-void:#04081a;--surface-glass:#0a1230;--brand-primary:#1862c1;--brand-deep:#0335b0;--neon-accent:#0052ff;--highlight-sheen:#eaf3ff;--text-primary:#f4f8ff;--text-muted:#8da3d4;--status-success:#22c97a;--status-danger:#ff4d6d;--chrome-gradient:linear-gradient(135deg, var(--brand-deep), var(--brand-primary), var(--neon-accent));--gold-base:#dda027;--gold-on-base:#3a2500;--gold-light:#f6d77a;--gold-rim:#cfa24a;--gold-dark-base:#2b2416;--gold-glow:#c98a1b;--gold-disabled-base:#4a473f;--gold-disabled-fg:#8e897a;--gold-disabled-rim:#57534a;--lr-omset:#4da3ff;--lr-biaya:#ffb547;--lr-untung:var(--status-success);--lr-rugi:var(--status-danger);--lr-waspada:#ffb547;--lr-bahan-baku:#ffb547;--lr-ops:#ff8a5b;--lr-gaji:#b58cff;--lr-marketing:#2dd4bf;--lr-lain:#8da3d4;--sp-xs:4px;--sp-sm:8px;--sp-md:12px;--sp-lg:16px;--sp-xl:24px;--sp-xxl:32px;--radius-surface:22px;--radius-control:13px;--radius-pill:999px;--glass-border:1px solid #eaf3ff26;--scrim:#04081a99;--gold-text:var(--gold-light);--glow-neon:0 0 28px #0052ff66;--font-heading:"Sora", system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif}html,body{height:100%}body{background:var(--bg-void) url(/brand/app_background.jpg) center / cover fixed no-repeat;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.43}body:before{content:"";z-index:-2;background:var(--scrim);position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 100% 0,#0052ff0a,#0000 70%);animation:6s ease-in-out infinite alternate neon-pulse;position:fixed;inset:0}@keyframes neon-pulse{to{background:radial-gradient(circle at 100% 0,#0052ff1f,#0000 70%)}}@media (prefers-reduced-motion:reduce){body:after{animation:none}}h1,h2,h3,h4,h5,h6,.font-heading{font-family:var(--font-heading)}.amount-large{font-family:var(--font-heading);color:var(--neon-accent);font-variant-numeric:tabular-nums;font-size:28px;font-weight:700}.num{font-variant-numeric:tabular-nums}.text-muted{color:var(--text-muted)}.card{background:var(--surface-glass);border:var(--glass-border);border-radius:var(--radius-surface);padding:var(--sp-lg)}.card--hero{box-shadow:var(--glow-neon)}.input{background:var(--surface-glass);color:var(--text-primary);border-radius:var(--radius-control);padding:var(--sp-md) var(--sp-lg);font:inherit;border:0;width:100%}.input:focus-visible{outline:2px solid var(--neon-accent);outline-offset:2px}.btn{isolation:isolate;cursor:pointer;border-radius:var(--radius-control);font:700 14px/1.4 var(--font-body);letter-spacing:.2px;background-color:var(--gold-base);color:var(--gold-on-base);text-shadow:0 1px #fff6;border:0;padding:10px 20px;position:relative;overflow:hidden;box-shadow:0 5px 10px #c98a1b73}.btn:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#ffffff8c,#ffffff29) top/100% 50% no-repeat,linear-gradient(#00000005,#0000004d) bottom/100% 50% no-repeat;position:absolute;inset:0}.btn:after{content:"";pointer-events:none;border-radius:inherit;-webkit-mask-composite:xor;background:linear-gradient(#ffffffd9,#ffffff1a 45%,#0000001a 55%,#00000073);padding:1.3px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.btn:hover{filter:brightness(1.07)}.btn:active{filter:brightness(.82);box-shadow:0 1.5px 4px #c98a1b73}.btn:disabled{background-color:var(--gold-disabled-base);color:var(--gold-disabled-fg);box-shadow:none;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--gold-light);outline-offset:2px}.btn--outlined{background-color:var(--gold-dark-base);color:var(--gold-light);text-shadow:0 1px #0009;box-shadow:0 5px 10px #c98a1b59}.btn--outlined:before{opacity:.55}.btn--outlined{outline:1.2px solid var(--gold-rim);outline-offset:-1.2px}.btn--outlined:disabled{outline-color:var(--gold-disabled-rim)}.btn--text{box-shadow:none;text-shadow:none;color:var(--gold-text);background:0 0}.btn--text:before,.btn--text:after{display:none}.btn--text:hover{background:color-mix(in srgb, var(--gold-text) 12%, transparent);filter:none}.btn--text:disabled{color:var(--gold-disabled-fg);background:0 0}.loader{border:4px solid #0000;border-top-color:var(--neon-accent);border-right-color:var(--brand-primary);border-radius:50%;width:40px;height:40px;animation:1.2s linear infinite spin;box-shadow:0 0 14px #0052ff73}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.loader{animation-duration:3s}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-void:#eef4ff;--surface-glass:#fff;--text-primary:#0a1230;--text-muted:#4a5f8f;--glass-border:1px solid #0a12301f;--scrim:#eef4ffeb;--glow-neon:0 0 24px #0052ff2e;--status-success:#138a52;--status-danger:#d92d4f;--gold-text:#8a5a00;--lr-omset:#1f7ae0;--lr-biaya:#c77700;--lr-waspada:#c77700;--lr-bahan-baku:#c77700;--lr-ops:#d9531e;--lr-gaji:#7b4fd8;--lr-marketing:#0e9f8e;--lr-lain:#5b71a3}@media (prefers-color-scheme:light){:root[data-theme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-void:#eef4ff;--surface-glass:#fff;--text-primary:#0a1230;--text-muted:#4a5f8f;--glass-border:1px solid #0a12301f;--scrim:#eef4ffeb;--glow-neon:0 0 24px #0052ff2e;--status-success:#138a52;--status-danger:#d92d4f;--gold-text:#8a5a00;--lr-omset:#1f7ae0;--lr-biaya:#c77700;--lr-waspada:#c77700;--lr-bahan-baku:#c77700;--lr-ops:#d9531e;--lr-gaji:#7b4fd8;--lr-marketing:#0e9f8e;--lr-lain:#5b71a3}}:root[data-theme=light] body:after{opacity:.5}*,:before,:after{box-sizing:border-box}.center-screen{justify-content:center;align-items:center;gap:var(--sp-lg);min-height:100dvh;padding:var(--sp-xl);flex-direction:column;display:flex}.auth-panel{gap:var(--sp-lg);flex-direction:column;width:100%;max-width:400px;display:flex}.auth-panel h1{text-align:center;margin:0;font-size:24px;font-weight:700}.auth-panel p{text-align:center;margin:0}.stack{gap:var(--sp-md);flex-direction:column;display:flex}.row{align-items:center;gap:var(--sp-md);display:flex}.row--between{justify-content:space-between}.logo{border-radius:var(--radius-control);margin:0 auto;display:block}.field{gap:var(--sp-xs);flex-direction:column;display:flex}.field__label{font-size:12px}.actions{gap:var(--sp-sm);flex-direction:column;display:flex}.actions .btn{width:100%}.link-row{justify-content:center;display:flex}.alert{border-radius:var(--radius-control);padding:var(--sp-md) var(--sp-lg);border:1px solid #0000;font-size:14px}.alert--danger{color:var(--text-primary);background:color-mix(in srgb, var(--status-danger) 18%, transparent);border-color:color-mix(in srgb, var(--status-danger) 55%, transparent)}.alert--success{color:var(--text-primary);background:color-mix(in srgb, var(--status-success) 18%, transparent);border-color:color-mix(in srgb, var(--status-success) 55%, transparent)}.alert--info{color:var(--text-primary);background:color-mix(in srgb, var(--neon-accent) 14%, transparent);border-color:color-mix(in srgb, var(--neon-accent) 50%, transparent)}.badge{border-radius:var(--radius-pill);padding:2px var(--sp-md);border:1px solid #0000;font-size:12px;font-weight:700;display:inline-block}.badge--info{background:var(--chrome-gradient);color:var(--text-primary)}.badge--success{color:var(--status-success);border-color:var(--status-success)}.badge--danger{color:var(--status-danger);border-color:var(--status-danger)}.app-header{justify-content:space-between;align-items:center;gap:var(--sp-md);padding:var(--sp-md) var(--sp-xl);border-bottom:var(--glass-border);background:var(--surface-glass);display:flex}.app-header img{border-radius:var(--radius-control);width:36px;height:36px}.app-main{max-width:960px;padding:var(--sp-xl);gap:var(--sp-lg);flex-direction:column;margin:0 auto;display:flex}.app-main h1{margin:0;font-size:24px;font-weight:700}.row--wrap{flex-wrap:wrap}.stack--tight{gap:var(--sp-xs)}.app-main{max-width:1080px}.amount-large--xl{font-size:40px;line-height:1.15}.section-title{margin:0 0 var(--sp-md);font-size:16px;font-weight:600}.note{margin:0;font-size:12px}.grid-stats{gap:var(--sp-lg);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.grid-two{gap:var(--sp-lg);grid-template-columns:repeat(auto-fit,minmax(360px,1fr));align-items:start;display:grid}@media (width<=480px){.grid-two{grid-template-columns:1fr}.amount-large--xl{font-size:32px}.app-header,.app-main{padding-inline:var(--sp-lg)}}.bars{gap:var(--sp-sm);grid-auto-columns:1fr;grid-auto-flow:column;align-items:end;display:grid}.bars__col{align-items:center;gap:var(--sp-xs);flex-direction:column;min-width:0;display:flex}.bars__track{align-items:flex-end;width:100%;height:140px;display:flex}.bars__bar{border-radius:var(--radius-control) var(--radius-control) 4px 4px;background:color-mix(in srgb, var(--lr-omset) 55%, transparent);width:100%;transition:height .4s}.bars__bar--today{background:var(--brand-primary);box-shadow:var(--glow-neon)}.bars__value,.bars__label{white-space:nowrap;font-size:11px}@media (prefers-reduced-motion:reduce){.bars__bar{transition:none}}.list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list__item{justify-content:space-between;align-items:flex-start;gap:var(--sp-md);padding:var(--sp-md) 0;border-bottom:var(--glass-border);display:flex}.list__item:last-child{border-bottom:0}.list__main{gap:var(--sp-xs);flex-direction:column;flex:1;min-width:0;display:flex}.list__summary{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list__end{text-align:right;white-space:nowrap;font-weight:600}.ticker__struck{color:var(--text-muted);font-weight:400;text-decoration:line-through}