:root{--color-primary:#4caf50;--color-primary-light:#a8e6a3;--color-primary-dark:#2e7d32;--color-primary-rgb:76,175,80;--color-secondary:#30abf0;--color-secondary-light:#5cc0f5;--color-secondary-dark:#1c8bd1;--color-secondary-rgb:48,171,240;--color-success:#10b981;--color-success-light:#34d399;--color-success-dark:#059669;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-error:#ef4444;--color-error-light:#f87171;--color-error-dark:#dc2626;--color-info:#06b6d4;--color-info-light:#22d3ee;--color-info-dark:#0891b2;--color-grey-50:#f8fafc;--color-grey-100:#f1f5f9;--color-grey-200:#e2e8f0;--color-grey-300:#cbd5e1;--color-grey-400:#94a3b8;--color-grey-500:#64748b;--color-grey-600:#475569;--color-grey-700:#334155;--color-grey-800:#1e293b;--color-grey-900:#0f172a;--color-background:#fff;--color-background-paper:#e8f5e9;--color-background-card:#fff;--color-background-input:#fff;--color-background-secondary:#f8fafc;--color-background-secondary-hover:#f1f5f9;--color-text-primary:#212121;--color-text-secondary:#424242;--color-text-on-primary:#fff;--color-text-muted:#64748b;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--color-border-focus:var(--color-primary);--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;--spacing-auto:auto;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--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-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--transition-fast:0.15s ease-in-out;--transition-normal:0.2s ease-in-out;--transition-slow:0.3s ease-in-out}.auth-page{align-items:center;background:linear-gradient(180deg,#e9e9e914,#e9e9e914 55%,#a9ffb2);background-repeat:no-repeat;background-size:cover;display:flex;font-family:Roboto,Helvetica,Arial,sans-serif;justify-content:center;min-height:100vh;padding:1rem;padding:var(--spacing-4);position:relative}.auth-page:before{background:linear-gradient(135deg,#4caf501a,#30abf01a);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.auth-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:1200px;min-height:100vh;z-index:1}.auth-card,.auth-container{position:relative;width:100%}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#fff;background-color:var(--color-background-card);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);margin:auto;margin:var(--spacing-auto);max-width:400px;overflow:hidden;padding:2rem;padding:var(--spacing-8);text-align:center;transition:all .2s ease-in-out;transition:all var(--transition-normal)}.auth-card:before{background:linear-gradient(90deg,#4caf50,#30abf0);background:linear-gradient(90deg,var(--color-primary) 0,var(--color-secondary) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}.auth-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.auth-header{margin-bottom:1.5rem;margin-bottom:var(--spacing-6);position:relative}.auth-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#30abf0);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:#212121;color:var(--color-text-primary);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.auth-subtitle{color:#424242;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-md);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5}.auth-form{flex-direction:column;gap:1.5rem;gap:var(--spacing-6);margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.auth-form,.form-row{display:flex}.form-group{flex:1 1;text-align:left}.form-label{color:#424242;color:var(--color-text-secondary);display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.form-input{background-color:#fff;background-color:var(--color-background-input);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius-md);color:#212121;color:var(--color-text-primary);font-family:inherit;font-size:1rem;font-size:var(--font-size-md);padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);transition:all .2s ease-in-out;transition:all var(--transition-normal);width:100%}.form-input:focus{background-color:#fff;background-color:var(--color-background);border-color:#4caf50;border-color:var(--color-primary);box-shadow:0 0 0 3px #4caf501a;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none}.form-input.error{background-color:rgba(#ef4444,.05);background-color:rgba(var(--color-error),.05);border-color:#ef4444;border-color:var(--color-error)}.form-input.error:focus{box-shadow:0 0 0 3px rgba(#ef4444,.1);box-shadow:0 0 0 3px rgba(var(--color-error),.1)}.form-error{color:#ef4444;color:var(--color-error);display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-top:.25rem;margin-top:var(--spacing-1)}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-toggle{background:none;border:none;color:#424242;color:var(--color-text-secondary);cursor:pointer;font-size:1.125rem;font-size:var(--font-size-lg);padding:0;position:absolute;right:.75rem;right:var(--spacing-3);transition:color .15s ease-in-out;transition:color var(--transition-fast);z-index:1}.password-toggle:hover{color:#4caf50;color:var(--color-primary)}.password-strength{padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2)}.auth-button{align-items:center;border:none;border-radius:9999px;border-radius:var(--border-radius-full);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-size:var(--font-size-md);font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;gap:var(--spacing-2);justify-content:center;overflow:hidden;padding:.75rem 1.25rem;padding:var(--spacing-3) var(--spacing-5);position:relative;text-transform:none;transition:all .2s ease-in-out;transition:all var(--transition-normal);width:100%}.auth-button:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.auth-button:not(.secondary){background:linear-gradient(135deg,#4caf50,#30abf0);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border:none;color:#fff;color:var(--color-text-on-primary)}.auth-button:not(.secondary):hover:not(:disabled){box-shadow:0 8px 25px #4caf504d;box-shadow:0 8px 25px rgba(var(--color-primary-rgb),.3);transform:translateY(-2px)}.auth-button:not(.secondary):active:not(:disabled){transform:translateY(0)}.auth-button.secondary{background-color:#f8fafc;background-color:var(--color-background-secondary);border:2px solid #e2e8f0;border:2px solid var(--color-border);color:#212121;color:var(--color-text-primary)}.auth-button.secondary:hover:not(:disabled){background-color:#f1f5f9;background-color:var(--color-background-secondary-hover);border-color:#cbd5e1;border-color:var(--color-border-hover);transform:translateY(-1px)}.auth-loading{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-2)}.spinner{border-top:2px solid var(--color-text-on-primary)}.auth-message{align-items:flex-start;border-radius:8px;border-radius:var(--border-radius-md);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);gap:.5rem;gap:var(--spacing-2);margin-bottom:1rem;margin-bottom:var(--spacing-4);padding:1rem;padding:var(--spacing-4);text-align:left}.auth-message.error{background-color:rgba(#ef4444,.1);background-color:rgba(var(--color-error),.1);border:1px solid rgba(#ef4444,.2);border:1px solid rgba(var(--color-error),.2);color:#dc2626;color:var(--color-error-dark)}.auth-message.info{background-color:rgba(#06b6d4,.1);background-color:rgba(var(--color-info),.1);border:1px solid rgba(#06b6d4,.2);border:1px solid rgba(var(--color-info),.2);color:#0891b2;color:var(--color-info-dark)}.auth-message.success{background-color:rgba(#10b981,.1);background-color:rgba(var(--color-success),.1);border:1px solid rgba(#10b981,.2);border:1px solid rgba(var(--color-success),.2);color:#059669;color:var(--color-success-dark)}.success-actions{display:flex;gap:.75rem;gap:var(--spacing-3);justify-content:center;margin-top:1rem;margin-top:var(--spacing-4)}.success-actions .btn{align-items:center;border:none;border-radius:8px;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;justify-content:center;min-width:120px;padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);text-decoration:none;transition:all .2s ease}.success-actions .btn-primary{background-color:#4caf50;background-color:var(--color-primary);color:#fff}.success-actions .btn-primary:hover{background-color:#2e7d32;background-color:var(--color-primary-dark);box-shadow:0 4px 12px #4caf504d;box-shadow:0 4px 12px rgba(var(--color-primary-rgb),.3);transform:translateY(-1px)}.auth-message.warning{background-color:rgba(#f59e0b,.1);background-color:rgba(var(--color-warning),.1);border:1px solid rgba(#f59e0b,.2);border:1px solid rgba(var(--color-warning),.2);color:#d97706;color:var(--color-warning-dark)}.auth-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-4);margin-top:1.5rem;margin-top:var(--spacing-6);padding-top:1rem;padding-top:var(--spacing-4)}.auth-links,.auth-switch{align-items:center;color:#424242;color:var(--color-text-secondary);display:flex;gap:.25rem;gap:var(--spacing-1);justify-content:center}.auth-link,.auth-links,.auth-switch{font-size:.875rem;font-size:var(--font-size-sm)}.auth-link{background:none;border:none;color:#4caf50;color:var(--color-primary);cursor:pointer;font-weight:500;font-weight:var(--font-weight-medium);padding:0;text-decoration:underline;transition:color .15s ease-in-out;transition:color var(--transition-fast)}.auth-link:hover{color:#2e7d32;color:var(--color-primary-dark);text-decoration:none}.totp-container{gap:1.5rem;gap:var(--spacing-6)}.totp-input-container{gap:.75rem;gap:var(--spacing-3)}.totp-input{background-color:#fff;background-color:var(--color-background-input);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:8px;border-radius:var(--border-radius-md);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);height:48px;transition:all .2s ease-in-out;transition:all var(--transition-normal);width:48px}.totp-input:focus{box-shadow:0 0 0 3px #4caf501a;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.totp-input.error{background-color:rgba(#ef4444,.05);background-color:rgba(var(--color-error),.05)}.error-attempts{color:#ef4444;color:var(--color-error);font-weight:600;font-weight:var(--font-weight-semibold)}@media (max-width:768px){.auth-page{padding:.5rem;padding:var(--spacing-2)}.auth-card{margin:.5rem;margin:var(--spacing-2);padding:1.5rem;padding:var(--spacing-6)}.auth-title{font-size:1.5rem;font-size:var(--font-size-2xl)}.form-row{flex-direction:column;gap:1rem;gap:var(--spacing-4)}.totp-input{font-size:1.125rem;font-size:var(--font-size-lg);height:40px;width:40px}.totp-input-container{gap:.5rem;gap:var(--spacing-2)}}@media (max-width:480px){.auth-card{margin:.25rem;margin:var(--spacing-1);padding:1rem;padding:var(--spacing-4)}.auth-title{font-size:1.25rem;font-size:var(--font-size-xl)}.auth-subtitle{font-size:.875rem;font-size:var(--font-size-sm)}.totp-input{font-size:1rem;font-size:var(--font-size-md);height:36px;width:36px}}@media (prefers-color-scheme:dark){:root{--color-background:#1a202c;--color-background-paper:#2d3748;--color-background-card:#2d3748;--color-background-input:#4a5568;--color-background-secondary:#4a5568;--color-background-secondary-hover:#718096;--color-text-primary:#f7fafc;--color-text-secondary:#e2e8f0;--color-text-muted:#a0aec0;--color-border:#4a5568;--color-border-hover:#718096}.auth-page{background:linear-gradient(180deg,#1a202ce6,#1a202ce6 55%,#2d3748f2)}.auth-card{background-color:#fff;background-color:var(--color-background-card);border-color:#e2e8f0;border-color:var(--color-border)}.form-input{background-color:#fff;background-color:var(--color-background-input);color:#212121;color:var(--color-text-primary)}.form-input:focus{background-color:#fff;background-color:var(--color-background-card)}.auth-footer{border-color:#e2e8f0;border-color:var(--color-border)}}.auth-button:focus-visible{outline:2px solid #4caf50;outline:2px solid var(--color-primary);outline-offset:2px}.form-input:focus-visible{outline:2px solid #4caf50;outline:2px solid var(--color-primary);outline-offset:2px}.auth-page__header{margin-bottom:2rem;margin-bottom:var(--spacing-8);text-align:center}.auth-page__logo{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.auth-page__logo-image{height:60px;max-width:200px;object-fit:contain;width:auto}.auth-page__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#30abf0);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:#212121;color:var(--color-text-primary);font-size:2.25rem;font-size:var(--font-size-4xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.auth-page__subtitle{color:#424242;color:var(--color-text-secondary);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:400;font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.auth-page__content{margin:0 auto;max-width:400px;width:100%}.auth-page__demo{background-color:#f8fafc;background-color:var(--color-background-secondary);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:12px;border-radius:var(--border-radius-lg);margin-top:2rem;margin-top:var(--spacing-8);padding:1.5rem;padding:var(--spacing-6);text-align:center}.demo-section{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-4)}.demo-title{color:#212121;color:var(--color-text-primary);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:600;font-weight:var(--font-weight-semibold);margin:0}.demo-text{color:#424242;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.auth-page__footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border);margin-top:3rem;margin-top:var(--spacing-12);padding-top:1.5rem;padding-top:var(--spacing-6);text-align:center}.auth-page__links{display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--spacing-6);justify-content:center;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.auth-page__copyright{color:var(--color-text-tertiary);font-size:.875rem;font-size:var(--font-size-sm)}.auth-page__copyright p{margin:0}.success-icon{font-size:1.5rem;font-size:var(--font-size-2xl);margin-right:.5rem;margin-right:var(--spacing-2)}.success-content{flex:1 1}.success-title{font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600;font-weight:var(--font-weight-semibold);margin:0 0 .25rem;margin:0 0 var(--spacing-1) 0}.success-text,.success-title{color:#059669;color:var(--color-success-dark)}.success-text{font-size:.875rem;font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.auth-form{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-loading-overlay{align-items:center;background-color:#fffc;border-radius:12px;border-radius:var(--border-radius-lg);bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.auth-success{animation:successPulse .6s ease-out}.checkbox-label{align-items:flex-start;color:#424242;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.75rem;gap:var(--spacing-3);line-height:var(--line-height-normal)}.checkbox-input{accent-color:#4caf50;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;height:18px;margin:2px 0 0;width:18px}.checkbox-text{flex:1 1;line-height:var(--line-height-normal)}.checkbox-text a{color:#4caf50;color:var(--color-primary);font-weight:500;font-weight:var(--font-weight-medium);text-decoration:underline}.checkbox-text a:hover{color:#2e7d32;color:var(--color-primary-dark);text-decoration:none}.register-form{position:relative}.register-form__header{margin-bottom:2rem;margin-bottom:var(--spacing-8);text-align:center}.register-form__title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4caf50,#30abf0);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:#212121;color:var(--color-text-primary);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.register-form__subtitle{color:#424242;color:var(--color-text-secondary);font-size:1rem;font-size:var(--font-size-md);font-weight:400;font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.register-form__footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border);margin-top:1.5rem;margin-top:var(--spacing-6);padding-top:1rem;padding-top:var(--spacing-4);text-align:center}.register-form__switch{align-items:center;color:#424242;color:var(--color-text-secondary);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.25rem;gap:var(--spacing-1);justify-content:center}.register-form .auth-button{background:linear-gradient(135deg,#4caf50,#30abf0);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border:none;color:#fff;color:var(--color-text-on-primary);overflow:hidden;position:relative}.register-form .auth-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.register-form .auth-button:hover:before{left:100%}.register-form .auth-button:hover{box-shadow:0 8px 25px #4caf504d;box-shadow:0 8px 25px rgba(var(--color-primary-rgb),.3);transform:translateY(-2px)}.form-row{grid-gap:1rem;grid-gap:var(--spacing-4);display:grid;gap:1rem;gap:var(--spacing-4);grid-template-columns:1fr 1fr}@media (max-width:480px){.form-row{gap:1rem;gap:var(--spacing-4);grid-template-columns:1fr}}.register-form .form-input:focus{background-color:#fff;background-color:var(--color-background);border-color:#4caf50;border-color:var(--color-primary);box-shadow:0 0 0 3px #4caf501a;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);transform:translateY(-1px)}.register-form .form-input:focus-visible{outline:2px solid #4caf50;outline:2px solid var(--color-primary);outline-offset:2px}.register-form .form-input.error{animation:shake .5s ease-in-out;background-color:rgba(#ef4444,.05);background-color:rgba(var(--color-error),.05);border-color:#ef4444;border-color:var(--color-error)}.password-strength{border-radius:4px;border-radius:var(--border-radius-sm);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-top:.5rem;margin-top:var(--spacing-2);padding:.5rem;padding:var(--spacing-2);text-align:center;transition:all .2s ease-in-out;transition:all var(--transition-normal)}.password-strength.weak{background-color:rgba(#ef4444,.1);background-color:rgba(var(--color-error),.1);border:1px solid rgba(#ef4444,.2);border:1px solid rgba(var(--color-error),.2);color:#ef4444;color:var(--color-error)}.password-strength.medium{background-color:rgba(#f59e0b,.1);background-color:rgba(var(--color-warning),.1);border:1px solid rgba(#f59e0b,.2);border:1px solid rgba(var(--color-warning),.2);color:#f59e0b;color:var(--color-warning)}.password-strength.strong{background-color:rgba(#10b981,.1);background-color:rgba(var(--color-success),.1);border:1px solid rgba(#10b981,.2);border:1px solid rgba(var(--color-success),.2);color:#10b981;color:var(--color-success)}.register-form .auth-loading{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-2);justify-content:center}.register-form .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;border-top:2px solid var(--color-text-on-primary);height:16px;width:16px}.register-form .auth-message.success{animation:slideInDown .5s ease-out;background-color:rgba(#10b981,.1);background-color:rgba(var(--color-success),.1);border:1px solid rgba(#10b981,.2);border:1px solid rgba(var(--color-success),.2);color:#059669;color:var(--color-success-dark)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.register-form .form-error{animation:fadeIn .3s ease-out;color:#ef4444;color:var(--color-error);display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-top:.25rem;margin-top:var(--spacing-1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.register-form .auth-link{color:#4caf50;color:var(--color-primary);font-weight:500;font-weight:var(--font-weight-medium);text-decoration:underline;transition:color .15s ease-in-out;transition:color var(--transition-fast)}.register-form .auth-link:hover{color:#2e7d32;color:var(--color-primary-dark);text-decoration:none}.register-form .auth-card{overflow:visible;position:relative}.register-form .auth-card:after{background:linear-gradient(135deg,#4caf50,#30abf0);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:12px;border-radius:var(--border-radius-lg);bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .2s ease-in-out;transition:opacity var(--transition-normal);z-index:-1}.register-form .auth-card:hover:after{opacity:.1}.login-form{position:relative}.login-form .auth-button{background:linear-gradient(135deg,#4caf50,#30abf0);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border:none;color:#fff;color:var(--color-text-on-primary);overflow:hidden;position:relative}.login-form .auth-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-form .auth-button:hover:before{left:100%}.login-form .auth-button:hover{box-shadow:0 8px 25px #4caf504d;box-shadow:0 8px 25px rgba(var(--color-primary-rgb),.3);transform:translateY(-2px)}.login-form .auth-button.secondary{background:#f8fafc;background:var(--color-background-secondary);overflow:hidden;position:relative}.login-form .auth-button.secondary:before{background:linear-gradient(90deg,#0000,#4caf501a,#0000);background:linear-gradient(90deg,#0000,rgba(var(--color-primary-rgb),.1),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.login-form .auth-button.secondary:hover:before{left:100%}.login-form .auth-button.secondary:hover{background:#f1f5f9;background:var(--color-background-secondary-hover);border-color:#cbd5e1;border-color:var(--color-border-hover)}.login-form .form-input:focus{background-color:#fff;background-color:var(--color-background);border-color:#4caf50;border-color:var(--color-primary);box-shadow:0 0 0 3px #4caf501a;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);transform:translateY(-1px)}.login-form .form-input:focus-visible{outline:2px solid #4caf50;outline:2px solid var(--color-primary);outline-offset:2px}.login-form .form-input.error{animation:shake .5s ease-in-out;background-color:rgba(#ef4444,.05);background-color:rgba(var(--color-error),.05);border-color:#ef4444;border-color:var(--color-error)}.login-form .auth-loading{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-2);justify-content:center}.login-form .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;border-top:2px solid var(--color-text-on-primary);height:16px;width:16px}.login-form .auth-card{overflow:visible;position:relative}.login-form .auth-card:after{background:linear-gradient(135deg,#4caf50,#30abf0);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:12px;border-radius:var(--border-radius-lg);bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .2s ease-in-out;transition:opacity var(--transition-normal);z-index:-1}.login-form .auth-card:hover:after{opacity:.1}.login-form .auth-message.info{animation:slideInDown .5s ease-out;background:linear-gradient(135deg,rgba(#06b6d4,.1),rgba(#4CAF50,.1));background:linear-gradient(135deg,rgba(var(--color-info),.1),rgba(var(--color-primary),.1));border:1px solid rgba(#06b6d4,.3);border:1px solid rgba(var(--color-info),.3);color:#0891b2;color:var(--color-info-dark)}.login-form .auth-message.info strong{color:#4caf50;color:var(--color-primary);font-weight:600;font-weight:var(--font-weight-semibold)}.login-form .auth-message.info p{font-size:.875rem;font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:.25rem 0 0;margin:var(--spacing-1) 0 0 0}.login-form .auth-button.secondary{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--color-background-secondary) 0,var(--color-grey-100) 100%);border:2px solid #e2e8f0;border:2px solid var(--color-border);color:#212121;color:var(--color-text-primary);font-weight:500;font-weight:var(--font-weight-medium)}.login-form .auth-button.secondary:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);background:linear-gradient(135deg,var(--color-grey-100) 0,var(--color-grey-200) 100%);border-color:#4caf50;border-color:var(--color-primary);box-shadow:0 4px 15px #4caf5033;box-shadow:0 4px 15px rgba(var(--color-primary-rgb),.2);color:#4caf50;color:var(--color-primary);transform:translateY(-1px)}.login-form .auth-link{color:#4caf50;color:var(--color-primary);font-weight:500;font-weight:var(--font-weight-medium);position:relative;text-decoration:underline;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.login-form .auth-link:after{background:#4caf50;background:var(--color-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .15s ease-in-out;transition:width var(--transition-fast);width:0}.login-form .auth-link:hover{color:#2e7d32;color:var(--color-primary-dark);text-decoration:none}.login-form .auth-link:hover:after{width:100%}.login-form .auth-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border);margin-top:1.5rem;margin-top:var(--spacing-6);padding-top:1rem;padding-top:var(--spacing-4)}.login-form .auth-links{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.login-form .auth-switch{align-items:center;color:#424242;color:var(--color-text-secondary);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.25rem;gap:var(--spacing-1);justify-content:center}.totp-form{max-width:450px;position:relative}.totp-form .auth-header{margin-bottom:2rem;margin-bottom:var(--spacing-8);text-align:center}.totp-form .auth-title{background:linear-gradient(135deg,#4caf50,#30abf0);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);color:#212121;color:var(--color-text-primary);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-2)}.totp-form .auth-subtitle{color:#424242;color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:400;font-weight:var(--font-weight-normal);line-height:var(--line-height-normal)}.totp-form .auth-subtitle strong{color:#4caf50;color:var(--color-primary);font-weight:var(--font-weight-semibold)}.totp-container{align-items:center;display:flex;flex-direction:column;gap:2rem;gap:var(--spacing-8);padding:1.5rem 0;padding:var(--spacing-6) 0}.totp-input-container{background:#f8fafc;background:var(--color-background-secondary);border:2px solid #e2e8f0;border:2px solid var(--color-border);border-radius:12px;border-radius:var(--border-radius-lg);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-4);justify-content:center;padding:1rem;padding:var(--spacing-4);transition:all .2s ease-in-out;transition:all var(--transition-normal)}.totp-input-container:focus-within{background:#fff;background:var(--color-background);border-color:#4caf50;border-color:var(--color-primary);box-shadow:0 0 0 3px #4caf501a;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.totp-input{background:linear-gradient(145deg,#fff,#f0f0f0);border:3px solid #e2e8f0;border:3px solid var(--color-border);border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f,inset 0 1px 0 #ffffff1a;color:#212121;color:var(--color-text-primary);font-family:Roboto Mono,monospace;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;font-weight:var(--font-weight-bold);height:60px;overflow:hidden;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:60px}.totp-input:focus{background-color:#fff;background-color:var(--color-background);border-color:#4caf50;border-color:var(--color-primary);box-shadow:0 0 0 3px #4caf5033,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2),var(--shadow-md);outline:none;transform:translateY(-2px)}.totp-input:focus-visible{outline:2px solid #4caf50;outline:2px solid var(--color-primary);outline-offset:2px}.totp-input.filled{background-color:rgba(#10b981,.1);background-color:rgba(var(--color-success),.1);border-color:var(--color-success);box-shadow:0 4px 15px rgba(#10b981,.2);box-shadow:0 4px 15px rgba(var(--color-success),.2);color:#059669;color:var(--color-success-dark);transform:scale(1.05)}.totp-input.error{background-color:rgba(#ef4444,.1);background-color:rgba(var(--color-error),.1);border-color:var(--color-error);color:#dc2626;color:var(--color-error-dark)}.totp-form .auth-button{background:linear-gradient(135deg,#4caf50,#30abf0);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);border:none;color:#fff;color:var(--color-text-on-primary);font-weight:600;font-weight:var(--font-weight-semibold);min-width:200px;overflow:hidden;position:relative}.totp-form .auth-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.totp-form .auth-button:hover:before{left:100%}.totp-form .auth-button:hover{box-shadow:0 8px 25px #4caf504d;box-shadow:0 8px 25px rgba(var(--color-primary-rgb),.3);transform:translateY(-2px)}.totp-form .auth-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.totp-form .auth-button.secondary{background:#f8fafc;background:var(--color-background-secondary);border:2px solid var(--color-border);color:#212121;color:var(--color-text-primary);overflow:hidden;position:relative}.totp-form .auth-button.secondary:before{background:linear-gradient(90deg,#0000,#4caf501a,#0000);background:linear-gradient(90deg,#0000,rgba(var(--color-primary-rgb),.1),#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.totp-form .auth-button.secondary:hover:before{left:100%}.totp-form .auth-button.secondary:hover{background:#f1f5f9;background:var(--color-background-secondary-hover);border-color:#cbd5e1;border-color:var(--color-border-hover)}.totp-form .auth-loading{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-2);justify-content:center}.totp-form .spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;border-top:2px solid var(--color-text-on-primary);height:16px;width:16px}.totp-form .auth-message.error{animation:slideInDown .5s ease-out;background:linear-gradient(135deg,rgba(#ef4444,.1),rgba(#ef4444,.05));background:linear-gradient(135deg,rgba(var(--color-error),.1),rgba(var(--color-error),.05));border:1px solid rgba(#ef4444,.3);border:1px solid rgba(var(--color-error),.3);color:#dc2626;color:var(--color-error-dark);margin:0 auto;max-width:400px}.totp-form .auth-message.error strong,.totp-form .error-attempts{color:#ef4444;color:var(--color-error);font-weight:600;font-weight:var(--font-weight-semibold)}.totp-form .error-attempts{margin-left:.5rem;margin-left:var(--spacing-2)}.totp-form .auth-message.info{animation:slideInDown .5s ease-out;background:linear-gradient(135deg,rgba(#06b6d4,.1),rgba(#4CAF50,.05));background:linear-gradient(135deg,rgba(var(--color-info),.1),rgba(var(--color-primary),.05));border:1px solid rgba(#06b6d4,.3);border:1px solid rgba(var(--color-info),.3);color:#0891b2;color:var(--color-info-dark);margin:0 auto;max-width:400px}.totp-form .auth-message.info strong{color:#4caf50;color:var(--color-primary);font-weight:600;font-weight:var(--font-weight-semibold)}.totp-form .auth-message.info p{font-size:.875rem;font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:.25rem 0 0;margin:var(--spacing-1) 0 0 0}.totp-form .auth-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border);margin-top:1.5rem;margin-top:var(--spacing-6);padding-top:1rem;padding-top:var(--spacing-4);text-align:center}.totp-form .auth-switch{align-items:center;color:#424242;color:var(--color-text-secondary);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.25rem;gap:var(--spacing-1);justify-content:center;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.totp-form .auth-link{color:#4caf50;color:var(--color-primary);font-weight:500;font-weight:var(--font-weight-medium);position:relative;text-decoration:underline;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.totp-form .auth-link:after{background:#4caf50;background:var(--color-primary);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .15s ease-in-out;transition:width var(--transition-fast);width:0}.totp-form .auth-link:hover{color:#2e7d32;color:var(--color-primary-dark);text-decoration:none}.totp-form .auth-link:hover:after{width:100%}.totp-form .auth-link:disabled{color:var(--color-text-tertiary);cursor:not-allowed;opacity:.6}.totp-form .auth-card{overflow:visible;position:relative}.totp-form .auth-card:after{background:linear-gradient(135deg,#4caf50,#30abf0);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:12px;border-radius:var(--border-radius-lg);bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .2s ease-in-out;transition:opacity var(--transition-normal);z-index:-1}.totp-form .auth-card:hover:after{opacity:.1}.totp-form .totp-input.filled{animation:successPulse .6s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1.05)}}.totp-input:focus{animation:focusRing .3s ease-out}@keyframes focusRing{0%{box-shadow:0 0 0 0 #4caf5066;box-shadow:0 0 0 0 rgba(var(--color-primary-rgb),.4)}to{box-shadow:0 0 0 3px #4caf5033,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2),var(--shadow-md)}}@media (max-width:768px){.totp-input-container{gap:.75rem;gap:var(--spacing-3);padding:.75rem;padding:var(--spacing-3)}.totp-input{font-size:1.25rem;font-size:var(--font-size-xl);height:48px;width:48px}}@media (max-width:480px){.totp-input-container{gap:.5rem;gap:var(--spacing-2);padding:.5rem;padding:var(--spacing-2)}.totp-input{font-size:1.125rem;font-size:var(--font-size-lg);height:40px;width:40px}.totp-form .auth-button{min-width:160px}}.totp-timer{color:#424242;color:var(--color-text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-top:.5rem;margin-top:var(--spacing-2);text-align:center}.totp-timer.warning{color:#f59e0b;color:var(--color-warning)}.totp-timer.expired,.totp-timer.warning{font-weight:600;font-weight:var(--font-weight-semibold)}.totp-timer.expired{animation:pulse 1s infinite;color:#ef4444;color:var(--color-error)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.debug-mode{animation:debugPulse 2s ease-in-out infinite;background:linear-gradient(135deg,rgba(#f59e0b,.1),rgba(#06b6d4,.05));background:linear-gradient(135deg,rgba(var(--color-warning),.1),rgba(var(--color-info),.05));border:2px solid rgba(#f59e0b,.3);border:2px solid rgba(var(--color-warning),.3);color:#d97706;color:var(--color-warning-dark);margin-bottom:1rem;margin-bottom:var(--spacing-4)}.debug-mode strong{color:#f59e0b;color:var(--color-warning);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;font-weight:var(--font-weight-bold)}.debug-mode p{font-size:1rem;font-size:var(--font-size-md);font-weight:600;font-weight:var(--font-weight-semibold);margin:.5rem 0 0;margin:var(--spacing-2) 0 0 0}.debug-mode p strong{background:#f8fafc;background:var(--color-background-secondary);border:1px solid #e2e8f0;border:1px solid var(--color-border);border-radius:4px;border-radius:var(--border-radius-sm);color:#4caf50;color:var(--color-primary);font-family:Roboto Mono,monospace;font-size:1.25rem;font-size:var(--font-size-xl);padding:.25rem .5rem;padding:var(--spacing-1) var(--spacing-2)}@keyframes debugPulse{0%,to{box-shadow:0 0 0 0 rgba(var(--color-warning-rgb),.4);transform:scale(1)}50%{box-shadow:0 0 0 8px rgba(var(--color-warning-rgb),.1);transform:scale(1.02)}}.totp-form{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #fff3;border-radius:24px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 0 0 1px #ffffff0d;margin:0 auto;max-width:500px;padding:2rem}.totp-form .auth-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:.5rem}.totp-form .auth-subtitle{color:#64748b;font-size:1rem;line-height:1.5}.totp-form .auth-subtitle strong{color:#1e293b;font-weight:600}.totp-input-container{background:linear-gradient(145deg,#f1f5f9,#e2e8f0);border:2px solid #0000;border-radius:20px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.totp-input-container:before{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;bottom:0;content:"";left:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:2px;position:absolute;right:0;top:0;transition:opacity .3s ease}.totp-input-container:focus-within:before{opacity:1}.totp-input-container:focus-within{box-shadow:0 20px 25px -5px #667eea1a,0 10px 10px -5px #667eea0a;transform:translateY(-2px)}.totp-input:focus{border-color:#667eea;box-shadow:0 10px 15px -3px #667eea4d,0 4px 6px -2px #667eea1a,0 0 0 4px #667eea1a;transform:translateY(-3px) scale(1.05)}.totp-input.filled{background:linear-gradient(145deg,#10b981,#059669);border-color:#10b981;box-shadow:0 10px 15px -3px #10b9814d,0 4px 6px -2px #10b9811a;color:#fff;transform:scale(1.1)}.totp-input.error{animation:shake .5s ease-in-out;background:linear-gradient(145deg,#ef4444,#dc2626);border-color:#ef4444;color:#fff}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.totp-form .auth-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;overflow:hidden;padding:.875rem 2rem;position:relative;transition:all .3s ease}.totp-form .auth-button.primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.totp-form .auth-button.primary:hover:before{left:100%}.totp-form .auth-button.primary:hover{box-shadow:0 10px 15px -3px #667eea4d,0 4px 6px -2px #667eea1a;transform:translateY(-2px)}.totp-form .auth-button.secondary{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease}.totp-form .auth-button.secondary:hover{border-color:#667eea;box-shadow:0 4px 6px -1px #0000001a;color:#667eea;transform:translateY(-1px)}.totp-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.totp-help .auth-message.info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;border-radius:12px;margin-top:1rem;padding:1rem}.totp-help .auth-message.info p{color:#1e40af;font-size:.875rem;line-height:1.5;margin:0}.totp-help .auth-message.info strong{color:#1d4ed8;font-weight:600}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--admin-primary:#4caf50;--admin-primary-light:#a8e6a3;--admin-primary-dark:#2e7d32;--admin-secondary:#30abf0;--admin-secondary-light:#5cc0f5;--admin-secondary-dark:#1c8bd1;--admin-success:#10b981;--admin-warning:#f59e0b;--admin-error:#ef4444;--admin-background:#e8f5e9;--admin-text-primary:#212121;--admin-text-secondary:#424242;--admin-border:#e2e8f0}.admin-dashboard{background:linear-gradient(180deg,#e9e9e914,#e9e9e914 55%,#a9ffb2);min-height:100vh;padding:20px}.admin-container{margin:0 auto;max-width:1200px}.admin-header{color:#2e7d32;color:var(--admin-primary-dark);margin-bottom:30px;text-align:center}.admin-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px #0000001a}.admin-header p{font-size:1.2rem;opacity:.9}.admin-tabs{background:#fff;border-radius:10px 10px 0 0;box-shadow:0 2px 10px #0000001a;display:flex;margin-bottom:0}.tab-button{background:#0000;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:15px 20px;transition:all .3s ease}.tab-button:hover{background:#f8f9fa;color:#333}.tab-button.active{background:#e8f5e9;background:var(--admin-background);border-bottom-color:#4caf50;border-bottom-color:var(--admin-primary);color:#4caf50;color:var(--admin-primary)}.admin-content{background:#fff;border-radius:0 0 10px 10px;box-shadow:0 2px 10px #0000001a;min-height:500px;padding:30px}.admin-overview h2{color:#333;font-size:1.8rem;margin-bottom:20px}.overview-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#4caf50,#2e7d32);background:linear-gradient(135deg,var(--admin-primary) 0,var(--admin-primary-dark) 100%);border-radius:10px;box-shadow:0 4px 15px #0000001a;color:#fff;padding:25px;text-align:center;transition:transform .3s ease}.stat-card:hover{transform:translateY(-5px)}.stat-card h3{font-size:1rem;letter-spacing:1px;margin:0 0 10px;opacity:.9;text-transform:uppercase}.stat-value{font-size:2.5rem;font-weight:700;margin:10px 0;text-shadow:2px 2px 4px #0003}.stat-label{font-size:.9rem;opacity:.8}.admin-users h2{color:#333;font-size:1.8rem;margin-bottom:20px}.users-table{overflow-x:auto}.users-table table{border-collapse:collapse;margin-top:20px;width:100%}.users-table td,.users-table th{border-bottom:1px solid #eee;padding:12px;text-align:left}.users-table th{color:#333;font-weight:600}.users-table th,.users-table tr:hover{background:#f8f9fa}.status-badge{border-radius:20px;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.status-badge.active{background:#d4edda;color:#155724}.status-badge.inactive{background:#f8d7da;color:#721c24}.admin-permissions h2{color:#333;font-size:1.8rem;margin-bottom:20px}.permission-sections{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.permission-section{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:20px}.permission-section h3{border-bottom:2px solid #4caf50;border-bottom:2px solid var(--admin-primary);color:#212121;color:var(--admin-text-primary);font-size:1.2rem;margin-bottom:15px;padding-bottom:5px}.permission-list{display:flex;flex-direction:column;gap:10px}.permission-item{align-items:center;background:#fff;border:1px solid #e9ecef;border-radius:5px;display:flex;justify-content:space-between;padding:10px}.permission-info{display:flex;flex-direction:column;gap:5px}.permission-info strong{color:#333;font-size:.9rem}.permission-level{background:#e9ecef;border-radius:10px;color:#666;display:inline-block;font-size:.8rem;padding:2px 8px}.btn{border:none;border-radius:5px;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:8px 16px;text-align:center;text-decoration:none;transition:all .3s ease}.btn-primary{background:#4caf50;background:var(--admin-primary);color:#fff}.btn-primary:hover{background:#2e7d32;background:var(--admin-primary-dark);transform:translateY(-1px)}.btn-danger{background:#ef4444;background:var(--admin-error);color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.btn-sm{font-size:.8rem;padding:4px 8px}.auth-message{align-items:center;border-radius:5px;display:flex;gap:10px;margin:20px 0;padding:15px}.auth-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.auth-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.auth-message span{font-size:1.2rem}.loading{color:#666}.error,.loading{font-size:1.1rem;padding:40px;text-align:center}.error{color:#dc3545}@media (max-width:768px){.admin-dashboard{padding:10px}.admin-header h1{font-size:2rem}.admin-tabs{flex-direction:column}.tab-button{border-radius:0}.overview-stats,.permission-sections{grid-template-columns:1fr}.users-table{font-size:.9rem}}
/*# sourceMappingURL=main.ea85b0bb.css.map*/