:root{--primary-700: #6b35d1;--primary-600: #8442ff;--primary-500: #9d68ff;--primary-100: #e6d9ff;--primary-50: #f3ecff;--bg-primary: #fcfbfc;--bg-secondary: #ffffff;--bg-primary-hover: #f6f6f6;--text-primary: #020202;--text-secondary: #636668;--text-tertiary: #898c94;--icon-primary: #2c2c2c;--icon-secondary: #808586;--icon-tertiary: #bebebe;--border-secondary: #f2f2f2;--gray-300: #e3e3e3;--gray-200: #ececec;--green-600: #389d6b;--green-100: #d6f3e3;--pink-600: #db2777;--pink-500: #ec4899;--pink-100: #fce0ee;--red-600: #f4553d;--red-100: #fdddd8;--blue-600: #367ffa;--blue-100: #d7e5fe;--amber-600: #f59e0b;--amber-100: #fdecc8;--r-s: 8px;--r-m: 10px;--r-l: 12px;--r-xl: 16px;--r-xxl: 20px;--r-xxxxl: 32px;--shadow-sm: 0 1px 2px rgba(9, 15, 13, .05);--shadow-md: 0 4px 16px rgba(9, 15, 13, .06);--shadow-lg: 0 12px 40px rgba(9, 15, 13, .1);--shadow-card: 0 1px 3px rgba(9,15,13,.04), 0 1px 2px rgba(9,15,13,.03);--sidebar-w: 276px;--topbar-h: 72px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Urbanist,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#e3e3e3;border-radius:8px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#d0d0d0;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.card{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--r-xl);box-shadow:var(--shadow-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 14px;border-radius:var(--r-s);font-size:14px;font-weight:600;transition:all .18s ease;white-space:nowrap}.btn-primary{background:var(--primary-600);color:#fff}.btn-primary:hover{background:var(--primary-700);transform:translateY(-1px);box-shadow:0 6px 18px #8442ff52}.btn-ghost{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--gray-300)}.btn-ghost:hover{background:var(--bg-primary-hover)}.btn-soft{background:var(--primary-50);color:var(--primary-700)}.btn-soft:hover{background:var(--primary-100)}.chip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:600}.scrollarea{overflow-y:auto}