:root{font-family:Inter,Segoe UI,sans-serif;color:#17201b;background:#f4f6f3}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:250px;background:#10251c;color:#dfe9e3;padding:30px 20px;position:fixed;inset:0 auto 0 0}.brand{display:flex;gap:12px;align-items:center;font-weight:700}.brand>span{background:#b9f227;color:#17311f;border-radius:12px;padding:12px}.brand small{display:block;color:#7e9b8c;font-weight:500;margin-top:3px}nav{margin-top:48px;display:grid;gap:8px}nav a{padding:13px 14px;border-radius:10px;color:#96aa9f;cursor:pointer;display:block;user-select:none}nav a:hover{background:#1a3327;color:#eaf3ee}nav a.active{background:#213a2e;color:white}.status{position:absolute;bottom:28px;font-size:13px;color:#86a193}.status:first-letter{color:#b9f227}main{margin-left:250px;padding:38px 44px;width:calc(100% - 250px)}header{display:flex;justify-content:space-between;align-items:center}h1{font-size:34px;margin:3px 0}p{color:#728078;margin:0}.eyebrow{color:#5c7669;font-size:12px;letter-spacing:2px;font-weight:700}button{border:0;border-radius:9px;background:#183629;color:white;padding:12px 18px;font-weight:600;cursor:pointer}.filters{display:flex;gap:12px;align-items:end;margin:28px 0 18px}.filters label,dialog label{font-size:12px;color:#718078;display:grid;gap:6px}input{border:1px solid #dbe1dc;border-radius:8px;background:white;padding:10px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.cards article,.panel{background:white;border:1px solid #e2e7e3;border-radius:14px;padding:20px;box-shadow:0 4px 14px #1d392708}.cards span{color:#718078;font-size:13px}.cards strong{display:block;font-size:27px;margin-top:9px}.cards .debt{background:#fff9f2}.panel{margin-top:18px;padding:0}.panel-title{padding:22px 24px;border-bottom:1px solid #edf0ed}.panel h2{margin:0 0 5px}.table{overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;padding:15px 22px;border-bottom:1px solid #edf0ed;white-space:nowrap}th{font-size:11px;color:#809087;text-transform:uppercase}td{font-size:14px}.money{font-weight:700}.danger{color:#b34a35}.ok{color:#26734d;font-weight:700}.muted{color:#809087}.empty{text-align:center;color:#809087;padding:32px}.hidden{display:none!important}.pay{padding:8px 11px;background:#eef5f1;color:#1b4b34}dialog{border:0;border-radius:14px;padding:24px;width:390px;box-shadow:0 20px 80px #0004}dialog form{display:grid;gap:15px}dialog form div{display:flex;justify-content:flex-end;gap:8px}.ghost{background:#eef1ef;color:#425249}#toast{position:fixed;right:25px;bottom:25px;background:#183629;color:white;padding:13px 18px;border-radius:10px;display:none}.tariff-dialog{width:min(680px,calc(100vw - 32px))}.tariff-dialog form .rule-heading,.tariff-dialog form .tariff-rule{display:grid;grid-template-columns:1fr 1fr 1.5fr 42px;gap:9px;align-items:center;justify-content:stretch}.rule-heading{color:#718078;font-size:12px;padding:0 2px}.tariff-rules{display:grid!important;gap:9px!important}.tariff-rule input{width:100%;min-width:0}.remove-rule{padding:10px;background:#fff0ed;color:#a13f2d}.add-rule{justify-self:start}.tariff-dialog form .dialog-actions{display:flex;justify-content:flex-end;gap:8px}@media(max-width:900px){aside{display:none}main{margin:0;width:100%;padding:25px}.cards{grid-template-columns:1fr 1fr}}