body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#2563eb;--primary-dark:#1d4ed8;--text-color:#1f2937;--light-gray:#f3f4f6;--medium-gray:#e5e7eb;--dark-gray:#6b7280;--white:#fff;--black:#000;--border-radius:8px}.high-contrast{--light-gray:#fff;--medium-gray:#ccc;--white:#fff;--black:#000}body{background-color:#f3f4f6;background-color:var(--light-gray);color:#1f2937;font-family:Segoe UI,Arial,sans-serif}.vi-split-container{display:flex;min-height:100vh;width:100%}.vi-visual-section{align-items:center;background-color:#2563eb;background-color:var(--primary-color);display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:2rem;position:relative}.vi-gif-container{border-radius:8px;border-radius:var(--border-radius);box-shadow:0 10px 25px #0000001a;max-width:400px;overflow:hidden;width:100%}.vi-walking-gif{display:block;height:auto;width:100%}.vi-visual-description{color:#fff;color:var(--white);margin-top:2rem;max-width:400px;text-align:center}.vi-visual-description h2{font-size:1.8rem;margin-bottom:.5rem}.vi-visual-description p{font-size:1.1rem;opacity:.9}.vi-input-wrapper{position:relative;width:100%}.vi-signin-input{border:2px solid #e5e7eb;border:2px solid var(--medium-gray);border-radius:8px;border-radius:var(--border-radius);font-size:1rem;padding:1rem 2.5rem 1rem 1rem;width:100%}.vi-password-toggle,.vi-signin-input{transition:all .3s ease;transition:var(--transition)}.vi-password-toggle{align-items:center;background:none;border:none;color:#6b7280;color:var(--dark-gray);cursor:pointer;display:flex;justify-content:center;padding:.25rem;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.vi-input-group{margin-bottom:1.5rem;width:100%}.vi-signin-form{margin:0 auto;max-width:400px;width:100%}.vi-form-section{align-items:center;background-color:#fff;background-color:var(--white);display:flex;flex:1 1;justify-content:center;padding:2rem}.vi-signin-container{max-width:400px;width:100%}.vi-signin-title{color:#2563eb;color:var(--primary-color);font-size:2rem;margin-bottom:2rem;text-align:center}.vi-signin-label{color:#1f2937;color:var(--text-color);font-size:1rem;font-weight:600}.vi-signin-input:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb33;outline:none}.vi-password-wrapper{position:relative}.vi-signin-button{background-color:#2563eb;background-color:var(--primary-color);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem;transition:all .3s ease;transition:var(--transition);width:100%}.vi-signin-button:hover{background-color:#1d4ed8;background-color:var(--primary-dark)}.vi-form-actions{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.vi-forgot-password{background:none;border:none;color:#2563eb;color:var(--primary-color);cursor:pointer;font-size:.9rem;padding:.5rem;text-align:center;text-decoration:underline}.vi-password-toggle:hover{background:#4361ee1a;color:#2563eb;color:var(--primary-color)}.vi-password-toggle:focus{box-shadow:0 0 0 2px #4361ee4d;outline:none}.high-contrast .vi-password-toggle{border:1px solid;color:#1f2937;color:var(--text-color)}.high-contrast .vi-password-toggle:hover{background:var(--highlight-color);color:#000;color:var(--black)}.vi-accessibility-options{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.vi-a11y-option{background:#e5e7eb}.vi-a11y-option:hover{background:#2563eb;color:var(--white)}@media (max-width:768px){.vi-split-container{flex-direction:column}.vi-visual-section{padding:1.5rem}.vi-gif-container{max-width:250px}.vi-visual-description h2{font-size:1.5rem}.vi-visual-description p{font-size:1rem}.vi-form-section{padding:1.5rem}}@media (max-width:480px){.vi-signin-title{font-size:1.5rem}.vi-signin-input{padding:.7rem}}.main-panel{background-color:#f5f7fa;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.top-bar{background:linear-gradient(135deg,#6e8efb,#a777e3);border-radius:0 0 12px 12px;box-shadow:0 4px 20px #0000001a;display:flex;margin-bottom:2px;overflow:hidden}.tab{align-items:center;color:#fffc;cursor:pointer;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:1rem 0;position:relative;transition:all .3s ease}.tab i{font-size:1.5rem;margin-bottom:.5rem}.tab span{font-size:.9rem;font-weight:500}.tab:hover{background-color:#ffffff1a;color:#fff}.tab.active{background-color:#fff3;color:#fff}.tab.active:after{background-color:#fff;border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50%}.spinner{height:24px;width:24px}.content-area{flex:1 1;overflow-y:auto;padding:2rem}.content{animation:fadeIn .5s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.member-form{grid-gap:1.5rem;display:grid;grid-template-columns:1fr 1fr;max-width:800px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;transition:border-color .3s}.form-group input:focus,.form-group select:focus{border-color:#a777e3;box-shadow:0 0 0 2px #a777e333;outline:none}.submit-btn{background:linear-gradient(135deg,#6e8efb,#a777e3);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;grid-column:span 2;margin-top:1rem;padding:.75rem;transition:all .3s}.submit-btn:hover{box-shadow:0 4px 12px #6e8efb4d;transform:translateY(-2px)}.members-table-container{margin-top:1.5rem}.members-table{min-width:800px}.role-badge{border-radius:12px;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.role-badge.admin{background-color:#ffecb3;color:#ff9800}.role-badge.member{background-color:#c8e6c9;color:#388e3c}.role-badge.guest{background-color:#bbdefb;color:#1976d2}.action-btn{background:none;border:none;border-radius:50%;cursor:pointer;margin-right:.5rem;padding:.5rem;transition:all .2s}.action-btn.edit{color:#2196f3}.action-btn.delete{color:#f44336}.action-btn:hover{background-color:#0000000d;transform:scale(1.1)}.stats-grid{grid-template-columns:repeat(3,1fr)}.stat-card{background-color:#fff;box-shadow:0 2px 8px #0000000d;transition:transform .3s}.stat-card h3{color:#666;font-size:1rem;font-weight:500;margin-top:0}.stat-value{font-size:2.5rem;margin:.5rem 0}.stat-change{font-size:.9rem;margin:0}.stat-change.positive{color:#4caf50}.stat-change.negative{color:#f44336}.chart-container{background-color:#fff;box-shadow:0 2px 8px #0000000d}.chart-container h3{color:#666}.chart{align-items:flex-end;border-bottom:1px solid #eee;display:flex;height:200px;justify-content:space-around;margin:2rem 0;padding-bottom:2rem}.chart-bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;max-width:60px}.chart-bar-group{align-items:flex-end;display:flex;gap:4px;width:100%}.chart-bar{border-radius:4px 4px 0 0;transition:height .5s ease;width:50%}.chart-bar.total{background-color:#a777e3}.chart-bar.active{background-color:#6e8efb}.chart-label{color:#888;font-size:.8rem;margin-top:.5rem}.chart-legend{display:flex;gap:2rem;justify-content:center;margin-top:1rem}.legend-item{align-items:center;display:flex;gap:.5rem}.legend-color{border-radius:4px;height:16px;width:16px}.legend-color.total{background-color:#a777e3}.legend-color.active{background-color:#6e8efb}@media (max-width:768px){.member-form{grid-template-columns:1fr}.submit-btn{grid-column:span 1}.stats-grid{grid-template-columns:1fr}.tab span{display:none}.tab i{font-size:1.2rem;margin-bottom:0}}.spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;margin:0 auto;width:20px}.tab.logout{background-color:#ff634733}.tab.logout:hover{background-color:#ff63474d}.tab.logout.active{background-color:#ff634766}.form-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin:0 auto;max-width:800px;padding:2rem}.form-title{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:2rem;text-align:center}.member-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column}.form-group.full-width{grid-column:span 2}.form-group label{color:#555;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.75rem;transition:all .3s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#6e8efb;box-shadow:0 0 0 3px #6e8efb33;outline:none}.radio-group{display:flex;gap:1.5rem;margin-top:.5rem}.radio-option{align-items:center;cursor:pointer;display:flex;gap:.5rem}.radio-option input[type=radio]{height:18px;margin:0;width:18px}.radio-label{font-weight:400}.form-actions{display:flex;grid-column:span 2;justify-content:center;margin-top:1rem}.submit-button{background:linear-gradient(135deg,#6e8efb,#a777e3);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;min-width:180px;padding:.75rem 2rem;transition:all .3s}.submit-button:hover:not(:disabled){box-shadow:0 4px 12px #6e8efb4d;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.form-row{grid-template-columns:1fr}.form-group.full-width{grid-column:span 1}.radio-group{flex-direction:column;gap:.75rem}.form-container{margin:0 1rem;padding:1.5rem}}.members-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:2rem}.section-title{color:#333;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem}.members-table-container{overflow-x:auto}.members-table{border-collapse:collapse;min-width:600px;width:100%}.members-table th{background-color:#f8f9fa;border-bottom:2px solid #eee;color:#555;font-weight:600;padding:1rem;text-align:left}.members-table td{border-bottom:1px solid #eee;color:#666;padding:1rem}.members-table tr:hover td{background-color:#f9f9f9}.no-data{color:#888;padding:3rem 1rem;text-align:center}.no-data i{color:#ccc;display:block;font-size:3rem;margin-bottom:1rem}.no-data p{font-size:1.2rem;margin-bottom:.5rem}.analysis-container{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:2rem}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;padding:1.5rem;transition:all .3s}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-5px)}.stat-icon{align-items:center;background:linear-gradient(135deg,#6e8efb,#a777e3);border-radius:50%;color:#fff;display:flex;font-size:1.5rem;height:60px;justify-content:center;margin-right:1rem;width:60px}.stat-content h3{color:#666;font-size:.9rem;font-weight:500;margin:0 0 .5rem}.stat-value{color:#333;font-size:2rem;font-weight:600;margin:0}.chart-container{background:#f8f9fa;border-radius:10px;margin-top:1.5rem;padding:1.5rem}.chart-container h3{color:#555;margin-top:0}.chart-placeholder{align-items:center;background:#fff;border:2px dashed #ddd;border-radius:8px;color:#888;display:flex;flex-direction:column;height:200px;justify-content:center}.chart-placeholder i{color:#ccc;font-size:3rem;margin-bottom:1rem}@media (max-width:768px){.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:column;text-align:center}.stat-icon{margin-bottom:1rem;margin-right:0}.analysis-container,.members-container{margin:0 1rem;padding:1.5rem}}.main-panel{display:flex;flex-direction:column;height:100vh;overflow:hidden}.top-bar{flex-shrink:50;position:relative;z-index:1000}.content{flex:1 1;overflow-y:auto;position:relative}.tab-content{height:100%;overflow-y:auto}.analysis-container,.form-container{max-height:100%;overflow-y:auto;padding:20px}.form-group input[readonly]{background-color:#f5f5f5;cursor:not-allowed}:root{--primary-color:#4361ee;--primary-dark:#3a0ca3;--text-color:#2b2d42;--light-color:#f8f9fa;--medium-gray:#e9ecef;--error-color:#ef233c;--success-color:#4ad66d;--border-radius:12px;--box-shadow:0 10px 30px #0000001a;--transition:all 0.3s ease}.high-contrast{--primary-color:#00f;--primary-dark:#00a;--text-color:#000;--light-color:#fff;--medium-gray:#ddd;--error-color:red;--success-color:#0a0}*{box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}body{background-color:#f8f9fa;background-color:var(--light-color);color:#2b2d42;color:var(--text-color);line-height:1.6}.vi-forgot-container{display:flex;min-height:100vh;width:100%}.vi-forgot-visual{align-items:center;background:linear-gradient(135deg,#4361ee,#3a0ca3);background:linear-gradient(135deg,var(--primary-color),var(--primary-dark));color:#fff;display:flex;flex:1 1;flex-direction:column;justify-content:center;overflow:hidden;padding:2rem;position:relative}.vi-forgot-illustration{height:300px;margin-bottom:2rem;max-width:400px;position:relative;width:100%}.vi-forgot-animation{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 20px;position:absolute;width:100%}.vi-email-icon,.vi-user-icon{animation:bounce 2s infinite alternate;font-size:4rem}.vi-email-icon{animation-delay:.2s}.vi-user-icon{animation-delay:.4s}.vi-arrow-animation{background:#fff;height:4px;position:relative;width:40%}.vi-arrow-animation:after{animation:slide 3s infinite;border-bottom:10px solid #0000;border-left:15px solid #fff;border-top:10px solid #0000;content:"";height:0;position:absolute;right:0;top:50%;transform:translateY(-50%);width:0}@keyframes slide{0%,to{transform:translateX(0) translateY(-50%)}50%{transform:translateX(-20px) translateY(-50%)}}@keyframes bounce{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.vi-forgot-visual-text{max-width:500px;text-align:center}.vi-forgot-main-title{font-size:2.5rem;margin-bottom:1rem;text-shadow:0 2px 4px #0003}.vi-forgot-subtitle{font-size:1.2rem;opacity:.9}.vi-forgot-form-container{align-items:center;background-color:#fff;display:flex;flex:1 1;justify-content:center;padding:2rem}.vi-forgot-card{background:#fff;border-radius:12px;border-radius:var(--border-radius);box-shadow:0 10px 30px #0000001a;box-shadow:var(--box-shadow);max-width:450px;padding:2.5rem;width:100%}.vi-forgot-title{color:#4361ee;color:var(--primary-color);font-size:2rem;margin-bottom:1rem;text-align:center}.vi-forgot-description{color:#2b2d42;color:var(--text-color);margin-bottom:2rem;opacity:.8;text-align:center}.vi-forgot-form{gap:1.5rem}.vi-forgot-form,.vi-input-group{display:flex;flex-direction:column}.vi-input-group{gap:.5rem}.vi-input-label{color:#2b2d42;color:var(--text-color);font-size:1rem;font-weight:600}.vi-form-input{border:2px solid #e9ecef;border:2px solid var(--medium-gray);border-radius:12px;border-radius:var(--border-radius);font-size:1rem;padding:1rem;transition:all .3s ease;transition:var(--transition);width:100%}.vi-form-input:focus{border-color:#4361ee;border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee33;outline:none}.vi-reset-button{background:linear-gradient(90deg,#4361ee,#3a0ca3);background:linear-gradient(to right,var(--primary-color),var(--primary-dark));border:none;border-radius:12px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;transition:var(--transition)}.vi-reset-button:hover{box-shadow:0 5px 15px #4361ee4d;transform:translateY(-2px)}.vi-reset-button:active{transform:translateY(0)}.vi-reset-button:disabled{background:#e9ecef;background:var(--medium-gray);cursor:not-allowed;transform:none!important}.vi-spinner{animation:spin 1s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:20px;margin-right:8px;vertical-align:middle;width:20px}@keyframes spin{to{transform:rotate(1turn)}}.vi-message{border-radius:12px;border-radius:var(--border-radius);font-weight:500;margin-top:1rem;padding:1rem;text-align:center}.vi-message.success{background-color:#4ad66d1a;border:1px solid #4ad66d;border:1px solid var(--success-color);color:#4ad66d;color:var(--success-color)}.vi-message.error{background-color:#ef233c1a;border:1px solid #ef233c;border:1px solid var(--error-color);color:#ef233c;color:var(--error-color)}.vi-back-to-login{color:#2b2d42;color:var(--text-color);margin-top:1.5rem;opacity:.8;text-align:center}.vi-text-button{background:none;border:none;color:#4361ee;color:var(--primary-color);cursor:pointer;font-weight:600;padding:.2rem;text-decoration:underline}.vi-text-button:hover{color:#3a0ca3;color:var(--primary-dark)}.vi-accessibility-bar{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.vi-a11y-option{align-items:center;background:#e9ecef;background:var(--medium-gray);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1rem;height:40px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:40px}.vi-a11y-option:hover{background:#4361ee;background:var(--primary-color);color:#fff}@media (max-width:992px){.vi-forgot-container{flex-direction:column}.vi-forgot-visual{padding:2rem 1.5rem}.vi-forgot-illustration{height:200px;max-width:300px}.vi-forgot-main-title{font-size:2rem}.vi-forgot-subtitle{font-size:1rem}.vi-forgot-card{padding:2rem}}@media (max-width:576px){.vi-forgot-card{box-shadow:none;padding:1.5rem}.vi-forgot-title{font-size:1.8rem}.vi-form-input,.vi-reset-button{padding:.8rem}}
/*# sourceMappingURL=main.0d4b8ebd.css.map*/