.community-metrics .metric-card{min-height:124px;align-items:center}.community-metrics .metric-card strong{margin:0 0 8px}.community-filter{height:74px;background:#fff;border:1px solid #e8eef5;border-radius:13px;box-shadow:0 2px 7px #2c47710b;padding:16px 27px;display:flex;align-items:center;gap:12px;margin-bottom:23px;color:#7890ad}.community-filter>span{font-size:21px}.community-filter input{border:0;outline:0;flex:1;height:38px;font:15px inherit;color:#3a4a61}.community-filter select,.community-filter button{height:40px;border:1px solid #dfe7f1;background:#fff;border-radius:7px;padding:0 13px;color:#62748e;font:14px inherit}.community-grid{display:grid;grid-template-columns:repeat(3,minmax(250px,1fr));gap:20px}.community-card{background:#fff;border:1px solid #e6edf5;border-radius:14px;box-shadow:0 2px 7px #2c47710b;overflow:hidden}.community-card-header{min-height:106px;display:flex;justify-content:space-between;padding:25px 27px 18px;border-bottom:1px solid #e8eef5}.community-card h2{margin:0 0 8px;color:#27364e;font-size:18px}.community-card-header p{margin:0;color:#71839e;font-size:13px}.community-card-header .tag{height:max-content;white-space:nowrap}.community-values{padding:20px 27px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.community-values div{background:#f7f9fd;border-radius:8px;text-align:center;padding:14px 6px}.community-values b{display:block;color:#225aaf;font-size:22px;margin-bottom:6px}.community-values small{color:#7487a1;font-size:12px}.community-actions{padding:12px 27px 20px;display:flex;gap:10px}.community-actions button{border:0;border-radius:7px;background:#eef6ff;color:#3670c4;padding:9px 13px;font:13px inherit;cursor:pointer}.community-actions .danger{background:#fff0f1;color:#ef4e57}.community-empty{grid-column:1/-1;text-align:center;background:#fff;color:#90a0b4;border-radius:12px;padding:42px}.form-row{display:flex;gap:10px}.form-row label{flex:1}.dialog select{display:block;width:100%;height:38px;margin-top:7px;border:1px solid #dbe4ef;border-radius:6px;padding:0 10px;background:#fff;color:#53657e}.login-page{min-height:100vh;background:linear-gradient(135deg,#17448d,#3477d5);display:grid;place-items:center}.login-card{width:390px;padding:42px;background:#fff;border-radius:18px;box-shadow:0 22px 60px #10285d66;text-align:center}.login-logo{margin:auto;background:#245bb5;color:#fff;border-radius:13px;width:54px;height:54px;display:grid;place-items:center;font-size:30px}.login-card h1{margin:18px 0 5px;color:#233650;font-size:23px}.login-card p,.login-card em{display:block;color:#8291a7;font-size:12px;font-style:normal;margin:0 0 25px}.login-card label{text-align:left;display:block;color:#5b6c85;margin:14px 0}.login-card input{width:100%;margin-top:7px;height:42px;border:1px solid #dce5ef;border-radius:7px;padding:0 12px;font:14px inherit}.login-card .primary-btn{width:100%;margin:14px 0}.login-error{display:block;color:#e74750;text-align:left}.building-dialog{width:680px}.building-dialog table{width:100%}.building-dialog td,.building-dialog th{padding:11px;text-align:left}.mask{padding:24px}.dialog{max-height:calc(100vh - 48px);overflow-y:auto}.dialog .dialog-footer{position:sticky;bottom:-24px;background:#fff;padding:16px 0 0;margin-bottom:-1px;border-top:1px solid #e7edf5}.dialog select{width:100%;height:38px;margin-top:7px;border:1px solid #dbe4ef;border-radius:6px;padding:0 10px;background:#fff;color:#53657e}.page-actions{display:flex;gap:12px;align-items:center}.page-actions select{height:42px;min-width:180px;border:1px solid #dce5ef;background:#fff;border-radius:8px;padding:0 12px;color:#52647e;font:14px inherit}.pagination button:nth-of-type(n+3){display:inline-block}.pagination button:disabled{opacity:.45;cursor:not-allowed}.page-pagination{margin-top:14px;background:#fff;border:1px solid #e8eef5;border-radius:12px}.page-owners .table-panel>.pagination{display:none}.danger-action{color:#e64953!important}.house-detail dl{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0}.house-detail dl div{padding:14px 8px;border-bottom:1px solid #edf1f6}.house-detail dt{color:#8494aa;font-size:13px;margin-bottom:6px}.house-detail dd{margin:0;color:#2e405a}.owner-dialog,.house-picker{width:620px}.picker-input{display:flex;gap:8px}.picker-input input{flex:1}.picker-input button{margin-top:7px;border:1px solid #2864bf;background:#fff;color:#2864bf;border-radius:6px;padding:0 12px;white-space:nowrap}.picker-filter{display:flex;gap:10px;margin:5px 0 16px}.picker-filter input,.picker-filter select{height:38px;border:1px solid #dbe4ef;border-radius:6px;padding:0 10px;flex:1}.house-picker table{width:100%}.house-picker th,.house-picker td{padding:10px}.filter-bar .query-button{background:#245bb5!important;color:#fff!important;border-color:#245bb5!important;min-width:88px;font-weight:600}.charge-generator{padding:0 26px 24px;margin-bottom:20px}.charge-generator .panel-heading{margin:0 -26px 20px;padding:20px 26px;border-bottom:1px solid #e8eef5}.charge-form{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px;align-items:end}.charge-form label{display:flex;flex-direction:column;gap:7px;color:#62748e;font-size:13px}.charge-form select,.charge-form input,.field-button{height:40px;width:100%;box-sizing:border-box;border:1px solid #dbe4ef;border-radius:7px;background:#fff;padding:0 11px;color:#40536d;font:14px inherit;text-align:left}.charge-form select[multiple]{height:88px;padding:6px}.generate-btn{height:40px;margin:0;align-self:end}.month-dialog{width:min(680px,calc(100vw - 48px));overflow:visible!important}.month-toolbar{display:flex;align-items:center;justify-content:space-between;background:#f6f9fd;border-radius:8px;padding:10px 12px;margin-bottom:14px;color:#687b95;font-size:13px}.month-toolbar label{display:flex;align-items:center;gap:8px}.month-toolbar select{height:34px;border:1px solid #d9e4ef;border-radius:6px;padding:0 8px;background:#fff;color:#314766;font:14px inherit}.month-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.month-grid label{min-height:68px;padding:10px;border:1px solid #dfe7f1;border-radius:8px;color:#4b607d;cursor:pointer;display:flex;flex-direction:column;justify-content:center;position:relative;background:#fff}.month-grid label.checked{border-color:#2a64bd;background:#f1f6ff;color:#2159ae}.month-grid input{position:absolute;opacity:0}.month-grid b{font-size:16px}.month-grid small{font-size:12px;margin-top:3px;color:#8a9ab1}.order-detail{width:min(1060px,calc(100vw - 48px));max-height:calc(100vh - 48px)!important;overflow:hidden!important}.order-detail h3{font-size:15px;color:#2c3d55;margin:20px 0 8px}.order-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 18px;padding:14px 0;border-bottom:1px solid #e8eef5}.order-summary div{min-width:0}.order-summary small{display:block;color:#8191a7;font-size:12px;margin-bottom:4px}.order-summary b{display:block;color:#2b405e;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.order-summary .summary-months{grid-column:span 2}.order-summary .summary-months b{white-space:normal;line-height:1.5}.order-items table{width:100%;border-collapse:collapse;table-layout:fixed}.order-items th,.order-items td{padding:10px 8px;border-bottom:1px solid #edf1f6;text-align:left;font-size:13px;white-space:nowrap}.order-items th{background:#f7f9fc;color:#687b95}.order-items th:first-child{width:21%}.order-items th:nth-child(2){width:16%}.order-items th:nth-child(n+3){width:12%}.charge-form .fee-select,.multi-select{position:relative}.multi-select .field-button{display:flex;align-items:center;justify-content:space-between}.multi-options{position:absolute;z-index:20;top:44px;left:0;right:0;max-height:210px;overflow-y:auto;background:#fff;border:1px solid #dbe4ef;border-radius:7px;box-shadow:0 8px 22px #263e6726;padding:6px}.multi-options label{display:flex;flex-direction:row;align-items:center;gap:7px;padding:8px 7px;color:#40536d;font-size:13px;cursor:pointer}.multi-options label:hover{background:#f3f7fd}.multi-options input{width:auto;height:auto;margin:0}.multi-options p{margin:8px;color:#8b9ab0;font-size:12px}.charge-actions{display:flex;gap:10px;align-items:end}.charge-actions .generate-btn{flex:1}.charge-actions button:not(.primary-btn){height:40px;border:1px solid #2864bf;background:#fff;color:#2864bf;border-radius:7px;padding:0 16px;font:14px inherit;cursor:pointer}.order-months{display:block;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-dialog{width:430px;text-align:center}.mock-note{color:#71849e;font-size:13px;margin:0 0 16px}.mock-qr{width:220px;height:220px;margin:0 auto 18px;padding:10px;display:grid;grid-template-columns:repeat(11,1fr);gap:2px;background:#fff;border:1px solid #dce5ef}.mock-qr i{background:#fff}.mock-qr i.dark{background:#173c78}.payment-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;text-align:left;border-top:1px solid #e8eef5;padding-top:15px}.payment-info p{margin:0;color:#7b8ba0;font-size:12px}.payment-info span{display:block;margin-bottom:3px}.payment-info b{color:#30435d;font-size:13px}.payload{display:block;text-align:left;margin-top:14px;color:#8d9ab0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dialog.payment-record-detail{width:min(1240px,calc(100vw - 80px))!important;max-width:none!important;max-height:calc(100vh - 32px)!important;padding:30px 34px;overflow:auto!important}.payment-record-detail .order-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px;padding:16px 0}.payment-record-detail .order-summary b{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-all;line-height:1.55;-webkit-user-select:text;user-select:text;cursor:text}.payment-record-detail .order-summary small{font-size:13px}.payment-record-detail .order-summary b{font-size:15px}.payment-record-detail .order-items{overflow-x:auto}.payment-record-detail .order-items table{min-width:900px}.payment-record-detail .order-items th,.payment-record-detail .order-items td{padding:12px 14px;font-size:14px}.payment-record-detail .dialog-footer{bottom:-30px;padding-top:18px}@media(max-width:900px){.dialog.payment-record-detail{width:calc(100vw - 32px)!important;padding:24px}.payment-record-detail .order-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}.success-action{color:#0a9b51!important}.refund-pay-dialog{width:500px}.refund-pay-dialog>p{color:#60748f;margin:12px 0}.refund-pay-dialog>p b{color:#283c58}.refund-pay-dialog label{margin-top:20px}.refund-pay-dialog input[type=file]{height:auto;padding:9px;cursor:pointer}.proof-name{font-size:13px;color:#168550!important;background:#edf9f2;padding:9px;border-radius:6px}.refund-pay-dialog .primary-btn:disabled{opacity:.55;cursor:not-allowed}.dialog.refund-record-detail{width:min(1240px,calc(100vw - 80px))!important;max-width:none!important;max-height:calc(100vh - 32px)!important;padding:30px 34px;overflow:auto!important}.refund-record-detail .order-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px;padding:16px 0}.refund-record-detail .order-summary b{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-all;line-height:1.55;-webkit-user-select:text;user-select:text;cursor:text}.refund-record-detail .order-summary small{font-size:13px}.refund-record-detail .order-summary b{font-size:15px}.refund-record-detail .summary-months{grid-column:span 2}.refund-record-detail .order-items{overflow-x:auto}.refund-record-detail .order-items table{min-width:900px}.refund-record-detail .order-items th,.refund-record-detail .order-items td{padding:12px 14px;font-size:14px}.refund-record-detail .dialog-footer{bottom:-30px;padding-top:18px}.proof-summary a{font-size:14px;color:#2864bf;text-decoration:none}.refund-proof-card{display:flex;gap:20px;align-items:center;margin:18px 0 8px;padding:14px 16px;border:1px solid #dce8f8;background:#f7fbff;border-radius:9px}.refund-proof-card div{min-width:200px}.refund-proof-card small{display:block;color:#8191a7;font-size:13px;margin-bottom:6px}.refund-proof-card b{color:#30435d;font-size:14px;word-break:break-all}.refund-proof-card img{width:180px;height:112px;object-fit:cover;border:1px solid #dce5ef;border-radius:7px;cursor:zoom-in;background:#fff}.proof-preview-mask{z-index:12}.proof-preview-dialog{width:min(1100px,calc(100vw - 80px));max-height:calc(100vh - 40px);padding:26px 30px;background:#fff;border-radius:12px;box-shadow:0 15px 45px #14254455;overflow:auto}.proof-preview-dialog .dialog-title{margin-bottom:16px}.proof-preview-dialog img{display:block;max-width:100%;max-height:calc(100vh - 170px);margin:auto;object-fit:contain}.proof-preview-dialog p{margin:12px 0 0;color:#71839d;text-align:center;word-break:break-all}@media(max-width:900px){.dialog.refund-record-detail{width:calc(100vw - 32px)!important;padding:24px}.refund-record-detail .order-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.refund-proof-card{align-items:flex-start;flex-direction:column}.proof-preview-dialog{width:calc(100vw - 32px)}}.product-dialog,.sale-order-dialog{width:560px}.product-dialog textarea{display:block;width:100%;min-height:82px;margin-top:7px;border:1px solid #dbe4ef;border-radius:6px;padding:10px;resize:vertical;font:14px inherit;color:#40536d}.sale-order-dialog select{width:100%}.report-metrics .metric-card{min-height:128px}.report-metrics .metric-card strong{font-size:25px}.green-text{color:#15915b!important}.orange-text{color:#d88200!important}.red-text{color:#df4d55!important}.report-community-table{margin-top:22px}.report-rate{display:inline-block;width:74px;height:8px;border-radius:8px;background:#e7edf6;overflow:hidden;margin-right:7px;vertical-align:middle}.report-rate i{display:block;height:100%;background:#2f7be7;border-radius:8px}.role-scope-entry{position:fixed;right:28px;bottom:24px;z-index:5;display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border:1px solid #dbe5f2;border-radius:10px;box-shadow:0 8px 25px #28486a20;color:#29425f;font-weight:600}.role-scope-entry select{min-width:210px;height:36px;border:1px solid #cbd9ea;border-radius:6px;padding:0 8px;background:#fff;color:#40536d}.role-data-dialog{width:min(650px,calc(100vw - 32px))}.role-data-dialog>p{margin:0 0 16px;color:#71839d;line-height:1.7}.role-community-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:300px;overflow:auto;padding:12px;border:1px solid #e2eaf4;border-radius:8px;background:#f8fbff}.role-community-list label{display:flex;align-items:center;gap:8px;margin:0;padding:9px 10px;background:#fff;border:1px solid #e5edf6;border-radius:6px;cursor:pointer;color:#40536d}.role-community-list input{display:inline-block!important;width:auto!important;height:auto!important;margin:0!important}.page-users .tabs,.page-roles .tabs,.page-menus .tabs{display:none}.dashboard-title{align-items:center}.community-picker-button{height:42px;border:1px solid #2b66bd;background:#fff;color:#245cad;border-radius:8px;padding:0 16px;font:14px inherit;cursor:pointer}.dashboard-new-grid{display:grid;grid-template-columns:minmax(620px,1.75fr) minmax(360px,.75fr);gap:18px}.dashboard-trend{min-height:356px}.dashboard-trend .panel-heading span,.fee-breakdown-panel .panel-heading span{color:#8292a8;font-size:13px}.interactive-bars>div{cursor:pointer;padding:0 2px}.interactive-bars>div:hover span{filter:brightness(1.08)}.interactive-bars .current span{background:linear-gradient(#69a5f4,#174b9f)}.interactive-bars b{white-space:nowrap;transform:scale(.88);transform-origin:bottom center}.dashboard-shortcuts{min-height:356px}.dashboard-shortcuts>div{grid-template-columns:repeat(2,1fr);gap:14px;padding:24px}.dashboard-shortcuts button{min-height:105px;font-size:14px}.dashboard-shortcuts i{width:44px;height:44px;font-size:21px}.fee-breakdown-panel{margin-top:18px}.fee-breakdown-panel .fee-splits{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.dashboard-empty{padding:48px;text-align:center;color:#8b9bb0}.dashboard-community-dialog{width:min(620px,calc(100vw - 32px))}.dashboard-community-dialog>p{color:#71839d;margin:-3px 0 16px}.dashboard-community-dialog .role-community-list{max-height:360px}@media(max-width:900px){.dashboard-new-grid{grid-template-columns:1fr}.dashboard-shortcuts{min-height:auto}.dashboard-shortcuts>div{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.role-scope-entry{left:12px;right:12px;bottom:12px;flex-wrap:wrap}.role-scope-entry select{flex:1;min-width:150px}.role-community-list{grid-template-columns:1fr}}.user-dialog{width:min(520px,calc(100vw - 32px))}.menu-permission-dialog{width:min(720px,calc(100vw - 32px))}.menu-permission-tree{max-height:420px;overflow:auto;padding:10px;border:1px solid #e2eaf4;border-radius:8px;background:#f8fbff}.menu-permission-tree details{margin-bottom:9px;border:1px solid #e1eaf5;border-radius:7px;background:#fff}.menu-permission-tree summary{padding:10px 12px;font-weight:700;color:#2c4f7e;cursor:pointer}.menu-permission-tree label{display:flex;align-items:center;gap:9px;padding:9px 14px 9px 28px;border-top:1px solid #eef3f8;color:#40536d;cursor:pointer}.menu-permission-tree input{display:inline-block!important;width:auto!important;height:auto!important;margin:0!important}.menu-permission-tree small{margin-left:auto;color:#8a9ab0;font-size:12px}.house-import-dialog{width:min(680px,calc(100vw - 32px))}.house-import-dialog>p{color:#71839d;line-height:1.7}.house-import-dialog label{display:block;margin-top:18px;color:#40536d}.house-import-dialog input[type=file]{display:block;width:100%;margin-top:8px;padding:10px;border:1px dashed #9cb9df;border-radius:7px;background:#f8fbff}.import-file-name{color:#2e669d!important}.import-result{margin-top:16px;padding:12px 14px;border-radius:8px;background:#f4f8fd;color:#40536d}.import-result b{color:#1e5aab}.import-result ul{max-height:180px;overflow:auto;margin:10px 0 0;padding-left:20px;color:#c13b3b}.import-result li{margin:5px 0}.global-community-control{padding:14px 18px 10px;border-bottom:1px solid #ffffff1c}.global-community-control small{display:block;margin:0 0 7px 6px;color:#9dbbe9;font-size:12px}.global-community-control button{width:100%;height:38px;border:1px solid #ffffff35;background:#ffffff16;color:#fff;border-radius:7px;padding:0 10px;text-align:left;font:13px inherit;cursor:pointer}.global-community-control button b{float:right;font-size:15px}.page-houses .page-actions select,.page-owners .page-actions select,.page-banks .page-actions select,.page-fees .page-actions select{display:none}.product-dialog select{display:block;width:100%;height:38px;margin-top:7px;border:1px solid #dbe4ef;border-radius:6px;padding:0 10px;background:#fff;color:#40536d;font:14px inherit}.payment-record-detail .refund-proof-card{margin:12px 0 18px}.payment-record-detail .refund-proof-card .text-action{display:inline-block;margin-top:8px}.online-payment-note{margin:12px 0 18px;padding:12px 14px;border-radius:8px;background:#eff7ff;color:#58718e;font-size:14px;line-height:1.6}.page-payments .filter-bar{display:flex;align-items:flex-end;gap:14px;padding:22px 28px}.page-payments .filter-bar>input{height:46px;box-sizing:border-box;min-width:300px}.page-payments .date-filter{display:flex;flex-direction:column;gap:7px;color:#5e718e;font-size:13px;white-space:nowrap}.page-payments .date-filter input{height:46px;min-width:190px;box-sizing:border-box;border:1px solid #d7e2ef;border-radius:8px;padding:0 12px;background:#fff;color:#40536d;font:14px inherit}.page-payments .filter-bar button{height:46px;min-width:84px;box-sizing:border-box;margin:0}.page-payments .filter-bar button:not(.primary-btn):not(.export){border:1px solid #2864bf;background:#fff;color:#2864bf;border-radius:8px}.page-payments .filter-bar .export{margin-left:auto;min-width:104px;border:1px solid #2864bf;background:#fff;color:#2864bf;border-radius:8px;font-weight:600}@media(max-width:1100px){.page-payments .filter-bar{align-items:flex-start;flex-wrap:wrap}.page-payments .filter-bar .export{margin-left:0}}.payment-proof-strip{position:fixed;z-index:11;left:50%;bottom:28px;transform:translate(-50%);width:min(840px,calc(100vw - 64px));padding:12px 16px;background:#fff;border:1px solid #d8e5f3;border-radius:10px;box-shadow:0 10px 30px #19365a38}.payment-proof-strip small{display:block;margin-bottom:8px;color:#607892;font-weight:600}.payment-proof-strip>div{display:flex;gap:10px;overflow-x:auto}.payment-proof-strip img{width:76px;height:58px;object-fit:cover;border:1px solid #dbe5ef;border-radius:6px;cursor:zoom-in;background:#f7f9fc}.payment-proof-strip a{display:block;max-width:140px;padding:10px;color:#2864bf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-payments .filter-bar{display:grid!important;grid-template-columns:minmax(220px,1.4fr) minmax(155px,1fr) minmax(155px,1fr) auto auto auto;gap:12px;align-items:end;width:100%;box-sizing:border-box}.page-payments .filter-bar>input,.page-payments .date-filter,.page-payments .date-filter input{min-width:0!important;width:100%}.page-payments .filter-bar .export{margin-left:0!important}.dialog.order-detail:not(.payment-record-detail):not(.refund-record-detail){width:min(1240px,calc(100vw - 80px))!important;max-width:none!important;max-height:calc(100vh - 32px)!important;padding:30px 34px;overflow:auto!important}.dialog.order-detail:not(.payment-record-detail):not(.refund-record-detail) .order-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 28px;padding:16px 0}.dialog.order-detail:not(.payment-record-detail):not(.refund-record-detail) .order-summary b{white-space:normal;overflow:visible;text-overflow:clip;word-break:break-word;line-height:1.55;-webkit-user-select:text;user-select:text}.dialog.order-detail:not(.payment-record-detail):not(.refund-record-detail) .order-items{overflow-x:auto}.dialog.order-detail:not(.payment-record-detail):not(.refund-record-detail) .order-items table{min-width:1040px;table-layout:auto}.dialog.order-detail:not(.payment-record-detail):not(.refund-record-detail) .order-items th,.dialog.order-detail:not(.payment-record-detail):not(.refund-record-detail) .order-items td{padding:12px 14px;white-space:normal;vertical-align:top;line-height:1.5}.dialog.order-detail:not(.payment-record-detail):not(.refund-record-detail) .order-items th:first-child,.dialog.order-detail:not(.payment-record-detail):not(.refund-record-detail) .order-items td:first-child{min-width:330px;word-break:break-word}.dialog.order-detail:not(.payment-record-detail):not(.refund-record-detail) .dialog-footer{bottom:-30px;padding-top:18px}@media(max-width:900px){.dialog.order-detail:not(.payment-record-detail):not(.refund-record-detail){width:calc(100vw - 32px)!important;padding:24px}.dialog.order-detail:not(.payment-record-detail):not(.refund-record-detail) .order-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1180px){.page-payments .filter-bar{grid-template-columns:repeat(4,minmax(0,1fr))}.page-payments .filter-bar button{min-width:0}}@media(max-width:900px){.page-payments .filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.page-payments .filter-bar>input{grid-column:span 2}}.charge-asset-picker{grid-column:1/-1;padding:13px 15px;border:1px solid #dce7f3;border-radius:8px;background:#f8fbff}.charge-asset-picker>span{display:block;color:#405a7e;font-size:14px;font-weight:700}.charge-asset-picker>small{display:block;margin:4px 0 10px;color:#8292a8;font-size:12px}.charge-asset-picker>div{display:flex;flex-wrap:wrap;gap:9px}.charge-asset-picker label{display:flex!important;flex-direction:row!important;align-items:center;gap:7px;margin:0!important;padding:9px 11px;border:1px solid #dbe6f2;border-radius:7px;background:#fff;color:#3c506c;cursor:pointer}.charge-asset-picker input{width:auto!important;height:auto!important;margin:0!important}.charge-asset-picker b{font-size:13px}.charge-asset-picker em{font-style:normal;color:#7b8ca3;font-size:12px}.arrears-filter[data-v-af060438]{padding:24px}.arrears-fields[data-v-af060438]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:end;gap:16px}.arrears-fields label[data-v-af060438]{display:flex;flex-direction:column;gap:8px;color:#647894;font-size:14px}.arrears-fields input[data-v-af060438],.arrears-fields select[data-v-af060438]{box-sizing:border-box;min-width:0;width:100%;height:42px;border:1px solid #dce5ef;border-radius:8px;padding:8px;background:#fff;color:#304765}.arrears-actions[data-v-af060438]{display:flex;gap:8px}.arrears-actions button[data-v-af060438]{white-space:nowrap;min-width:72px;height:42px;border:1px solid #285eb4;border-radius:8px;padding:8px 14px;color:#285eb4;background:#fff}.arrears-actions .primary-btn[data-v-af060438]{background:#285eb4;color:#fff}.arrears-fees[data-v-af060438]{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px;align-items:center}.arrears-fees label[data-v-af060438]{font-size:14px;padding:8px;background:#f3f7fc;border-radius:6px}.arrears-fees input[data-v-af060438]{width:auto;margin-right:8px}.arrears-note[data-v-af060438]{font-size:13px;color:#7789a0;line-height:1.8}.arrears-totals[data-v-af060438]{display:flex;flex-wrap:wrap;gap:28px;margin:20px 0;color:#465c77}.arrears-totals b[data-v-af060438]{color:#245bb3}@media(max-width:1100px){.arrears-fields[data-v-af060438]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.arrears-fields[data-v-af060438]{grid-template-columns:1fr}}:root{font-family:Microsoft YaHei,Arial,sans-serif;color:#27364e;background:#f3f6fb}*{box-sizing:border-box}body{margin:0;min-width:1180px}.app-shell{display:flex;min-height:100vh}.sidebar{width:262px;flex:0 0 262px;background:linear-gradient(180deg,#2158ae,#1a4790);color:#d9e8ff;display:flex;flex-direction:column}.brand{height:94px;padding:25px 24px;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff18;color:#fff}.brand-mark{width:25px;height:25px;background:#fff;color:#2560b9;display:grid;place-items:center;font-size:18px}.brand strong{display:block;font-size:18px;letter-spacing:.2px}.brand small,.sidebar-user small{display:block;font-size:12px;color:#9dbbe9;margin-top:6px}nav{padding:15px 0;flex:1}.nav-group{margin-bottom:10px}.nav-group p{color:#93b3e5;font-size:12px;font-weight:700;margin:11px 24px 7px}.nav-group button{border:0;border-left:4px solid transparent;background:transparent;color:#ccddfb;width:100%;height:43px;padding:0 24px;text-align:left;font:15px inherit;cursor:pointer}.nav-group button i{display:inline-grid;place-items:center;width:26px;margin-right:8px;font-style:normal;font-size:19px}.nav-group button:hover,.nav-group button.active{background:#ffffff26;border-left-color:#67a7ff;color:#fff;font-weight:700}.sidebar-user{border-top:1px solid #ffffff20;padding:20px 24px;display:flex;gap:12px;align-items:center}.sidebar-user>span,.profile>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#5b83c4;color:#fff;font-weight:700}.sidebar-user b{color:#fff;font-size:14px}main{flex:1;min-width:0}.topbar{height:66px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid #e4eaf2;box-shadow:0 2px 8px #28436f10}.crumb{font-size:15px;color:#8798b3}.crumb b{color:#27364e}.top-actions{display:flex;gap:18px;align-items:center;color:#8697b1}.date{font-size:13px}.icon-button{position:relative;border:1px solid #dde6f1;background:#fff;width:40px;height:40px;border-radius:9px;color:#456080;font-size:19px}.icon-button em{position:absolute;background:#f34f55;color:#fff;border-radius:50%;font:10px Arial;padding:3px 5px;right:-5px;top:-5px}.profile{border:0;background:#f5f7fb;border-radius:9px;display:flex;align-items:center;gap:9px;padding:5px 12px 5px 6px;font:14px inherit;color:#27364e}.profile>span{width:32px;height:32px;background:#245bb0}.content{max-width:1600px;margin:auto;padding:31px 32px 38px}.page-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.page-title h1{font-size:25px;margin:0 0 6px;color:#202e45}.page-title p{margin:0;color:#7b8da7;font-size:15px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:24px}.metric-card{min-height:150px;background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 7px #2c477112;display:flex;gap:17px;align-items:flex-start;overflow:hidden;position:relative}.metric-card:after{content:"";position:absolute;width:76px;height:76px;border-radius:50%;right:-22px;top:-22px;background:#f2f6fd}.metric-card>div{position:relative;z-index:1}.metric-card small{display:block;color:#71839d;font-size:14px}.metric-card strong{display:block;margin-top:11px;font-size:31px;color:#23334c;line-height:1}.metric-card strong i{font-size:15px;font-style:normal;margin-left:3px}.metric-card p{font-size:13px;color:#788aa6;margin:9px 0 0}.metric-card.plain{display:block;min-height:135px}.metric-card.plain strong{margin-top:18px}.blue{color:#225aba!important}.green{color:#13a55a!important}.orange{color:#e17d00!important}.purple{color:#7857de!important}.red{color:#ed3e45!important}.metric-icon{position:relative;z-index:1;display:grid;place-items:center;min-width:48px;height:48px;border-radius:11px;font-size:25px;font-style:normal}.metric-icon.blue{background:#e9f2ff}.metric-icon.green{background:#d9faea}.metric-icon.orange{background:#fff3cd}.metric-icon.purple{background:#eee8ff}.up{color:#10a969!important}.down{color:#f04c53!important}.panel{background:#fff;border:1px solid #e9eff7;border-radius:13px;box-shadow:0 2px 7px #2c47710d}.panel-heading{height:64px;padding:0 23px;border-bottom:1px solid #e8eef5;display:flex;align-items:center;justify-content:space-between}.panel h2{font-size:16px;color:#27364e;margin:0}.panel-heading a,.link-text,.text-action{border:0;background:none;color:#2870e6;font:14px inherit;cursor:pointer}.dashboard-grid{display:grid;grid-template-columns:minmax(580px,1.65fr) minmax(330px,.82fr);gap:18px}.trend-panel{min-height:386px}.month-bars{height:182px;padding:29px 26px 0;display:flex;align-items:flex-end;gap:7px}.month-bars>div{height:160px;flex:1;display:flex;align-items:flex-end;position:relative}.month-bars span{width:100%;background:linear-gradient(#4388ed,#225ab7);border-radius:5px 5px 0 0}.month-bars .future span{background:#edf2fc}.month-bars b{position:absolute;top:0;width:100%;text-align:center;color:#627a9e;font-size:11px}.month-bars small{position:absolute;bottom:-20px;text-align:center;width:100%;color:#8c9bb0}.month-bars .current span{background:linear-gradient(#5e9df1,#1e55ad)}.month-bars .current b,.month-bars .current small{color:#245db9;font-weight:700}.fee-splits{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:23px}.fee-splits div{padding:13px;border-radius:9px;background:#edf5ff}.fee-splits div:nth-child(2){background:#ecfcf3}.fee-splits div:nth-child(3){background:#fff9e8}.fee-splits div:nth-child(4){background:#f5f1ff}.fee-splits small,.fee-splits span{display:block;color:#8190a7;font-size:11px}.fee-splits b{display:block;margin:5px 0;color:#2460bd;font-size:17px}.fee-splits div:nth-child(2) b{color:#11a862}.fee-splits div:nth-child(3) b{color:#d88a00}.fee-splits div:nth-child(4) b{color:#7959d8}.right-stack{display:grid;gap:18px}.progress-panel{padding-bottom:21px}.status-pill,.tag{font-size:12px;border-radius:13px;padding:5px 10px;background:#deebff;color:#2867cf}.rate{font-size:44px;text-align:center;font-weight:700;color:#235bb7;margin:27px 0 14px}.rate small{display:block;color:#778ba8;font-size:13px;font-weight:400;margin-top:8px}.line-progress{padding:0 23px;display:grid;grid-template-columns:80px 1fr 35px;align-items:center;gap:8px;margin:14px 0}.line-progress label,.line-progress small{font-size:13px}.line-progress small{color:#8091aa;text-align:right}.line-progress div,.composition-list i{height:9px;border-radius:10px;background:#e8eef9;overflow:hidden}.line-progress i,.composition-list i span{display:block;height:100%;background:#3d81ed;border-radius:10px}.shortcuts{padding-bottom:19px}.shortcuts h2{padding:21px 23px;border-bottom:1px solid #e8eef5}.shortcuts>div{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;padding:19px 22px 0}.shortcuts button{border:1px solid #e8eef8;background:#f8fbff;border-radius:10px;color:#34445c;padding:11px 3px 9px;font:12px inherit}.shortcuts i{display:grid;margin:auto auto 7px;place-items:center;background:#235ab5;color:#fff;width:37px;height:37px;border-radius:10px;font-style:normal;font-size:19px}.bottom-grid{margin-top:18px}.compact-table table{font-size:13px}.compact-table th,.compact-table td{padding:12px 14px}.todos p{margin:0;padding:16px 20px;border-bottom:1px solid #edf1f6;font-size:13px}.todos p small{float:right;color:#93a2b6}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:10px;background:#f65050}.dot-1{background:#f2a014}.dot-2{background:#3e7fea}.red-count{color:#e9424d;background:#ffe6e8;padding:4px 9px;border-radius:13px;font-size:12px}.tabs{height:57px;border-bottom:2px solid #e1e8f1;margin-bottom:20px;display:flex;gap:7px}.tabs button{border:0;background:transparent;padding:0 22px;color:#71839d;font:15px inherit}.tabs .selected{border-bottom:3px solid #2864bf;color:#1e58ae;font-weight:700}.detail-title{margin-bottom:20px}.primary-btn,.success-btn{border:1px solid #235ab5;background:#235ab5;color:#fff;border-radius:8px;padding:11px 19px;font:14px inherit;cursor:pointer}.success-btn{background:#12a653;border-color:#12a653}.filter-bar{background:#fff;border:1px solid #e8eef5;border-radius:13px;box-shadow:0 2px 7px #2c47710b;padding:18px 23px;display:flex;gap:12px;margin-bottom:20px}.filter-bar input,.filter-bar select,.generator input,.generator select{height:39px;border:1px solid #dce5f0;background:#fff;border-radius:7px;padding:0 13px;color:#52647e;font:14px inherit}.filter-bar input{width:280px}.filter-bar button{height:39px;border:1px solid #2764bd;background:#fff;color:#265cb3;border-radius:7px;padding:0 16px;font:14px inherit}.filter-bar .primary-btn{color:#fff}.filter-bar .export{margin-left:auto}.table-panel{overflow:hidden}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:left;background:#f7f9fc;color:#6d7f9a;font-weight:700;font-size:13px;padding:15px 19px}td{padding:15px 19px;border-top:1px solid #edf1f6;font-size:14px;color:#384860}tr:hover td{background:#fbfdff}.tag.success{background:#daf8e7;color:#168550}.tag.warning{background:#fff0c5;color:#b27306}.tag.neutral{background:#edf1f7;color:#75859c}.type-tag{padding:5px 10px;border-radius:13px;background:#e6f0ff;color:#2363c3;font-size:12px}.type-tag.green{background:#d9f9e9;color:#15915b}.type-tag.orange{background:#fff0c8;color:#b57405}.type-tag.purple{background:#eee7ff;color:#7954d8}.money{color:#245db6;font-weight:700}.pagination{height:69px;display:flex;align-items:center;gap:7px;padding:0 20px;border-top:1px solid #e8eef5}.pagination button{height:34px;min-width:35px;border:1px solid #dfe7f1;background:#fff;border-radius:5px;color:#60748f;font:14px inherit}.pagination .selected{background:#245bb5;color:#fff}.pagination span{margin-left:auto;color:#7c8da4;font-size:13px}.generator{padding:21px 25px;margin-bottom:20px}.generator h2{margin-bottom:20px}.generator>div{display:flex;gap:15px;align-items:flex-end}.generator label{display:grid;gap:8px;color:#71829b;font-size:13px}.generator input,.generator select{width:180px}.empty{text-align:center!important;color:#95a3b6!important;padding:40px!important}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.paired-bars{height:265px;padding:35px 27px;display:flex;gap:8px;align-items:flex-end}.paired-bars div{height:190px;flex:1;display:flex;align-items:flex-end;gap:3px;position:relative}.paired-bars i,.paired-bars b{width:50%;background:#4387ef;border-radius:5px 5px 0 0}.paired-bars b{background:#2356aa}.paired-bars small{position:absolute;width:100%;text-align:center;bottom:-25px;color:#7d8ea6}.composition{position:relative;min-height:329px;padding-top:22px}.composition h2{padding-left:23px}.donut{position:absolute;left:36px;top:107px;width:130px;height:130px;border-radius:50%;background:conic-gradient(#2457ae 0,#2457ae 42%,#3d80ee 42%,#3d80ee 70%,#65a8f6 70%,#65a8f6 88%,#a6d0ff 88%);display:grid;place-content:center;text-align:center;color:#243550;font-size:21px;font-weight:700}.donut:before{content:"";position:absolute;top:28px;right:28px;bottom:28px;left:28px;background:#fff;border-radius:50%}.donut small,.donut{z-index:1}.donut small{font-size:12px;font-weight:400;color:#7d8ea6}.composition-list{margin:50px 25px 0 210px}.composition-list p{display:grid;grid-template-columns:100px 1fr 40px;gap:10px;align-items:center;color:#4185ee;font-size:14px}.composition-list i{height:8px}.composition-list em{font-style:normal;color:#2c3b54;text-align:right;font-weight:700}.mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#10213f66;display:grid;place-items:center;z-index:5}.dialog{background:#fff;border-radius:12px;padding:24px;width:420px;box-shadow:0 15px 45px #14254455}.dialog-title{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e7edf5;margin-bottom:18px}.dialog-title h2{margin:0 0 17px}.dialog-title button{border:0;background:none;font-size:24px;color:#8da0b7}.dialog label{display:block;margin:13px 0;color:#53657e}.dialog input{display:block;width:100%;height:38px;margin-top:7px;border:1px solid #dbe4ef;border-radius:6px;padding:0 10px}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.dialog-footer button:first-child{border:1px solid #d8e2ef;background:#fff;color:#53657e;border-radius:7px;padding:10px 18px}