:root{--bg:#f3f7fb;--surface:#fff;--text:#1a2c42;--muted:#73839a;--line:#e3ebf3;--blue:#245c8d;--blue2:#1a466e;--soft:#edf5fc;--green:#167b59;--red:#bf4242;--orange:#be8333;--shadow:0 8px 30px rgba(21,51,86,.06)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.55 Inter,"Segoe UI",Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.hidden{display:none!important}.app-shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.side{background:#fff;border-right:1px solid var(--line);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:26px 15px;gap:26px}.brand{display:flex;align-items:center;gap:12px;padding:0 11px}.brand-icon,.login-symbol{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:var(--blue);color:#fff}.brand-icon svg,.login-symbol svg{width:26px;height:26px}.brand b{font-size:21px;letter-spacing:-.6px}.brand small,.side-foot small{display:block;font-size:11px;color:var(--muted)}.side nav,.drawer-content nav{display:flex;flex-direction:column;gap:4px}.navlink{border:0;background:transparent;color:#64768a;padding:12px 14px;display:flex;align-items:center;gap:13px;border-radius:11px;font-weight:600;width:100%;text-align:left}.navlink.active,.navlink:hover{background:var(--soft);color:var(--blue)}.navlink svg{width:19px;height:19px}.side-foot{margin-top:auto;border-top:1px solid var(--line);padding:17px 11px 0;color:var(--blue);font-weight:700}.content{min-width:0}.topbar{height:95px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:12px clamp(18px,4vw,47px);gap:12px}.topbar h1{font-size:22px;margin:2px 0 0;letter-spacing:-.5px}.topbar small,.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.6px;color:var(--blue)}.top-end{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--muted)}.avatar{width:37px;height:37px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--blue);font-weight:800}main{padding:32px clamp(18px,4vw,48px) 72px;max-width:1600px;margin:auto}.heading,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.heading h2{font-size:24px;margin:0;letter-spacing:-.65px}.heading p,.panel-head p,.hint{margin:2px 0 0;color:var(--muted)}.actions{display:flex;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:10px;padding:11px 17px;background:#fff;color:var(--text);font-weight:700;white-space:nowrap}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:var(--blue2)}.btn.subtle{background:var(--soft);color:var(--blue);border-color:var(--soft)}.btn.danger{color:var(--red)}.btn:disabled{opacity:.55;cursor:not-allowed}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.stat,.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.stat{padding:22px;min-width:0}.stat span,.stat small{display:block;color:var(--muted);font-size:12px}.stat strong{display:block;font-size:clamp(22px,2.1vw,29px);margin:8px 0 5px;letter-spacing:-1px;overflow-wrap:anywhere}.panel{padding:24px;margin-bottom:18px}.panel h3{margin:0 0 14px;font-size:17px}.panel-head h3{margin:0}.filters{display:flex;gap:11px;align-items:center;margin-bottom:20px;flex-wrap:wrap}.filters select,.form input,.form select,input,select{border:1px solid #dce5ee;border-radius:10px;background:white;padding:11px 13px;color:var(--text);outline-color:#689dc6}.filters select{min-width:120px}.search{display:flex;align-items:center;gap:9px;border:1px solid #dce5ee;border-radius:10px;padding-left:11px;flex:1;min-width:190px}.search svg{color:var(--muted)}.search input{border:0;flex:1;min-width:0}.table-scroll{overflow-x:auto}.table{width:100%;border-collapse:separate;border-spacing:0;text-align:left}.table th{font-size:11px;text-transform:uppercase;letter-spacing:.55px;color:#7b899a;background:#f6f9fc;white-space:nowrap}.table th,.table td{border-bottom:1px solid var(--line);padding:13px 10px}.table tbody tr:hover{background:#f8fbfe}.table td{vertical-align:middle}.table .right{text-align:right}.table-foot{font-size:12px;color:var(--muted);margin-top:15px}.chip{display:inline-flex;align-items:center;justify-content:center;padding:4px 8px;border-radius:8px;font-size:11px;font-weight:700;white-space:nowrap}.chip.paid{background:#e6f7ef;color:#16784b}.chip.unpaid{background:#fff0d8;color:#a66a21}.chip.future{background:#eff3f7;color:#8897a7}.chip.cancelled{background:#ffeaea;color:var(--red)}.month-cell{text-align:center;min-width:60px!important}.table-wide th:first-child,.table-wide td:first-child{position:sticky;left:0;background:white;min-width:165px;z-index:1}.table-wide th:first-child{background:#f6f9fc}.minilink{font-size:12px;color:var(--blue);border:0;background:none;font-weight:750;padding:6px}.package-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.package-card{border:1px solid var(--line);padding:19px;border-radius:13px;background:#fbfdff}.package-card h4{font-size:18px;margin:4px 0}.package-card .price{font-size:22px;font-weight:800;margin:10px 0}.package-card small{color:var(--muted)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form{display:grid;gap:13px}.form label{display:grid;gap:5px;font-size:12px;font-weight:700;color:#66768a}.form input,.form select{width:100%;font-size:14px;font-weight:400}.form .btn{justify-self:start}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.full{grid-column:1/-1}.report-head{display:grid;grid-template-columns:repeat(3,1fr);background:#f7fbff;border-radius:14px;padding:18px;margin:18px 0}.report-head small{display:block;color:var(--muted)}.report-head strong{display:block;font-size:23px;margin-top:5px}.bar-wrap{display:flex;gap:15px;align-items:flex-end;min-height:200px;margin-top:14px}.bar-box{flex:1;min-width:0;text-align:center}.bar{background:linear-gradient(180deg,#3c80b3,#1c5b87);border-radius:8px 8px 3px 3px;min-height:4px}.bar-box small{display:block;color:var(--muted);font-size:11px;margin-top:12px}.bar-box strong{font-size:11px;color:var(--blue)}.overlay,.mobile-drawer{position:fixed;inset:0;background:rgba(13,28,48,.4);z-index:100;display:flex;justify-content:center;align-items:center;padding:20px}.sheet{background:white;border-radius:17px;width:min(650px,100%);max-height:88vh;overflow-y:auto;box-shadow:0 18px 70px #11283a30;padding:23px}.sheet-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.sheet-heading h3{margin:0;font-size:20px}.icon-btn{border:0;background:var(--soft);color:var(--blue);width:38px;height:38px;border-radius:9px;display:grid;place-items:center;font-size:22px}.alert,.error{padding:11px;background:#fff0ec;color:#ae4e37;border-radius:9px;font-size:12px}.hint{font-size:12px;margin-top:13px}.toast{position:fixed;bottom:24px;right:24px;background:#223950;color:white;border-radius:10px;padding:12px 18px;box-shadow:var(--shadow);z-index:200}.mobile-only,.bottomnav{display:none}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at 50% -40%,#b9d6ee,transparent 67%),#f4f8fc}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:35px;box-shadow:var(--shadow);text-align:center}.login-symbol{margin:auto;width:57px;height:57px;border-radius:18px}.login-card h1{font-size:29px;margin:10px 0 0}.login-card p{margin:1px 0 27px;color:var(--muted)}.login-card form{display:grid;gap:15px;text-align:left}.login-card label{display:grid;gap:5px;font-weight:700;font-size:12px}.login-card form button{margin:6px 0}.login-card small{color:var(--muted);font-size:11px}.login-card .error{margin-top:12px}.month-pay{border:1px solid var(--line);border-radius:9px;padding:10px;display:flex;gap:10px;align-items:center;margin:4px 0}.month-pay input{width:auto}.customer-cards{display:grid;gap:12px}.customer-card{padding:15px;border:1px solid var(--line);border-radius:14px}.customer-card .cc-head,.cc-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.customer-card strong{font-size:15px}.customer-card small{color:var(--muted)}.customer-card .cc-foot{margin-top:13px}.mobile-month{align-items:center;justify-content:space-between;margin-bottom:15px}.mobile-month button{border:0;background:var(--soft);color:var(--blue);border-radius:8px;padding:6px 17px;font-size:20px}.drawer-content{margin-right:auto;width:min(310px,88vw);background:#fff;height:100%;padding:22px}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.drawer-header b{font-size:24px}.mobile-drawer{padding:0;justify-content:flex-start}.pillnav{display:flex;flex-direction:column;gap:5px}.empty{text-align:center;color:var(--muted);padding:28px 12px}hr{height:1px;border:0;background:var(--line);margin:18px 0}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.side{width:218px}.app-shell{grid-template-columns:218px minmax(0,1fr)}}@media(max-width:760px){.app-shell{display:block}.side,.desktop-only{display:none}.mobile-only{display:flex}.topbar{height:76px;padding:12px 17px;justify-content:flex-start}.topbar h1{font-size:19px}.top-end{margin-left:auto}.top-end #topTenant{display:none}.topbar .mobile-only{flex-shrink:0}.bottomnav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;padding:6px 6px calc(7px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);z-index:50}.bottomnav .navlink{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;gap:3px;padding:7px 4px;border-radius:9px;font-size:10px}.bottomnav .navlink svg{width:21px;height:21px}.bottomnav .navlink .navlabel{font-size:10px}.side-foot{display:none}main{padding:22px 14px 110px}.heading{align-items:flex-start;flex-direction:column;margin-bottom:16px}.heading h2{font-size:21px}.heading .actions{width:100%}.heading .actions>*{flex:1}.stats{gap:10px}.stat{padding:15px}.stat strong{font-size:20px}.stat span,.stat small{font-size:11px}.panel{padding:15px;border-radius:13px}.filters{gap:8px}.filters .search{flex-basis:100%}.filters select{flex:1;min-width:0}.settings-grid{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.full{grid-column:auto}.report-head{grid-template-columns:1fr 1fr;gap:14px}.report-head strong{font-size:17px}.bar-wrap{gap:8px}.bar-box small,.bar-box strong{font-size:9px}.overlay{align-items:flex-end;padding:0}.sheet{width:100%;max-height:91dvh;border-radius:19px 19px 0 0;padding:20px 16px calc(26px + env(safe-area-inset-bottom))}.toast{bottom:83px;left:15px;right:15px;text-align:center}.login-card{padding:27px 22px}}@media print{.side,.bottomnav,.topbar,.filters,.heading button{display:none!important}.app-shell{display:block}.panel{border:none;box-shadow:none}.table{font-size:10px}}