:root{--primary: #3d7fff;--primary-light: #e8f0ff;--primary-dark: #2b5fd4;--text: #222;--text-secondary: #666;--text-muted: #999;--bg: #f5f6fa;--white: #fff;--border: #e0e2e8;--radius: 10px;--radius-sm: 6px;--shadow: 0 1px 3px rgba(0,0,0,.06);--danger: #ef4444;--warning: #f59e0b;--success: #22c55e}*{margin:0;padding:0;box-sizing:border-box}body{color:var(--text);background:var(--bg);font-size:14px}input,textarea,select{font-size:14px;font-family:inherit}a{color:var(--primary);text-decoration:none}table{border-collapse:collapse;width:100%}th,td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--border);font-size:13px}th{color:var(--text-secondary);font-weight:600;background:#fafbfc}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.layout[data-v-f03073b3]{display:flex;height:100vh}.sidebar[data-v-f03073b3]{width:220px;background:#1e2a3a;color:#fff;display:flex;flex-direction:column;flex-shrink:0;transition:width .2s}.sidebar.collapsed[data-v-f03073b3]{width:60px}.logo[data-v-f03073b3]{height:52px;line-height:52px;text-align:center;font-size:18px;font-weight:700;background:rgba(0,0,0,.2);cursor:pointer;overflow:hidden;white-space:nowrap}.nav-item[data-v-f03073b3]{display:flex;align-items:center;gap:10px;padding:12px 20px;color:#b0b8c4;text-decoration:none;font-size:14px;transition:all .15s}.nav-item[data-v-f03073b3]:hover{color:#fff;background:rgba(255,255,255,.05)}.nav-item.active[data-v-f03073b3]{color:#fff;background:var(--primary)}.nav-icon[data-v-f03073b3]{font-size:18px;width:22px;text-align:center;flex-shrink:0}.collapsed .nav-label[data-v-f03073b3],.collapsed .logo[data-v-f03073b3]{display:none}.main[data-v-f03073b3]{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar[data-v-f03073b3]{height:52px;background:var(--white);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.toggle-btn[data-v-f03073b3]{background:none;border:none;font-size:20px;cursor:pointer;color:var(--text-secondary)}.topbar-right[data-v-f03073b3]{display:flex;align-items:center;gap:10px}.status-dot[data-v-f03073b3]{width:8px;height:8px;border-radius:50%;background:#ccc}.status-dot.online[data-v-f03073b3]{background:var(--success)}.status-dot.busy[data-v-f03073b3]{background:var(--warning)}.status-dot.offline[data-v-f03073b3]{background:#ccc}.status-dot.away[data-v-f03073b3]{background:var(--warning)}.status-select[data-v-f03073b3]{border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px 6px;font-size:12px;outline:none}.user-name[data-v-f03073b3]{font-size:13px;color:var(--text)}.btn-logout[data-v-f03073b3]{padding:4px 12px;border:1px solid var(--border);background:var(--white);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;color:var(--text-secondary)}.btn-logout[data-v-f03073b3]:hover{border-color:var(--primary);color:var(--primary)}.content[data-v-f03073b3]{flex:1;overflow-y:auto;padding:16px}