.unitDetails[data-v-36ad9872]{width:100%;min-height:calc(100vh - 118px);background:#f8f9fa;border-radius:8px;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1);overflow:hidden}.unitDetails .header[data-v-36ad9872]{width:100%;height:56px;line-height:56px;padding:0 24px;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #e9ecef;font-size:18px;font-weight:600;color:#333;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.unitDetails .header .building-name[data-v-36ad9872]{font-size:20px;color:#2c3e50;font-weight:700}.unitDetails .unitInfo[data-v-36ad9872]{width:100%;height:150px;background:#fff;border-bottom:1px solid #e9ecef}.unitDetails .unitInfo .info-main[data-v-36ad9872]{width:100%;padding:16px 24px;-webkit-box-sizing:border-box;box-sizing:border-box}.unitDetails .colorInfo[data-v-36ad9872]{height:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:14px;background:#f8f9fa;padding:0 16px;border-radius:20px;border:1px solid #e9ecef}.unitDetails .colorInfo .status-label[data-v-36ad9872]{margin-right:12px;color:#666;font-weight:500}.unitDetails .colorInfo .status-item[data-v-36ad9872]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:16px;color:#666}.unitDetails .colorInfo .status-item[data-v-36ad9872]:first-child{margin-left:0}.unitDetails .colorInfo .status-icon[data-v-36ad9872]{width:16px;height:16px;margin-right:6px;border-radius:4px;display:inline-block;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.2);box-shadow:0 1px 3px rgba(0,0,0,.2)}.unitDetails .colorInfo .status-icon.unpaid[data-v-36ad9872]{background:#ff6a74}.unitDetails .colorInfo .status-icon.paid[data-v-36ad9872]{background:#4caf50}.unitDetails .colorInfo .status-icon.white[data-v-36ad9872]{background:#fff}.unitDetails .unitList[data-v-36ad9872]{width:calc(100% - 48px);margin:16px 24px;border-left:1px solid #dee2e6;background:#fff}.unitDetails .table-row1[data-v-36ad9872],.unitDetails .unitList[data-v-36ad9872]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box}.unitDetails .table-row1[data-v-36ad9872]{width:80px;overflow:hidden;border-right:1px solid #dee2e6;border-left:none;background:#f8f9fa;-ms-flex-negative:0;flex-shrink:0;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.unitDetails .table-row[data-v-36ad9872]{-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:auto;border-right:none;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.unitDetails .row-header[data-v-36ad9872]{width:100%;height:44px;text-align:center;line-height:44px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;border-bottom:1px solid #dee2e6;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:500;font-size:14px;white-space:nowrap;-ms-flex-negative:0;flex-shrink:0}.unitDetails .row-com[data-v-36ad9872],.unitDetails .table-row1 .row-header[data-v-36ad9872]:nth-child(n+2){width:100%;height:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:nowrap;flex-wrap:nowrap;min-width:0;-ms-flex-negative:0;flex-shrink:0}.unitDetails .table-row1 .row-header[data-v-36ad9872]:nth-child(n+2){-ms-flex-align:center;-ms-flex-pack:center;background:#f8f9fa}.unitDetails .table-row1 .row-header[data-v-36ad9872]:nth-child(n+2),.unitDetails .user[data-v-36ad9872]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;color:#333;font-size:13px;border-bottom:1px solid #dee2e6}.unitDetails .user[data-v-36ad9872]{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;border-right:1px solid #dee2e6;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;-ms-flex-pack:center;padding:6px 4px;-webkit-transition:all .3s ease;transition:all .3s ease;cursor:pointer;background:#fafafa;border-radius:2px}.unitDetails .user[data-v-36ad9872]:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:10}.unitDetails .user.user-unpaid[data-v-36ad9872]{background:linear-gradient(135deg,#ff6a74,#ff8e53);color:#fff;font-weight:500}.unitDetails .user.user-paid[data-v-36ad9872]{background:linear-gradient(135deg,#4caf50,#8bc34a);color:#333;font-weight:500}.unitDetails .user .room-number[data-v-36ad9872]{font-size:12px;opacity:.9}.unitDetails .user .custom-name[data-v-36ad9872]{margin:4px 0;font-weight:600;font-size:14px;-webkit-transition:all .3s ease;transition:all .3s ease;text-decoration:underline}.unitDetails .user .custom-name[data-v-36ad9872]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.unitDetails .user .flow-info[data-v-36ad9872]{font-size:12px;opacity:.85}.unitDetails .table-row[data-v-36ad9872]::-webkit-scrollbar{width:8px;height:8px}.unitDetails .table-row[data-v-36ad9872]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.unitDetails .table-row[data-v-36ad9872]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px;-webkit-transition:background .3s ease;transition:background .3s ease}.unitDetails .table-row[data-v-36ad9872]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.unitDetails .el-table[data-v-36ad9872]{border-radius:4px;overflow:hidden}.unitDetails .el-table th[data-v-36ad9872]{background:#f8f9fa!important;font-weight:600!important;color:#333!important;border-bottom:1px solid #dee2e6!important}.unitDetails .el-table td[data-v-36ad9872]{vertical-align:middle!important;border-bottom:1px solid #f0f0f0!important}