html,body,#root{margin:0;padding:0;height:100%;overflow:hidden}.app-header{height:50px;padding:0;display:flex;align-items:center;justify-content:space-between}.header-logo-container{display:flex;align-items:center}.header-logo{height:35px;padding:0;margin:0 0 0 15px;cursor:pointer}.header-user-info{display:flex;align-items:center;margin-right:15px}.header-username{margin-right:15px}.header-logo-span{color:#f0f8ff;font-size:30px;margin-left:20px;cursor:pointer}.user-info-form .ant-tabs-content{max-height:500px;overflow-y:auto}.user-info-form .ant-form-item:last-child{margin-bottom:0}.side-menu{overflow:auto}.side-menu-content{border-right:0}.content-tabs{padding:0;margin:0;height:40px}.main-layout{height:100vh}.content-layout{display:flex;flex-direction:column}.content-container{margin:0;padding:0;height:100%;overflow:auto}.bill-detail-page{background-color:#f5f7fa;min-height:100vh;padding-bottom:80px}.bill-detail-loading,.bill-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px}.bill-detail-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;border-bottom:1px solid #f0f0f0}.header-left{flex:1}.header-title{display:flex;align-items:center;gap:12px}.header-right{flex:1;display:flex;justify-content:flex-end}.bill-detail-subheader{padding:12px 24px;background:#fff;border-bottom:1px solid #f0f0f0}.bill-detail-content{padding:24px}.amount-summary-card{margin-bottom:24px}.amount-summary-card .ant-statistic-title{font-size:14px;color:#8c8c8c}.unpaid-amount{display:flex;flex-direction:column}.unpaid-amount .due-date{margin-top:8px;font-size:12px;color:#ff4d4f}.bill-items-card{margin-bottom:24px}.bill-items-card .ant-table-row.selected-row{background-color:#e6f7ff}.bill-items-card .ant-table-row.selected-row:hover>td{background-color:#bae7ff!important}.info-card{margin-bottom:16px}.info-card .ant-descriptions-item-label{color:#8c8c8c}.bill-detail-footer{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:#fff;box-shadow:0 -2px 8px #0000001a;z-index:100}.footer-left,.footer-right{display:flex;align-items:center;gap:12px}.payment-modal-content{text-align:center;padding:16px 0}.payment-amount{margin-bottom:24px}.payment-amount .amount-value{margin-top:8px;color:#1890ff}.qr-code-container{display:flex;flex-direction:column;align-items:center;margin-bottom:24px}.qr-code{width:200px;height:200px;border:2px dashed #d9d9d9;border-radius:8px;padding:16px;margin-bottom:12px}.payment-info{display:flex;align-items:center;justify-content:center;margin-bottom:16px}@media (max-width: 992px){.bill-detail-content{padding:16px}.bill-detail-header{flex-direction:column;gap:12px}.header-left,.header-right{width:100%;justify-content:center}.bill-detail-footer{flex-direction:column;gap:12px}.footer-left,.footer-right{width:100%;justify-content:center}}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f0f2f5}.login-card{width:380px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.login-button{width:100%}.footer{position:absolute;bottom:10px;text-align:center;width:100%;font-size:12px;color:#888}.passkey-btn{color:#fff;background-color:#238636}.passkey-btn:hover{background-color:#2cac48!important;color:#fff!important}