.sys-page[data-v-4d880803]{padding:24px;background:#f5f7fa;min-height:calc(100vh - 60px)}.page-header[data-v-4d880803]{margin-bottom:16px}.page-title[data-v-4d880803]{font-size:18px;font-weight:600;color:#333}.filter-bar[data-v-4d880803]{display:flex;align-items:center;gap:10px;background:#fff;padding:16px;border-radius:6px;margin-bottom:16px;flex-wrap:wrap}.filter-input[data-v-4d880803],.filter-select[data-v-4d880803]{height:32px;border:1px solid #ddd;border-radius:4px;padding:0 10px;font-size:14px;outline:none}.filter-input[data-v-4d880803]:focus,.filter-select[data-v-4d880803]:focus{border-color:#5898cc}.btn[data-v-4d880803]{height:32px;padding:0 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer}.btn-primary[data-v-4d880803]{background:#5898cc;color:#fff}.btn-primary[data-v-4d880803]:hover{background:#4a82b5}.btn-success[data-v-4d880803]{background:#52c41a;color:#fff}.btn-default[data-v-4d880803]{background:#fff;color:#333;border:1px solid #ddd}.btn-default[data-v-4d880803]:hover{border-color:#5898cc;color:#5898cc}.table-wrap[data-v-4d880803]{background:#fff;border-radius:6px;overflow:auto}.data-table[data-v-4d880803]{width:100%;border-collapse:collapse;font-size:14px}.data-table th[data-v-4d880803]{background:#fafafa;padding:12px 10px;text-align:left;border-bottom:1px solid #eee;color:#666;font-weight:500;white-space:nowrap}.data-table td[data-v-4d880803]{padding:12px 10px;border-bottom:1px solid #f0f0f0;color:#333}.data-table tr:hover td[data-v-4d880803]{background:#f5f9ff}.center[data-v-4d880803]{text-align:center;color:#999}.tag[data-v-4d880803]{display:inline-block;padding:2px 8px;border-radius:10px;font-size:12px}.tag-green[data-v-4d880803]{background:#f6ffed;color:#52c41a;border:1px solid #b7eb8f}.tag-red[data-v-4d880803]{background:#fff2f0;color:#ff4d4f;border:1px solid #ffccc7}.action-cell[data-v-4d880803]{white-space:nowrap}.link-btn[data-v-4d880803]{background:none;border:none;color:#5898cc;cursor:pointer;font-size:13px;padding:0 6px}.link-btn[data-v-4d880803]:hover{text-decoration:underline}.link-btn.danger[data-v-4d880803]{color:#ff4d4f}code[data-v-4d880803]{background:#f5f5f5;padding:2px 6px;border-radius:3px;font-size:12px}.pagination[data-v-4d880803]{display:flex;align-items:center;gap:12px;padding:16px 0;justify-content:flex-end}.total[data-v-4d880803]{color:#666;font-size:14px}.page-btn[data-v-4d880803]{height:30px;padding:0 14px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer;font-size:13px}.page-btn[data-v-4d880803]:hover:not(:disabled){border-color:#5898cc;color:#5898cc}.page-btn[data-v-4d880803]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-4d880803]{font-size:14px;color:#555}.modal-overlay[data-v-4d880803]{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:1000;display:flex;align-items:center;justify-content:center}.modal[data-v-4d880803]{background:#fff;border-radius:8px;width:480px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 4px 24px rgba(0,0,0,.15)}.modal-wide[data-v-4d880803]{width:600px}.modal-header[data-v-4d880803]{padding:16px 24px;font-size:16px;font-weight:600;border-bottom:1px solid #eee}.modal-body[data-v-4d880803]{padding:24px;overflow-y:auto;flex:1}.modal-footer[data-v-4d880803]{padding:12px 24px;border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end}.form-row[data-v-4d880803]{display:flex;align-items:center;margin-bottom:16px}.form-row label[data-v-4d880803]{width:90px;font-size:14px;color:#555;flex-shrink:0}.form-row input[data-v-4d880803],.form-row select[data-v-4d880803]{flex:1;height:34px;border:1px solid #ddd;border-radius:4px;padding:0 10px;font-size:14px;outline:none}.form-row input[data-v-4d880803]:focus,.form-row select[data-v-4d880803]:focus{border-color:#5898cc}.required[data-v-4d880803]{color:#ff4d4f;margin-left:2px}.form-error[data-v-4d880803]{color:#ff4d4f;font-size:13px;margin-top:8px}.perm-tree[data-v-4d880803]{display:flex;flex-direction:column;gap:12px}.perm-menu[data-v-4d880803]{border:1px solid #eee;border-radius:6px;padding:12px}.perm-label[data-v-4d880803]{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer;margin-bottom:4px}.perm-label.parent[data-v-4d880803]{margin-bottom:8px}.perm-children[data-v-4d880803]{display:flex;flex-wrap:wrap;gap:8px;padding-left:16px}.perm-children .perm-label[data-v-4d880803]{width:calc(50% - 8px)}