.shell[data-v-728ad345]{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;min-height:100vh;padding:20px}.sidebar[data-v-728ad345]{display:flex;flex-direction:column;padding:24px 18px;position:sticky;top:20px;height:calc(100vh - 40px)}.user-box[data-v-728ad345]{padding:10px 10px 22px;text-align:center}.avatar[data-v-728ad345]{width:68px;height:68px;margin:0 auto 14px;border-radius:22px;display:grid;place-items:center;font-size:28px;font-weight:700;background:linear-gradient(135deg,#111,#4b5563);color:#fff}.user-name[data-v-728ad345]{font-size:18px;font-weight:700}.user-id[data-v-728ad345]{margin-top:6px;color:var(--muted);font-size:13px}.nav-list[data-v-728ad345]{display:flex;flex-direction:column;gap:8px}.nav-link[data-v-728ad345]{padding:12px 14px;border-radius:14px;color:#475569;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-link[data-v-728ad345]:hover{background:#f5f8fb;color:#111827;transform:translate(2px)}.nav-link.is-active[data-v-728ad345]{background:linear-gradient(135deg,#f1f5f9,#fff);color:#111827;font-weight:700;box-shadow:inset 0 0 0 1px #e4ebf3}.logout-btn[data-v-728ad345]{margin-top:auto;width:100%}.content[data-v-728ad345]{min-width:0;padding:10px 4px 24px 0}@media(max-width:960px){.shell[data-v-728ad345]{grid-template-columns:1fr;padding:14px}.sidebar[data-v-728ad345]{position:static;height:auto;gap:16px}.nav-list[data-v-728ad345]{flex-direction:row;overflow-x:auto;padding-bottom:6px}.nav-link[data-v-728ad345]{white-space:nowrap}.content[data-v-728ad345]{padding:0 0 18px}}@media(max-width:720px){.shell[data-v-728ad345]{gap:14px;padding:10px}.sidebar[data-v-728ad345]{padding:14px 12px;border-radius:18px}.user-box[data-v-728ad345]{display:flex;align-items:center;gap:12px;padding:4px 2px 6px;text-align:left}.avatar[data-v-728ad345]{width:48px;height:48px;margin:0;border-radius:16px;font-size:22px;flex-shrink:0}.user-name[data-v-728ad345]{font-size:16px}.user-id[data-v-728ad345]{margin-top:4px}.nav-list[data-v-728ad345]{gap:10px;padding-bottom:2px;scrollbar-width:none}.nav-list[data-v-728ad345]::-webkit-scrollbar{display:none}.nav-link[data-v-728ad345]{padding:10px 12px;font-size:14px}.logout-btn[data-v-728ad345]{min-height:42px}}:root{--bg: #f4f7f6;--surface: rgba(255, 255, 255, .92);--surface-strong: #ffffff;--ink: #1a1a1a;--muted: #6b7280;--line: #e7ebf0;--brand: #111111;--brand-soft: #eef2f5;--success: #2f855a;--danger: #d64545;--warning: #c97a00;--shadow: 0 18px 40px rgba(17, 24, 39, .08);--radius-xl: 24px;--radius-lg: 18px;--radius-md: 12px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(90,169,255,.08),transparent 28%),radial-gradient(circle at right bottom,rgba(60,179,113,.08),transparent 22%),linear-gradient(180deg,#f8fbfa,#f2f5f7)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.page{display:flex;flex-direction:column;gap:20px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.page-title{margin:0;font-size:28px;font-weight:700;letter-spacing:.01em}.page-subtitle{margin:8px 0 0;color:var(--muted);font-size:14px}.panel{background:var(--surface);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.card{background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:0 8px 24px #0f172a0a}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 18px;border:none;border-radius:999px;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg,#111,#2d3748);color:#fff;box-shadow:0 12px 24px #11111129}.btn-secondary{background:#edf2f7;color:#1f2937}.btn-danger{background:#fff1f1;color:var(--danger);border:1px solid #ffcfcf}.banner{padding:14px 18px;border-radius:var(--radius-md);font-size:14px;border:1px solid transparent}.banner-success{background:#f1fff4;color:var(--success);border-color:#b9e6c7}.banner-error{background:#fff4f4;color:var(--danger);border-color:#ffd3d3}.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:14px;color:#334155;font-weight:600}.field input,.field select{width:100%;min-height:46px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:#fbfdff;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.field input:focus,.field select:focus{border-color:#8bb8ff;box-shadow:0 0 0 4px #3b82f61f}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #eff3f6}.data-table th{color:var(--muted);font-size:13px;font-weight:600;background:#fafcfd}.tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:600}.tag-info{background:#ebf5ff;color:#1769c2}.tag-success{background:#eefcf3;color:var(--success)}.tag-danger{background:#fff1f1;color:var(--danger)}.empty-state{padding:40px 20px;text-align:center;color:var(--muted)}@media(max-width:960px){.page{gap:16px}.page-title{font-size:24px}.page-header{flex-direction:column;align-items:stretch}}@media(max-width:720px){.page{gap:14px}.page-title{font-size:22px;line-height:1.25}.page-subtitle{font-size:13px;line-height:1.6}.panel,.card{border-radius:18px}.banner{padding:12px 14px;font-size:13px}.btn{width:100%}.table-wrap{overflow:visible}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table thead{display:none}.data-table tbody{display:grid;gap:12px}.data-table tr{padding:14px;border:1px solid #e9eef3;border-radius:16px;background:#fff;box-shadow:0 10px 24px #0f172a0d}.data-table td{padding:0;border-bottom:none}.data-table td+td{margin-top:10px}.data-table td[data-label]:before{content:attr(data-label);display:block;margin-bottom:6px;color:var(--muted);font-size:12px;font-weight:600}}