.header-appbar{background-color:var(--background-paper);color:var(--text-primary);border-bottom:1px solid var(--border-color);transition:all var(--transition-normal) var(--transition-easing)}.header-appbar .header-toolbar{display:flex;justify-content:space-between;padding:0 var(--spacing-md)}@media(max-width:599px){.header-appbar .header-toolbar{padding:0 var(--spacing-sm)}}.logo-link{text-decoration:none;color:var(--primary-main);font-weight:var(--font-weight-bold);font-size:var(--font-size-xxl);transition:all var(--transition-normal) var(--transition-easing)}.logo-link:hover{color:var(--primary-dark)}.desktop-nav{display:flex;gap:var(--spacing-xl)}.desktop-nav .nav-link{text-decoration:none;color:var(--text-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-md);padding:var(--spacing-xs) 0;position:relative;transition:all var(--transition-normal) var(--transition-easing)}.desktop-nav .nav-link:hover,.desktop-nav .nav-link.active{color:var(--primary-main)}.desktop-nav .nav-link.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background-color:var(--primary-main);border-radius:var(--border-radius-sm)}.mobile-nav{width:250px;background-color:var(--background-paper)}.mobile-nav .nav-link{text-decoration:none;color:var(--text-primary);padding:var(--spacing-md) var(--spacing-lg);display:block;transition:all var(--transition-normal) var(--transition-easing)}.mobile-nav .nav-link:hover,.mobile-nav .nav-link.active{background-color:rgba(var(--primary-main-rgb),.1);color:var(--primary-main)}.footer{background-color:var(--background-paper);border-top:1px solid var(--border-color);padding:var(--spacing-xxl) 0 var(--spacing-lg);margin-top:auto;transition:all var(--transition-normal) var(--transition-easing)}.footer .footer-title{color:var(--primary-main);font-weight:var(--font-weight-bold)}.footer .footer-links{display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer .footer-links a{color:var(--text-primary);text-decoration:none;transition:all var(--transition-normal) var(--transition-easing);width:fit-content}.footer .footer-links a:hover{color:var(--primary-main)}.footer .footer-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:var(--spacing-xxl);padding-top:var(--spacing-lg);border-top:1px solid var(--border-color)}@media(max-width:599px){.footer .footer-bottom{flex-direction:column;gap:var(--spacing-md);text-align:center}}.footer .social-icons{display:flex;gap:var(--spacing-xs)}.footer .social-icons .MuiIconButton-root{color:var(--text-primary);transition:all var(--transition-normal) var(--transition-easing)}.footer .social-icons .MuiIconButton-root:hover{color:var(--primary-main);background-color:rgba(var(--primary-main-rgb),.1)}.chat-container{display:flex;flex-direction:column;height:100%;background-color:var(--background-paper)}.chat-container .chat-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-color)}.chat-container .chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.chat-container .chat-messages .chat-welcome{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:var(--text-secondary)}.chat-container .chat-messages .message{display:flex;gap:var(--spacing-sm);max-width:80%}.chat-container .chat-messages .message.user-message{align-self:flex-end;flex-direction:row-reverse}.chat-container .chat-messages .message.user-message .message-content{background-color:var(--primary-main);color:#fff;border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 var(--border-radius-lg)}.chat-container .chat-messages .message.user-message .message-content a{color:#fff;text-decoration:underline}.chat-container .chat-messages .message.assistant-message{align-self:flex-start}.chat-container .chat-messages .message.assistant-message .message-content{background-color:var(--background-default);color:var(--text-primary);border-radius:0 var(--border-radius-lg) var(--border-radius-lg) var(--border-radius-lg)}.chat-container .chat-messages .message .message-avatar{flex-shrink:0}.chat-container .chat-messages .message .message-content{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);max-width:100%;word-wrap:break-word}.chat-container .chat-messages .message .message-content p{margin:0 0 var(--spacing-xs) 0}.chat-container .chat-messages .message .message-content p:last-child{margin-bottom:0}.chat-container .chat-messages .message .message-content ul,.chat-container .chat-messages .message .message-content ol{margin:var(--spacing-xs) 0;padding-left:var(--spacing-lg)}.chat-container .chat-messages .message .message-content code{background-color:#0000001a;padding:2px 4px;border-radius:4px;font-family:monospace}.chat-container .chat-input{display:flex;gap:var(--spacing-xs);padding:var(--spacing-md);border-top:1px solid var(--border-color);background-color:var(--background-paper)}.chat-container .chat-input .MuiTextField-root{flex:1}.chat-container .chat-input .MuiIconButton-root{align-self:flex-end}[data-theme=dark] .chat-container .message.user-message .message-content{background-color:var(--primary-dark)}[data-theme=dark] .chat-container .message.assistant-message .message-content{background-color:var(--background-elevation-2)}.layout-container{min-height:100vh;display:flex;flex-direction:column;width:100%}.main-content{flex:1;width:100%}.content-container{padding-top:2rem;padding-bottom:2rem}@media(max-width:600px){.content-container{padding-top:1rem;padding-bottom:1rem}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:100vh;width:100%}:root{--primary-50: #e3f2fd;--primary-100: #bbdefb;--primary-200: #90caf9;--primary-300: #64b5f6;--primary-400: #42a5f5;--primary-500: #2196f3;--primary-600: #1e88e5;--primary-700: #1976d2;--primary-800: #1565c0;--primary-900: #0d47a1;--primary-main: var(--primary-700);--primary-light: var(--primary-400);--primary-dark: var(--primary-800);--secondary-50: #fce4ec;--secondary-100: #f8bbd9;--secondary-200: #f48fb1;--secondary-300: #f06292;--secondary-400: #ec407a;--secondary-500: #e91e63;--secondary-600: #d81b60;--secondary-700: #c2185b;--secondary-800: #ad1457;--secondary-900: #880e4f;--secondary-main: var(--secondary-700);--secondary-light: var(--secondary-400);--secondary-dark: var(--secondary-900);--grey-50: #fafafa;--grey-100: #f5f5f5;--grey-200: #eeeeee;--grey-300: #e0e0e0;--grey-400: #bdbdbd;--grey-500: #9e9e9e;--grey-600: #757575;--grey-700: #616161;--grey-800: #424242;--grey-900: #212121;--success-main: #2e7d32;--warning-main: #ed6c02;--error-main: #d32f2f;--info-main: #0288d1;--text-primary: rgba(0, 0, 0, .87);--text-secondary: rgba(0, 0, 0, .6);--text-disabled: rgba(0, 0, 0, .38);--text-inverse: #ffffff;--background-default: #f8f9fa;--background-paper: #ffffff;--background-elevation-1: #ffffff;--background-elevation-2: #fafafa;--background-elevation-3: #f5f5f5;--border-color: rgba(0, 0, 0, .12);--divider-color: rgba(0, 0, 0, .12);--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 16px;--border-radius: var(--border-radius-md);--shadow-1: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--shadow-2: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .23);--shadow-3: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);--shadow-4: 0 14px 28px rgba(0, 0, 0, .25), 0 10px 10px rgba(0, 0, 0, .22);--shadow-5: 0 19px 38px rgba(0, 0, 0, .3), 0 15px 12px rgba(0, 0, 0, .22);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-xxl: 48px;--spacing-xxxl: 64px;--z-index-app-bar: 1100;--z-index-drawer: 1200;--z-index-modal: 1300;--z-index-snackbar: 1400;--z-index-tooltip: 1500;--font-family: "Roboto", "Helvetica", "Arial", sans-serif;--font-family-mono: "Roboto Mono", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-xxxl: 2rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .35s;--transition-easing: cubic-bezier(.4, 0, .2, 1);--transition-easing-sharp: cubic-bezier(.4, 0, .6, 1);--primary-main-rgb: 25, 118, 210;--primary-light-rgb: 66, 165, 245;--primary-dark-rgb: 21, 101, 192;--secondary-main-rgb: 220, 0, 78;--secondary-light-rgb: 255, 64, 129;--secondary-dark-rgb: 136, 14, 79;--background-paper-rgb: 255, 255, 255;--background-default-rgb: 248, 249, 250}[data-mui-color-scheme=dark]{--primary-main: var(--primary-200);--primary-light: var(--primary-100);--primary-dark: var(--primary-300);--secondary-main: var(--secondary-200);--secondary-light: var(--secondary-100);--secondary-dark: var(--secondary-300);--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--text-disabled: rgba(255, 255, 255, .38);--text-inverse: rgba(0, 0, 0, .87);--background-default: #121212;--background-paper: #1e1e1e;--background-elevation-1: #1e1e1e;--background-elevation-2: #222222;--background-elevation-3: #242424;--border-color: rgba(255, 255, 255, .12);--divider-color: rgba(255, 255, 255, .12);--shadow-1: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .6);--shadow-2: 0 3px 6px rgba(0, 0, 0, .7), 0 3px 6px rgba(0, 0, 0, .8);--shadow-3: 0 10px 20px rgba(0, 0, 0, .8), 0 6px 6px rgba(0, 0, 0, .9);--primary-main-rgb: 144, 202, 249;--primary-light-rgb: 187, 222, 251;--primary-dark-rgb: 100, 181, 246;--secondary-main-rgb: 244, 143, 177;--secondary-light-rgb: 248, 187, 217;--secondary-dark-rgb: 240, 98, 146;--background-paper-rgb: 30, 30, 30;--background-default-rgb: 18, 18, 18}*{margin:0;padding:0;box-sizing:border-box}html{width:100%;height:100%}body{width:100%;min-height:100vh;margin:0;padding:0;transition:background-color .3s ease}#root{width:100%;min-height:100vh;display:flex;flex-direction:column}*{transition:background-color .3s ease,border-color .3s ease}
