:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#172126;background:#f4f7f6;line-height:1.5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,.primary,.secondary{border:0;border-radius:14px;padding:.65rem 1rem;cursor:pointer}.primary{background:#0f766e;color:#fff}.primary:hover{background:#115e59}.secondary{background:#d9efeb;color:#115e59;text-decoration:none;display:inline-block;margin-right:.5rem}.app-shell{min-height:100vh;display:flex}.sidebar{width:240px;background:#103c3b;color:#d9efeb;padding:1.5rem 1rem;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;max-height:100vh;overflow-y:auto;overscroll-behavior:contain}.brand{display:flex;align-items:center;gap:.55rem;font-size:1.25rem;padding:.25rem .75rem 1.5rem;color:#fff;flex-shrink:0}.brand span{font-size:1.7rem}.brand.large{font-size:1.8rem;justify-content:center}.sidebar nav{display:grid;gap:.2rem}.sidebar nav a{color:#b9d4d0;text-decoration:none;padding:.7rem .8rem;border-radius:999px}.sidebar nav a:hover,.sidebar nav a.active{background:#1e5a57;color:#fff}.sidebar-footer{margin-top:1.5rem;font-size:.8rem;display:grid;gap:.6rem;padding-top:1rem;border-top:1px solid #2d6864}.sidebar-footer button,.mobile-header button{background:transparent;color:inherit;border:1px solid #82aaa6;border-radius:999px;padding:.5rem .75rem;cursor:pointer}.content{margin-left:240px;padding:2rem;max-width:1500px;width:calc(100% - 240px)}.mobile-header{display:none}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.page-header h1{font-size:1.8rem;margin:0}.muted{color:#66777a;margin:.25rem 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat{background:#fff;border:1px solid #e0e9e7;border-radius:12px;padding:1.2rem;display:grid;gap:.5rem}.stat span{color:#66777a;font-size:.85rem}.stat strong{font-size:1.45rem}.stat.green{border-top:3px solid #0f766e}.stat.orange{border-top:3px solid #d97706}.grid.two{display:grid;grid-template-columns:1.4fr 1fr;gap:1rem}.card{background:#fff;border:1px solid #e0e9e7;border-radius:12px;padding:1.2rem;margin-bottom:1rem}.card h2{font-size:1rem;margin:0 0 1rem}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.9rem}th{text-align:left;color:#66777a;font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}th,td{padding:.75rem .5rem;border-bottom:1px solid #edf1f0}tbody tr:last-child td{border-bottom:0}.badge{padding:.25rem .5rem;border-radius:999px;background:#eef1f0;font-size:.75rem}.badge.paid,.badge.active{background:#d9f4e7;color:#14733e}.badge.partial{background:#fff0ca;color:#966011}.badge.unpaid{background:#fee2e2;color:#a63232}.empty{padding:2rem;color:#8a9799;text-align:center}.list-row{display:flex;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #edf1f0}.list-row small{color:#66777a}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:1rem}.form-grid label{display:grid;gap:.35rem;font-size:.85rem;color:#435456}.form-grid input,.form-grid select,.form-grid textarea,.login-card input{border:1px solid #cddad7;border-radius:999px;padding:.65rem;background:#fff;color:#172126;width:100%}.form-grid>button,.form-grid>div{align-self:end}.form-grid.narrow{max-width:600px}.danger-link{border:0;background:none;color:#bd3f3f;cursor:pointer}.bar-row{display:grid;grid-template-columns:100px 1fr 120px;align-items:center;gap:1rem;margin:.8rem 0}.bar-row div{height:10px;background:#e8efed;border-radius:9px;overflow:hidden}.bar-row i{display:block;background:#0f766e;height:100%;border-radius:9px}.bar-row b{text-align:right}.center{min-height:100vh;display:grid;place-items:center;color:#66777a}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(140deg,#d9efeb,#f4f7f6)}.login-card{background:#fff;border:1px solid #d7e4e1;border-radius:14px;padding:2.2rem;width:min(92vw,400px);box-shadow:0 10px 35px #174a4315;display:grid;gap:1rem;text-align:center}.login-card .primary{width:100%}.login-card .brand{color:#103c3b}.link-button{background:none;color:#0f766e;border:0;cursor:pointer}.error{background:#fee2e2;color:#a63232;padding:.7rem;border-radius:999px;font-size:.85rem}.success{color:#14733e}.narrow{grid-template-columns:1fr}@media(max-width:800px){.sidebar{display:none}.content{margin:0;padding:1rem;width:100%}.mobile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;background:#103c3b;padding:.5rem;border-radius:999px;color:#fff}.mobile-header .brand{padding:0;font-size:1rem}.mobile-header .brand span{font-size:1.3rem}.page-header h1{font-size:1.4rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.grid.two,.form-grid{grid-template-columns:1fr}.bar-row{grid-template-columns:80px 1fr 90px;font-size:.85rem}}.upcoming-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}.upcoming-day{min-height:115px;border:1px solid #e0e9e7;border-radius:9px;padding:.55rem;background:#fff;display:grid;align-content:start;gap:.3rem}.upcoming-day.today,.month-cell.today{border-color:#0f766e;background:#f0faf8}.upcoming-day strong{font-size:.7rem;text-transform:uppercase;color:#66777a}.upcoming-day b{font-size:1.2rem}.upcoming-day small,.month-cell small{font-size:.68rem;color:#66777a}.calendar-task{display:flex;align-items:center;gap:.25rem;border:1px solid;padding:.22rem .3rem;border-radius:4px;font-size:.65rem;line-height:1.1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.calendar-task span{width:5px;height:5px;border-radius:50%;background:currentColor;flex:none}.calendar-task.blue{background:#e8f0ff;color:#164e9b;border-color:#bfd4fa}.calendar-task.orange{background:#fff3d9;color:#966011;border-color:#f4d28c}.calendar-task.red{background:#fee7e7;color:#a63232;border-color:#f4baba}.calendar-task.green{background:#dff6ea;color:#14733e;border-color:#b8e4cb}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.45rem}.month-grid.weekdays{margin-bottom:.35rem;text-align:center;color:#66777a;font-size:.72rem}.month-cell{min-height:88px;border:1px solid #e0e9e7;border-radius:7px;padding:.35rem;display:grid;align-content:start;gap:.25rem}.month-cell>b{font-size:.75rem;text-align:right;color:#66777a}.month-cell.blank{background:#f6f8f7;opacity:.45}.notice{background:#fff3d9;border:1px solid #f4d28c;color:#805b11;border-radius:9px;padding:.8rem;margin-bottom:1rem}.sales-bars{height:150px;display:flex;align-items:end;gap:.4rem}.sales-bars>div{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:.3rem}.sales-bars i{display:block;width:100%;min-height:3px;background:#0f766e;border-radius:4px 4px 0 0}.sales-bars small{font-size:.65rem;color:#66777a}.mobile-nav{display:none}@media(max-width:800px){.mobile-nav{display:flex;gap:.45rem;overflow-x:auto;overscroll-behavior-x:contain;padding:.25rem 0 .75rem;margin-bottom:1rem;scrollbar-width:thin}.mobile-nav a,.mobile-nav button{flex:0 0 auto;border:1px solid #b9d4d0;border-radius:999px;padding:.5rem .75rem;background:#fff;color:#115e59;text-decoration:none;font-size:.78rem;white-space:nowrap}.mobile-nav a.active,.mobile-nav a:hover,.mobile-nav button:hover{background:#0f766e;color:#fff;border-color:#0f766e}}