.bill-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.bill-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:var(--shadow);border-left:5px solid}.bill-card span,.bill-card small{display:block;color:var(--muted)}.bill-card strong{display:block;font-size:23px;margin:8px 0}.bill-card.overdue{border-left-color:var(--red)}.bill-card.soon{border-left-color:#f2a93b}.bill-card.paid{border-left-color:var(--green)}.pending-panel{margin-bottom:18px}.pending-list{display:grid;gap:10px}.pending-row{display:grid;grid-template-columns:minmax(160px,1fr) auto auto auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px}.pending-row small{display:block;color:var(--muted);margin-top:4px}.status{border:0;border-radius:99px;padding:7px 10px;font-size:12px;font-weight:750;white-space:nowrap}.status.done{background:#dff8ee;color:#137654}.status.waiting{background:#fff3d8;color:#976400}.status.late{background:#ffe5ea;color:#b43d52}.row-actions{white-space:nowrap}.row-actions button{padding:5px}.check-label{display:flex!important;grid-column:1/-1;grid-template-columns:auto 1fr!important;align-items:center}.check-label input{width:auto!important}.bulk-card{width:min(1050px,calc(100vw - 30px))}.bulk-help{color:var(--muted);margin:-8px 0 18px}.bulk-labels,.bulk-row{display:grid;grid-template-columns:1.5fr .75fr 1fr 1fr .55fr 36px;gap:9px;align-items:center}.bulk-labels{font-size:11px;font-weight:800;color:var(--muted);text-transform:uppercase;margin-bottom:7px}.bulk-rows{display:grid;gap:9px;max-height:45vh;overflow:auto;margin-bottom:14px}.bulk-row input,.bulk-row select{width:100%;min-width:0;border:1px solid var(--line);border-radius:10px;padding:11px;background:#fafafe}.bulk-check{display:flex;align-items:center;gap:5px;font-size:12px}.bulk-check input{width:auto}.remove-row{border:0;background:#ffe8ec;color:#b23c51;width:34px;height:34px;border-radius:9px;font-size:20px;cursor:pointer}.bulk-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.bulk-footer .modal-actions{margin-top:0}
@media(max-width:900px){.bill-grid{grid-template-columns:1fr}.pending-row{grid-template-columns:1fr auto}.pending-row .secondary{grid-column:1/-1}.bulk-labels{display:none}.bulk-row{grid-template-columns:1fr 1fr;padding:12px;border:1px solid var(--line);border-radius:12px}.bulk-row [name="description"],.bulk-row [name="categoryId"]{grid-column:1/-1}.bulk-footer{align-items:flex-start;gap:15px;flex-direction:column}.bulk-footer .modal-actions{width:100%}}
.sidebar-toggle{margin-left:auto;border:0;background:#2d2948;color:#fff;width:30px;height:30px;border-radius:9px;font-size:24px;line-height:1;cursor:pointer}.sidebar,.content{transition:width .25s,margin-left .25s}.sidebar.collapsed{width:78px}.sidebar.collapsed .logo span,.sidebar.collapsed nav button:not(.active){font-size:0}.sidebar.collapsed .logo{padding-left:4px;gap:5px}.sidebar.collapsed .logo b{font-size:30px}.sidebar.collapsed nav button{justify-content:center;padding:13px 8px}.sidebar.collapsed nav button span{font-size:20px}.sidebar.collapsed .sidebar-foot>div:not(.avatar),.sidebar.collapsed .sidebar-foot #logout{display:none}.sidebar.collapsed .sidebar-foot{grid-template-columns:40px;justify-content:center}.sidebar.collapsed+.content{margin-left:78px}.pay-switch{border:0;background:#eeeef4;border-radius:99px;padding:4px 9px 4px 4px;display:inline-flex;align-items:center;gap:7px;color:#77798e;font-size:12px;font-weight:750;cursor:pointer}.pay-switch i,.mini-switch i,.switch-field i{width:28px;height:17px;border-radius:99px;background:#c5c6d0;position:relative;transition:.2s}.pay-switch i:after,.mini-switch i:after,.switch-field i:after{content:"";position:absolute;width:13px;height:13px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003;transition:.2s}.pay-switch.on{background:#dff8ee;color:#137654}.pay-switch.on i,.mini-switch input:checked+i,.switch-field input:checked+i{background:var(--green)}.pay-switch.on i:after,.mini-switch input:checked+i:after{transform:translateX(11px)}.switch-field input:checked+i:after{transform:translateX(19px)}.switch-field{grid-column:1/-1!important;display:flex!important;grid-template-columns:1fr auto!important;align-items:center;border:1px solid var(--line);padding:12px 14px;border-radius:12px;background:#fafafe;cursor:pointer}.switch-field span{display:block}.switch-field strong,.switch-field small{display:block}.switch-field small{color:var(--muted);margin-top:3px}.switch-field input,.mini-switch input{position:absolute;opacity:0;pointer-events:none}.switch-field i{width:40px;height:22px}.switch-field i:after{width:18px;height:18px}.mini-switch{display:flex;align-items:center;gap:5px;cursor:pointer;font-size:12px}.modal-card form{margin:0}dialog[open]{animation:modal-in .18s ease-out}@keyframes modal-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:760px){.sidebar.collapsed{width:250px;transform:translateX(-100%)}.sidebar.collapsed.open{transform:none}.sidebar.collapsed+.content{margin-left:0}.sidebar-toggle{display:none}}
.current-plan{background:#e9e5ff;color:#5a43cc;padding:9px 13px;border-radius:99px;font-weight:750;font-size:13px}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.plan-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:20px;padding:25px;box-shadow:var(--shadow);display:flex;flex-direction:column}.plan-card.featured{border:2px solid var(--purple);transform:translateY(-5px);box-shadow:0 18px 45px #6f55ed22}.plan-card h3{font-size:23px;margin:7px 0 14px}.plan-price{font-size:32px;letter-spacing:-.04em}.plan-card>p{color:var(--muted);margin:4px 0 18px}.plan-card ul{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:12px;flex:1}.plan-card li:before{content:"✓";color:var(--green);font-weight:900;margin-right:9px}.plan-card button{width:100%}.plan-badge{position:absolute;right:16px;top:15px;background:var(--purple);color:#fff;border-radius:99px;padding:5px 8px;font-size:10px;font-weight:850}.payment-note{text-align:center;color:var(--muted);margin-top:20px}@media(max-width:900px){.plans-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}}