:root{--primary:#0c3;--primary-dark:#009926;--primary-light:#4dd865;--background:#fff;--surface:#f8fafc;--surface-elevated:#fff;--on-surface:#1a202c;--on-surface-light:#718096;--on-surface-lighter:#a0aec0;--border:#e2e8f0;--border-light:#f1f5f9;--error:#e53e3e;--success:#38a169;--warning:#d69e2e;--shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--radius:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--transition:all 0.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--background);color:#1a202c;color:var(--on-surface);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.6}#root{flex-direction:column}#root,.app{display:flex;min-height:100vh}.app{flex:1 1;flex-direction:column}.login-page{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:linear-gradient(135deg,var(--surface) 0,#e2e8f0 100%);display:flex;justify-content:center;min-height:100vh}.login-background{max-width:28rem;padding:2rem;width:100%}.login-container{background:#fff;background:var(--surface-elevated);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);overflow:hidden}.login-header{background:linear-gradient(135deg,#0c3,#009926);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;padding:3rem 2rem 2rem;text-align:center}.company-logo h1{font-size:2rem;font-weight:700;margin-bottom:.25rem}.company-logo h2{font-size:1.125rem;font-weight:400;opacity:.9}.login-subtitle{font-size:.875rem;margin-top:1rem;opacity:.8}.login-card{padding:2rem}.login-tabs{background:#f8fafc;background:var(--surface);border-radius:.5rem;border-radius:var(--radius);display:flex;margin-bottom:2rem;padding:.25rem}.login-tabs .tab-button{align-items:center;background:#0000;border:none;border-radius:.25rem;border-radius:calc(var(--radius) - .25rem);color:#718096;color:var(--on-surface-light);cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease;transition:var(--transition)}.login-tabs .tab-button.active{background:#fff;background:var(--surface-elevated);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);color:#0c3;color:var(--primary)}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group input{background:#fff;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius);font-size:1rem;padding:.75rem 1rem;transition:all .2s ease;transition:var(--transition)}.form-group input:focus{border-color:#0c3;border-color:var(--primary);box-shadow:0 0 0 3px #00cc331a;outline:none}.login-button{background:linear-gradient(135deg,#0c3,#009926);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:none;border-radius:.5rem;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:.875rem 2rem;transition:all .2s ease;transition:var(--transition)}.login-button:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.login-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.button-loading{justify-content:center}.button-loading,.login-error{align-items:center;display:flex;gap:.5rem}.login-error{background:#e53e3e1a;border-radius:.5rem;border-radius:var(--radius);color:#e53e3e;color:var(--error);font-size:.875rem;margin-top:1rem;padding:.75rem 1rem}.login-footer{background:#f8fafc;background:var(--surface);color:#718096;color:var(--on-surface-light);font-size:.75rem;padding:1.5rem 2rem;text-align:center}.modern-chat-page{background:#fff;background:var(--background);display:flex;flex-direction:column;height:100vh;position:relative}.floating-user-menu{left:1rem;position:fixed;top:1rem;z-index:30}.chat-content{margin:0 auto;max-width:80rem;padding:0 3rem;width:100%}.chat-content,.empty-state{display:flex;flex:1 1;flex-direction:column}.empty-state{align-items:center;gap:2rem;justify-content:center;padding:2rem 0}.welcome-message{max-width:32rem;text-align:center}.welcome-message h3{color:#1a202c;color:var(--on-surface);font-size:1.875rem;font-weight:700;margin-bottom:.75rem}.welcome-message p{color:#718096;color:var(--on-surface-light);font-size:1.125rem;line-height:1.6}.centered-input{max-width:56rem;width:100%}.messages-area{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow-x:hidden;overflow-y:auto;padding:4rem 0 2rem;scroll-behavior:smooth;transform:translateZ(0);will-change:scroll-position}.messages-area::-webkit-scrollbar{width:6px}.messages-area::-webkit-scrollbar-track{background:#0000}.messages-area::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--border);border-radius:3px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}.messages-area::-webkit-scrollbar-thumb:hover{background:#a0aec0;background:var(--on-surface-lighter)}.messages-list{margin:0 auto;max-width:64rem;padding:0 2rem;width:100%}.message-container{animation:messageSlideIn .3s ease-out;contain:layout style;display:flex;margin-bottom:1.5rem}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message-container.user{justify-content:flex-end}.message-container.assistant{justify-content:left}.message{word-wrap:break-word;line-height:1.6;max-width:100%}.user-message{background:linear-gradient(135deg,#0c3,#009926);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border-radius:1.25rem;border-bottom-right-radius:.375rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);color:#fff;font-weight:500;max-width:70%;padding:.875rem 1.25rem}.assistant-message{max-width:none;padding:0;text-align:left}.message-content{word-wrap:break-word;color:#1a202c;color:var(--on-surface);contain:layout style;font-size:.95rem;line-height:1.7;overflow-wrap:break-word}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{color:#1a202c;color:var(--on-surface);font-weight:600;margin:1.5rem 0 .75rem}.message-content h1:first-child,.message-content h2:first-child,.message-content h3:first-child{margin-top:0}.message-content p{margin:.75rem 0}.message-content p:first-child{margin-top:0}.message-content p:last-child{margin-bottom:0}.message-content ol,.message-content ul{margin:.75rem 0;padding-left:1.5rem}.message-content li{margin:.25rem 0}.message-content pre{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius);margin:1rem 0;overflow-x:auto;padding:1rem}.message-content code:not(pre code),.message-content pre{background:#f8fafc;background:var(--surface);font-size:.875rem}.message-content code:not(pre code){border-radius:.25rem;color:#009926;color:var(--primary-dark);padding:.125rem .375rem}.message-content blockquote{border-left:4px solid #0c3;border-left:4px solid var(--primary);color:#718096;color:var(--on-surface-light);font-style:italic;margin:1rem 0;padding-left:1rem}.cursor-blink{animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.typing-indicator{align-items:center;color:#0c3;color:var(--primary);display:flex;font-size:.95rem;font-style:italic;font-weight:400;justify-content:flex-start;letter-spacing:.01em;padding:1rem 0}.typing-dots{align-items:center;display:inline-flex;gap:.3rem;height:100%;margin-left:.75rem}.typing-dots span{animation:typingDot 1.6s ease-in-out infinite;background:#0c3;background:var(--primary);border-radius:50%;height:.4rem;opacity:.6;width:.4rem}.typing-dots span:nth-child(2){animation-delay:.3s}.typing-dots span:nth-child(3){animation-delay:.6s}@keyframes typingDot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-.5rem)}}.bottom-input-area{background:#fff;background:var(--background);padding:1rem 0 2rem}.modern-input-container{background:#fff;background:var(--surface-elevated);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin:0 auto;max-width:48rem;overflow:hidden;transition:all .2s ease;transition:var(--transition)}.modern-input-container:focus-within{border-color:#0c3;border-color:var(--primary);box-shadow:0 0 0 3px #00cc331a,0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:0 0 0 3px #00cc331a,var(--shadow-lg)}.modern-input-form{display:flex;flex-direction:column}.modern-input-wrapper{padding:.5rem}.input-content{background:#fff;background:var(--background);border-radius:.75rem;border-radius:var(--radius-lg);overflow:hidden}.modern-textarea{background:#0000;border:none;color:#1a202c;color:var(--on-surface);font-family:inherit;font-size:1rem;line-height:1.5;max-height:24rem;min-height:1.5rem;outline:none;padding:.75rem 1rem;resize:none;width:100%}.modern-textarea::placeholder{color:#a0aec0;color:var(--on-surface-lighter)}.input-controls{gap:.5rem;justify-content:space-between;padding:.25rem .75rem .75rem}.input-controls,.left-controls{align-items:center;display:flex}.left-controls{gap:.25rem}.right-controls{align-items:center;display:flex;gap:.5rem}.control-button{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius);color:#718096;color:var(--on-surface-light);cursor:pointer;display:flex;height:2.25rem;justify-content:center;transition:all .2s ease;transition:var(--transition);width:2.25rem}.control-button:hover{background:#f8fafc;background:var(--surface);color:#1a202c;color:var(--on-surface)}.streaming-toggle{align-items:center;color:#718096;color:var(--on-surface-light);display:flex;gap:.5rem;padding:0 .5rem}.toggle-switch{background:#e2e8f0;border:none;border-radius:9999px;cursor:pointer;height:1.3125rem;outline:none;position:relative;transition:all .2s ease;transition:var(--transition);width:2.625rem}.toggle-switch:hover{transform:scale(1.05)}.toggle-switch.enabled{background:#0c3;background:var(--primary)}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0000001a;height:1.0625rem;left:.125rem;position:absolute;top:.125rem;transition:transform .2s ease;width:1.0625rem}.toggle-switch.enabled .toggle-thumb{transform:translateX(1.3125rem)}.send-button-modern{align-items:center;background:#0c3;background:var(--primary);border:none;border-radius:.5rem;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;height:2.25rem;justify-content:center;transition:all .2s ease;transition:var(--transition);width:2.25rem}.send-button-modern:hover:not(:disabled){background:#009926;background:var(--primary-dark);transform:scale(1.05)}.send-button-modern:disabled{cursor:not-allowed;opacity:.4;transform:none}.model-selector-container{position:relative}.model-selector-button{align-items:center;background:#f8fafc;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);color:#1a202c;color:var(--on-surface);cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:space-between;min-width:120px;padding:.5rem .75rem;transition:all .2s ease;transition:var(--transition)}.model-selector-button:hover{background:var(--surface-hover);border-color:var(--border-hover)}.model-name{flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.chevron{flex-shrink:0;transition:transform .2s ease}.chevron.open{transform:rotate(180deg)}.model-popup{animation:popupIn .15s ease-out;background:#fff;background:var(--surface-elevated);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 25px #00000026,0 4px 6px #0000001a;max-width:280px;min-width:200px;position:fixed;transform-origin:bottom center;z-index:1000}@keyframes popupIn{0%{opacity:0;transform:scale(.95) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.model-popup-content{display:flex;flex-direction:column;gap:.125rem;padding:.375rem}.model-option{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius);cursor:pointer;display:flex;font-size:.875rem;padding:.5rem .75rem;position:relative;text-align:left;transition:all .15s ease;width:100%}.model-option,.model-option:hover{color:#1a202c;color:var(--on-surface)}.model-option:hover{background:var(--surface-hover)}.model-option.selected{background:#00cc331a;color:#1a202c;color:var(--on-surface);font-weight:600}.model-option.selected:after{color:#0c3;color:var(--primary);content:"✓";font-weight:700;position:absolute;right:.75rem}.user-popup-button{align-items:center;background:#fff;background:var(--surface-elevated);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);color:#1a202c;color:var(--on-surface);cursor:pointer;display:flex;font-size:.875rem;transition:all .2s ease;transition:var(--transition)}.floating-user-menu .user-popup-button,.user-popup-button{gap:.75rem;min-width:160px;padding:.5rem .75rem}.user-popup-button:hover{background:#f8fafc;background:var(--surface);border-color:#0c3;border-color:var(--primary)}.floating-user-menu .user-popup-button:hover{transform:scale(1.05)}.user-info-compact{align-items:center;display:flex;flex:1 1;gap:.5rem}.user-avatar-small{align-items:center;background:#0c3;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.user-details-compact{align-items:flex-start;display:flex;flex-direction:column;min-width:0}.user-name-compact{color:#1a202c;color:var(--on-surface);font-size:.875rem;font-weight:600;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role-compact{color:#718096;color:var(--on-surface-light);font-size:.75rem;text-transform:capitalize;white-space:nowrap}.user-popup{animation:popupIn .15s ease-out;background:#fff;background:var(--surface-elevated);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 25px #00000026,0 4px 6px #0000001a;max-width:280px;min-width:240px;position:fixed;transform-origin:top left;z-index:1000}.user-popup-content{display:flex;flex-direction:column;gap:.75rem;padding:.75rem}.user-popup-header{align-items:center;background:#f8fafc;background:var(--surface);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);border-radius:.5rem;border-radius:var(--radius);display:flex;gap:.75rem;padding:.75rem}.user-avatar{align-items:center;background:#0c3;background:var(--primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:2.5rem;justify-content:center;width:2.5rem}.user-details{flex:1 1;min-width:0}.user-name{color:#1a202c;color:var(--on-surface);font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#718096;color:var(--on-surface-light);font-size:.75rem;text-transform:capitalize}.user-popup-actions{display:flex;flex-direction:column;gap:.25rem}.user-popup-action{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius);color:#1a202c;color:var(--on-surface);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem;text-align:left;transition:all .2s ease;transition:var(--transition);width:100%}.user-popup-action:hover{background:#f8fafc;background:var(--surface)}.user-popup-action.admin{color:#0c3;color:var(--primary)}.user-popup-action.admin:hover{background:#00cc331a}.user-popup-action.logout{color:#e53e3e;color:var(--error)}.user-popup-action.logout:hover{background:#e53e3e1a}.user-popup-action span{flex:1 1}.admin-page{background:#f8fafc;background:var(--surface);display:flex;flex-direction:column;min-height:100vh}.admin-nav{background:#fff;background:var(--surface-elevated);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);justify-content:space-between;padding:1rem 2rem}.admin-nav,.back-button{align-items:center;display:flex}.back-button{background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius);color:#718096;color:var(--on-surface-light);cursor:pointer;font-size:.875rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease;transition:var(--transition)}.back-button:hover{background:#f8fafc;background:var(--surface);color:#1a202c;color:var(--on-surface)}.nav-user{align-items:center;display:flex;gap:1rem}.nav-user span{color:#1a202c;color:var(--on-surface);font-weight:500}.logout-btn{background:#e53e3e;background:var(--error);border:none;border-radius:.5rem;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s ease;transition:var(--transition)}.logout-btn:hover{background:#c53030}.admin-container{flex:1 1;margin:0 auto;max-width:80rem;padding:2rem;width:100%}.admin-header{margin-bottom:2rem;text-align:center}.admin-header h1{color:#1a202c;color:var(--on-surface);font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.admin-header p{color:#718096;color:var(--on-surface-light);font-size:1.125rem}.admin-tabs{background:#fff;background:var(--surface-elevated);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem}.tab-button{align-items:center;background:#0000;border:none;border-radius:.5rem;border-radius:var(--radius);color:#718096;color:var(--on-surface-light);cursor:pointer;display:flex;flex:1 1;font-weight:500;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .2s ease;transition:var(--transition)}.tab-button.active{background:#0c3;background:var(--primary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);color:#fff}.alert{border-radius:.5rem;border-radius:var(--radius);font-weight:500;margin-bottom:1.5rem;padding:1rem 1.5rem}.alert.error{background:#e53e3e1a;border:1px solid #e53e3e33;color:#e53e3e;color:var(--error)}.alert.success{background:#38a1691a;border:1px solid #38a16933;color:#38a169;color:var(--success)}.loading-spinner{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:4rem}.spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top:3px solid #0c3;border:3px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:2rem;width:2rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:1rem;width:1rem}.admin-content{display:flex;flex-direction:column;gap:2rem}.form-card,.table-card{background:#fff;background:var(--surface-elevated);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow);overflow:hidden}.form-card{padding:2rem}.form-card h3,.table-card h3{color:#1a202c;color:var(--on-surface);font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.admin-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#1a202c;color:var(--on-surface);font-size:.875rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.5rem;border-radius:var(--radius);font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#0c3;border-color:var(--primary);box-shadow:0 0 0 3px #00cc331a;outline:none}.form-group textarea{min-height:4rem;resize:vertical}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease;transition:var(--transition)}.btn.primary{background:#0c3;background:var(--primary);color:#fff}.btn.primary:hover{background:#009926;background:var(--primary-dark);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.btn.secondary{background:#f8fafc;background:var(--surface);border:1px solid #e2e8f0;border:1px solid var(--border);color:#1a202c;color:var(--on-surface)}.btn.secondary:hover{background:#f1f5f9;background:var(--border-light)}.btn.success{background:#38a169;background:var(--success);color:#fff}.btn.success:hover{background:#2f855a}.btn.danger{background:#e53e3e;background:var(--error);color:#fff}.btn.danger:hover{background:#c53030}.btn.small{font-size:.75rem;padding:.5rem}.table-card{padding:0}.table-card h3{padding:1.5rem 2rem 0}.table-container{margin-top:1rem;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table td,.admin-table th{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-light);padding:1rem 1.5rem;text-align:left}.admin-table th{color:#1a202c;color:var(--on-surface);font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.admin-table th,.admin-table tr:hover{background:#f8fafc;background:var(--surface)}.admin-table tr.editing{background:#00cc330d}.user-cell{align-items:center;display:flex;gap:.75rem}.role-badge,.status-badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:500;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.role-badge.admin{background:#00cc331a;color:#009926;color:var(--primary-dark)}.role-badge.user{background:#f8fafc;background:var(--surface);color:#718096;color:var(--on-surface-light)}.status-badge.active{background:#38a1691a;color:#38a169;color:var(--success)}.status-badge.inactive{background:#e53e3e1a;color:#e53e3e;color:var(--error)}.system-prompt{color:#718096;color:var(--on-surface-light);font-size:.875rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.code-cell{background:#f8fafc;background:var(--surface);border-radius:.25rem;font-family:Monaco,Menlo,Consolas,monospace;font-size:.75rem;padding:.25rem .5rem}.action-buttons{display:flex;gap:.5rem}.inline-input,.inline-select{background:#fff;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.25rem;font-size:.75rem;padding:.375rem .5rem}.inline-input{min-width:150px}.input-with-button{align-items:center;display:flex;gap:.5rem}.input-with-button input{flex:1 1}.dice-btn{height:2.5rem;justify-content:center;min-width:auto!important;padding:.625rem .75rem!important}.code-with-copy,.dice-btn{align-items:center;display:flex}.code-with-copy{gap:.75rem}.copy-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.375rem;color:var(--text-secondary);cursor:pointer;display:flex;height:2rem;justify-content:center;min-width:2rem;padding:.375rem;transition:all .2s ease}.copy-btn:hover{background:#f8fafc;background:var(--surface);border-color:#0c3;border-color:var(--primary);box-shadow:0 2px 4px #0000001a;color:#0c3;color:var(--primary);transform:translateY(-1px)}.copy-btn:active{box-shadow:0 1px 2px #0000001a;transform:translateY(0)}.edit-row{background:#f8fafc;background:var(--surface)}.edit-row td{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);padding:1rem!important}.edit-system-prompt{display:flex;flex-direction:column;gap:.5rem}.edit-system-prompt label{color:#1a202c;color:var(--on-surface);font-size:.875rem;font-weight:600}.edit-system-prompt textarea{background:#fff;background:var(--background);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:.375rem;color:#1a202c;color:var(--on-surface);font-family:inherit;min-height:100px;padding:.75rem;resize:vertical;width:100%}.edit-system-prompt textarea:focus{border-color:#0c3;border-color:var(--primary);box-shadow:0 0 0 3px #00cc331a;outline:none}@media (max-width:768px){.login-background{padding:1rem}.login-header{padding:2rem 1.5rem 1.5rem}.login-card{padding:1.5rem}.company-logo h1{font-size:1.75rem}.chat-content{padding:0 1.5rem}.messages-list{padding:0 1rem}.user-message{max-width:85%}.assistant-message{max-width:95%}.bottom-input-area{padding:1rem 0}.left-controls{gap:.125rem}.control-button{height:2rem;width:2rem}.admin-container{padding:1rem}.admin-header h1{font-size:2rem}.form-row{grid-template-columns:1fr}.admin-nav{padding:1rem}.nav-user{gap:.5rem}.nav-user span{display:none}.table-container{font-size:.875rem}.admin-table td,.admin-table th{padding:.75rem .5rem}.system-prompt{max-width:120px}}@media (max-width:480px){.chat-content{padding:0 1rem}.messages-area{padding:2rem 0 1rem}.messages-list{padding:0 .5rem}.empty-state{gap:1.5rem;padding:1rem 0}.welcome-message h3{font-size:1.5rem}.welcome-message p{font-size:1rem}.streaming-toggle{display:none}.action-buttons,.admin-tabs{flex-direction:column}}.copy-button{background:#0c3;background:var(--primary);border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.75rem;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem;transition:background .15s ease;z-index:2}.copy-button:hover{background:#009926;background:var(--primary-dark)}
/*# sourceMappingURL=main.f9eef09d.css.map*/