.sys-page[data-v-8342d904]{padding:24px;background:#f5f7fa;min-height:calc(100vh - 60px)}.page-header[data-v-8342d904]{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.page-title[data-v-8342d904]{font-size:18px;font-weight:600;color:#333}.btn[data-v-8342d904]{height:32px;padding:0 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer}.btn-primary[data-v-8342d904]{background:#5898cc;color:#fff}.btn-primary[data-v-8342d904]:hover{background:#4a82b5}.btn-success[data-v-8342d904]{background:#3a78b5;color:#fff}.btn-success[data-v-8342d904]:hover{background:#2e6096}.btn-default[data-v-8342d904]{background:#fff;color:#333;border:1px solid #ddd}.empty-state[data-v-8342d904]{text-align:center;color:#999;padding:40px;background:#fff;border-radius:6px}.perm-card[data-v-8342d904]{background:#fff;border-radius:6px;margin-bottom:16px;overflow:hidden;border:1px solid #5898cc;box-shadow:0 1px 3px rgba(88,152,204,.12)}.perm-card-disabled[data-v-8342d904]{opacity:.55;border-color:#ccc}.badge-disabled[data-v-8342d904]{display:inline-block;font-size:11px;padding:1px 6px;border-radius:3px;background:#f0f0f0;color:#999;border:1px solid #ddd;margin-left:4px}.card-header[data-v-8342d904]{display:flex;align-items:center;background:#4a82b5;color:#fff;padding:12px 16px;gap:10px}.expand-toggle[data-v-8342d904]{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background:hsla(0,0%,100%,.18);cursor:pointer;font-size:18px;font-weight:600;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.expand-toggle[data-v-8342d904]:hover{background:hsla(0,0%,100%,.35)}.header-name[data-v-8342d904]{font-size:15px;font-weight:600}.header-code[data-v-8342d904]{background:hsla(0,0%,100%,.15);padding:2px 8px;border-radius:3px;font-size:12px;color:#fff}.header-spacer[data-v-8342d904]{flex:1}.header-actions[data-v-8342d904]{display:flex;gap:8px}.link-btn-light[data-v-8342d904]{background:hsla(0,0%,100%,.15);border:none;color:#fff;cursor:pointer;font-size:13px;padding:4px 10px;border-radius:3px}.link-btn-light[data-v-8342d904]:hover{background:hsla(0,0%,100%,.3)}.link-btn-light.danger[data-v-8342d904]:hover{background:rgba(255,77,79,.6)}.card-body[data-v-8342d904]{background:#fafbfc;padding:0 0 6px 0}.card-empty[data-v-8342d904]{padding:16px;text-align:center;color:#999;font-size:13px}.child-header[data-v-8342d904]{display:flex;align-items:center;padding:10px 28px;gap:10px;background:#eef2f6;font-size:12px;color:#666;font-weight:500;border-bottom:1px solid #e0e6eb}.child-wrap[data-v-8342d904]{padding:0 16px}.child-row[data-v-8342d904]{display:flex;align-items:center;padding:10px 12px;gap:10px;border-bottom:1px solid #f0f0f0}.child-wrap:last-child .child-row[data-v-8342d904]{border-bottom:none}.col-index[data-v-8342d904]{width:60px;flex-shrink:0;color:#999;font-size:13px}.col-name[data-v-8342d904]{width:180px;flex-shrink:0;font-size:14px;color:#333}.col-code[data-v-8342d904]{width:200px;flex-shrink:0;background:#f0f0f0;padding:2px 8px;border-radius:3px;font-size:12px;color:#666;box-sizing:border-box}.col-type[data-v-8342d904]{width:70px;flex-shrink:0}.col-spacer[data-v-8342d904]{flex:1}.col-actions[data-v-8342d904]{display:flex;gap:6px;flex-shrink:0}.type-tag[data-v-8342d904]{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px}.type-menu[data-v-8342d904]{background:#e6f4ff;color:#1677ff}.type-button[data-v-8342d904]{background:#fff7e6;color:#fa8c16}.link-btn[data-v-8342d904]{background:none;border:none;color:#5898cc;cursor:pointer;font-size:13px;padding:0 4px}.link-btn[data-v-8342d904]:hover{text-decoration:underline}.link-btn.danger[data-v-8342d904]{color:#ff4d4f}.grandchild-list[data-v-8342d904]{background:#f0f4f7;margin:4px 12px 8px 28px;border-radius:4px}.grandchild-row[data-v-8342d904]{display:flex;align-items:center;padding:8px 12px;gap:10px;border-bottom:1px solid #e3e8ec}.grandchild-row[data-v-8342d904]:last-child{border-bottom:none}.grandchild-row .col-name[data-v-8342d904]{color:#555;font-size:13px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.45);z-index:9999;display:flex;align-items:center;justify-content:center}.modal{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-header{padding:16px 24px;font-size:16px;font-weight:600;border-bottom:1px solid #eee}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:12px 24px;border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end}.modal .form-row{display:flex;align-items:center;margin-bottom:16px}.modal .form-row label{width:90px;font-size:14px;color:#555;flex-shrink:0}.modal .form-row input,.modal .form-row select{flex:1;height:34px;border:1px solid #ddd;border-radius:4px;padding:0 10px;font-size:14px;outline:none}.modal .form-row input:focus,.modal .form-row select:focus{border-color:#5898cc}.modal .required{color:#ff4d4f;margin-left:2px}.modal .form-error{color:#ff4d4f;font-size:13px;margin-top:8px}.modal .btn{height:32px;padding:0 16px;border:none;border-radius:4px;font-size:14px;cursor:pointer}.modal .btn-primary{background:#5898cc;color:#fff}.modal .btn-default{background:#fff;color:#333;border:1px solid #ddd}