@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary-color:#4f46e5;--primary-hover:#4338ca;--primary-light:#e0e7ff;--primary-dark:#3730a3;--secondary-color:#14b8a6;--secondary-hover:#0d9488;--secondary-light:#ccfbf1;--secondary-dark:#0f766e;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--info-color:#3b82f6;--grey-50:#f9fafb;--grey-100:#f3f4f6;--grey-200:#e5e7eb;--grey-300:#d1d5db;--grey-400:#9ca3af;--grey-500:#6b7280;--grey-600:#4b5563;--grey-700:#374151;--grey-800:#1f2937;--grey-900:#111827;--text-primary:var(--grey-800);--text-secondary:var(--grey-600);--text-tertiary:var(--grey-500);--text-light:var(--grey-50);--bg-body:var(--grey-100);--bg-card:#fff;--bg-input:var(--grey-50);--border-color:var(--grey-200);--border-light:var(--grey-100);--border-dark:var(--grey-300);--focus-ring:#4f46e533;--focus-ring-error:#ef444433;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #0000001a,0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #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;--font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;--font-xs:0.75rem;--font-sm:0.875rem;--font-base:1rem;--font-md:1.125rem;--font-lg:1.25rem;--font-xl:1.5rem;--font-2xl:1.875rem;--font-3xl:2.25rem;--font-4xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--line-tight:1.25;--line-snug:1.375;--line-normal:1.5;--line-relaxed:1.625;--line-loose:2;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--radius-sm:0.125rem;--radius-md:0.25rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-auto:auto;--transition-fast:all 0.1s ease;--transition-normal:all 0.2s ease;--transition-slow:all 0.3s ease;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px;--scrollbar-track:var(--grey-100);--scrollbar-thumb:var(--grey-300);--scrollbar-thumb-hover:var(--grey-400)}[data-theme=dark]{--bg-body:var(--grey-900);--bg-card:var(--grey-800);--bg-input:var(--grey-700);--text-primary:var(--grey-100);--text-secondary:var(--grey-300);--text-tertiary:var(--grey-400);--border-color:var(--grey-700);--border-light:var(--grey-800);--border-dark:var(--grey-600);--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 6px #0006;--shadow-lg:0 10px 15px #00000080;--scrollbar-track:#1e293b;--scrollbar-thumb:#475569;--scrollbar-thumb-hover:#64748b}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background-color:#d1d5db;background-color:var(--scrollbar-thumb);border:2px solid #f3f4f6;border:2px solid var(--scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:#9ca3af;background-color:var(--scrollbar-thumb-hover)}*{scrollbar-color:#d1d5db #f3f4f6;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;background-color:var(--bg-body);color:#1f2937;color:var(--text-primary);font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);line-height:1.5;line-height:var(--line-normal);min-height:100vh;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-weight:600;font-weight:var(--font-semibold);line-height:1.25;line-height:var(--line-tight);margin-bottom:1rem;margin-bottom:var(--spacing-4)}h1{font-size:2.25rem;font-size:var(--font-3xl)}h2{font-size:1.875rem;font-size:var(--font-2xl)}h3{font-size:1.5rem;font-size:var(--font-xl)}h4{font-size:1.25rem;font-size:var(--font-lg)}h5{font-size:1.125rem;font-size:var(--font-md)}h6{font-size:1rem;font-size:var(--font-base)}p{margin-bottom:1rem;margin-bottom:var(--spacing-4)}a{color:#4f46e5;color:var(--primary-color);text-decoration:none;transition:all .2s ease;transition:var(--transition-normal)}a:hover{color:#4338ca;color:var(--primary-hover)}button,input,select,textarea{font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-base)}input:focus,select:focus,textarea:focus{outline:none}button{cursor:pointer}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.hidden{display:none}.container{margin-left:auto;margin-right:auto;padding-left:1rem;padding-left:var(--spacing-4);padding-right:1rem;padding-right:var(--spacing-4);width:100%}@media (min-width:640px){.container{max-width:640px;max-width:var(--container-sm)}}@media (min-width:768px){.container{max-width:768px;max-width:var(--container-md)}}@media (min-width:1024px){.container{max-width:1024px;max-width:var(--container-lg)}}@media (min-width:1280px){.container{max-width:1280px;max-width:var(--container-xl)}}.theme-transition,.theme-transition *,.theme-transition :after,.theme-transition :before{transition:all .3s ease-out!important;transition-delay:0!important}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-6)}.login-card{background-color:var(--bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);max-width:450px;overflow:hidden;padding:var(--spacing-10);width:100%}.login-header{margin-bottom:2rem;text-align:center}.brand,.logo{margin-bottom:1rem}.logo{background:linear-gradient(135deg,var(--primary-color),#6366f1);border-radius:12px}.logo:after{border-radius:8px}.login-header h1{color:var(--text-primary);font-size:var(--font-2xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-2)}.login-form{margin-bottom:1.5rem}.input-container input::placeholder{color:#a1a1aa}.form-options{font-size:.875rem;justify-content:space-between;margin-bottom:1.5rem}.form-options,.remember-me{align-items:center;display:flex}.remember-me input[type=checkbox]{appearance:none;-webkit-appearance:none;border:1.5px solid var(--border-color);border-radius:.25rem;cursor:pointer;height:1rem;margin-right:.5rem;position:relative;width:1rem}.remember-me input[type=checkbox]:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.remember-me input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:.8rem;left:.15rem;position:absolute;top:-2px}.remember-me label{cursor:pointer;margin-bottom:0}.forgot-password{color:var(--primary-color);font-weight:500;text-decoration:none;transition:var(--transition)}.forgot-password:hover{text-decoration:underline}.login-button{background-color:var(--primary-color);border:none;border-radius:var(--radius-lg);color:var(--text-light);cursor:pointer;font-size:var(--font-base);font-weight:var(--font-medium);overflow:hidden;padding:var(--spacing-4);position:relative;transition:var(--transition-normal);width:100%}.login-button:hover{background-color:var(--primary-hover)}.login-button:focus{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.login-button.loading{background-color:var(--primary-hover);cursor:not-allowed}.login-button.loading:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}.login-footer{color:var(--text-secondary);font-size:.875rem;text-align:center}.login-footer a{color:var(--primary-color);font-weight:500;text-decoration:none;transition:var(--transition)}.login-footer a:hover{text-decoration:underline}.social-login{margin-top:1.5rem}.social-login p{margin-bottom:.75rem;position:relative}.social-login p:after,.social-login p:before{background-color:var(--border-color);content:"";height:1px;position:absolute;top:50%;width:30%}.social-login p:before{left:0}.social-login p:after{right:0}.social-icons{gap:1rem;margin-top:1rem}.social-button{background-color:#fff;transition:var(--transition)}@media (max-width:480px){.login-card{padding:1.5rem}.login-header h1{font-size:1.5rem}.form-options{align-items:flex-start;flex-direction:column;gap:.75rem}.social-icons{gap:.75rem}}.signup-container{align-items:center;display:flex;justify-content:center;min-height:100vh}.signup-card{background-color:var(--bg-card);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);max-width:500px;overflow:hidden;padding:30px;width:100%}.signup-header{margin-bottom:var(--spacing-8);text-align:center}.logo{background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));border-radius:var(--radius-lg);box-shadow:var(--shadow-md);height:60px;width:60px}.logo:after{background-color:#fff;border-radius:var(--radius-md);height:30px;width:30px}.signup-header h1{color:var(--text-primary);font-size:var(--font-2xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-2)}.signup-form{margin-bottom:var(--spacing-6)}.form-group{margin-bottom:var(--spacing-5)}.input-container input{background-color:var(--bg-input);border:1px solid var(--border-color)}.input-container input:focus{outline:none}.input-container input::placeholder{color:var(--grey-400)}.password-strength{align-items:center;display:flex;justify-content:space-between;margin-top:var(--spacing-2)}.strength-bar{background-color:var(--grey-200);border-radius:var(--radius-full);flex-grow:1;height:4px;margin-right:var(--spacing-3);overflow:hidden}.strength-indicator{height:100%;transition:width .3s ease,background-color .3s ease}.strength-indicator.weak{background-color:var(--error-color)}.strength-indicator.medium{background-color:var(--warning-color)}.strength-indicator.strong{background-color:var(--success-color)}.strength-text{font-size:var(--font-xs);font-weight:var(--font-medium);transition:color .3s ease}.strength-text.weak{color:var(--error-color)}.strength-text.medium{color:var(--warning-color)}.strength-text.strong{color:var(--success-color)}.form-terms{margin-bottom:var(--spacing-6)}.terms-checkbox{align-items:flex-start;display:flex}.terms-checkbox input[type=checkbox]{appearance:none;-webkit-appearance:none;border:1.5px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;height:1rem;margin-right:var(--spacing-2);margin-top:.2rem;position:relative;width:1rem}.terms-checkbox input[type=checkbox]:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.terms-checkbox input[type=checkbox]:checked:after{color:#fff;content:"✓";font-size:.7rem;left:.2rem;position:absolute;top:0}.terms-checkbox label{color:var(--text-secondary);font-size:var(--font-sm);line-height:var(--line-normal)}.terms-link{color:var(--primary-color);font-weight:var(--font-medium);text-decoration:none;transition:var(--transition-normal)}.terms-link:hover{text-decoration:underline}.signup-button{background-color:var(--primary-color);border:none;border-radius:var(--radius-lg);color:var(--text-light);cursor:pointer;font-size:var(--font-base);font-weight:var(--font-medium);overflow:hidden;padding:var(--spacing-4);position:relative;transition:var(--transition-normal);width:100%}.signup-button:hover{background-color:var(--primary-hover)}.signup-button:focus{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.signup-button.loading{background-color:var(--primary-hover);cursor:not-allowed}.signup-button.loading:after{animation:loading 1.5s infinite;background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes loading{to{left:100%}}.signup-footer{color:var(--text-secondary);font-size:var(--font-sm);text-align:center}.signup-footer a{color:var(--primary-color);font-weight:var(--font-medium);text-decoration:none;transition:var(--transition-normal)}.signup-footer a:hover{text-decoration:underline}.social-signup{margin-top:var(--spacing-6)}.social-signup p{margin-bottom:var(--spacing-3);position:relative}.social-signup p:after,.social-signup p:before{background-color:var(--border-color);content:"";height:1px;position:absolute;top:50%;width:30%}.social-signup p:before{left:0}.social-signup p:after{right:0}.social-icons{display:flex;gap:var(--spacing-4);justify-content:center;margin-top:var(--spacing-4)}.social-button{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:50%;cursor:pointer;height:40px;position:relative;transition:var(--transition-normal);width:40px}.social-button:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.social-button:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.social-button.google:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23EA4335' d='M5.266 9.765A7.077 7.077 0 0 1 12 4.909c1.69 0 3.218.6 4.418 1.582L19.91 3C17.782 1.145 15.055 0 12 0 7.27 0 3.198 2.698 1.24 6.65l4.026 3.115Z'/%3E%3Cpath fill='%23FBBC05' d='M16.04 18.013c-1.09.703-2.474 1.078-4.04 1.078a7.077 7.077 0 0 1-6.723-4.823l-4.04 3.067A11.965 11.965 0 0 0 12 24c2.933 0 5.735-1.043 7.834-3l-3.793-2.987Z'/%3E%3Cpath fill='%234285F4' d='M19.834 21c2.195-2.048 3.62-5.096 3.62-9 0-.71-.109-1.473-.272-2.182H12v4.637h6.436c-.317 1.559-1.17 2.766-2.395 3.558L19.834 21Z'/%3E%3Cpath fill='%2334A853' d='M5.277 14.268A7.12 7.12 0 0 1 4.909 12c0-.782.125-1.533.357-2.235L1.24 6.65A11.934 11.934 0 0 0 0 12c0 1.92.445 3.73 1.237 5.335l4.04-3.067Z'/%3E%3C/svg%3E")}.social-button.facebook:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231877F2' d='M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z'/%3E%3C/svg%3E")}.social-button.twitter:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231DA1F2' d='M23.953 4.57a10 10 0 0 1-2.825.775 4.958 4.958 0 0 0 2.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 0 0-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 0 0-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 0 1-2.228-.616v.06a4.923 4.923 0 0 0 3.946 4.827 4.996 4.996 0 0 1-2.212.085 4.936 4.936 0 0 0 4.604 3.417 9.867 9.867 0 0 1-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 0 0 7.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0 0 24 4.59z'/%3E%3C/svg%3E")}@media (max-width:480px){.signup-card{padding:var(--spacing-6)}.signup-header h1{font-size:var(--font-xl)}.social-icons{gap:var(--spacing-3)}}.form-row{display:flex;gap:20px;margin-bottom:15px}.form-row .form-group{flex:1 1;min-width:0}@media (max-width:768px){.form-row{flex-direction:column;gap:0}}.forgot-password-container{align-items:center;background:linear-gradient(135deg,var(--primary-light) 0,var(--secondary-light) 100%);display:flex;justify-content:center;min-height:100vh;padding:var(--spacing-4)}.forgot-password-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);max-width:420px;padding:var(--spacing-8);transition:var(--transition-normal);width:100%}.forgot-password-card:hover{box-shadow:0 25px 50px -12px #00000026;transform:translateY(-2px)}.forgot-password-header{margin-bottom:var(--spacing-8);text-align:center}.brand{align-items:center;display:flex;flex-direction:column}.brand,.logo{margin-bottom:var(--spacing-4)}.logo{background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border-radius:var(--radius-xl);height:48px;position:relative;width:48px}.logo:after{background:#fff;border-radius:var(--radius-lg);box-shadow:inset 0 2px 4px #0000001a;content:"";height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:24px}.forgot-password-header h1{color:var(--text-primary);font-size:var(--font-2xl);font-weight:var(--font-bold);letter-spacing:-.025em;margin:0}.subtitle{color:var(--text-secondary);font-size:var(--font-sm);line-height:var(--line-relaxed);margin:var(--spacing-2) 0 var(--spacing-6) 0}.step-indicator{justify-content:center;margin:var(--spacing-6) 0;padding:0 var(--spacing-4)}.step,.step-indicator{align-items:center;display:flex}.step{flex:1 1;flex-direction:column;max-width:80px;position:relative}.step-number{align-items:center;background:var(--grey-200);border-radius:50%;display:flex;font-size:var(--font-sm);font-weight:var(--font-semibold);height:32px;justify-content:center;margin-bottom:var(--spacing-2);width:32px}.step-label,.step-number{color:var(--grey-500);transition:var(--transition-normal)}.step-label{font-size:var(--font-xs);font-weight:var(--font-medium)}.step.active .step-number{background:var(--primary-color);color:#fff;transform:scale(1.1)}.step.active .step-label{color:var(--primary-color);font-weight:var(--font-semibold)}.step.completed .step-number{background:var(--success-color);color:#fff}.step.completed .step-label{color:var(--success-color)}.step.completed .step-number:after{content:"✓";font-size:var(--font-xs)}.step-line{background:var(--grey-200);flex:1 1;height:2px;margin:0 var(--spacing-2);margin-top:-20px;overflow:hidden;position:relative}.step.completed+.step-line:before{animation:fillLine .5s ease-out;background:var(--success-color);content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes fillLine{0%{width:0}to{width:100%}}.forgot-password-form,.form-group{margin-bottom:var(--spacing-6)}.form-group label{color:var(--text-primary);display:block;font-size:var(--font-sm);font-weight:var(--font-medium);margin-bottom:var(--spacing-2)}.input-container{position:relative}.input-container input{background:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-base);outline:none;padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-normal);width:100%}.input-container input:focus{background:var(--bg-card);border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring)}.input-container input:invalid:not(:placeholder-shown){border-color:var(--error-color)}.input-container input:invalid:not(:placeholder-shown):focus{box-shadow:0 0 0 3px var(--focus-ring-error)}.input-help{color:var(--text-secondary);font-size:var(--font-xs);margin-top:var(--spacing-2);text-align:center}.email-display{color:var(--primary-color);font-weight:var(--font-semibold)}.password-requirements{background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.password-requirements p{color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-medium);margin:0 0 var(--spacing-2) 0}.password-requirements ul{list-style:none;margin:0;padding:0}.password-requirements li{color:var(--text-secondary);font-size:var(--font-xs);padding:var(--spacing-1) 0;padding-left:var(--spacing-5);position:relative;transition:var(--transition-normal)}.password-requirements li:before{color:var(--error-color);content:"✗";font-weight:var(--font-bold);left:0;position:absolute;transition:var(--transition-normal)}.password-requirements li.valid{color:var(--success-color)}.password-requirements li.valid:before{color:var(--success-color);content:"✓"}.submit-button{background:linear-gradient(135deg,var(--primary-color),var(--primary-hover));border:none;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:var(--font-base);font-weight:var(--font-semibold);overflow:hidden;padding:var(--spacing-3) var(--spacing-6);position:relative;transition:var(--transition-normal);width:100%}.submit-button:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.submit-button.loading:after{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.button-group{align-items:center;display:flex;gap:var(--spacing-3)}.back-button{background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:var(--font-base);font-weight:var(--font-medium);padding:var(--spacing-3) var(--spacing-6);transition:var(--transition-normal)}.back-button:hover:not(:disabled){background:var(--bg-input);border-color:var(--border-dark);color:var(--text-primary)}.back-button:disabled{cursor:not-allowed;opacity:.5}.submit-button{flex:2 1}.error-message{animation:shake .5s ease-in-out;background:#ef44441a;border:1px solid var(--error-color);border-radius:var(--radius-lg);font-size:var(--font-sm);margin-bottom:var(--spacing-6);padding:var(--spacing-3) var(--spacing-4);text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.forgot-password-footer{border-top:1px solid var(--border-light);padding-top:var(--spacing-6);text-align:center}.forgot-password-footer p{color:var(--text-secondary);font-size:var(--font-sm);margin:0}.login-link{color:var(--primary-color);font-weight:var(--font-semibold);text-decoration:none;transition:var(--transition-normal)}.login-link:hover{color:var(--primary-hover);text-decoration:underline}@media (max-width:480px){.forgot-password-container{padding:var(--spacing-2)}.forgot-password-card{padding:var(--spacing-6)}.step-indicator{padding:0}.step{max-width:60px}.step-number{font-size:var(--font-xs);height:28px;width:28px}.step-label{font-size:10px}.button-group{flex-direction:column}.back-button,.submit-button{flex:none;width:100%}}[data-theme=dark] .forgot-password-container{background:linear-gradient(135deg,#4f46e51a,#14b8a61a)}[data-theme=dark] .forgot-password-card{box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000001a}[data-theme=dark] .logo:after{background:var(--grey-800)}[data-theme=dark] .password-requirements{background:var(--grey-800);border-color:var(--grey-700)}.forgot-password-card{animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.password-form{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:600px;min-height:100vh;padding:var(--spacing-4);width:100%}.password-form__container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--spacing-8);transition:var(--transition-normal);width:100%}.password-form__title{color:var(--text-primary);font-size:var(--font-xl);font-weight:var(--font-semibold);line-height:var(--line-tight);text-align:center}.password-form__field,.password-form__title{margin-bottom:var(--spacing-6)}.password-form__label{color:var(--text-primary);display:block;font-size:var(--font-sm);font-weight:var(--font-medium);line-height:var(--line-normal);margin-bottom:var(--spacing-2)}.password-form__input-wrapper{align-items:center;display:flex;position:relative}.password-form__input{background-color:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-base);font-weight:var(--font-normal);line-height:var(--line-normal);outline:none;padding:var(--spacing-3) var(--spacing-4);padding-right:var(--spacing-12);transition:var(--transition-normal);width:100%}.password-form__input:focus{background-color:var(--bg-card);border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring)}.password-form__input:hover{border-color:var(--border-dark)}.password-form__input--error{background-color:var(--bg-card);border-color:var(--error-color)}.password-form__input--error:focus{border-color:var(--error-color);box-shadow:0 0 0 3px var(--focus-ring-error)}.password-form__toggle{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:var(--spacing-2);position:absolute;right:var(--spacing-3);top:50%;transform:translateY(-50%);transition:var(--transition-normal)}.password-form__toggle:hover{background-color:var(--grey-100);color:var(--text-secondary)}.password-form__toggle:focus{box-shadow:0 0 0 2px var(--focus-ring);color:var(--primary-color);outline:none}[data-theme=dark] .password-form__toggle:hover{background-color:var(--grey-700)}.password-form__errors{margin-top:var(--spacing-2)}.password-form__error{align-items:center;color:var(--error-color);display:flex;font-size:var(--font-sm);gap:var(--spacing-2);line-height:var(--line-normal);margin:0}.password-form__error:before{content:"⚠";flex-shrink:0;font-size:var(--font-xs)}.password-form__requirements{background-color:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-4);transition:var(--transition-normal)}.password-form__requirements-title{color:var(--text-secondary);font-size:var(--font-sm);font-weight:var(--font-medium);line-height:var(--line-normal);margin:0 0 var(--spacing-3) 0}.password-form__requirements-list{list-style:none;margin:0;padding:0}.password-form__requirements-list li{color:var(--text-tertiary);font-size:var(--font-sm);line-height:var(--line-normal);margin-bottom:var(--spacing-2);padding-left:var(--spacing-5);position:relative;transition:var(--transition-normal)}.password-form__requirements-list li:last-child{margin-bottom:0}.password-form__requirements-list li:before{color:var(--text-tertiary);content:"○";left:0;position:absolute;top:0;transition:var(--transition-normal)}.password-form__requirement--met{color:var(--success-color)!important;font-weight:var(--font-medium)}.password-form__requirement--met:before{color:var(--success-color)!important;content:"✓"!important;font-weight:var(--font-bold)}.password-form__submit{background-color:var(--primary-color);border:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;font-size:var(--font-base);font-weight:var(--font-medium);line-height:var(--line-normal);outline:none;padding:var(--spacing-4) var(--spacing-6);transition:var(--transition-normal);width:100%}.password-form__submit:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.password-form__submit:focus{box-shadow:0 0 0 3px var(--focus-ring),var(--shadow-md)}.password-form__submit:active:not(:disabled){box-shadow:var(--shadow-sm);transform:translateY(0)}.password-form__submit--disabled{color:var(--grey-600);cursor:not-allowed}.password-form__submit--disabled,.password-form__submit--disabled:hover{background-color:var(--grey-400);box-shadow:none;transform:none}@media (max-width:480px){.password-form{align-items:flex-start;min-height:100vh;padding:var(--spacing-2);padding-top:var(--spacing-8)}.password-form__container{padding:var(--spacing-6)}.password-form__title{font-size:var(--font-lg)}.password-form__input{padding:var(--spacing-3);padding-right:var(--spacing-10)}.password-form__toggle{right:var(--spacing-2)}}@media (max-height:700px){.password-form{align-items:flex-start;min-height:auto;padding-bottom:var(--spacing-6);padding-top:var(--spacing-6)}}.password-form__input:focus-visible,.password-form__submit:focus-visible,.password-form__toggle:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast:high){.password-form__container{border-width:2px}.password-form__input{border-width:3px}.password-form__input:focus{box-shadow:0 0 0 4px var(--focus-ring)}}@media (prefers-reduced-motion:reduce){.password-form__container,.password-form__input,.password-form__requirements,.password-form__requirements-list li,.password-form__requirements-list li:before,.password-form__submit,.password-form__toggle{transition:none}.password-form__submit:active:not(:disabled),.password-form__submit:hover:not(:disabled){transform:none}}.trend-neutral{color:var(--text-secondary)}.cost-display{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);margin-bottom:var(--spacing-6);padding:var(--spacing-4) var(--spacing-6)}.cost-display-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-lg);font-weight:var(--font-medium);gap:var(--spacing-2);justify-content:space-between;margin-bottom:var(--spacing-4)}.cost-display-title svg{color:var(--text-tertiary);cursor:pointer}.cost-cards-container{display:flex;flex-wrap:wrap;gap:var(--spacing-6);justify-content:space-between}@media (max-width:768px){.cost-cards-container{flex-direction:column;gap:var(--spacing-4)}}.cost-card{background-color:initial;border-left:4px solid var(--primary-color);border-radius:0;flex:1 1;min-width:0;padding:0;padding-left:var(--spacing-2);transition:var(--transition-normal)}.cost-card:hover{opacity:.8}.cost-card-header{margin-bottom:var(--spacing-1)}.cost-card-name{color:var(--text-tertiary);display:block;font-size:var(--font-xs);font-weight:var(--font-normal);letter-spacing:.05em;line-height:var(--line-tight);text-transform:uppercase}.cost-card-value{color:var(--text-primary);font-size:var(--font-2xl);font-weight:var(--font-bold);line-height:1;margin:0}.cost-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-lg);justify-content:center;padding:var(--spacing-8)}.analytics-section{margin-bottom:var(--spacing-6)}.analytics-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:1fr}@media (min-width:1024px){.analytics-grid{grid-template-columns:1fr 1fr}}.analytics-grid-single{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:1fr}.chart-container{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-6)}.chart-title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-lg);font-weight:var(--font-medium);gap:var(--spacing-2);justify-content:space-between;margin-bottom:var(--spacing-4)}.chart-title svg{color:var(--text-tertiary);cursor:pointer}.chart-wrapper{height:350px;width:100%}.chart-loading{background-color:var(--bg-body);color:var(--text-secondary)}.chart-error,.chart-loading{align-items:center;border-radius:var(--radius-md);display:flex;font-size:var(--font-lg);height:300px;justify-content:center}.chart-error{background-color:#ef44441a;border:1px solid #ef44444d;color:var(--error-color);padding:var(--spacing-4);text-align:center}.chart-summary{border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;margin-top:var(--spacing-4);padding-top:var(--spacing-4)}.summary-item{border-left:4px solid #3b82f6;flex:1 1;min-width:0;padding-left:var(--spacing-2)}.summary-name{color:var(--text-primary);font-weight:var(--font-medium);letter-spacing:.05em;text-transform:uppercase}.summary-label,.summary-name{font-size:var(--font-xs);margin-bottom:var(--spacing-1)}.summary-label{color:var(--text-tertiary)}.summary-value{color:var(--text-primary);font-size:var(--font-xl);font-weight:var(--font-bold);line-height:1}@media (max-width:768px){.chart-summary{flex-direction:column;gap:var(--spacing-3)}.summary-item{flex:none}}.recharts-wrapper{font-family:var(--font-family)}.recharts-cartesian-axis-tick-value{fill:var(--text-secondary);font-size:var(--font-xs)}.recharts-legend-wrapper{color:var(--text-secondary);font-size:var(--font-sm)}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background-color:var(--bg-card)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.recharts-tooltip-label{color:var(--text-primary)!important;font-weight:var(--font-medium)}.recharts-tooltip-item{color:var(--text-secondary)!important}.messages-table th{background-color:var(--bg-body)}.view-logs-btn{color:#fff}.modal-container{box-shadow:var(--shadow-xl)}.modal-close-btn{border-radius:var(--radius-md);color:var(--text-secondary);padding:var(--spacing-1)}.modal-close-btn:hover{background-color:var(--bg-body);color:var(--text-primary)}.chat-item:last-child{border-bottom:none}.chat-timestamp{text-align:center}.user-message{border:1px solid var(--border-color)}.system-message{border:1px solid var(--primary-color)}.message-content{line-height:var(--line-relaxed)}.activity-icon-wrapper{flex-shrink:0}.license-activity{background-color:#f59e0b33}.system-activity{background-color:var(--bg-body);border:1px solid var(--border-color)}.upload-activity .activity-icon{color:var(--secondary-color)}.system-activity .activity-icon{color:var(--text-secondary)}.activity-content{flex:1 1}.activity-title{font-size:var(--font-sm);margin:0 0 var(--spacing-1) 0}.activity-description{color:var(--text-secondary);margin:0 0 var(--spacing-1) 0}.activity-time{color:var(--text-tertiary)}.error-message{border:1px solid #ef444433}.pagination-button{background-color:var(--bg-card)}.pagination-button:hover:not(:disabled){background-color:var(--bg-body)}.items-per-page-select{background-color:var(--bg-card);transition:var(--transition-normal)}.items-per-page-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring);outline:none}@media (max-width:768px){.pagination-container{align-items:flex-start;flex-direction:column}.pagination-controls{justify-content:center;width:100%}.items-per-page{justify-content:flex-end;width:100%}}@media (max-width:640px){.cost-display{padding:var(--spacing-4)}.cost-display-title{font-size:var(--font-lg);margin-bottom:var(--spacing-4)}.cost-card{padding:var(--spacing-3)}.cost-card-value{font-size:var(--font-xl)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chart-container,.cost-card,.dashboard-panel{animation:fadeIn .3s ease-out}[data-theme=dark] .system-message{background-color:#4f46e533;border-color:var(--primary-color)}.cost-card:focus-visible,.modal-close-btn:focus-visible,.pagination-button:focus-visible,.view-logs-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.user-management{padding:var(--spacing-4)}.section-title{color:var(--text-primary);font-size:var(--font-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-4)}.new-user-form{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.form-title{color:var(--text-primary);font-size:var(--font-lg);font-weight:var(--font-medium);margin-bottom:var(--spacing-3)}.form-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:1fr;margin-bottom:var(--spacing-4)}@media (min-width:768px){.form-grid{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.form-grid{grid-template-columns:1fr 1fr 1fr 1fr}}.input-field,.select-field{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-base);padding:var(--spacing-2);transition:var(--transition-normal);width:100%}.input-field:focus,.select-field:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.add-button{background-color:var(--primary-color);border:none;border-radius:var(--radius-md);color:var(--text-light);cursor:pointer;font-weight:var(--font-medium);padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-normal)}.add-button:hover{background-color:var(--primary-hover)}.users-table-container{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.users-table{border-collapse:initial;border-spacing:0;width:100%}.users-table thead{background-color:var(--bg-body)}.users-table th{color:var(--text-secondary);font-size:var(--font-xs);font-weight:var(--font-medium);letter-spacing:.05em;padding:var(--spacing-3) var(--spacing-6);text-align:left;text-transform:uppercase}.users-table td{color:var(--text-primary);padding:var(--spacing-4) var(--spacing-6);vertical-align:top;white-space:normal}.users-table tbody tr:last-child td{border-bottom:none}.role-select{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-sm);padding:var(--spacing-1)}.actions-cell{display:flex;gap:var(--spacing-3);min-width:120px;white-space:nowrap}.cancel-button,.delete-button,.edit-button,.save-button{background:none;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-sm);padding:var(--spacing-1) var(--spacing-2);transition:var(--transition-normal)}.edit-button{color:var(--primary-color)}.edit-button:hover{background-color:var(--primary-light);color:var(--primary-hover)}.delete-button,.delete-button:hover{color:var(--error-color)}.delete-button:hover{background-color:#ef44441a}.save-button,.save-button:hover{color:var(--success-color)}.save-button:hover{background-color:#10b9811a}.cancel-button{color:var(--grey-600)}.cancel-button:hover{background-color:var(--grey-200);color:var(--grey-800)}.edit-name-fields{gap:var(--spacing-2)}.edit-field-container,.edit-name-fields{display:flex;flex-direction:column;width:100%}.edit-field-container{margin-bottom:var(--spacing-2)}.edit-field-container:last-child{margin-bottom:0}.edit-field-container label{color:var(--text-secondary);font-size:var(--font-xs);font-weight:var(--font-medium);margin-bottom:var(--spacing-1)}.edit-field-container .input-field{font-size:var(--font-sm);height:var(--spacing-8);padding:var(--spacing-1) var(--spacing-2)}.users-table td input.input-field,.users-table td select.select-field{margin-bottom:0;min-width:180px}.users-table td:nth-child(2) input.input-field{min-width:220px}.error,.loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:var(--spacing-8);text-align:center}.loading-spinner{animation:spinner .8s linear infinite;border:3px solid var(--grey-200);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin-bottom:var(--spacing-3);width:40px}.error{color:var(--error-color)}.popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-50)}.popup{animation:popup-fade-in .3s ease;background-color:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:500px;overflow:hidden;width:100%}.popup-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6)}.popup-header h4{color:var(--text-primary);font-size:var(--font-lg);margin:0}.popup-close{background:none;border:none;color:var(--grey-500);cursor:pointer;font-size:var(--font-xl);line-height:1;margin:0;padding:0;transition:var(--transition-normal)}.popup-close:hover{color:var(--text-primary)}.popup-content{padding:var(--spacing-6)}.delete-warning{align-items:center;color:var(--error-color);display:flex;font-weight:var(--font-medium);margin-bottom:var(--spacing-4)}.warning-icon{color:var(--error-color);flex-shrink:0;height:24px;margin-right:var(--spacing-3);width:24px}.delete-details{background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:var(--spacing-4) 0;padding:var(--spacing-4)}.delete-detail{display:flex;font-size:var(--font-sm);margin-bottom:var(--spacing-2)}.delete-detail:last-child{margin-bottom:0}.delete-label{color:var(--text-secondary);flex:1 1;font-weight:var(--font-medium)}.delete-value{color:var(--text-primary);flex:2 1}.delete-note{color:var(--text-tertiary);font-size:var(--font-sm);font-style:italic;margin-bottom:var(--spacing-4)}.popup-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end}.cancel-action,.delete-action{border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-medium);padding:var(--spacing-3) var(--spacing-5);transition:var(--transition-normal)}.cancel-action{background-color:var(--bg-body);border:1px solid var(--border-color);color:var(--text-secondary)}.cancel-action:hover{background-color:var(--grey-200)}.delete-action{background-color:var(--error-color);border:none;color:var(--text-light)}.delete-action:hover{background-color:#d32f2f}@media screen and (max-width:768px){.users-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.edit-name-fields{min-width:200px}.users-table td:nth-child(2) input.input-field{min-width:180px}.actions-cell{flex-direction:column;gap:var(--spacing-1);min-width:auto}.cancel-button,.delete-button,.edit-button,.save-button{padding:var(--spacing-1)}.popup{margin:0 var(--spacing-2);max-width:90%}.popup-actions{flex-direction:column}.cancel-action,.delete-action{width:100%}}.config-container{padding:var(--spacing-4)}.config-title{color:var(--text-primary);font-size:var(--font-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-4)}.config-panel{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden}.config-tabs{border-bottom:1px solid var(--border-color)}.config-nav{display:flex;flex-wrap:wrap}.config-tab-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:var(--font-sm);font-weight:var(--font-medium);padding:var(--spacing-2) var(--spacing-4);position:relative;transition:var(--transition-normal)}.config-tab-button.active{border-bottom:2px solid var(--primary-color);color:var(--primary-color)}.config-tab-button:hover:not(.active){background-color:var(--bg-body);color:var(--text-primary)}.config-tab-content{align-items:center;display:flex}.config-tab-icon{height:1rem;margin-right:var(--spacing-2);width:1rem}.config-content{padding:var(--spacing-4)}@media (max-width:768px){.config-tab-button{padding:var(--spacing-2)}.config-tab-content{flex-direction:column;font-size:var(--font-xs)}.config-tab-icon{margin-bottom:var(--spacing-1);margin-right:0}}.license-container{background-color:var(--bg-body);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-4);width:100%}.license-section-title{color:var(--text-primary);font-size:var(--font-lg);font-weight:var(--font-medium);margin-bottom:var(--spacing-3);margin-top:0}.license-summary{background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);margin-bottom:var(--spacing-4);padding:var(--spacing-4)}.license-summary-content{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-2)}.license-summary-header h4{font-size:var(--font-lg);font-weight:var(--font-medium);margin:0 0 var(--spacing-1) 0}.license-stats{color:var(--text-secondary);font-size:var(--font-sm);margin:0}.license-add-button{background-color:var(--primary-color);border:none;border-radius:var(--radius-md);color:var(--text-light);cursor:pointer;font-size:var(--font-sm);font-weight:var(--font-medium);padding:var(--spacing-1) var(--spacing-3);transition:var(--transition-normal)}.license-add-button:hover{background-color:var(--primary-hover)}.license-progress-container{background-color:var(--grey-200);border-radius:var(--radius-full);height:.5rem;overflow:hidden}.license-progress-bar{background-color:var(--success-color);border-radius:var(--radius-full);height:100%;transition:width .5s ease}.license-table-container{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);overflow:hidden}.license-table{border-collapse:collapse;width:100%}.license-table th{background-color:var(--bg-body);color:var(--text-tertiary);font-size:var(--font-xs);font-weight:var(--font-medium);letter-spacing:.05em;padding:var(--spacing-3) var(--spacing-6);text-align:left;text-transform:uppercase}.license-table td,.license-table th{border-bottom:1px solid var(--border-color)}.license-table td{padding:var(--spacing-4) var(--spacing-6);white-space:nowrap}.license-actions{display:flex;gap:var(--spacing-3)}.license-action-remove,.license-action-renew{background:none;border:none;cursor:pointer;font-size:var(--font-base);transition:var(--transition-normal)}.license-action-renew{color:var(--primary-color)}.license-action-renew:hover{color:var(--primary-hover)}.license-action-remove{color:var(--error-color)}.license-action-remove:hover{color:var(--error-color);opacity:.8}.license-popup-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-50)}.license-popup{animation:popup-fade-in .3s ease;background-color:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:500px;overflow:hidden;width:100%}@keyframes popup-fade-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.license-popup-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6)}.license-popup-header h4{color:var(--text-primary);font-size:var(--font-lg);margin:0}.license-popup-close{background:none;border:none;color:var(--grey-500);cursor:pointer;font-size:var(--font-xl);line-height:1;margin:0;padding:0;transition:var(--transition-normal)}.license-popup-close:hover{color:var(--text-primary)}.license-popup form{padding:var(--spacing-6)}.license-form-group{margin-bottom:var(--spacing-5)}.license-form-group label{color:var(--text-primary);display:block;font-weight:var(--font-medium);margin-bottom:var(--spacing-2)}.license-form-group input,.license-form-group select{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-base);padding:var(--spacing-3);transition:var(--transition-normal);width:100%}.license-form-group input:focus,.license-form-group select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.license-form-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-6)}.license-form-cancel,.license-form-delete,.license-form-submit{border-radius:var(--radius-md);cursor:pointer;font-weight:var(--font-medium);padding:var(--spacing-3) var(--spacing-5);transition:var(--transition-normal)}.license-form-cancel{background-color:var(--bg-body);border:1px solid var(--border-color);color:var(--text-secondary)}.license-form-cancel:hover{background-color:var(--grey-200)}.license-form-submit{background-color:var(--primary-color);border:none;color:var(--text-light)}.license-form-submit:hover{background-color:var(--primary-hover)}.license-form-delete{background-color:var(--error-color);border:none;color:var(--text-light)}.license-form-delete:hover{background-color:#d32f2f}.license-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:200px;padding:var(--spacing-8);text-align:center}.license-loading p{font-size:var(--font-sm);margin-top:var(--spacing-4)}.license-loading-spinner{animation:spinner .8s linear infinite;border:3px solid var(--grey-200);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}@keyframes spinner{to{transform:rotate(1turn)}}.license-empty-state{background-color:var(--bg-card);border-radius:var(--radius-lg);color:var(--text-secondary);padding:var(--spacing-8);text-align:center}.license-form-readonly{background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:var(--font-medium);padding:var(--spacing-3)}.license-popup-content{padding:var(--spacing-6)}.license-remove-warning{align-items:center;color:var(--error-color);display:flex;font-weight:var(--font-medium);margin-bottom:var(--spacing-4)}.license-warning-icon{color:var(--error-color);flex-shrink:0;height:24px;margin-right:var(--spacing-3);width:24px}.license-remove-details{background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);margin:var(--spacing-4) 0;padding:var(--spacing-4)}.license-remove-detail{display:flex;font-size:var(--font-sm);margin-bottom:var(--spacing-2)}.license-remove-detail:last-child{margin-bottom:0}.license-remove-label{color:var(--text-secondary);flex:1 1;font-weight:var(--font-medium)}.license-remove-value{color:var(--text-primary);flex:2 1}.license-remove-note{color:var(--text-tertiary);font-size:var(--font-sm);font-style:italic;margin-bottom:var(--spacing-4)}@media (max-width:768px){.license-table{font-size:var(--font-sm)}.license-table td,.license-table th{padding:var(--spacing-2) var(--spacing-3)}.license-actions{flex-direction:column;gap:var(--spacing-1)}.license-popup{margin:0 var(--spacing-2);max-width:90%}.license-form-actions{flex-direction:column;gap:var(--spacing-2)}.license-form-cancel,.license-form-delete,.license-form-submit{width:100%}}.datasource-container{width:100%}.datasource-section-title{color:var(--text-primary);font-size:var(--font-lg);font-weight:var(--font-medium);margin-bottom:var(--spacing-3)}.datasource-panel{background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.datasource-panel-title{color:var(--text-primary);font-weight:var(--font-medium);margin-bottom:var(--spacing-2)}.datasource-form-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(1,1fr);margin-bottom:var(--spacing-4)}@media (min-width:768px){.datasource-form-grid{grid-template-columns:repeat(2,1fr)}}.datasource-input{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-base);padding:var(--spacing-2)}.datasource-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring);color:var(--text-primary)}.datasource-button-group{display:flex;gap:var(--spacing-2)}.datasource-save-button,.datasource-test-button{border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--font-sm);padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-normal)}.datasource-test-button{background-color:var(--primary-color)}.datasource-test-button:hover{background-color:var(--primary-hover)}.datasource-save-button{background-color:var(--success-color)}.datasource-save-button:hover{background-color:var(--secondary-hover)}.datasource-upload-area{border:2px dashed var(--grey-300);border-radius:var(--radius-md);cursor:pointer;margin-bottom:var(--spacing-4);padding:var(--spacing-6);text-align:center;transition:var(--transition-normal)}.datasource-upload-area:hover{background-color:#4f46e50d;border-color:var(--primary-color)}.datasource-upload-icon{color:var(--grey-400);height:2rem;margin:0 auto var(--spacing-2) auto;width:2rem}.datasource-upload-text{color:var(--text-secondary);margin-bottom:0}.datasource-file-item{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);justify-content:space-between;margin-bottom:var(--spacing-2);padding:var(--spacing-3)}.datasource-file-info,.datasource-file-item{align-items:center;display:flex}.datasource-file-icon{color:var(--primary-color);height:1.25rem;margin-right:var(--spacing-2);width:1.25rem}.datasource-file-name{font-weight:var(--font-medium);margin-bottom:0}.datasource-file-details{color:var(--text-tertiary);font-size:var(--font-xs);margin-bottom:0}.datasource-remove-button{background:none;border:none;color:var(--error-color);cursor:pointer;transition:var(--transition-normal)}.datasource-remove-button:hover{color:var(--error-color);opacity:.8}.crawler-container{width:100%}.crawler-section-title{color:var(--text-primary);font-size:var(--font-lg);font-weight:var(--font-medium);margin-bottom:var(--spacing-3)}.crawler-panel{background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.crawler-panel-title{color:var(--text-primary);font-weight:var(--font-medium);margin-bottom:var(--spacing-2)}.crawler-form-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:repeat(1,1fr);margin-bottom:var(--spacing-4)}@media (min-width:768px){.crawler-form-grid{grid-template-columns:repeat(2,1fr)}}.crawler-input,.crawler-select{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-base);padding:var(--spacing-2)}.crawler-input:focus,.crawler-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring)}.crawler-add-button{background-color:var(--primary-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-sm);padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-normal)}.crawler-add-button:hover{background-color:var(--primary-hover)}.crawler-add-button:disabled{cursor:not-allowed;opacity:.6}.crawler-table-container{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-x:auto}.crawler-table{border-collapse:collapse;width:100%}.crawler-table th{background-color:var(--bg-body);color:var(--text-tertiary);font-size:var(--font-xs);font-weight:var(--font-medium);letter-spacing:.05em;padding:var(--spacing-3) var(--spacing-6);text-align:left;text-transform:uppercase}.crawler-table td,.crawler-table th{border-bottom:1px solid var(--border-color)}.crawler-table td{background-color:var(--bg-card);padding:var(--spacing-4) var(--spacing-6);white-space:nowrap}.crawler-actions{align-items:center;display:flex;gap:var(--spacing-3)}.crawler-action-delete,.crawler-action-edit,.crawler-action-run{background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-base);padding:var(--spacing-1) var(--spacing-2);transition:var(--transition-normal)}.crawler-action-run{color:var(--primary-color)}.crawler-action-run:hover{opacity:.7}.crawler-action-edit{color:#28a745;color:var(--success-color,#28a745)}.crawler-action-edit:hover{opacity:.7}.crawler-action-edit:disabled{cursor:not-allowed;opacity:.4}.crawler-action-delete{color:var(--error-color)}.crawler-action-delete:hover{opacity:.7}.crawler-action-delete:disabled,.crawler-action-run:disabled{cursor:not-allowed;opacity:.4}.crawler-cancel-button{background-color:#6c757d;background-color:var(--secondary-color,#6c757d);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-sm);padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-normal)}.crawler-cancel-button:hover{opacity:.8}.crawler-cancel-button:disabled{cursor:not-allowed;opacity:.6}.crawler-error-message{background-color:#f8d7da;background-color:var(--error-bg,#f8d7da);border:1px solid #f5c6cb;border:1px solid var(--error-border,#f5c6cb);border-radius:var(--radius-md);color:var(--error-color);font-size:var(--font-sm);margin-bottom:var(--spacing-4);padding:var(--spacing-2) var(--spacing-3)}.chat-config-container{font-family:var(--font-family);width:100%}.chat-config-section-title{color:var(--text-primary);font-size:var(--font-lg);font-weight:var(--font-medium);margin-bottom:var(--spacing-3)}.chat-config-panel{background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.chat-config-panel-title{align-items:center;color:var(--text-primary);display:flex;font-weight:var(--font-medium);gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.chat-config-panel-icon{color:var(--primary-color);height:1.25rem;width:1.25rem}.chat-config-description{color:var(--text-secondary);font-size:var(--font-sm);line-height:var(--line-normal)}.chat-config-description,.chat-config-sub-section{margin-bottom:var(--spacing-4)}.chat-config-sub-title{color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-medium);margin-bottom:var(--spacing-2)}.chat-config-form-grid{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:1fr 1fr;margin-bottom:var(--spacing-4)}.chat-config-form-group{display:flex;flex-direction:column}.chat-config-form-group-full{grid-column:1/-1}.chat-config-form-label{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-sm);font-weight:var(--font-medium);gap:var(--spacing-1);margin-bottom:var(--spacing-1)}.chat-config-form-label-icon{color:var(--primary-color);height:1rem;width:1rem}.chat-config-form-input{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-base);height:2.5rem;padding:var(--spacing-2);transition:var(--transition-normal)}.chat-config-form-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.chat-config-form-input:hover:not(:disabled){border-color:var(--grey-400)}.chat-config-form-input:disabled{background-color:var(--grey-100);color:var(--text-tertiary);cursor:not-allowed;opacity:.7}.chat-config-form-textarea{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);font-size:var(--font-base);min-height:2.5rem;padding:var(--spacing-2);resize:vertical;transition:var(--transition-normal)}.chat-config-form-textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.chat-config-form-textarea:hover:not(:disabled){border-color:var(--grey-400)}.chat-config-form-textarea:disabled{background-color:var(--grey-100);color:var(--text-tertiary);cursor:not-allowed;opacity:.7}.chat-config-languages-section{background-color:#4f46e50d;border:1px solid #4f46e51a;border-radius:var(--radius-md);margin-bottom:var(--spacing-4);padding:var(--spacing-3)}.chat-config-languages-grid{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.chat-config-language-item{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);display:flex;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);position:relative}.chat-config-language-code{background-color:var(--primary-color);border-radius:var(--radius-md);color:#fff;font-size:var(--font-xs);font-weight:var(--font-medium);min-width:2.5rem;padding:var(--spacing-1) var(--spacing-2);text-align:center}.chat-config-language-name{color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-medium)}.chat-config-language-remove{align-items:center;background:none;border:none;border-radius:50%;color:var(--error-color);cursor:pointer;display:flex;font-size:var(--font-base);height:1.25rem;justify-content:center;line-height:1;margin-left:var(--spacing-1);transition:var(--transition-normal);width:1.25rem}.chat-config-language-remove:hover{background-color:#ef44441a;color:#dc2626}.chat-config-language-remove:focus{box-shadow:0 0 0 2px var(--focus-ring-error);outline:none}.chat-config-language-selector{position:relative}.chat-config-language-dropdown-trigger{align-items:center;background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:flex;height:2.5rem;justify-content:space-between;padding:var(--spacing-2);transition:var(--transition-normal)}.chat-config-language-dropdown-trigger:hover{border-color:var(--grey-400)}.chat-config-language-dropdown-trigger:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.chat-config-dropdown-icon{color:var(--grey-500);height:1rem;transition:var(--transition-normal);width:1rem}.chat-config-dropdown-icon.open{transform:rotate(180deg)}.chat-config-language-dropdown{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;margin-top:var(--spacing-1);max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:var(--z-50)}.chat-config-language-option{align-items:center;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;justify-content:space-between;padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-normal)}.chat-config-language-option:last-child{border-bottom:none}.chat-config-language-option:hover{background-color:#4f46e50d}.chat-config-language-option.selected{background-color:#4f46e51a}.chat-config-language-option-content{align-items:center;display:flex;gap:var(--spacing-2)}.chat-config-language-option .chat-config-language-code{background-color:var(--grey-200);color:#000;font-size:var(--font-xs);min-width:2rem;padding:2px var(--spacing-1)}.chat-config-language-option.selected .chat-config-language-code{background-color:var(--primary-color);color:#fff}.chat-config-language-option .chat-config-language-name{font-size:var(--font-sm);font-weight:var(--font-normal)}.chat-config-check-icon{color:var(--primary-color);flex-shrink:0;height:1rem;width:1rem}.chat-config-save-section{border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;padding-top:var(--spacing-3)}.chat-config-name-input-group{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.chat-config-name-dropdown{-webkit-appearance:none;appearance:none;background-color:var(--bg-input);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 16px;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);flex:1 1;font-size:var(--font-base);height:2.5rem;padding:var(--spacing-2);padding-right:2.5rem;transition:var(--transition-normal)}.chat-config-name-dropdown:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.chat-config-name-dropdown:hover:not(:disabled){border-color:var(--grey-400)}.chat-config-name-dropdown:disabled{background-color:var(--grey-100);color:var(--text-tertiary);cursor:not-allowed;opacity:.7}.chat-config-name-dropdown option{font-size:var(--font-base);padding:var(--spacing-2)}.chat-config-add-button,.chat-config-save-button,.chat-config-upload-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:var(--font-sm);font-weight:var(--font-medium);height:2.5rem;justify-content:center;padding:var(--spacing-2) var(--spacing-3);transition:var(--transition-normal);white-space:nowrap}.chat-config-add-button:hover:not(:disabled),.chat-config-save-button:hover:not(:disabled),.chat-config-upload-button:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-sm)}.chat-config-add-button:focus,.chat-config-save-button:focus,.chat-config-upload-button:focus{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.chat-config-add-button:disabled,.chat-config-save-button:disabled,.chat-config-upload-button:disabled{background-color:var(--grey-300);cursor:not-allowed;opacity:.7}.chat-config-name-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-2);margin-bottom:var(--spacing-4);min-height:2rem}.chat-config-name-tag{align-items:center;background-color:var(--primary-light);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);color:var(--primary-dark);display:flex;font-size:var(--font-sm);padding:var(--spacing-1) var(--spacing-3);transition:var(--transition-normal)}.chat-config-name-tag:hover{background-color:#e0e7ffcc}.chat-config-name-remove{align-items:center;background:none;border:none;border-radius:50%;color:var(--primary-color);cursor:pointer;display:flex;font-size:var(--font-base);height:1.25rem;justify-content:center;line-height:1;margin-left:var(--spacing-2);transition:var(--transition-normal);width:1.25rem}.chat-config-name-remove:hover{background-color:#4f46e51a;color:var(--primary-hover)}.chat-config-name-remove:focus{box-shadow:0 0 0 2px var(--focus-ring);outline:none}.chat-config-divider{background-color:var(--border-color);height:1px;margin:var(--spacing-4) 0}.chat-config-upload-area{background-color:var(--bg-body);border:2px dashed var(--grey-300);border-radius:var(--radius-md);cursor:pointer;margin-bottom:var(--spacing-3);padding:var(--spacing-4);text-align:center;transition:var(--transition-normal)}.chat-config-upload-area:hover{background-color:#4f46e50d;border-color:var(--primary-color)}.chat-config-upload-icon{color:var(--grey-400);height:1.5rem;margin:0 auto var(--spacing-2) auto;width:1.5rem}.chat-config-upload-text{color:var(--text-secondary);font-size:var(--font-sm);margin-bottom:var(--spacing-1)}.chat-config-upload-hint{color:var(--text-tertiary);font-size:var(--font-xs);margin-bottom:0}.chat-config-rate-limit-group{align-items:flex-end;display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-4)}.chat-config-rate-limit-input-container{flex:1 1}.chat-config-rate-limit-label{color:var(--text-primary);display:block;font-size:var(--font-sm);font-weight:var(--font-medium);margin-bottom:var(--spacing-1)}.chat-config-rate-limit-input{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-base);height:2.5rem;padding:var(--spacing-2);transition:var(--transition-normal);width:100%}.chat-config-rate-limit-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.chat-config-rate-limit-input:hover{border-color:var(--grey-400)}.chat-config-note{background-color:var(--secondary-light);border:1px solid #14b8a633;border-radius:var(--radius-md);padding:var(--spacing-3)}.chat-config-note p{color:var(--secondary-dark);font-size:var(--font-sm);line-height:var(--line-normal);margin-bottom:0}.chat-config-error-message{align-items:center;background-color:#ef44441a;border:1px solid #ef444433;border-radius:var(--radius-md);color:var(--error-color);display:flex;justify-content:space-between;margin-bottom:var(--spacing-4);padding:var(--spacing-3)}.chat-config-error-message button{background:none;border:none;border-radius:var(--radius-md);color:var(--error-color);cursor:pointer;font-size:var(--font-sm);padding:var(--spacing-1) var(--spacing-2);transition:var(--transition-normal)}.chat-config-error-message button:hover{background-color:#ef44441a}.chat-config-loading{color:var(--text-secondary);font-size:var(--font-sm);font-style:italic;padding:var(--spacing-2)}.chat-config-file-input{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.chat-config-upload-container{display:flex;gap:var(--spacing-6);margin-bottom:var(--spacing-4)}.chat-config-upload-section{flex:1 1;min-width:0}.chat-config-image-preview{align-items:center;background-color:var(--bg-input);border-radius:var(--radius-md);display:flex;flex-direction:column;height:100%;justify-content:center;padding:var(--spacing-3);text-align:center}.chat-config-header-image{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-3);max-height:140px;max-width:100%;object-fit:contain}.chat-config-remove-image-button{background-color:var(--error-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:var(--font-sm);font-weight:var(--font-medium);margin-top:var(--spacing-3);padding:var(--spacing-1) var(--spacing-3);transition:var(--transition-normal)}.chat-config-remove-image-button:hover:not(:disabled){background-color:#dc2626;box-shadow:var(--shadow-sm)}.chat-config-remove-image-button:disabled{background-color:var(--grey-300);cursor:not-allowed;opacity:.7}.chat-config-replace-image-button{align-items:center;background-color:var(--primary-color);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:inline-flex;font-size:var(--font-sm);font-weight:var(--font-medium);justify-content:center;margin-top:var(--spacing-3);min-width:120px;padding:var(--spacing-2) var(--spacing-3);text-align:center;transition:var(--transition-normal)}.chat-config-replace-image-button:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.chat-config-replace-image-button:active:not(:disabled){transform:translateY(0)}.chat-config-replace-image-button:focus{box-shadow:0 0 0 3px var(--focus-ring);outline:none}.chat-config-replace-image-button:disabled{background-color:var(--grey-300);cursor:not-allowed;opacity:.7}.chat-config-no-image{align-items:center;background-color:var(--bg-input);border:1px dashed var(--grey-300);border-radius:var(--radius-md);display:flex;height:100px;justify-content:center;margin-bottom:var(--spacing-4)}.chat-config-no-image p{color:var(--text-tertiary);font-size:var(--font-sm);margin-bottom:0}@media (max-width:768px){.chat-config-form-grid{gap:var(--spacing-3);grid-template-columns:1fr}.chat-config-form-group-full{grid-column:1}.chat-config-upload-container{flex-direction:column;gap:var(--spacing-4)}.chat-config-upload-section{width:100%}.chat-config-header-image{max-height:120px}.chat-config-languages-grid{justify-content:center}.chat-config-save-section{justify-content:stretch}.chat-config-save-section .chat-config-save-button{width:100%}.chat-config-language-dropdown{max-height:250px}.chat-config-language-option{padding:var(--spacing-3)}}@media (max-width:640px){.chat-config-name-input-group,.chat-config-rate-limit-group{flex-direction:column;gap:var(--spacing-2)}.chat-config-add-button,.chat-config-name-dropdown,.chat-config-save-button{width:100%}.chat-config-replace-image-button,.chat-config-upload-button{margin-top:var(--spacing-2);width:100%}.chat-config-language-item{justify-content:center;min-width:140px}.chat-config-language-dropdown{max-height:200px}.chat-config-language-option-content{flex:1 1}}.reports-container{padding:var(--spacing-4)}.reports-title{color:var(--text-primary);font-size:var(--font-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-4)}.reports-subtitle{color:var(--text-primary);font-size:var(--font-lg);font-weight:var(--font-medium)}.reports-controls{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6);padding:var(--spacing-4)}.reports-filters{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:1fr}@media (min-width:768px){.reports-filters{grid-template-columns:repeat(3,1fr)}}.reports-date,.reports-select{background-color:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-family);padding:var(--spacing-2);transition:var(--transition-normal);width:100%}.reports-date:focus,.reports-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring)}.reports-button{align-items:center;border-radius:var(--radius-md);display:inline-flex;font-weight:var(--font-medium);justify-content:center;transition:var(--transition-normal)}.reports-button-primary{background-color:var(--primary-color);color:var(--text-light);padding:var(--spacing-2) var(--spacing-4)}.reports-button-primary:hover{background-color:var(--primary-hover)}.reports-button-secondary{background:#0000;border:none;color:var(--primary-color)}.reports-button-secondary:hover{color:var(--primary-hover)}.reports-content{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-4)}.reports-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-4)}.reports-icon{height:1rem;margin-right:var(--spacing-1);width:1rem}.reports-placeholder{align-items:center;border:1px dashed var(--border-color);border-radius:var(--radius-md);display:flex;height:16rem;justify-content:center;padding:var(--spacing-4)}.reports-placeholder-content{color:var(--text-tertiary);text-align:center}.reports-placeholder-icon{height:3rem;margin:0 auto var(--spacing-2) auto;width:3rem}.user-sessions-page{padding:var(--spacing-4)}.page-title{color:var(--text-primary);font-size:var(--font-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-4)}.dashboard{padding:var(--spacing-4)}.dashboard-title{color:var(--text-primary);font-size:var(--font-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-4)}.filters-container{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-4);overflow:hidden}.filters-header{background-color:var(--bg-body);border-bottom:1px solid var(--border-color);justify-content:space-between;padding:var(--spacing-3) var(--spacing-4)}.filters-header,.filters-title{align-items:center;display:flex}.filters-title{color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-medium);gap:var(--spacing-2)}.clear-filters-btn{background:none;border:1px solid var(--primary-color);border-radius:var(--radius-md);color:var(--primary-color);cursor:pointer;font-size:var(--font-xs);padding:var(--spacing-1) var(--spacing-3);transition:var(--transition-normal)}.clear-filters-btn:hover{background-color:var(--primary-color);color:#fff}.filters-content{padding:var(--spacing-4)}.filter-group{display:flex;flex-direction:column;gap:var(--spacing-2)}.filter-label{color:var(--text-secondary);font-size:var(--font-sm);font-weight:var(--font-medium)}.filter-input-wrapper{align-items:center;display:flex;position:relative}.filter-search-icon{color:var(--text-tertiary);left:var(--spacing-3);position:absolute;z-index:1}.filter-select{-webkit-appearance:none;appearance:none;background-color:var(--bg-input);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--spacing-3) center;background-repeat:no-repeat;background-size:16px;border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-sm);max-width:300px;padding:var(--spacing-2) var(--spacing-3) var(--spacing-2) var(--spacing-8);transition:var(--transition-normal);width:100%}.filter-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--focus-ring);outline:none}.sessions-summary{background-color:var(--bg-card);border-left:4px solid var(--primary-color);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);padding:var(--spacing-3)}.summary-text{color:var(--text-secondary);font-size:var(--font-sm)}.filter-indicator{color:var(--primary-color);margin-left:var(--spacing-2)}.location-badge{background-color:var(--primary-light);border-radius:var(--radius-md);color:var(--primary-color);display:inline-block}.location-badge,.message-count-badge{font-size:var(--font-xs);font-weight:var(--font-medium);padding:var(--spacing-1) var(--spacing-2)}.message-count-badge{align-items:center;background-color:var(--secondary-light);border-radius:var(--radius-full);color:var(--secondary-dark);display:inline-flex;height:24px;justify-content:center;min-width:24px}.stat-cards{grid-gap:var(--spacing-4);display:grid;gap:var(--spacing-4);grid-template-columns:1fr;margin-bottom:var(--spacing-6)}@media (min-width:768px){.stat-cards{grid-template-columns:1fr 1fr}}@media (min-width:1024px){.stat-cards{grid-template-columns:1fr 1fr 1fr 1fr}}.stat-card{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-4)}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-3)}.stat-card-title{font-size:var(--font-lg);font-weight:var(--font-medium);margin:0}.stat-card-icon{height:1.5rem;width:1.5rem}.users-icon{color:var(--primary-color)}.townships-icon{color:var(--primary-dark)}.license-icon{color:var(--warning-color)}.tasks-icon{color:var(--success-color)}.stat-card-value{font-size:var(--font-3xl);font-weight:var(--font-bold);margin:0}.stat-card-info{align-items:center;display:flex;font-size:var(--font-sm);margin-top:var(--spacing-2)}.trend-positive{color:var(--success-color)}.trend-warning{color:var(--warning-color)}.stat-card-detail{color:var(--text-tertiary);margin-left:var(--spacing-2)}.dashboard-panels{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:1fr}@media (min-width:1024px){.dashboard-panels{grid-template-columns:2fr 1fr}}.dashboard-panel{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--spacing-4)}.panel-title{color:var(--text-primary);font-size:var(--font-lg);font-weight:var(--font-medium);margin-bottom:var(--spacing-4)}.messages-table-container{overflow-x:auto}.messages-table{border-collapse:collapse;font-size:var(--font-sm);width:100%}.messages-table td,.messages-table th{border-bottom:1px solid var(--border-color);padding:var(--spacing-2) var(--spacing-3);text-align:left}.messages-table th{background-color:var(--bg-card);color:var(--text-secondary);font-weight:var(--font-medium)}.messages-table tbody tr:hover{background-color:var(--bg-body)}.messages-table .email-cell,.messages-table .session-id-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messages-table .no-data{color:var(--text-tertiary);font-style:italic;padding:var(--spacing-8);text-align:center}.view-logs-btn{align-items:center;background-color:var(--primary-color);border:none;border-radius:var(--radius-md);color:var(--primary-light);cursor:pointer;display:flex;font-size:var(--font-xs);padding:var(--spacing-1) var(--spacing-2);transition:var(--transition-normal)}.view-logs-btn:hover{background-color:var(--primary-hover);color:#fff}.view-logs-btn span{margin-left:var(--spacing-1)}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:var(--z-50)}.modal-container{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;max-height:80vh;max-width:800px;overflow:hidden;width:90%}.modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-4)}.modal-title{font-size:var(--font-lg);font-weight:var(--font-medium);margin:0}.modal-close-btn{background:none;border:none;color:var(--grey-500);cursor:pointer;transition:var(--transition-normal)}.modal-close-btn:hover{color:var(--grey-800)}.modal-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:var(--spacing-4)}.chat-info{grid-gap:var(--spacing-2);background-color:var(--bg-body);border-radius:var(--radius-md);display:grid;flex-shrink:0;gap:var(--spacing-2);grid-template-columns:repeat(2,1fr);margin-bottom:var(--spacing-4);padding:var(--spacing-3)}.chat-info p{font-size:var(--font-sm);margin:0}.chat-container{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-4);overflow-y:auto;padding-right:var(--spacing-2)}.chat-item{border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;gap:var(--spacing-2);padding-bottom:var(--spacing-3)}.chat-timestamp{color:var(--text-tertiary);font-size:var(--font-xs);margin-bottom:var(--spacing-2);text-align:right}.chat-message-container{display:flex;flex-direction:column;gap:var(--spacing-3)}.system-message,.user-message{border-radius:var(--radius-md);max-width:80%;padding:var(--spacing-3)}.user-message{align-self:flex-start;background-color:var(--bg-body)}.system-message{align-self:flex-end;background-color:var(--primary-light)}.message-header{color:var(--text-secondary);font-size:var(--font-xs);font-weight:var(--font-medium);margin-bottom:var(--spacing-1)}.message-content{font-size:var(--font-sm)}.activity-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.activity-item{align-items:flex-start;display:flex}.activity-icon-wrapper{align-items:center;border-radius:var(--radius-md);display:flex;justify-content:center;padding:var(--spacing-2)}.user-activity{background-color:var(--primary-light)}.upload-activity{background-color:var(--secondary-light)}.license-activity{background-color:var(--warning-color);opacity:.2}.system-activity{background-color:var(--secondary-light)}.activity-icon{height:1.25rem;width:1.25rem}.user-activity .activity-icon{color:var(--primary-color)}.upload-activity .activity-icon{color:var(--success-color)}.license-activity .activity-icon{color:var(--warning-color)}.system-activity .activity-icon{color:var(--secondary-dark)}.activity-content{margin-left:var(--spacing-3)}.activity-title{font-weight:var(--font-medium);margin:0}.activity-description{color:var(--text-tertiary);font-size:var(--font-sm);margin:0}.activity-time{color:var(--grey-400);font-size:var(--font-xs);margin:0}.error-message,.loading-indicator{border-radius:var(--radius-md);padding:var(--spacing-4);text-align:center}.loading-indicator{background-color:var(--bg-body);color:var(--text-secondary)}.error-message{background-color:#ef44441a;color:var(--error-color)}.pagination-container{align-items:center;border-top:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;margin-top:var(--spacing-4);padding-top:var(--spacing-4)}.pagination-info{color:var(--text-secondary);font-size:var(--font-sm)}.pagination-controls{align-items:center;display:flex;gap:var(--spacing-1)}.pagination-button{align-items:center;background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:var(--font-sm);height:32px;justify-content:center;min-width:32px;padding:0 var(--spacing-2);transition:var(--transition-normal)}.pagination-button:hover:not(:disabled){background-color:var(--bg-input);border-color:var(--border-dark);color:var(--text-primary)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-button-active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination-button-active:hover{background-color:var(--primary-hover);color:#fff}.pagination-ellipsis{color:var(--text-tertiary);justify-content:center;width:32px}.items-per-page,.pagination-ellipsis{align-items:center;display:flex;font-size:var(--font-sm)}.items-per-page{color:var(--text-secondary);gap:var(--spacing-2)}.items-per-page-select{background-color:var(--bg-body);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;font-size:var(--font-sm);padding:var(--spacing-1) var(--spacing-2)}@media (max-width:768px){.pagination-container{align-items:flex-start;flex-direction:column}.pagination-controls{justify-content:center;width:100%}.items-per-page{justify-content:flex-end;width:100%}.filter-group{width:100%}.filter-select{max-width:100%}.filters-header{align-items:flex-start;flex-direction:column;gap:var(--spacing-2)}.clear-filters-btn{align-self:flex-end}}.layout-container{display:flex;flex-direction:column;height:100vh;min-height:100vh;overflow:hidden}.header{background:var(--bg-card);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);color:var(--text-primary);flex-shrink:0;height:64px;justify-content:space-between;padding:var(--spacing-4);position:sticky;top:0;z-index:var(--z-30)}.header,.header-left{align-items:center;display:flex}.header-left{gap:var(--spacing-3)}.header-title{color:var(--text-primary);font-size:var(--font-lg);font-weight:var(--font-semibold);letter-spacing:.5px;margin:0}.header-right{align-items:center;display:flex;gap:var(--spacing-4)}.theme-toggle-btn{align-items:center;background-color:var(--bg-body);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);color:var(--text-secondary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:var(--transition-normal);width:40px}.theme-toggle-btn:hover{background-color:var(--grey-100);color:var(--primary-color);transform:scale(1.05)}.user-dropdown{position:relative}.user-profile{align-items:center;border-radius:var(--radius-full);cursor:pointer;display:flex;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);transition:var(--transition-normal)}.user-profile,.user-profile:hover{background-color:var(--bg-body)}.user-avatar{background-color:var(--primary-color);color:#fff;font-size:var(--font-sm);height:32px;width:32px}.user-avatar,.user-avatar-lg{align-items:center;border-radius:var(--radius-full);display:flex;font-weight:var(--font-semibold);justify-content:center}.user-avatar-lg{background-color:var(--primary-light);color:var(--primary-dark);font-size:var(--font-md);height:48px;margin-right:var(--spacing-3);width:48px}.user-info{display:flex;flex-direction:column}.user-name{color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-medium)}.user-role{font-size:var(--font-xs)}.icon-sm,.user-role{color:var(--text-tertiary)}.icon-sm{font-size:10px;margin-left:var(--spacing-2)}.dropdown-menu{animation:dropdownFade .2s ease;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:260px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:var(--z-40)}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;background-color:var(--bg-body);display:flex;padding:var(--spacing-4)}.dropdown-name{color:var(--text-primary);font-size:var(--font-sm);font-weight:var(--font-semibold)}.dropdown-email{color:var(--text-tertiary);font-size:var(--font-xs);margin-top:var(--spacing-1)}.dropdown-divider{background-color:var(--border-color);height:1px;margin:0}.user-details{padding:var(--spacing-3) var(--spacing-4)}.user-info-item{align-items:center;display:flex;font-size:var(--font-sm);justify-content:space-between;margin-bottom:var(--spacing-2)}.user-info-item:last-child{margin-bottom:0}.info-label{color:var(--text-tertiary);font-weight:var(--font-medium)}.dropdown-item,.info-value{color:var(--text-primary)}.dropdown-item{align-items:center;cursor:pointer;display:flex;font-size:var(--font-sm);gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-normal)}.dropdown-item:hover{background-color:var(--grey-100)}.dropdown-item.logout{color:var(--error-color)}.main-content{background-color:var(--bg-body);display:flex;flex:1 1;height:calc(100vh - 64px);overflow:hidden}.sidebar{background-color:var(--bg-card);border-right:1px solid var(--border-color);box-shadow:var(--shadow-sm);flex-shrink:0;height:100%;overflow-y:auto;position:sticky;top:64px;width:280px;z-index:var(--z-10)}.sidebar-nav{padding:var(--spacing-2) 0}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin-bottom:var(--spacing-2);padding:0 var(--spacing-3)}.nav-link{align-items:center;border-radius:var(--radius-lg);color:var(--text-secondary);display:flex;font-size:var(--font-sm);font-weight:var(--font-medium);gap:var(--spacing-3);overflow:hidden;padding:var(--spacing-3) var(--spacing-4);position:relative;text-decoration:none;transition:var(--transition-normal)}.nav-link:hover{background-color:var(--grey-100);color:var(--primary-color);transform:translateX(3px)}.nav-link.active{background-color:var(--primary-light);color:var(--primary-dark);font-weight:var(--font-semibold)}.nav-link.active:before{background-color:var(--primary-color);border-radius:0 var(--radius-sm) var(--radius-sm) 0;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.icon{align-items:center;display:flex;font-size:var(--font-lg);height:24px;justify-content:center;transition:var(--transition-normal);width:24px}.nav-link:hover .icon{transform:scale(1.1)}.content{background-color:var(--bg-body);border-radius:var(--radius-lg) 0 0 0;box-shadow:var(--shadow-xs);flex:1 1;height:100%;overflow-y:auto;padding:var(--spacing-6);position:relative;z-index:var(--z-10)}@media (max-width:1024px){.sidebar{width:220px}.content{padding:var(--spacing-4)}}@media (max-width:768px){.layout-container,.main-content{height:auto;overflow:visible}.main-content{flex-direction:column}.sidebar{border-bottom:1px solid var(--border-color);border-right:none;height:auto;position:relative;top:0;width:100%}.content{border-radius:0;height:auto;min-height:70vh}.header{height:auto;padding:var(--spacing-3)}.header-title{font-size:var(--font-base)}.user-profile{padding:var(--spacing-2)}.user-info{display:none}.dropdown-menu{right:-10px;width:280px}}.reset-password-overlay{align-items:center;background-color:#0006;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.reset-password-modal{background-color:#fff;background-color:var(--bg-card,#fff);border-radius:10px;border-radius:var(--radius-lg,10px);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-lg,0 4px 12px #0000001a);max-width:480px;padding:2rem;position:relative;width:90%}.reset-password-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.reset-password-title{font-size:1.25rem;font-size:var(--font-lg,1.25rem);font-weight:600;font-weight:var(--font-semibold,600);margin:0}.reset-password-close-btn{background:none;border:none;color:#666;color:var(--text-secondary,#666);cursor:pointer}.reset-password-form .form-group{margin-bottom:1.25rem}.form-label{color:#333;color:var(--text-primary,#333);display:block;font-weight:500;margin-bottom:.5rem}.password-input-wrapper{align-items:center;display:flex;position:relative}.form-input{border:1px solid #ccc;border:1px solid var(--border-color,#ccc);border-radius:6px;border-radius:var(--radius-md,6px);font-size:.875rem;font-size:var(--font-sm,.875rem);padding:.5rem 2.5rem .5rem .75rem;width:100%}.form-input.error{border-color:#e53e3e;border-color:var(--error-color,#e53e3e)}.password-toggle-btn{background:none;border:none;color:#666;color:var(--text-secondary,#666);cursor:pointer;position:absolute;right:.75rem}.error-text{font-size:.75rem;font-size:var(--font-xs,.75rem);margin-top:.25rem}.error-message-banner,.error-text{color:#e53e3e;color:var(--error-color,#e53e3e)}.error-message-banner{background-color:#ef44441a;border-radius:6px;border-radius:var(--radius-md,6px);font-size:.875rem;font-size:var(--font-sm,.875rem);margin-bottom:1rem;padding:.75rem;text-align:center}.success-message-container{padding:2rem;text-align:center}.success-icon{margin-bottom:1rem}.success-lock-icon{color:#10b981;color:var(--success-color,#10b981);height:40px;width:40px}.success-title{font-size:var(--font-lg,1.25rem)}.success-message,.success-ok-btn{font-size:.875rem;font-size:var(--font-sm,.875rem)}.success-ok-btn{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);border-radius:var(--radius-md,6px)}.success-ok-btn:hover{background-color:#2563eb;background-color:var(--primary-hover,#2563eb)}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1rem}.cancel-btn{background-color:#f3f4f6;background-color:var(--bg-body,#f3f4f6);border:1px solid #ccc;border:1px solid var(--border-color,#ccc);border-radius:6px;border-radius:var(--radius-md,6px);color:#333;color:var(--text-primary,#333);cursor:pointer;font-size:.875rem;font-size:var(--font-sm,.875rem);padding:.5rem 1rem}.cancel-btn:hover{background-color:#e5e7eb;background-color:var(--bg-input,#e5e7eb)}.submit-btn{background-color:#3b82f6;background-color:var(--primary-color,#3b82f6);border:none;border-radius:6px;border-radius:var(--radius-md,6px);color:#fff;cursor:pointer;font-size:.875rem;font-size:var(--font-sm,.875rem);padding:.5rem 1rem}.submit-btn:hover{background-color:#2563eb;background-color:var(--primary-hover,#2563eb)}.reset-success-popup{background:#fff;border-radius:12px;box-shadow:0 0 10px #00000040;margin:auto;max-width:400px;padding:2rem;position:relative;text-align:center;width:90%;z-index:1001}.reset-success-popup .success-icon{margin-bottom:1rem}.success-lock-icon{color:green;height:32px;width:32px}.success-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem}.success-message{font-size:1rem;margin-bottom:1.5rem}.success-ok-btn{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1.25rem}
/*# sourceMappingURL=main.42947a44.css.map*/