@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/0b1dc8ddaa74ba49-s.04o39dzmj.ey..woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/e629b5bc06499d58-s.0b_~8bw~gzh90.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/1a099d89ee94ee96-s.0_qb~~5cn13jl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/fba5a26ea33df6a3-s.p.0eehd8tgys7nv.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Plus Jakarta Sans Fallback;src:local(Arial);ascent-override:98.88%;descent-override:21.15%;line-gap-override:0.0%;size-adjust:104.98%}.plus_jakarta_sans_8eb255a-module__4VqPoG__className{font-family:Plus Jakarta Sans,Plus Jakarta Sans Fallback;font-style:normal}.plus_jakarta_sans_8eb255a-module__4VqPoG__variable{--font-jakarta:"Plus Jakarta Sans", "Plus Jakarta Sans Fallback"}
@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.static{position:static}.hidden{display:none}.inline{display:inline}.italic{font-style:italic}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--ink:#172033;--muted:#8490a5;--line:#e9edf4;--canvas:#f6f7fb;--purple:#5b54e8;--purple-dark:#4941d6;--green:#25bd83;--red:#f15b6c;--orange:#ff914d;--sidebar:254px}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--ink);font-family:var(--font-jakarta),sans-serif;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{z-index:40;width:var(--sidebar);border-right:1px solid var(--line);background:#fff;flex-direction:column;padding:24px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;height:48px;padding:0 8px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#6f67ff,#5048dc);border-radius:13px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 18px #5b54e840}.brand-copy{flex:1;min-width:0}.brand strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;max-width:155px;font-size:14px;display:block;overflow:hidden}.brand span{text-overflow:ellipsis;white-space:nowrap;color:#9aa4b7;letter-spacing:.1em;text-transform:uppercase;max-width:155px;margin-top:3px;font-size:7px;font-weight:700;display:block;overflow:hidden}.neighborhood{background:#fafaff;border:1px solid #eceef7;border-radius:13px;align-items:center;gap:10px;margin:24px 5px 19px;padding:12px;display:flex}.hood-icon{width:33px;height:33px;color:var(--purple);background:#ebe9ff;border-radius:10px;place-items:center;display:grid}.neighborhood b,.neighborhood small{display:block}.neighborhood b{font-size:11px}.neighborhood small{color:var(--muted);margin-top:3px;font-size:9px}.nav-label{color:#b0b8c8;letter-spacing:.13em;margin:6px 13px 7px;font-size:9px;font-weight:800}.nav-label.second{margin-top:22px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{color:#6f7b91;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;height:43px;padding:0 13px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.sidebar nav button:hover{color:var(--purple);background:#f5f4ff}.sidebar nav button.active{color:var(--purple);background:linear-gradient(90deg,#eeeefe,#f7f6ff);font-weight:700}.sidebar nav button.active:before{content:"";background:var(--purple);border-radius:0 4px 4px 0;width:3px;height:25px;position:absolute;left:0}.sidebar nav button em{width:21px;height:21px;color:var(--red);background:#ffe9ed;border-radius:7px;place-items:center;margin-left:auto;font-size:9px;font-style:normal;display:grid}.sidebar-card{color:#fff;background:linear-gradient(140deg,#5952e7,#7771f2);border-radius:15px;margin-top:auto;padding:16px;box-shadow:0 12px 24px #5b54e828}.sidebar-card div{align-items:center;gap:9px;font-size:11px;line-height:1.45;display:flex}.sidebar-card p{color:#dedcff;margin:9px 0 0;font-size:8px;line-height:1.55}.sidebar-card>small{color:#e5e3ff;letter-spacing:.12em;border-top:1px solid #ffffff2b;margin-top:10px;padding-top:8px;font-size:7px;font-weight:800;display:block}.user-mini{align-items:center;gap:9px;margin-top:16px;padding:9px 5px 0;display:flex}.avatar{width:38px;height:38px;color:var(--purple);background:#ecebff;border-radius:12px;flex:none;place-items:center;font-size:11px;font-weight:800;display:grid}.user-mini div:nth-child(2){flex:1;min-width:0}.user-mini b,.user-mini small{white-space:nowrap;display:block}.user-mini b{font-size:10px}.user-mini small{color:var(--muted);margin-top:3px;font-size:8px}.user-mini svg{color:#9da7b7}.main{padding-left:var(--sidebar);min-height:100vh}.topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;justify-content:space-between;align-items:center;height:73px;padding:0 32px;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:10px;font-size:11px;display:flex}.topbar-left span{color:#a1aabd;margin-right:4px}.top-actions{align-items:center;gap:13px;display:flex}.global-search{border:1px solid var(--line);color:#9da7b8;background:#fafbfc;border-radius:11px;align-items:center;gap:8px;width:218px;height:37px;padding:0 10px;display:flex}.global-search input{background:0 0;border:0;outline:0;width:100%;font-size:10px}.global-search kbd{white-space:nowrap;background:#fff;border:1px solid #e0e4ec;border-radius:5px;padding:2px 5px;font-size:8px}.icon-button,.dots,.menu-button,.mobile-close{color:#8d98aa;background:0 0;border:0;place-items:center;display:grid;position:relative}.icon-button{border:1px solid var(--line);background:#fff;border-radius:11px;width:38px;height:38px}.icon-button i{background:var(--red);border:2px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.profile{align-items:center;gap:9px;padding-left:4px;display:flex}.avatar.small{border-radius:11px;width:35px;height:35px}.profile b,.profile span{display:block}.profile b{font-size:10px}.profile span{color:var(--muted);margin-top:2px;font-size:8px}.profile svg{color:#9ba5b5}.content{max-width:1540px;margin:auto;padding:31px 32px 48px}.page-heading{justify-content:space-between;align-items:flex-end;margin-bottom:25px;display:flex}.page-heading p{color:var(--purple);letter-spacing:.12em;margin:0 0 7px;font-size:9px;font-weight:800}.page-heading h1{letter-spacing:-.035em;margin:0;font-size:25px}.page-heading span{color:var(--muted);margin-top:7px;font-size:11px;display:block}.heading-actions{gap:9px;display:flex}.btn{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;height:39px;padding:0 15px;font-size:10px;font-weight:700;transition:all .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn.primary{color:#fff;background:linear-gradient(145deg,#655ef0,#554dde);box-shadow:0 8px 18px #5b54e82a}.btn.secondary{border-color:var(--line);color:#5e697c;background:#fff}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:19px;display:grid}.stat-card{background:#fff;border:1px solid #edf0f5;border-radius:17px;align-items:center;min-width:0;padding:18px;display:flex;position:relative;box-shadow:0 7px 20px #1c294708}.stat-icon{border-radius:13px;place-items:center;width:43px;height:43px;margin-right:13px;display:grid}.stat-icon.indigo{color:#5c55e8;background:#efefff}.stat-icon.green{color:#19ae77;background:#e7f9f2}.stat-icon.orange{color:#f1813c;background:#fff2e9}.stat-icon.red{color:#e95567;background:#ffebee}.stat-copy{min-width:0}.stat-copy span,.stat-copy b,.stat-copy small{display:block}.stat-copy span{color:#949eb0;letter-spacing:.08em;font-size:8px;font-weight:800}.stat-copy b{letter-spacing:-.035em;white-space:nowrap;margin-top:5px;font-size:16px}.stat-copy small{color:#abb3c1;margin-top:4px;font-size:8px}.stat-card em{color:#21aa76;background:#ebf9f3;border-radius:6px;align-items:center;gap:2px;padding:4px 6px;font-size:7px;font-style:normal;font-weight:700;display:flex;position:absolute;top:15px;right:13px}.dashboard-grid{grid-template-columns:minmax(0,2.1fr) minmax(280px,.9fr);gap:19px;margin-bottom:19px;display:grid}.dashboard-grid.lower{grid-template-columns:minmax(0,1.65fr) minmax(310px,.75fr)}.card{background:#fff;border:1px solid #ebeef3;border-radius:18px;box-shadow:0 7px 24px #1c294708}.chart-card,.progress-card,.dashboard-grid.lower>.card{padding:21px}.card-head{justify-content:space-between;align-items:flex-start;display:flex}.card-head h2{margin:0;font-size:13px}.card-head p{color:#98a2b3;margin:5px 0 0;font-size:9px}.period{border:1px solid var(--line);color:#718096;background:#fff;border-radius:9px;align-items:center;gap:7px;height:34px;padding:0 10px;font-size:9px;font-weight:600;display:flex}.big-chart{height:275px;margin-top:18px}.dots{padding:4px}.progress-card{flex-direction:column;display:flex}.progress-visual{place-items:center;padding:13px 0 10px;display:grid}.radial{background:conic-gradient(var(--purple)var(--progress),#edf0f7 0);border-radius:50%;width:138px;height:138px;padding:14px}.radial:before{content:"";position:absolute}.radial div{text-align:center;background:#fff;border-radius:50%;place-content:center;width:100%;height:100%;display:grid}.radial b,.radial span{display:block}.radial b{font-size:25px}.radial span{color:#9da6b5;margin-top:3px;font-size:8px}.progress-meta{grid-template-columns:1fr 1fr;gap:9px;margin-top:3px;display:grid}.progress-meta>div{grid-template-columns:auto 1fr;align-items:center;gap:2px 6px;display:grid}.progress-meta i{border-radius:50%;grid-row:1/3;width:7px;height:7px}.paid-dot{background:var(--purple)}.unpaid-dot{background:#dfe3eb}.progress-meta span{color:#9ca5b5;font-size:8px}.progress-meta b{font-size:9px}.collection{background:#f7f7fc;border-radius:11px;margin-top:15px;padding:12px}.collection span,.collection b{display:block}.collection span{color:#939dac;font-size:8px}.collection b{margin-top:4px;font-size:13px}.collection small{color:#9ea7b7;font-weight:500}.text-button{height:34px;color:var(--purple);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;margin-top:8px;font-size:9px;font-weight:700;display:flex}.text-button.inline{margin:0}.table-scroll{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th{text-align:left;border-bottom:1px solid var(--line);color:#9da7b7;letter-spacing:.08em;padding:12px 8px;font-size:7px}td{color:#737f93;border-bottom:1px solid #f0f2f6;padding:12px 8px;font-size:9px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fdfdff}.transaction-name,.person{align-items:center;gap:9px;display:flex}.transaction-name b,.transaction-name span,.person b,.person span{display:block}.transaction-name b,.person b{color:#263047;font-size:9px}.transaction-name span,.person span{color:#a1aaba;margin-top:3px;font-size:7px}.tx-icon{border-radius:10px;place-items:center;width:31px;height:31px;display:grid}.tx-icon.masuk{color:#20b27c;background:#e9faf3}.tx-icon.keluar{color:#f07b48;background:#fff0eb}.amount{white-space:nowrap;font-weight:700}.amount.masuk{color:#20ad79}.amount.keluar{color:#e86764}.category{color:#6a63dc;background:#f3f2ff;border-radius:7px;padding:5px 7px;font-size:8px;display:inline-block}.pie-wrap{align-items:center;min-height:215px;display:flex}.pie-chart-shell{width:48%;position:relative}.pie-total{text-align:center;pointer-events:none;place-content:center;display:grid;position:absolute;inset:0}.pie-total span,.pie-total b{display:block}.pie-total span{color:#a0a9b8;font-size:7px;font-weight:700}.pie-total b{color:#303a4d;margin-top:3px;font-size:10px}.pie-legend{flex-direction:column;gap:11px;width:52%;display:flex}.pie-legend .legend-row{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.pie-legend i{border-radius:50%;width:8px;height:8px}.pie-legend .legend-row>span{min-width:0}.pie-legend .legend-row b,.pie-legend .legend-row small{display:block}.pie-legend .legend-row b{color:#4d586c;font-size:8px}.pie-legend .legend-row small{color:#9ca6b5;margin-top:3px;font-size:7px}.pie-legend .legend-row strong{color:#263147;font-size:9px}.pie-legend>p{color:#a0a9b8;border-top:1px solid #edf0f4;margin:3px 0 0;padding-top:9px;font-size:7px;line-height:1.5}.pie-legend>p span{color:var(--purple)}.stats-grid.mini{grid-template-columns:repeat(3,1fr)}.mini-stat{align-items:center;padding:18px;display:flex}.mini-icon{border-radius:13px;place-items:center;width:43px;height:43px;margin-right:12px;display:grid}.mini-icon svg{width:20px}.mini-icon.positive{color:#16ab73;background:#e9faf3}.mini-icon.negative{color:#ef745b;background:#fff0eb}.mini-icon.primary{color:var(--purple);background:#efefff}.mini-stat span,.mini-stat b{display:block}.mini-stat span{color:#98a1b1;font-size:9px}.mini-stat b{margin-top:5px;font-size:15px}.table-card{padding:5px 20px 12px}.table-tools{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:64px;font-size:11px;display:flex}.segmented{background:#f3f4f8;border-radius:9px;padding:3px;display:flex}.segmented button{color:#8993a5;text-transform:capitalize;background:0 0;border:0;border-radius:7px;height:30px;padding:0 13px;font-size:8px;font-weight:700}.segmented button.active{color:var(--purple);background:#fff;box-shadow:0 2px 7px #1b29471a}.table-count{color:#99a3b4!important;font-size:9px!important}.strong{color:#2d374b;font-weight:600}.status{white-space:nowrap;border-radius:7px;align-items:center;gap:6px;padding:5px 8px;font-size:8px;font-weight:700;display:inline-flex}.status i{border-radius:50%;width:5px;height:5px}.status.paid{color:#20a974;background:#e9faf3}.status.paid i{background:#20b57d}.status.unpaid{color:#e95d6e;background:#fff0f1}.status.unpaid i{background:#ed6677}.pay-button{color:var(--purple);white-space:nowrap;background:#eeedff;border:0;border-radius:7px;padding:6px 9px;font-size:7px;font-weight:700}.table-avatar{border-radius:9px;width:31px;height:31px;font-size:8px}.resident-banner{align-items:center;gap:35px;min-height:105px;margin-bottom:19px;padding:20px 24px;display:flex}.resident-total{align-items:center;gap:12px;display:flex}.resident-total>div{width:45px;height:45px;color:var(--purple);background:#eeedff;border-radius:13px;place-items:center;display:grid}.resident-total span,.resident-banner>div:not(.resident-total):not(.banner-divider) span,.resident-banner>div:not(.resident-total):not(.banner-divider) b{display:block}.resident-total b{margin-right:5px;font-size:23px}.resident-banner>div:not(.resident-total):not(.banner-divider) span{color:#99a3b4;font-size:8px}.resident-banner>div:not(.resident-total):not(.banner-divider) b{margin-top:5px;font-size:12px}.banner-divider{background:var(--line);width:1px;height:45px}.green-text{color:#1dae76!important}.red-text{color:#e8606a!important}.report-hero{color:#fff;background:linear-gradient(125deg,#363179,#5b54e8 60%,#7c75f2);justify-content:space-between;align-items:center;min-height:172px;margin-bottom:19px;padding:30px 34px;display:flex;position:relative;overflow:hidden}.report-hero:after{content:"";border:1px solid #ffffff2b;border-radius:50%;width:280px;height:280px;position:absolute;top:-130px;right:-60px;box-shadow:0 0 0 40px #ffffff08,0 0 0 80px #ffffff06}.report-hero>div{z-index:1;position:relative}.report-hero span{letter-spacing:.13em;color:#c9c6ff;font-size:8px;font-weight:800}.report-hero h2{margin:8px 0;font-size:24px}.report-hero p{color:#d8d6ff;margin:0;font-size:9px}.report-balance{text-align:right}.report-balance b,.report-balance small{display:block}.report-balance b{margin:7px 0;font-size:25px}.report-balance small{color:#cbc8ff;font-size:8px}.report-grid{grid-template-columns:1fr 1fr;gap:19px;display:grid}.report-summary{padding:22px}.report-summary h3{margin:0 0 15px;font-size:13px}.report-summary>div{border-bottom:1px solid var(--line);justify-content:space-between;padding:12px 0;font-size:9px;display:flex}.report-summary>div span{color:#8994a6}.report-summary .total{border:0;padding-bottom:0;font-size:12px}.report-note{color:var(--purple);background:#f5f4ff;border-color:#e6e3ff;align-items:center;gap:13px;margin-top:19px;padding:18px 22px;display:flex}.report-note b{font-size:10px}.report-note p{color:#7e86a0;margin:4px 0 0;font-size:8px}.empty{text-align:center;color:#a0a9b9;padding:40px}.empty p{font-size:10px}.modal-wrap{z-index:100;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#13172d9e;border:0;position:absolute;inset:0}.modal{background:#fff;border-radius:20px;width:100%;max-width:470px;max-height:calc(100vh - 35px);animation:.2s ease-out pop;position:relative;overflow-y:auto;box-shadow:0 30px 80px #0d102b4d}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:23px 25px 17px;display:flex}.modal-head span{letter-spacing:.12em;color:var(--purple);font-size:8px;font-weight:800}.modal-head h2{margin:6px 0 0;font-size:19px}.modal-form{padding:21px 25px 25px}.field{width:100%;margin-bottom:15px}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field label{color:#8691a4;letter-spacing:.06em;margin-bottom:7px;font-size:8px;font-weight:800;display:block}.field input,.field select,.field textarea{color:#333d51;background:#fafbfc;border:1px solid #e2e6ee;border-radius:10px;outline:none;width:100%;height:42px;padding:0 12px;font-size:10px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#8c87ed;box-shadow:0 0 0 3px #5b54e80e}.field textarea{resize:vertical;height:74px;padding-top:11px}.type-select{grid-template-columns:1fr 1fr;gap:9px;display:grid}.type-select label{margin:0}.type-select input{display:none}.type-select span{border:1px solid var(--line);color:#7f899a;border-radius:10px;justify-content:center;align-items:center;gap:7px;height:44px;font-size:9px;font-weight:700;display:flex}.type-select svg{width:17px}.type-select input:checked+span{color:var(--purple);background:#f4f3ff;border-color:#817bef}.prefix-input{background:#fafbfc;border:1px solid #e2e6ee;border-radius:10px;align-items:center;height:42px;display:flex;overflow:hidden}.prefix-input span{color:#687386;padding-left:12px;font-size:10px;font-weight:700}.prefix-input input{box-shadow:none!important;background:0 0!important;border:0!important}.btn.submit{width:100%;height:44px;margin-top:2px}.mobile-close,.menu-button,.nav-backdrop{display:none}@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.dashboard-grid.lower{grid-template-columns:1fr}.progress-card{min-height:380px}.progress-meta{width:100%;max-width:300px;margin-inline:auto}.collection{margin-inline:auto;width:100%;max-width:400px;margin-top:16px}.global-search{display:none}}@media (max-width:760px){:root{--sidebar:0px}.sidebar{width:265px;transition:all .25s;transform:translate(-105%);box-shadow:10px 0 50px #10132a30}.sidebar.open{transform:translate(0)}.nav-backdrop{z-index:35;background:#10142b7d;border:0;display:block;position:fixed;inset:0}.mobile-close{margin-left:auto;display:grid}.menu-button{display:grid}.main{padding-left:0}.topbar{height:64px;padding:0 16px}.profile>div:not(.avatar),.profile>svg{display:none}.content{padding:23px 16px 35px}.page-heading{align-items:flex-start;gap:18px}.page-heading h1{font-size:21px}.page-heading>div>span{line-height:1.5}.heading-actions .secondary{display:none}.stats-grid,.stats-grid.mini{grid-template-columns:1fr}.stat-card{padding:16px}.dashboard-grid{gap:14px}.chart-card,.progress-card,.dashboard-grid.lower>.card{padding:16px}.big-chart{height:235px}.period{display:none}.pie-wrap{flex-direction:column}.pie-chart-shell{width:100%}.pie-legend{width:100%;padding:0 25px 12px}.table-card{padding-inline:12px}.table-tools{gap:10px}.table-tools .btn{display:none}.resident-banner{flex-wrap:wrap;align-items:flex-start;gap:18px;padding:17px}.banner-divider{display:none}.report-grid{grid-template-columns:1fr}.report-hero{flex-direction:column;align-items:flex-start;gap:25px;padding:25px}.report-balance{text-align:left}.field-row{grid-template-columns:1fr}.modal-wrap{padding:10px}.modal-form,.modal-head{padding-left:20px;padding-right:20px}}@media print{.sidebar,.topbar,.page-heading,.report-note{display:none!important}.main{padding:0}.content{padding:20px}.report-hero{-webkit-print-color-adjust:exact;print-color-adjust:exact}.report-grid{grid-template-columns:1fr 1fr}}.login-page{background:linear-gradient(145deg,#f8f9ff 0%,#f0f2ff 52%,#fafbff 100%);place-items:center;min-height:100vh;padding:38px 20px 70px;display:grid;position:relative;overflow:hidden}.login-page:before{content:"";background-image:radial-gradient(#5b54e812 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0006,#0000 75%);mask-image:linear-gradient(#0006,#0000 75%)}.login-glow{filter:blur(8px);pointer-events:none;border-radius:50%;position:absolute}.login-glow-one{background:#7770ff18;width:420px;height:420px;top:-180px;left:-190px}.login-glow-two{background:#4fc6ff18;width:360px;height:360px;bottom:-170px;right:-150px}.login-card{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border:1px solid #fff;border-radius:27px;width:min(100%,440px);padding:34px 40px 31px;position:relative;box-shadow:0 28px 80px #4b4c8f1c,0 2px 5px #4b4c8f10}.login-brand{color:#5851df;letter-spacing:.1em;align-items:center;gap:7px;font-size:9px;font-weight:800;display:flex;position:absolute;top:20px;left:22px}.login-logo{color:#fff;background:linear-gradient(145deg,#7169ff,#554ce5);border-radius:19px;place-items:center;width:66px;height:66px;margin:5px auto 20px;display:grid;box-shadow:0 13px 25px #5b54e848}.login-kicker{color:#655ee6;letter-spacing:.16em;margin:0 0 7px;font-size:8px;font-weight:800}.login-card h1{color:#202b41;letter-spacing:-.04em;margin:0;font-size:25px}.login-card h1 span{font-size:20px}.login-subtitle{color:#5e58e2;margin:9px 0 24px;font-size:11px;font-weight:700;line-height:1.6}.login-subtitle small{color:#95a0b4;font-size:9px}.login-form{text-align:left}.login-form>label{color:#a1adbf;letter-spacing:.13em;margin:0 0 7px;font-size:8px;font-weight:800;display:block}.login-input{color:#bac5d5;background:#f9fafc;border:1px solid #dfe4ed;border-radius:13px;align-items:center;gap:11px;height:48px;margin-bottom:16px;padding:0 14px;transition:all .2s;display:flex}.login-input:focus-within{background:#fff;border-color:#7972ef;box-shadow:0 0 0 4px #625bea0e}.login-input input{color:#475268;background:0 0;border:0;outline:0;width:100%;font-size:11px;font-weight:600}.login-form button{color:#fff;letter-spacing:.03em;background:linear-gradient(135deg,#6861f4,#554de5);border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;height:48px;margin-top:2px;font-size:10px;font-weight:800;display:flex;box-shadow:0 13px 25px #5b54e83d}.login-form button:hover{transform:translateY(-1px);box-shadow:0 16px 30px #5b54e849}.login-error{color:#dc5265;background:#fff1f3;border:1px solid #ffd9df;border-radius:9px;margin:-8px 0 16px;padding:10px;font-size:9px;font-weight:700}.demo-account{color:#8993a8;background:#f4f3ff;border-radius:10px;margin:18px 0 13px;padding:10px;font-size:8px}.demo-account span,.demo-account b{display:block}.demo-account b{color:#5a53df;margin-top:5px;font-size:10px}.demo-account i{color:#b3b0e9;padding:0 5px;font-style:normal}.direct-dashboard{color:#6b64e6;font-size:9px;font-weight:700;text-decoration:none}.direct-dashboard:hover{text-decoration:underline}.login-footer{color:#a3adbc;margin:0;font-size:8px;position:absolute;bottom:22px}.login-footer:before{content:"";background:#28c58b;border-radius:50%;width:5px;height:5px;margin-right:7px;display:inline-block;box-shadow:0 0 0 3px #28c58b1c}@media (max-width:520px){.login-card{border-radius:22px;padding:32px 23px 27px}.login-brand{justify-content:center;margin-bottom:18px;position:static}.login-logo{margin-top:0}.login-page{padding-inline:14px}}.feature-page{animation:.25s ease-out featureIn}@keyframes featureIn{0%{opacity:0;transform:translateY(5px)}}.feature-heading{margin-bottom:22px}.market-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.market-toolbar label{border:1px solid var(--line);color:#a1acbc;background:#fff;border-radius:13px;align-items:center;gap:10px;width:min(520px,100%);height:44px;padding:0 15px;display:flex;box-shadow:0 4px 14px #1c294707}.market-toolbar input{background:0 0;border:0;outline:0;width:100%;font-size:10px}.market-toolbar>span{color:#8c97a9;align-items:center;gap:7px;font-size:9px;font-weight:700;display:flex}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;display:grid}.product-card{background:#fff;border:1px solid #e9edf3;border-radius:22px;transition:all .2s;overflow:hidden;box-shadow:0 12px 35px #23304e0a}.product-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px #23304e12}.product-cover{color:#fff;flex-direction:column;justify-content:space-between;height:180px;padding:17px 20px;display:flex;position:relative;overflow:hidden}.product-cover:after{content:"";border:30px solid #ffffff10;border-radius:50%;width:170px;height:170px;position:absolute;top:-45px;right:-55px}.product-cover.indigo{background:linear-gradient(135deg,#6963ef,#5049dc)}.product-cover.orange{background:linear-gradient(135deg,#ffac25,#f58a16)}.product-cover.green{background:linear-gradient(135deg,#2ecb92,#13ad78)}.product-cover.cyan{background:linear-gradient(135deg,#31bfd9,#159bbd)}.product-cover>span{color:#4e56a0;letter-spacing:.08em;background:#ffffffeb;border-radius:20px;align-self:flex-start;padding:5px 9px;font-size:7px;font-weight:800}.product-cover>div{z-index:1;position:relative}.product-cover h3{letter-spacing:-.03em;margin:9px 0 0;font-size:20px;line-height:1.15}.product-cover>b{z-index:1;font-size:11px;position:relative}.product-body{padding:18px 20px 20px}.stock{color:#25b57d;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:6px;font-size:7px;font-weight:800;display:flex}.stock i{background:#25c58a;border-radius:50%;width:6px;height:6px}.product-body>p{color:#7f8a9d;height:38px;margin:10px 0 15px;font-size:9px;line-height:1.6}.seller{border-top:1px solid #f0f2f6;align-items:center;gap:9px;min-height:51px;padding:12px 0;display:flex}.seller>div:nth-child(2){flex:1}.seller small,.seller b{display:block}.seller small{color:#a8b0be;letter-spacing:.08em;font-size:6px;font-weight:800}.seller b{margin-top:3px;font-size:9px}.seller>button{color:#b2bac6;background:0 0;border:0}.wa-button{color:#fff;letter-spacing:.08em;background:#2fcf97;border-radius:11px;justify-content:center;align-items:center;gap:8px;height:41px;font-size:8px;font-weight:800;text-decoration:none;display:flex;box-shadow:0 8px 18px #2fcf972b}.btn.dark{color:#fff;background:#182238}.receipt-selector{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:15px;width:min(500px,100%);margin:0 auto 16px;padding:12px 15px;display:flex}.receipt-selector label{color:#8994a6;font-size:8px;font-weight:800}.receipt-selector select{color:#303b50;border:0;outline:0;flex:1;font-size:9px;font-weight:700}.receipt-paper{background:#fff;border:1px solid #e8ecf2;border-radius:24px;width:min(900px,100%);min-height:595px;margin:auto;padding:45px 48px 30px;position:relative;overflow:hidden;box-shadow:0 14px 45px #26334f0c}.receipt-paper header{z-index:1;justify-content:space-between;display:flex;position:relative}.receipt-logo{align-items:center;gap:14px;display:flex}.receipt-logo>svg{color:#fff;background:#18bd83;border-radius:16px;width:54px;height:54px;padding:14px;box-shadow:0 11px 22px #18bd8330}.receipt-logo h2{margin:0;font-size:19px}.receipt-logo span{color:#625be8;letter-spacing:.12em;margin-top:5px;font-size:7px;font-weight:800;display:block}.receipt-org{text-align:right}.receipt-org>*{display:block}.receipt-org small{color:#a5aebd;border:1px solid #e6eaf0;border-radius:15px;padding:5px 8px;font-size:7px;display:inline-block}.receipt-org b{margin-top:7px;font-size:16px}.receipt-org span{color:#93a0b3;margin-top:4px;font-size:7px}.receipt-lines{z-index:1;margin-top:48px;position:relative}.receipt-lines>div{border-bottom:1px solid #edf0f4;grid-template-columns:150px 1fr;align-items:center;min-height:66px;display:grid}.receipt-lines label{color:#b0b9c6;letter-spacing:.1em;font-size:7px;font-weight:800}.receipt-lines strong{font-size:13px}.receipt-lines .italic{font-style:italic}.receipt-paper footer{z-index:1;justify-content:space-between;align-items:flex-end;margin-top:55px;display:flex;position:relative}.receipt-total{text-align:center;background:#f5f5ff;border:1px solid #dfe2ff;border-radius:20px;width:220px;padding:22px}.receipt-total span,.receipt-total b,.receipt-total em{display:block}.receipt-total span{color:#8c86ec;letter-spacing:.1em;font-size:7px;font-weight:800}.receipt-total b{color:#5149db;margin:7px 0;font-size:23px}.receipt-total em{border-radius:12px;width:max-content;margin:auto;padding:5px 11px;font-size:7px;font-style:normal;font-weight:800}.receipt-total em.done{color:#14a771;background:#dcf8ed}.receipt-total em.wait{color:#e75d6e;background:#ffe3e7}.signature{text-align:center;width:230px;position:relative}.signature>*{display:block}.signature>span{color:#929db0;font-size:7px;font-weight:700}.signature>b{margin-top:54px;font-size:11px}.signature>small{color:#aeb7c4;margin-top:4px;font-size:7px}.stamp{color:#38c99a73;border:4px double #38c99a57;border-radius:50%;place-content:center;width:70px;height:70px;font-size:9px;font-weight:800;top:16px;right:6px;transform:rotate(12deg);display:grid!important;position:absolute!important}.receipt-watermark{color:#f7f8fa;place-items:center;display:grid;position:absolute;inset:130px 0 auto}.receipt-watermark svg{width:310px;height:310px}.receipt-note{color:#9ba6b6;text-align:center;margin-top:24px;font-size:7px}.receipt-note svg{width:13px;display:inline}.settings-tabs{border-bottom:1px solid var(--line);gap:20px;margin:-5px 0 22px;display:flex}.settings-tabs button{color:#929daf;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;height:45px;padding:0;font-size:9px;font-weight:700;display:flex}.settings-tabs button svg{width:15px}.settings-tabs button.active{color:var(--purple);border-color:var(--purple)}.settings-card{max-width:1020px;padding:30px 35px}.settings-card h2{margin:0 0 28px;font-size:15px}.settings-card .field input,.settings-card .field textarea{font-weight:600}.upload-grid{grid-template-columns:1fr 1fr;gap:22px;margin-bottom:18px;display:grid}.upload-title{color:#8691a4;letter-spacing:.06em;margin-bottom:8px;font-size:8px;font-weight:800;display:block}.upload-box{color:#9ba6b7;background:#fcfdff;border:1px dashed #dfe5ee;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:155px;display:flex;overflow:hidden}.upload-box>span{color:#c4ccd7;background:#f2f4f8;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.upload-box svg{width:19px}.upload-box b{margin-top:9px;font-size:9px}.upload-box small{margin-top:4px;font-size:7px}.upload-box img{object-fit:contain;width:100%;height:100%}.user-settings{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.role-card{align-items:center;gap:13px;padding:22px;display:flex}.role-icon{border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.role-icon svg{width:20px}.role-icon.purple{color:var(--purple);background:#efefff}.role-icon.green{color:#18ad77;background:#e5faf2}.role-icon.orange{color:#ef803d;background:#fff0e6}.role-card>div:nth-child(2){flex:1}.role-card span{color:#9aa4b5;font-size:7px;font-weight:800}.role-card h3{margin:5px 0;font-size:11px}.role-card p{color:#8b96a7;margin:0;font-size:8px;line-height:1.5}@media (max-width:1050px){.product-grid{grid-template-columns:repeat(2,1fr)}.user-settings{grid-template-columns:1fr}.receipt-paper{padding:35px}}@media (max-width:680px){.product-grid{grid-template-columns:1fr}.market-toolbar{flex-direction:column;align-items:stretch}.market-toolbar>span{padding-left:4px}.product-cover{height:160px}.upload-grid{grid-template-columns:1fr}.settings-card{padding:22px 18px}.receipt-paper{min-height:auto;padding:25px 20px}.receipt-paper header{flex-direction:column;gap:20px}.receipt-org{text-align:left}.receipt-lines{margin-top:28px}.receipt-lines>div{grid-template-columns:1fr;align-content:center;gap:7px}.receipt-paper footer{flex-direction:column;align-items:center;gap:25px;margin-top:30px}.receipt-watermark svg{width:220px}.receipt-total,.signature{width:100%}}.brand-mark.has-logo{background:#fff;border:1px solid #e7e9f3;overflow:hidden;box-shadow:0 7px 18px #323b6118}.brand-mark.has-logo img{object-fit:contain;width:100%;height:100%;padding:3px}.receipt-logo.has-custom-logo>img{object-fit:contain;background:#fff;border:1px solid #e5e9ef;border-radius:16px;width:54px;height:54px;padding:4px}.payment-modal{max-width:650px}.payment-content{padding:20px 24px 25px}.payment-summary{color:#fff;background:linear-gradient(130deg,#5c55e8,#7771f2);border-radius:14px;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.payment-summary span,.payment-summary b,.payment-summary small{display:block}.payment-summary span{color:#d9d7ff;letter-spacing:.08em;font-size:7px;font-weight:800}.payment-summary b{margin-top:5px;font-size:13px}.payment-summary small{color:#e4e2ff;margin-top:3px;font-size:8px}.payment-summary strong{font-size:19px}.payment-methods{grid-template-columns:220px 1fr;gap:16px;margin:18px 0;display:grid}.qris-panel,.transfer-panel{border:1px solid #e6eaf1;border-radius:14px;padding:15px}.qris-panel>span,.transfer-panel>span{color:#7c8699;letter-spacing:.1em;margin-bottom:12px;font-size:7px;font-weight:800;display:block}.qris-panel>img{object-fit:contain;width:170px;height:170px;margin:auto;display:block}.qris-empty{color:#a2acbb;text-align:center;background:#fafbfc;border:1px dashed #dce2eb;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;height:170px;display:flex}.qris-empty svg{width:28px}.qris-empty b{margin-top:8px;font-size:8px}.qris-empty small{max-width:130px;margin-top:4px;font-size:7px;line-height:1.5}.transfer-panel>p{color:#7e899b;font-size:8px;line-height:1.6}.account-box{background:#f3f3ff;border-radius:10px;align-items:center;gap:8px;padding:12px;display:flex}.account-box b{color:#4e48cf;flex:1;font-size:9px;line-height:1.5}.account-box button{color:#5a53dd;background:#fff;border:0;border-radius:7px;align-items:center;gap:4px;padding:6px 8px;font-size:7px;font-weight:800;display:flex}.transfer-panel ul{color:#8b95a6;padding-left:15px;font-size:7px;line-height:1.8}.proof-upload{cursor:pointer;display:block}.proof-upload input{opacity:0;pointer-events:none;position:absolute}.proof-upload>span{color:#8e99aa;background:#fcfdff;border:1px dashed #dbe1eb;border-radius:12px;grid-template-rows:1fr 1fr;grid-template-columns:auto 1fr;align-items:center;column-gap:9px;height:65px;padding:12px 15px;display:grid}.proof-upload svg{grid-row:1/3}.proof-upload b{align-self:end;font-size:8px}.proof-upload small{align-self:start;font-size:7px}.payment-disclaimer{text-align:center;color:#9da7b6;margin:10px 0 0;font-size:7px;line-height:1.5}.period-tools{gap:18px;min-height:78px}.period-filters{align-items:center;gap:10px;display:flex}.period-filters label{flex-direction:column;gap:5px;display:flex}.period-filters label>span{color:#98a3b4;letter-spacing:.08em;font-size:7px;font-weight:800}.period-filters select{color:#4f5a6e;background:#fafbfc;border:1px solid #e3e7ee;border-radius:9px;outline:none;min-width:145px;height:34px;padding:0 30px 0 10px;font-size:8px;font-weight:700}.period-filters select:focus{border-color:#817bef}.table-tool-actions{align-items:center;gap:10px;display:flex}.table-tool-actions .btn{height:34px}@media (max-width:760px){.period-tools{flex-direction:column;align-items:flex-start;padding:14px 0}.period-filters{width:100%}.period-filters label{flex:1}.period-filters select{width:100%;min-width:0}.table-tool-actions{justify-content:space-between;width:100%}.table-tool-actions .btn{display:inline-flex!important}}@media (max-width:650px){.payment-methods{grid-template-columns:1fr}.qris-panel>img,.qris-empty{height:190px}.qris-panel>img{width:190px}.payment-summary{flex-direction:column;align-items:flex-start;gap:15px}.payment-content{padding-inline:17px}}@media print{body{background:#fff}.app-shell>.sidebar,.app-shell>.main>.topbar,.feature-heading,.receipt-selector,.no-print{display:none!important}.app-shell>.main,.content{padding:0}.receipt-page{display:block!important}.receipt-paper{width:100%;min-height:95vh;box-shadow:none;border:0;border-radius:0;margin:0}.receipt-note{display:block}.feature-page:not(.receipt-page){display:none!important}}