@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";
:root{--primary:#7b3dfd;--primary-hover:#672be3;--primary-light:#9059ff;--bg-color:#f4f5f7;--sidebar-bg:#7b3dfd;--sidebar-hover:#ffffff1a;--sidebar-active:#fff3;--text-main:#1f2937;--text-muted:#6b7280;--text-inverse:#fff;--surface:#fff;--border:#e5e7eb;--border-focus:#7b3dfd;--danger:#ef4444;--danger-light:#fee2e2;--success:#10b981;--success-light:#d1fae5;--warning:#f59e0b;--warning-light:#fef3c7;--radius-lg:12px;--radius-md:8px;--radius-sm:6px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,sans-serif}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-container{width:100vw;height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;padding:32px 40px;display:flex;overflow-y:auto}.page-title{color:var(--text-main);margin-bottom:24px;font-size:28px;font-weight:700}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);margin-bottom:24px;padding:24px}.input-field{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-main);background:var(--surface);outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #7b3dfd1a}.btn{border-radius:var(--radius-md);justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{color:var(--text-main);border:1px solid var(--border);background-color:#fff}.btn-secondary:hover{background-color:#f9fafb;border-color:#d1d5db}.btn-outline{color:var(--primary);border:1px solid var(--primary);background:0 0}.btn-outline:hover{background:#7b3dfd0d}.btn-icon{color:var(--text-muted);border-radius:var(--radius-sm);padding:6px}.btn-icon:hover{color:var(--primary);background-color:#f3f4f6}