.shell[data-v-06440e1a]{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar[data-v-06440e1a]{background:#121820;border-right:1px solid var(--border);padding:1.25rem 1rem}.brand[data-v-06440e1a]{font-weight:700;margin-bottom:1.5rem;letter-spacing:.02em}nav[data-v-06440e1a]{display:flex;flex-direction:column;gap:.35rem}nav a[data-v-06440e1a]{padding:.65rem .8rem;border-radius:10px;color:var(--text-muted)}nav a.router-link-active[data-v-06440e1a]{background:var(--bg-soft);color:var(--text)}.main[data-v-06440e1a]{display:flex;flex-direction:column;min-width:0}.topbar[data-v-06440e1a]{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1.5rem;border-bottom:1px solid var(--border);background:#0f1419d9}.user[data-v-06440e1a]{display:flex;gap:.6rem;align-items:center}.role[data-v-06440e1a]{color:var(--text-muted);font-size:.85rem}.content[data-v-06440e1a]{padding:1.5rem;max-width:var(--shell-width);width:100%}@media(max-width:900px){.shell[data-v-06440e1a]{grid-template-columns:1fr}.sidebar[data-v-06440e1a]{border-right:none;border-bottom:1px solid var(--border)}nav[data-v-06440e1a]{flex-direction:row;flex-wrap:wrap}}:root{--bg: #0f1419;--bg-elevated: #1a222c;--bg-soft: #243040;--border: #2f3d4d;--text: #f2f5f8;--text-muted: #9aa8b6;--accent: #2f9e7b;--accent-strong: #1f7a5d;--danger: #d4534a;--warning: #d4a017;--online: #2f9e7b;--offline: #8a97a5;--radius: 12px;--font: "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--shell-width: 1440px}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--font)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.btn{border:1px solid transparent;border-radius:10px;padding:.55rem 1rem;cursor:pointer;background:var(--accent);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:transparent;border-color:var(--border);color:var(--text)}.btn-danger{background:var(--danger)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-muted)}.field{display:flex;flex-direction:column;gap:.35rem}.field input,.field select{background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:.65rem .8rem}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem}.skeleton{background:linear-gradient(90deg,var(--bg-soft) 25%,#2c3a4b 50%,var(--bg-soft) 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:10px;height:1.1rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:50;padding:1rem}.modal{width:min(480px,100%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:14px;padding:1.25rem}.modal h3{margin:0 0 .5rem}.modal p{color:var(--text-muted);margin:0 0 1rem;line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem}.status-dot{width:.55rem;height:.55rem;border-radius:50%;display:inline-block}.status-dot.online{background:var(--online)}.status-dot.offline{background:var(--offline)}.status-dot.waiting{background:var(--warning)}