:root{font-family:DM Sans,sans-serif;color:#202522;background:#f5f7f4;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;font-weight:400;--green:#246b52;--green-dark:#1b513e;--ink:#202522;--muted:#858d88;--line:#e9ede9;--paper:#fff}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:wait}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1fr) minmax(440px,1fr);padding:22px;gap:22px}.login-card{display:flex;flex-direction:column;justify-content:center;max-width:480px;width:100%;margin:0 auto;padding:50px 36px}.brand-mark{height:44px;width:44px;display:grid;place-items:center;border-radius:14px;background:#e3eee7;color:#235b45;font:800 25px Manrope,sans-serif;position:relative}.brand-mark span{color:#cd9d5b}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:21px}.eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:700;color:#7c9386;margin:26px 0 10px}.login-card h1,.page-heading h1{font:800 38px/1.16 Manrope,sans-serif;letter-spacing:-1.5px;margin:0 0 13px}.muted{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.stack-form{display:grid;gap:9px;margin-top:31px}.stack-form label,.bill-form label{font-size:12px;font-weight:700;color:#39433d}.stack-form input,.bill-form input{height:46px;border:1px solid #dfe5df;border-radius:9px;padding:0 13px;background:#fff;outline:none;color:#242b26}.stack-form input:focus,.bill-form input:focus,.search:focus-within{border-color:#68a58a;box-shadow:0 0 0 3px #dcece2}.button{border:0;border-radius:9px;min-height:42px;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:9px;transition:.15s}.button.primary{background:var(--green);color:#fff}.button.primary:hover{background:var(--green-dark);transform:translateY(-1px)}.button.primary span{font-size:16px;font-weight:400}.button.full{width:100%;margin-top:8px;height:46px}.button.outline{color:#445048;background:#fff;border:1px solid #e2e7e2}.button.outline:hover{background:#f7f9f7}.form-error{min-height:17px;color:#bd5555;font-size:12px;margin:9px 0 0}.login-foot{font-size:11px;color:#869088;margin-top:47px;display:flex;align-items:center;gap:8px}.pulse,.status-live i,.foot-dot i{width:7px;height:7px;border-radius:50%;background:#55a77c;display:inline-block;box-shadow:0 0 0 3px #e0f0e6}.login-art{border-radius:18px;background:#214d3b;position:relative;overflow:hidden;min-height:calc(100vh - 44px);padding:10% 9%;display:flex;flex-direction:column;justify-content:space-between;color:#fff}.login-art:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 90% 15%,#477457 0,transparent 39%),radial-gradient(ellipse at 0 100%,#183d30 0,transparent 47%)}.orb{position:absolute;border:1px solid #ffffff16;border-radius:50%}.orb-one{width:650px;height:650px;right:-270px;top:-250px}.orb-two{width:460px;height:460px;right:-180px;top:-140px}.art-copy,.art-card{position:relative;z-index:1}.art-copy>span{font-size:10px;letter-spacing:2px;color:#c1d5c6;font-weight:700}.art-copy h2{font:700 39px/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:18px 0 12px}.art-copy p{font-size:13px;line-height:1.7;color:#d2e0d5;max-width:300px}.art-card{max-width:360px;background:#ffffff12;border:1px solid #ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:15px;padding:21px 23px;align-self:flex-end;margin-right:2%;width:100%;box-shadow:0 20px 60px #102d2080}.art-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.mini-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#ffffff1d}.art-chip{font-size:10px;background:#ffffff1b;padding:6px 10px;border-radius:30px;color:#e5f1e8}.art-card strong{font:700 25px Manrope,sans-serif;display:block}.art-card small{display:block;color:#c0d3c5;font-size:11px;margin-top:5px}.art-bars{height:42px;display:flex;align-items:flex-end;gap:7px;margin-top:18px}.art-bars i{width:10%;border-radius:4px 4px 1px 1px;background:#b7d6c0;height:32%}.art-bars i:nth-child(2){height:50%;opacity:.72}.art-bars i:nth-child(3){height:40%;opacity:.86}.art-bars i:nth-child(4){height:72%}.art-bars i:nth-child(5){height:58%;opacity:.75}.art-bars i:nth-child(6){height:88%}.art-bars i:nth-child(7){height:69%;opacity:.85}.art-bars i:nth-child(8){height:100%}.notice{margin-top:22px;border-radius:9px;padding:11px 13px;font-size:12px;line-height:1.55}.notice.error{background:#fff3ef;color:#9e483b}.dashboard{min-height:100vh;display:grid;grid-template-columns:235px 1fr}.sidebar{background:#fff;border-right:1px solid var(--line);padding:25px 17px 20px;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#26342b;font:800 15px Manrope,sans-serif;padding:0 7px}.brand-sub{display:block;font:700 8px DM Sans,sans-serif;letter-spacing:1.5px;color:#95a098;margin-top:4px}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#a5ada7;margin:48px 8px 12px}.nav-item{height:42px;border:0;background:transparent;border-radius:8px;text-align:left;padding:0 11px;color:#737e76;font-size:12px;display:flex;align-items:center;gap:11px}.nav-item.selected{background:#eaf2ec;color:#245940;font-weight:700}.nav-icon{font-size:15px}.side-note{margin-top:auto;border:1px solid #e9eee9;background:#fafcf9;padding:14px;border-radius:10px}.side-note-icon{height:27px;width:27px;border-radius:8px;display:grid;place-items:center;background:#e7f1e9;color:#287152;margin-bottom:13px}.side-note strong{font-size:11px}.side-note p{font-size:10px;color:#88928b;line-height:1.55;margin:6px 0 12px}.status-live{font-size:9px;color:#43815d;display:flex;align-items:center;gap:7px}.status-live i{width:6px;height:6px;box-shadow:none}.logout{border:0;background:none;text-align:left;padding:15px 9px 2px;color:#808982;font-size:11px}.logout span{font-size:15px;margin-right:8px}.main-area{min-width:0}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4.4%;font-size:11px;color:#4e5a52}.breadcrumb{color:#a1aaa3;margin-right:5px}.profile{display:flex;align-items:center;gap:9px}.profile-avatar{height:30px;width:30px;display:grid;place-items:center;border-radius:50%;background:#e7f0e9;color:#32684d;font-size:11px;font-weight:700}.profile strong,.profile small{display:block}.profile strong{font-size:10px}.profile small{color:#98a19a;font-size:9px;margin-top:2px}.chevron{color:#909991;margin-left:5px}.page-content{max-width:1280px;margin:auto;padding:36px 4.4% 20px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.page-heading .eyebrow{margin:0 0 8px}.page-heading h1{font-size:28px;letter-spacing:-.8px;margin-bottom:6px}.page-heading .button{height:39px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:25px}.stat-card{padding:16px 17px;background:#fff;border:1px solid var(--line);border-radius:11px;min-height:135px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#7f8982;font-size:10px}.stat-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-weight:700;font-size:13px}.lilac{color:#755db1;background:#f0edfa}.amber{color:#b57c26;background:#fbf3e5}.rose{color:#bc6161;background:#fbebeb}.green{color:#438461;background:#eaf4ed}.stat-card>strong{display:block;font:700 21px Manrope,sans-serif;margin-top:10px;letter-spacing:-.4px}.stat-card>small{display:block;color:#9aa29c;font-size:9px;margin-top:4px}.stat-line{height:3px;background:#edf1ed;border-radius:2px;margin-top:13px}.stat-line i{height:100%;background:#7bb18e;display:block;border-radius:2px}.stat-hint{font-size:9px;margin-top:13px}.amber-text{color:#ad8139}.rose-text{color:#b46666}.green-text{color:#56836a}.bill-panel{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:19px 20px 15px}.panel-head h2{font:700 14px Manrope,sans-serif;margin:0 0 5px}.panel-head p{font-size:10px;color:#969f98;margin:0}.panel-head .button{min-height:33px;font-size:10px}.table-toolbar{padding:0 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eef1ee;gap:15px}.tabs{display:flex;gap:18px}.tab{height:42px;border:0;background:none;color:#8b958d;font-size:10px;position:relative;padding:0 1px;white-space:nowrap}.tab span{background:#f0f3f0;border-radius:20px;padding:2px 6px;font-size:9px;margin-left:3px}.tab.active{color:#276047;font-weight:700}.tab.active:after{content:"";position:absolute;height:2px;background:#397b59;bottom:-1px;left:0;right:0}.search{height:31px;width:218px;border:1px solid #e6ebe6;border-radius:7px;display:flex;align-items:center;padding:0 9px;gap:7px;color:#a3aaa4;transition:.15s}.search span{font-size:17px}.search input{border:0;outline:0;min-width:0;width:100%;font-size:9px;color:#384139}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}thead{background:#fafbfa}th{text-align:left;height:34px;color:#9ba39d;font-size:8px;font-weight:700;letter-spacing:.65px;padding:0 13px}th:first-child,td:first-child{padding-left:20px}td{height:62px;border-top:1px solid #f0f2f0;padding:6px 13px;color:#5d685f;font-size:10px}td strong{color:#39433c}.bill-name{display:flex;align-items:center;gap:9px}.bill-icon{height:28px;width:28px;background:#eff4ef;border-radius:8px;display:grid;place-items:center;color:#538265;font-size:12px}.bill-icon.paid-icon{background:#e9f4ec;color:#48815b}.bill-name strong,.bill-name small{display:block}.bill-name strong{font-size:10px;font-weight:600}.bill-name small{color:#a0a8a1;font-size:8px;margin-top:4px}.phone-number{font-variant-numeric:tabular-nums;color:#6f7971}.amount{font-size:10px!important;font-weight:600}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:5px 8px;font-size:8px;font-weight:600}.badge i{width:5px;height:5px;border-radius:50%;background:currentColor}.badge.unpaid{background:#fbf3e5;color:#a77a32}.badge.overdue{background:#fbeeee;color:#b25959}.badge.paid{background:#eaf4ed;color:#4d855f}.late-note{display:block;color:#bc6868;font-size:8px;margin-top:4px}.row-actions{display:flex;gap:4px}.icon-button{width:25px;height:25px;border:1px solid #e9ede9;border-radius:6px;background:#fff;color:#799080;font-size:12px;line-height:1}.icon-button:hover{background:#f1f6f2}.icon-button.delete{color:#ad7878;font-size:16px}.empty{min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#9ca69e;gap:6px}.empty span{font-size:22px;color:#8faa94}.empty strong{font-size:11px;color:#616c63}.empty small{font-size:9px}.table-foot{height:41px;border-top:1px solid #f0f2f0;display:flex;justify-content:space-between;align-items:center;padding:0 20px;font-size:9px;color:#9aa29c}.table-foot strong{color:#616c63}.foot-dot{display:flex;align-items:center;gap:7px}.foot-dot i{width:5px;height:5px;box-shadow:none}footer{padding:18px 0;color:#a0a8a1;font-size:9px}footer span{padding:0 5px;color:#bcc3bd}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17221db3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5;display:grid;place-items:center;padding:20px}.modal{background:#fff;border-radius:14px;width:min(100%,490px);padding:24px;box-shadow:0 24px 80px #17221d45;animation:rise .18s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #edf0ed;padding-bottom:17px}.modal-heading .eyebrow{margin:0 0 7px}.modal-heading h2{font:700 20px Manrope,sans-serif;margin:0 0 5px}.modal-heading p:last-child{font-size:10px;color:#969f98;margin:0}.close-modal{width:29px;height:29px;background:#f4f6f4;border:0;border-radius:7px;color:#7e8880;font-size:19px}.bill-form{display:grid;gap:14px;padding-top:17px}.bill-form label{display:grid;gap:7px}.bill-form input{height:40px;width:100%;font-size:11px}.bill-form small{font-size:9px;color:#9aa29c;margin-top:-3px}.input-prefix{display:flex;align-items:center;border:1px solid #dfe5df;border-radius:9px;padding-left:12px;color:#839087}.input-prefix:focus-within{border-color:#68a58a;box-shadow:0 0 0 3px #dcece2}.input-prefix input{border:0;box-shadow:none!important}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.modal-actions .button{min-height:38px}.modal .form-error{margin:-7px 0 -5px}.toast{position:fixed;right:23px;bottom:22px;z-index:10;padding:12px 16px;border-radius:9px;background:#263d31;color:#fff;font-size:11px;box-shadow:0 8px 25px #17221d30;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translateY(0)}.toast-error{background:#a54545}@media(max-width:1050px){.dashboard{grid-template-columns:205px 1fr}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-content{padding-left:3%;padding-right:3%}.table-toolbar{padding:0 14px}.tabs{gap:11px}td,th{padding-left:9px;padding-right:9px}}@media(max-width:760px){.login-shell{padding:0;display:block;background:#f5f7f4}.login-card{min-height:100vh;padding:35px 26px}.login-art{display:none}.dashboard{display:block}.sidebar{position:static;height:auto;min-height:0;padding:13px 18px;border-right:0;border-bottom:1px solid var(--line);display:flex;flex-direction:row;align-items:center;justify-content:space-between}.brand-sub,.nav-label,.nav-item,.side-note{display:none}.logout{padding:8px}.topbar{height:54px;padding:0 18px}.profile small,.chevron{display:none}.page-content{padding:25px 15px 12px}.page-heading h1{font-size:25px}.page-heading .muted{max-width:220px}.page-heading .button{font-size:10px;padding:0 10px;white-space:nowrap}.stats-grid{gap:9px;margin-bottom:16px}.stat-card{min-height:121px;padding:13px}.stat-card>strong{font-size:18px}.bill-panel{margin:0 -2px}.panel-head{padding:15px}.table-toolbar{align-items:flex-start;flex-direction:column;padding:0 15px 11px;gap:5px}.tabs{width:100%;justify-content:space-between}.tab{font-size:9px}.search{width:100%;height:34px}.table-wrap{overflow-x:auto}table{min-width:700px}.table-foot{padding:0 13px}.modal{padding:19px}.form-row{grid-template-columns:1fr 1fr}}@media(max-width:390px){.page-heading{align-items:flex-start;gap:8px}.page-heading .eyebrow{font-size:8px}.page-heading h1{font-size:22px}.page-heading .muted{font-size:11px}.page-heading .button{font-size:9px;padding:0 8px}.stat-top{font-size:9px}.form-row{grid-template-columns:1fr}}.table-wrap table{min-width:890px}.modal{max-height:calc(100vh - 32px);overflow-y:auto}.heading-actions{display:flex;align-items:center;gap:8px}.reminder-toggle{min-height:39px;font-size:10px}.reminder-toggle.enabled{background:#edf5ef;border:1px solid #deebdf;color:#38734e}.reminder-toggle.disabled{background:#f7eeee;border:1px solid #f0dddd;color:#a15353}@media(max-width:760px){.heading-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end}.reminder-toggle{min-height:35px;font-size:9px;padding:0 9px}.heading-actions .button.primary{min-height:35px}}@media(max-width:760px){.page-heading{flex-wrap:wrap}.heading-actions{width:100%;justify-content:space-between}}