.status-cell{padding:4px 8px;border-radius:4px;font-weight:500;text-align:center;display:inline-block}.status-active{background-color:#dcfce7;color:#15803d;font-weight:600}.status-pending{background-color:#e8f0fe;color:#1a73e8}.status-attention{background-color:#fef7e0;color:#b06000}.status-cancelled{background-color:#fce8e6;color:#c5221f}tr.row-active{background-color:rgba(19,115,51,.05)!important}tr.row-pending{background-color:rgba(26,115,232,.05)!important}tr.row-attention{background-color:rgba(176,96,0,.05)!important}tr.row-cancelled{background-color:rgba(197,34,31,.05)!important}tr.row-active:hover,tr.row-attention:hover,tr.row-cancelled:hover,tr.row-pending:hover{background-color:rgba(0,0,0,.05)!important}tr.row-active:nth-child(odd),tr.row-attention:nth-child(odd),tr.row-cancelled:nth-child(odd),tr.row-pending:nth-child(odd){background-color:rgba(0,0,0,.02)}.payment-history-container{display:flex;gap:4px;align-items:center;justify-content:flex-start;padding:4px 0;max-width:100%;overflow-x:auto;flex-wrap:nowrap;min-height:28px}.payment-indicator{width:12px;height:12px;border-radius:50%;cursor:pointer;position:relative;border:1px solid #d0d0d0;transition:all .2s ease}.payment-indicator.first-month{width:16px!important;height:16px!important;border-width:2px!important;border-color:#666!important;z-index:2}.payment-indicator:hover{transform:scale(1.2);box-shadow:0 0 4px rgba(0,0,0,.3)}.payment-paid{background-color:#137333;border-color:#137333;box-shadow:0 0 3px rgba(19,115,51,.6)}.payment-missed{background-color:#c5221f;border-color:#c5221f}.payment-pending{background-color:#1a73e8;border-color:#1a73e8}.payment-nsf{background-color:#ea8600;border-color:#ea8600}.payment-waived{background-color:#80868b;border-color:#80868b}.payment-empty{background-color:#fff;border:1px solid #d0d0d0}.payment-tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);padding:6px 10px;background-color:#333;color:#fff;border-radius:4px;font-size:12px;white-space:nowrap;z-index:10;opacity:0;transition:opacity .2s;pointer-events:none}.payment-indicator:hover .payment-tooltip{opacity:1}.payment-indicator:active,.payment-indicator:focus{background-color:#fff;opacity:1;transform:scale(1.2);box-shadow:0 0 4px rgba(0,0,0,.3)}.payment-empty:active,.payment-empty:focus{background-color:#fff;opacity:1}.payment-update-modal{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.payment-modal-content{background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.2);width:400px;max-width:90vw;max-height:90vh;overflow-y:auto}.payment-modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border-bottom:1px solid #e0e0e0}.payment-modal-header h3{margin:0;font-size:18px;font-weight:500}.close-modal{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.payment-modal-body{padding:20px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.payment-date-input,.payment-status-select{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.payment-modal-footer{padding:15px 20px;border-top:1px solid #e0e0e0;display:flex;justify-content:flex-end;gap:10px}.cancel-btn,.save-btn{padding:8px 16px;border-radius:4px;font-size:14px;cursor:pointer}.cancel-btn{background:#f5f5f5;border:1px solid #ddd;color:#333}.save-btn{background:#1a73e8;border:1px solid #1a73e8;color:#fff}.popover-content,[data-radix-popper-content-wrapper]>div{background-color:#fff!important;opacity:1!important}