:root{--c-primary: #2f6bd8;--c-primary-hover: #245ab8;--c-text: #1f2430;--c-text-muted: #6b7484;--c-border: #e6e9ef;--c-bg: #f5f7fa;--c-danger: #d9403a;--radius: 8px}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.6;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;font-weight:600}.card{background:#fff;border:1px solid var(--c-border);border-radius:var(--radius);padding:20px}.card+.card{margin-top:16px}.card-title{font-size:15px;font-weight:600;margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border:1px solid transparent;border-radius:6px;font-size:14px;font-family:inherit;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--c-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--c-primary-hover)}.btn-ghost{background:transparent;border-color:#3a4150;color:#c9d1d9}.btn-ghost:hover:not(:disabled){background:#2a303c;color:#fff}.btn-outline{background:#fff;border-color:var(--c-border);color:var(--c-text)}.btn-outline:hover:not(:disabled){border-color:#c4cbd8;background:#fafbfd}.btn-danger{background:#fff;border-color:#f0c4c2;color:var(--c-danger)}.btn-danger:hover:not(:disabled){background:#fdf3f2}.field{margin-bottom:16px}.field-label{display:block;margin-bottom:6px;font-size:13px;font-weight:500;color:#3c4353}.field-input{width:100%;padding:10px 12px;border:1px solid var(--c-border);border-radius:6px;font-size:14px;font-family:inherit;color:var(--c-text);background:#fff;transition:border-color .15s,box-shadow .15s}.field-input:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #2f6bd81f}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--c-border);font-size:13px}.table th{background:#fafbfd;font-weight:600;color:#56607a;white-space:nowrap}.table tbody tr:hover{background:#fafbfd}.tag{display:inline-block;padding:2px 9px;border-radius:11px;font-size:12px;line-height:18px}.tag-admin{background:#eaf1ff;color:#2f6bd8}.tag-user{background:#eef0f4;color:#6b7484}.tag-active{background:#e8f7ee;color:#1f9d55}.tag-disabled{background:#fdeceb;color:var(--c-danger)}.alert{padding:10px 14px;border-radius:6px;font-size:13px;margin-bottom:16px}.alert-error{background:#fdeceb;color:#a82d28;border:1px solid #f5cdcb}.alert-success{background:#e8f7ee;color:#1a7a43;border:1px solid #c3e8d3}.muted{color:var(--c-text-muted)}.center-page{min-height:100vh;display:grid;place-items:center;padding:24px}.empty{padding:40px;text-align:center;color:var(--c-text-muted);font-size:13px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}