:root {
    --color-primary: #8B5CF6;
    --color-primary-hover: #7C3AED;
    --color-white: #FFFFFF;
    --color-gray-50: #F9FAFB;
    --color-gray-100: #F3F4F6;
    --color-gray-200: #E5E7EB;
    --color-gray-300: #D1D5DB;
    --color-gray-400: #9CA3AF;
    --color-gray-600: #4B5563;
    --color-gray-800: #1F2937;
  }
  
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background-color: var(--color-gray-50);
    height: 100vh;
    overflow: hidden;
  }
  
  #app {
    height: 100vh;
    display: flex;
    flex-direction: column;
  }
  
  .main-container {
    flex: 1;
    display: flex;
    background: var(--color-gray-100);
    overflow: hidden;
    position: relative;
  }