:root{--primary: #6366f1;--primary-hover: #4f46e5;--primary-light: #e0e7ff;--bg: #f8fafc;--bg-card: #ffffff;--bg-sidebar: #1e1b4b;--text: #1e293b;--text-secondary: #64748b;--text-sidebar: #e2e8f0;--text-sidebar-active: #ffffff;--border: #e2e8f0;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--radius: 8px;--shadow: 0 1px 3px rgba(0,0,0,.08);--shadow-lg: 0 4px 12px rgba(0,0,0,.12);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans SC", sans-serif;--sidebar-width: 240px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:var(--font);color:var(--text);background:var(--bg)}#app{height:100%}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;border-radius:var(--radius);font-family:var(--font);font-size:14px;transition:all .15s}.btn-primary{background:var(--primary);color:#fff;padding:10px 24px;font-weight:500}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;color:var(--primary);padding:8px 20px;border:1px solid var(--primary)}.btn-outline:hover{background:var(--primary-light)}input,select{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;font-family:var(--font);outline:none;transition:border-color .15s}input:focus,select:focus{border-color:var(--primary)}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;padding:12px 16px;background:#f1f5f9;color:var(--text-secondary);font-weight:500;border-bottom:1px solid var(--border)}td{padding:12px 16px;border-bottom:1px solid var(--border)}tr:hover td{background:#f8fafc}.badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:12px;font-weight:500}.badge-active{background:#dcfce7;color:#166534}.badge-pending{background:#fef3c7;color:#92400e}.badge-disabled{background:#fee2e2;color:#991b1b}.empty-state{text-align:center;padding:48px 0;color:var(--text-secondary)}