body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{height:100%;width:100%}*,body,html{margin:0;padding:0}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App{background:#fff;flex-direction:column}.App,.login-container{display:flex;min-height:100vh}.login-container{align-items:center;background:#f8fafc;justify-content:center;overflow:hidden;position:relative}.login-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #0000001a;padding:2rem;width:500px}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{color:#111827;font-size:1.875rem;font-weight:600;margin-bottom:.5rem}.login-header p{color:#6b7280;font-size:.875rem}.login-form{gap:1rem}.form-group,.login-form{display:flex;flex-direction:column}.form-group label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:.875rem;padding:.75rem;transition:all .2s ease}.form-group input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input::placeholder{color:#9ca3af}.login-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem;transition:all .2s ease}.login-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.login-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem;margin-top:.5rem;padding:.75rem}.link-btn{background:none;border:none;border-radius:4px;color:#3b82f6;cursor:pointer;display:inline-block;font-size:.875rem;font-weight:500;padding:.5rem 0;text-decoration:none;transition:all .2s ease}.link-btn:hover{background:#3b82f61a;color:#2563eb;text-decoration:underline}.chatgpt-layout{background:#fff;display:flex;height:100vh;overflow:hidden}.sidebar{background:#f8fafc;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:relative;width:260px}.sidebar-header{border-bottom:1px solid #e5e7eb;padding:.75rem}.new-chat-btn{align-items:center;background:#0000;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;overflow:hidden;padding:.75rem;position:relative;transition:all .2s ease;width:100%}.new-chat-btn:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.new-chat-btn:active{transform:translateY(0)}.new-chat-btn span{font-size:1.25rem;font-weight:600}.conversations-list{flex:1 1;overflow-y:auto;padding:.5rem;scrollbar-color:#d1d5db #f8fafc;scrollbar-width:thin}.conversations-list::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track{background:#f8fafc}.conversations-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.conversations-list::-webkit-scrollbar-thumb:hover{background:#9ca3af}.conversation-item{border-radius:6px;color:#374151;cursor:pointer;margin-bottom:.25rem;overflow:hidden;padding:.75rem;position:relative;transition:all .2s ease}.conversation-item:hover{background:#f1f5f9;transform:translateX(2px)}.conversation-item.active{background:#f1f5f9;border-left:3px solid #3b82f6}.conversation-content{display:flex;flex-direction:column;gap:.25rem}.conversation-title{color:#374151;font-size:.875rem;font-weight:500;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-meta{align-items:center;color:#6b7280;display:flex;font-size:.75rem;justify-content:space-between}.active-indicator{color:#3b82f6;font-size:.75rem;font-weight:500}.sidebar-footer{background:#f8fafc;border-top:1px solid #e5e7eb;padding:1rem}.user-info{align-items:center;border-radius:6px;display:flex;gap:.75rem;margin-bottom:1rem;padding:.5rem;transition:background-color .2s}.user-info:hover{background:#f1f5f9}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.user-details{flex:1 1;min-width:0}.user-name{color:#374151;font-size:.875rem;font-weight:500}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#6b7280;font-size:.75rem}.sidebar-actions{display:flex;flex-direction:column;gap:.5rem}.sidebar-action-btn{align-items:center;background:none;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.75rem;gap:.5rem;overflow:hidden;padding:.5rem;position:relative;transition:all .2s ease}.sidebar-action-btn:hover{background:#f1f5f9;border-color:#9ca3af;transform:translateY(-1px)}.sidebar-action-btn:active{transform:translateY(0)}.sidebar-action-btn.logout{border-color:#fecaca;color:#dc2626}.sidebar-action-btn.logout:hover{background:#fef2f2;border-color:#f87171}.main-chat{flex:1 1;flex-direction:column;position:relative}.chat-header,.main-chat{background:#fff;display:flex}.chat-header{align-items:center;border-bottom:1px solid #e5e7eb;justify-content:space-between;padding:1rem 1.5rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.chat-header-content h1{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.chat-header-content p{color:#6b7280;font-size:.875rem}.chat-header-actions{display:flex;gap:.5rem}.header-action-btn{background:none;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .2s ease}.header-action-btn:hover{background:#f3f4f6;border-color:#d1d5db;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.header-action-btn:active{transform:translateY(0)}.header-action-btn.active{background:#f3f4f6;border-color:#9ca3af;color:#374151}.messages-container{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding:0;scrollbar-color:#d1d5db #fff;scrollbar-width:thin}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#fff}.messages-container::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#9ca3af}.message{border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;max-width:100%;padding:1.5rem;position:relative;transition:background-color .2s ease}.message:hover{background:#00000005}.message.user{background:#fff}.message.ai{background:#f9fafb}.message-avatar{align-items:center;border-radius:50%;box-shadow:0 2px 4px #0000001a;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:32px;justify-content:center;width:32px}.message.user .message-avatar{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.message.ai .message-avatar{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.message-content{flex:1 1;line-height:1.6;max-width:100%;min-width:0}.user-message{line-height:1.6}.ai-message,.user-message{word-wrap:break-word;color:#111827;font-size:.875rem;font-weight:400;white-space:pre-wrap}.ai-message{line-height:1.7}.ai-message h1,.ai-message h2,.ai-message h3,.ai-message h4,.ai-message h5,.ai-message h6{color:#111827;font-weight:600;line-height:1.3;margin:1.5rem 0 .75rem}.ai-message h1{border-bottom:2px solid #e5e7eb;font-size:1.75rem;padding-bottom:.5rem}.ai-message h2{border-bottom:1px solid #e5e7eb;font-size:1.5rem;padding-bottom:.25rem}.ai-message h3{font-size:1.25rem}.ai-message p{margin-bottom:.75rem}.ai-message ol,.ai-message ul{margin:.75rem 0;padding-left:1.5rem}.ai-message li{line-height:1.6;margin-bottom:.5rem}.ai-message strong{color:#111827;font-weight:600}.ai-message em{font-style:italic}.ai-message blockquote{background:#3b82f60d;border-left:4px solid #3b82f6;border-radius:0 6px 6px 0;color:#6b7280;font-style:italic;margin:1rem 0;padding:.75rem}.ai-message code{background:#f3f4f6;border-radius:4px;color:#111827;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.875rem;padding:.125rem .25rem}.ai-message pre{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;margin:1rem 0;overflow-x:auto;padding:1rem}.ai-message pre code{background:none;color:#111827;font-family:Monaco,Menlo,Ubuntu Mono,Consolas,monospace;font-size:.875rem;line-height:1.5;padding:0}.message-image{border-radius:8px;box-shadow:0 4px 6px #0000001a;height:auto;margin-top:.5rem;max-width:100%}.typing-indicator{align-items:center;display:flex;gap:.25rem;padding:.5rem 0}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:#9ca3af;border-radius:50%;height:8px;width:8px}.typing-indicator span:first-child{animation-delay:-.32s}.typing-indicator span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.input-container{background:#fff;border-top:1px solid #e5e7eb;bottom:0;padding:1rem;position:-webkit-sticky;position:sticky;z-index:10}.input-wrapper{align-items:center;background:#f9fafb;border:1px solid #d1d5db;border-radius:12px;display:flex;gap:.75rem;margin:0 auto;max-width:768px;padding:.5rem;position:relative;transition:all .2s ease}.input-wrapper:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.text-input{background:none;border:none;color:#111827;flex:1 1;font-family:inherit;font-size:.875rem;line-height:1.4;max-height:120px;min-height:16px;padding:.25rem 0;resize:none}.text-input,.text-input:focus{outline:none}.text-input::placeholder{color:#9ca3af}.input-actions{flex-shrink:0;gap:.5rem}.input-actions,.upload-btn{align-items:center;display:flex}.upload-btn{background:none;border:none;border-radius:6px;color:#ececf1;cursor:pointer;font-size:1rem;justify-content:center;overflow:hidden;padding:.5rem;position:relative;transition:all .2s ease}.upload-btn:hover{background:#565869;transform:translateY(-1px)}.upload-btn:active{transform:translateY(0)}.send-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .2s ease}.send-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.send-btn:active:not(:disabled){transform:translateY(0)}.send-btn:disabled{background:#9ca3af;box-shadow:none;color:#fff;cursor:not-allowed;transform:none}.selected-image{display:inline-block;margin-top:.75rem;position:relative}.preview-image{border:1px solid #565869;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-height:200px;max-width:200px}.remove-image-btn{align-items:center;background:#dc2626;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;position:absolute;right:-8px;top:-8px;transition:all .2s ease;width:24px}.remove-image-btn:hover{background:#b91c1c;transform:scale(1.1)}.remove-image-btn:active{transform:scale(1)}.prescription-form{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 8px #0000001a;margin:.75rem 1rem 0;padding:1.5rem}.prescription-form h3{align-items:center;color:#111827;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin-bottom:1rem}.prescription-inputs{gap:1rem}.input-group,.prescription-inputs{display:flex;flex-direction:column}.input-group label{color:#374151;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.input-group input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:.875rem;padding:.75rem;transition:all .2s ease}.input-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.input-group input::placeholder{color:#9ca3af}.prescription-actions{display:flex;gap:.75rem;margin-top:1rem}.prescription-form .upload-btn{background:#6b7280;border:1px solid #6b7280;color:#fff}.prescription-form .upload-btn:hover{background:#4b5563;border-color:#4b5563;box-shadow:0 4px 8px #6b72804d}.prescription-form .upload-btn:active{color:#fff}.analyze-btn,.prescription-actions .analyze-btn,.prescription-form .analyze-btn{background:#10b981!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;font-size:.875rem!important;font-weight:500!important;overflow:hidden!important;padding:.5rem 1rem!important;position:relative!important;transition:all .2s ease!important}.analyze-btn:active:not(:disabled),.prescription-actions .analyze-btn:active:not(:disabled),.prescription-form .analyze-btn:active:not(:disabled){transform:translateY(0)!important}.analyze-btn:disabled,.prescription-actions .analyze-btn:disabled,.prescription-form .analyze-btn:disabled{background:#9ca3af!important;box-shadow:none!important;color:#fff!important;cursor:not-allowed!important;transform:none!important}.prescription-actions button.analyze-btn,.prescription-form button.analyze-btn,button.analyze-btn{background:#10b981!important;color:#fff!important}.prescription-actions button.analyze-btn:hover:not(:disabled),.prescription-form button.analyze-btn:hover:not(:disabled),button.analyze-btn:hover:not(:disabled){background:#059669!important;color:#fff!important}.prescription-actions button.analyze-btn:disabled,.prescription-form button.analyze-btn:disabled,button.analyze-btn:disabled{background:#9ca3af!important;color:#fff!important}.analyze-btn:hover,.prescription-actions .analyze-btn:hover,.prescription-form .analyze-btn:hover{background:#059669!important;border-color:#059669!important;color:#fff!important}.analyze-btn:hover:not(:disabled),.prescription-actions .analyze-btn:hover:not(:disabled),.prescription-form .analyze-btn:hover:not(:disabled){background:#059669!important;border-color:#059669!important;box-shadow:0 4px 8px #10b9814d!important;color:#fff!important;transform:translateY(-1px)!important}.remove-btn{background:#dc2626;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;overflow:hidden;padding:.5rem 1rem;position:relative;transition:all .2s ease}.remove-btn:hover{background:#b91c1c;box-shadow:0 4px 8px #dc26264d;transform:translateY(-1px)}.remove-btn:active{transform:translateY(0)}.context-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e5e7eb;box-shadow:0 10px 25px #00000026,0 4px 8px #0000001a;min-width:150px;padding:.25rem;position:fixed;z-index:1000}.context-menu,.context-menu-item{background:#fff;border-radius:8px}.context-menu-item{align-items:center;border:1px solid #fff;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.context-menu-item:hover{background:#f3f4f6;transform:translateX(2px)}.context-menu-item.delete{color:#dc2626}.context-menu-item.delete:hover{background:#fef2f2;color:#dc2626}.landing-page{background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;position:relative}.App.dark-mode .landing-page .hero-content,.App.dark-mode .landing-page .hero-title{color:#ececf1}.App.dark-mode .landing-page .hero-subtitle{color:#d1d5db}.App.dark-mode .landing-page .hero-description{color:#9ca3af}.App.dark-mode .landing-page .feature-item{background:#ffffff1a;border:1px solid #fff3}.landing-page .floating-icon{color:#ffffff1a}.App.dark-mode .landing-page .floating-icon{color:#ffffff0d}.landing-page.light{background:linear-gradient(135deg,#667eea,#764ba2)}.App.dark-mode .landing-page,.landing-page.dark{background:linear-gradient(135deg,#1f2937,#111827)}.landing-hero{align-items:center;display:flex;flex:1 1;justify-content:center;padding:2rem;position:relative;z-index:2}.hero-content{color:#fff;max-width:800px;position:relative;text-align:center;z-index:3}.App.dark-mode .hero-content{color:#ececf1}.hero-icon{animation:pulse 2s infinite;font-size:4rem;margin-bottom:2rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e5e7eb);-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:1rem}.App.dark-mode .hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ececf1,#d1d5db);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#ffffffe6;font-size:1.5rem;font-weight:500;margin-bottom:1.5rem}.App.dark-mode .hero-subtitle{color:#d1d5db}.hero-description{color:#fffc;font-size:1.125rem;line-height:1.6;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.App.dark-mode .hero-description{color:#9ca3af}.hero-features{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.feature-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;padding:1.5rem;transition:all .3s ease}.feature-item:hover{box-shadow:0 10px 25px #0003;transform:translateY(-5px)}.App.dark-mode .feature-item{background:#ffffff0d;border:1px solid #ffffff1a}.feature-icon{color:#3b82f6;font-size:2rem;margin-bottom:1rem}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.hero-btn{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.75rem 2rem;position:relative;text-decoration:none;transition:all .3s ease}.hero-btn.primary{background:#3b82f6;border:none;color:#fff}.hero-btn.primary:hover{background:#2563eb;box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.hero-btn.secondary{background:#0000;border:2px solid #ffffff4d;color:#fff}.hero-btn.secondary:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.landing-decoration{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.floating-icon{animation:float 6s ease-in-out infinite;color:#ffffff1a;font-size:2rem;position:absolute}@keyframes float{0%,to{opacity:.1;transform:translateY(0) rotate(0deg)}50%{opacity:.3;transform:translateY(-20px) rotate(180deg)}}.App.dark-mode,.App.dark-mode body{background:#1a1a1a;color:#fff}.App.dark-mode .App,.App.dark-mode .login-container{background:#1a1a1a}.App.dark-mode .login-card{background:#1a1a1a;border:1px solid #333;box-shadow:0 10px 25px #0000004d}.App.dark-mode .form-group label,.App.dark-mode .login-header h1,.App.dark-mode .login-header p{color:#fff}.App.dark-mode .form-group input{background:#1a1a1a;border-color:#333;color:#fff}.App.dark-mode .form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.App.dark-mode .form-group input::placeholder{color:#8e8ea0}.App.dark-mode .login-btn{background:#3b82f6}.App.dark-mode .login-btn:hover:not(:disabled){background:#2563eb}.App.dark-mode .demo-credentials p{color:#9ca3af}.App.dark-mode .link-btn{color:#60a5fa}.App.dark-mode .link-btn:hover{background:#60a5fa1a;color:#93c5fd}.App.dark-mode .language-btn{background:#40414f;border-color:#565869;color:#ececf1}.App.dark-mode .language-btn:hover{background:#565869}.App.dark-mode .language-popup-overlay{background:#00000080}.App.dark-mode .language-popup{background:#40414f;border:1px solid #565869}.App.dark-mode .language-popup-header{border-bottom-color:#565869}.App.dark-mode .close-btn,.App.dark-mode .language-popup-header h3{color:#ececf1}.App.dark-mode .close-btn:hover{background:#565869}.App.dark-mode .language-native-name{color:#ececf1}.App.dark-mode .language-english-name{color:#9ca3af}.App.dark-mode .chatgpt-layout{background:#1a1a1a}.App.dark-mode .sidebar{background:#1a1a1a;border-right-color:#333}.App.dark-mode .new-chat-btn{border-color:#333;color:#fff}.App.dark-mode .new-chat-btn:hover{background:#333;border-color:#fff}.App.dark-mode .conversation-item{color:#fff}.App.dark-mode .conversation-item.active,.App.dark-mode .conversation-item:hover{background:#333}.App.dark-mode .conversation-title{color:#fff}.App.dark-mode .conversation-meta{color:#ccc}.App.dark-mode .user-info,.App.dark-mode .user-name{color:#fff}.App.dark-mode .user-email{color:#ccc}.App.dark-mode .sidebar-action-btn{border-color:#565869;color:#ececf1}.App.dark-mode .sidebar-footer{background:#40414f;border-top-color:#565869}.App.dark-mode .main-chat,.App.dark-mode .sidebar-action-btn:hover,.App.dark-mode .user-info:hover{background:#343541}.App.dark-mode .chat-header{background:#343541;border-bottom-color:#4a4b4d}.App.dark-mode .chat-header-content h1,.App.dark-mode .chat-header-content p{color:#ececf1}.App.dark-mode .header-action-btn{background:none;border-color:#565869;color:#ececf1}.App.dark-mode .header-action-btn:hover{background:#4a4b4d;border-color:#ececf1;color:#ececf1}.App.dark-mode .header-action-btn.active{background:#565869;border-color:#ececf1;color:#ececf1}.App.dark-mode .message.user{background:#343541}.App.dark-mode .message.ai{background:#444654}.App.dark-mode .ai-message,.App.dark-mode .user-message{color:#ececf1}.App.dark-mode .ai-message h1,.App.dark-mode .ai-message h2,.App.dark-mode .ai-message h3,.App.dark-mode .ai-message h4,.App.dark-mode .ai-message h5,.App.dark-mode .ai-message h6{border-bottom-color:#4a4b4d;color:#ececf1}.App.dark-mode .ai-message strong{color:#ececf1}.App.dark-mode .ai-message code{background:#40414f;color:#ececf1}.App.dark-mode .ai-message pre{background:#40414f;border-color:#565869}.App.dark-mode .ai-message pre code{color:#ececf1}.App.dark-mode .ai-message blockquote{background:#3b82f61a;color:#8e8ea0}.App.dark-mode .input-container{background:#343541;border-top-color:#4a4b4d}.App.dark-mode .input-wrapper{background:#40414f;border-color:#565869}.App.dark-mode .text-input{color:#ececf1}.App.dark-mode .text-input::placeholder{color:#8e8ea0}.App.dark-mode .prescription-form .upload-btn{background:#3b82f6;border-color:#3b82f6;box-shadow:none;color:#fff;transform:translateY(0)}.App.dark-mode .prescription-form .upload-btn:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 4px 8px #3b82f64d;color:#fff;transform:translateY(-1px)}.App.dark-mode .prescription-form .upload-btn:active{color:#ececf1;transform:translateY(0)}.App.dark-mode .send-btn{background:#3b82f6;color:#fff}.App.dark-mode .send-btn:hover:not(:disabled){background:#2563eb}.App.dark-mode .prescription-form{background:#40414f;border-color:#565869}.App.dark-mode .input-group label,.App.dark-mode .prescription-form h3{color:#ececf1}.App.dark-mode .input-group input{background:#343541;border-color:#565869;color:#ececf1}.App.dark-mode .input-group input:focus{border-color:#3b82f6}.App.dark-mode .input-group input::placeholder{color:#8e8ea0}.App.dark-mode .upload-btn{color:#ececf1}.App.dark-mode .upload-btn:hover{background:#3b82f6;color:#fff}.App.dark-mode .analyze-btn{background:#10b981;color:#fff}.App.dark-mode .analyze-btn:hover:not(:disabled){background:#059669;color:#fff}.App.dark-mode .analyze-btn:disabled{background:#6b7280;color:#fff}.App.dark-mode .context-menu{background:#40414f!important;border-color:#565869!important}.App.dark-mode .context-menu-item{background:#40414f!important;border-color:#fff!important;color:#ececf1!important}.App.dark-mode .context-menu-item:hover{background:#565869!important}.App.dark-mode .context-menu-item.delete{color:#f87171!important}.App.dark-mode .context-menu-item.delete:hover{background:#7f1d1d!important;color:#fca5a5!important}.empty-state{align-items:center;background:linear-gradient(135deg,#3b82f60d,#10b9810d);border-radius:12px;color:#8e8ea0;display:flex;flex-direction:column;height:100%;justify-content:center;margin:1rem;padding:2rem;text-align:center}.empty-state-icon{color:#565869;font-size:4rem;margin-bottom:1rem;opacity:.7}.empty-state h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#10b981);-webkit-background-clip:text;background-clip:text;color:#ececf1;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-state p{color:#8e8ea0;font-size:1rem;line-height:1.5;max-width:400px}.App.dark-mode .empty-state h2{color:#ececf1}.App.dark-mode .empty-state p{color:#8e8ea0}.App.dark-mode body{background:#343541;color:#ececf1}.language-popup-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.language-popup{animation:modalSlideIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:500px;overflow:hidden;padding:0;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.language-popup-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.language-popup-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:.25rem;transition:all .2s ease;width:32px}.close-btn:hover{background:#f3f4f6;color:#374151}.language-popup-content{max-height:60vh;overflow-y:auto;padding:1rem;scrollbar-color:#d1d5db #fff;scrollbar-width:thin}.language-popup-content::-webkit-scrollbar{width:6px}.language-popup-content::-webkit-scrollbar-track{background:#fff}.language-popup-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.language-popup-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.language-option{align-items:center;background:none;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:1rem;text-align:left;transition:all .2s ease;width:100%}.language-option:hover{background:#f9fafb;border-color:#d1d5db;transform:translateX(4px)}.language-option.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.language-native-name{color:inherit;font-size:1rem;font-weight:500}.language-english-name{color:#6b7280;font-size:.875rem;margin-left:.5rem}.language-option.selected .language-english-name{color:#fffc}.language-selector-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.language-selector-modal{animation:modalSlideIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:600px;overflow:hidden;padding:0;width:90%}.language-selector-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem;position:relative}.language-selector-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.language-selector-header p{color:#6b7280;font-size:.875rem;margin:0}.language-selector-header .close-btn{position:absolute;right:1rem;top:1rem}.language-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-height:60vh;overflow-y:auto;padding:1rem;scrollbar-color:#d1d5db #fff;scrollbar-width:thin}.language-grid::-webkit-scrollbar{width:6px}.language-grid::-webkit-scrollbar-track{background:#fff}.language-grid::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.language-grid::-webkit-scrollbar-thumb:hover{background:#9ca3af}.language-info{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.language-name{color:#374151;font-size:1rem;font-weight:500;margin-bottom:.25rem}.language-native{color:#6b7280;font-size:.875rem}.language-arrow{color:#6b7280;font-size:1.25rem;transition:all .2s ease}.language-option:hover .language-arrow{color:#374151;transform:translateX(4px)}.settings-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.settings-modal{animation:modalSlideIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-height:80vh;max-width:600px;overflow:hidden;padding:0;width:90%}.settings-header{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.settings-header h2{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.settings-close{align-items:center;background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:.25rem;transition:all .2s ease;width:32px}.settings-close:hover{background:#f3f4f6;color:#374151}.settings-tabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.settings-tab{background:none;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:500;padding:1rem;transition:all .2s ease}.settings-tab:hover{background:#fff;color:#374151}.settings-tab.active{background:#fff;border-bottom-color:#3b82f6;color:#3b82f6}.settings-content{max-height:60vh;overflow-y:auto;padding:1.5rem;scrollbar-color:#d1d5db #fff;scrollbar-width:thin}.settings-content::-webkit-scrollbar{width:6px}.settings-content::-webkit-scrollbar-track{background:#fff}.settings-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.settings-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.settings-section{margin-bottom:2rem}.settings-section h3{color:#111827;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.appearance-options{display:flex;flex-direction:column;gap:1rem}.theme-toggle{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:1rem;transition:all .2s ease}.theme-toggle:hover{border-color:#d1d5db}.theme-info{flex:1 1}.theme-name{color:#111827;font-size:1rem;font-weight:500;margin-bottom:.25rem}.theme-description{color:#6b7280;font-size:.875rem}.theme-toggle-btn{background:#d1d5db;border:none;border-radius:12px;cursor:pointer;height:24px;padding:2px;position:relative;transition:all .3s ease;width:48px}.theme-toggle-btn.light{background:#3b82f6}.theme-toggle-btn.dark{background:#6b7280}.toggle-slider{background:#fff;border-radius:50%;height:20px;transform:translateX(0);transition:all .3s ease;width:20px}.theme-toggle-btn.dark .toggle-slider{transform:translateX(24px)}.settings-actions{display:flex;gap:.75rem;margin-top:1.5rem}.settings-save-btn{background:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.settings-save-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.settings-save-btn:disabled{background:#9ca3af;cursor:not-allowed}.settings-cancel-btn{background:none;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.settings-cancel-btn:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.settings-message{border-radius:6px;font-size:.875rem;font-weight:500;margin:1rem 1.5rem;padding:1rem;text-align:center}.settings-message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.settings-message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.language-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff}.language-btn:hover{background:#fff3}.App.dark-mode .language-popup-overlay,.App.dark-mode .language-selector-overlay,.App.dark-mode .settings-overlay{background:#000000b3}.App.dark-mode .language-popup,.App.dark-mode .language-selector-modal,.App.dark-mode .settings-modal{background:#40414f;border-color:#565869}.App.dark-mode .language-popup-header,.App.dark-mode .language-selector-header,.App.dark-mode .settings-header{background:#40414f;border-bottom-color:#565869}.App.dark-mode .language-popup-header h3,.App.dark-mode .language-selector-header h2,.App.dark-mode .settings-header h2{color:#ececf1}.App.dark-mode .close-btn,.App.dark-mode .language-selector-header p,.App.dark-mode .settings-close{color:#8e8ea0}.App.dark-mode .close-btn:hover,.App.dark-mode .settings-close:hover{background:#565869;color:#ececf1}.App.dark-mode .language-popup-content{scrollbar-color:#565869 #40414f}.App.dark-mode .language-popup-content::-webkit-scrollbar-track{background:#40414f}.App.dark-mode .language-popup-content::-webkit-scrollbar-thumb{background:#565869}.App.dark-mode .language-popup-content::-webkit-scrollbar-thumb:hover{background:#6b7280}.App.dark-mode .language-option{border-color:#565869;color:#ececf1}.App.dark-mode .language-option:hover{background:#565869;border-color:#ececf1}.App.dark-mode .language-option.selected{background:#3b82f6;border-color:#3b82f6;color:#fff}.App.dark-mode .language-native-name{color:inherit}.App.dark-mode .language-english-name{color:#8e8ea0}.App.dark-mode .language-option.selected .language-english-name{color:#fffc}.App.dark-mode .language-name{color:#ececf1}.App.dark-mode .language-arrow,.App.dark-mode .language-native{color:#8e8ea0}.App.dark-mode .language-option:hover .language-arrow{color:#ececf1}.App.dark-mode .settings-tabs{background:#343541;border-bottom-color:#565869}.App.dark-mode .settings-tab{color:#8e8ea0}.App.dark-mode .settings-tab:hover{background:#40414f;color:#ececf1}.App.dark-mode .settings-tab.active{background:#40414f;color:#3b82f6}.App.dark-mode .settings-section h3{color:#ececf1}.App.dark-mode .theme-toggle{background:#343541;border-color:#565869}.App.dark-mode .theme-toggle:hover{border-color:#ececf1}.App.dark-mode .theme-name{color:#ececf1}.App.dark-mode .theme-description{color:#8e8ea0}.App.dark-mode .settings-save-btn{background:#3b82f6}.App.dark-mode .settings-save-btn:hover:not(:disabled){background:#2563eb}.App.dark-mode .settings-cancel-btn{border-color:#565869;color:#8e8ea0}.App.dark-mode .settings-cancel-btn:hover{background:#565869;border-color:#ececf1;color:#ececf1}.landing-language-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;position:absolute;right:1rem;top:1rem;transition:all .2s ease;z-index:10}.landing-language-btn:hover{background:#fff3;transform:translateY(-1px)}.language-btn-icon{font-size:1rem}.language-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #0000001a;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;position:fixed;right:1rem;top:1rem;transition:all .2s ease;z-index:100}.language-btn:hover{background:#fff;box-shadow:0 4px 8px #0000001a;transform:translateY(-1px)}.App.dark-mode .landing-language-btn,.App.dark-mode .language-btn{background:#ffffff1a;border-color:#fff3;color:#ececf1}.App.dark-mode .landing-language-btn:hover,.App.dark-mode .language-btn:hover{background:#ffffff1a;border-color:#fff3}.settings-content .form-group{margin-bottom:1.5rem}.settings-content .form-group label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.settings-content .form-group input{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#111827;font-size:.875rem;padding:.75rem;transition:all .2s ease;width:100%}.settings-content .form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.settings-content .form-group input::placeholder{color:#9ca3af}.App.dark-mode .settings-content .form-group label{color:#ececf1}.App.dark-mode .settings-content .form-group input{background:#343541;border-color:#565869;color:#ececf1}.App.dark-mode .settings-content .form-group input:focus{border-color:#3b82f6}.App.dark-mode .settings-content .form-group input::placeholder{color:#8e8ea0}.prescription-form .upload-btn{align-items:center;background:#3b82f6;border:1px solid #3b82f6;border-radius:6px;color:#fff!important;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.prescription-form .upload-btn:hover{background:#2563eb;border-color:#2563eb;box-shadow:0 4px 8px #3b82f64d;color:#fff!important;transform:translateY(-1px)}.prescription-form .upload-btn:active{color:#fff!important;transform:translateY(0)}.prescription-form button{color:#fff!important;cursor:pointer}.prescription-form button:active,.prescription-form button:hover{color:#fff!important}.prescription-form .btn,.prescription-form .prescription-btn,.prescription-form button.btn{color:#fff!important;cursor:pointer}.prescription-form .btn:hover,.prescription-form .prescription-btn:hover,.prescription-form button.btn:hover{color:#fff!important}
/*# sourceMappingURL=main.f6e4bd03.css.map*/