*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:#f5f5f5}#app{min-height:100vh}.navbar{background-color:#2c3e50;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px rgba(0,0,0,.1)}.nav-brand h2{color:#ecf0f1}.nav-links{display:flex;align-items:center;gap:1rem}.nav-link{color:#ecf0f1;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}.nav-link:hover{background-color:#34495e}.nav-link.router-link-active{background-color:#3498db}.logout-btn{background-color:#e74c3c;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:background-color .3s}.logout-btn:hover{background-color:#c0392b}.main-content{padding:2rem;max-width:1200px;margin:0 auto}.login-container[data-v-b8bc6350]{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f8f9fa}.login-card[data-v-b8bc6350]{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);width:100%;max-width:400px}.login-title[data-v-b8bc6350]{text-align:center;color:#2c3e50;margin-bottom:1rem}.login-subtitle[data-v-b8bc6350]{text-align:center;color:#7f8c8d;margin-bottom:2rem;line-height:1.5}.form-group[data-v-b8bc6350],.login-form[data-v-b8bc6350]{margin-bottom:1rem}.form-group label[data-v-b8bc6350]{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:500}.form-input[data-v-b8bc6350]{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.form-input[data-v-b8bc6350]:focus{outline:none;border-color:#3498db}.form-input.error[data-v-b8bc6350]{border-color:#e74c3c}.error-message[data-v-b8bc6350]{background-color:#f8d7da;color:#721c24;padding:.75rem;border-radius:4px;margin-bottom:1rem;border:1px solid #f5c6cb}.login-btn[data-v-b8bc6350]{width:100%;background-color:#2c3e50;color:#fff;border:none;padding:.75rem;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}.login-btn[data-v-b8bc6350]:hover:not(:disabled){background-color:#34495e}.login-btn[data-v-b8bc6350]:disabled{opacity:.6;cursor:not-allowed}.powered-by[data-v-b8bc6350]{text-align:center;margin-top:1rem;color:#95a5a6;font-size:.9rem}.dashboard[data-v-2f5e4d1a]{max-width:800px;margin:0 auto}.welcome-card[data-v-2f5e4d1a]{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center;margin-bottom:2rem}.welcome-card h1[data-v-2f5e4d1a]{color:#27ae60;margin-bottom:1rem}.welcome-card p[data-v-2f5e4d1a]{color:#7f8c8d;margin-bottom:2rem}.dashboard-actions[data-v-2f5e4d1a]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.action-btn[data-v-2f5e4d1a]{padding:.75rem 1.5rem;border-radius:6px;text-decoration:none;font-weight:500;transition:all .3s;border:none;cursor:pointer;font-size:1rem}.action-btn.primary[data-v-2f5e4d1a]{background-color:#3498db;color:#fff}.action-btn.primary[data-v-2f5e4d1a]:hover{background-color:#2980b9}.action-btn.secondary[data-v-2f5e4d1a]{background-color:#95a5a6;color:#fff}.action-btn.secondary[data-v-2f5e4d1a]:hover{background-color:#7f8c8d}.features-grid[data-v-2f5e4d1a]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.feature-card[data-v-2f5e4d1a]{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.feature-card h3[data-v-2f5e4d1a]{color:#2c3e50;margin-bottom:.5rem}.feature-card p[data-v-2f5e4d1a]{color:#7f8c8d}.form-container[data-v-73a6e1d4]{max-width:600px;margin:0 auto}.form-card[data-v-73a6e1d4]{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.form-title[data-v-73a6e1d4]{text-align:center;color:#2c3e50;margin-bottom:2rem}.web-form[data-v-73a6e1d4]{margin-bottom:2rem}.form-row[data-v-73a6e1d4]{display:flex;gap:1rem;margin-bottom:1rem}.form-group[data-v-73a6e1d4]{margin-bottom:1.5rem}.form-group.half[data-v-73a6e1d4]{flex:1}.form-group label[data-v-73a6e1d4]{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:500}.form-input[data-v-73a6e1d4],.form-select[data-v-73a6e1d4]{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s}.form-input[data-v-73a6e1d4]:focus,.form-select[data-v-73a6e1d4]:focus{outline:none;border-color:#3498db}.radio-group[data-v-73a6e1d4]{display:flex;flex-direction:column;gap:.5rem}.radio-label[data-v-73a6e1d4]{display:flex;align-items:center;cursor:pointer;font-weight:400!important}.radio-input[data-v-73a6e1d4]{margin-right:.5rem;width:auto}.radio-text[data-v-73a6e1d4]{color:#2c3e50}.form-actions[data-v-73a6e1d4]{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.reset-btn[data-v-73a6e1d4],.submit-btn[data-v-73a6e1d4]{padding:.75rem 2rem;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s;border:none}.submit-btn[data-v-73a6e1d4]{background-color:#27ae60;color:#fff}.submit-btn[data-v-73a6e1d4]:hover:not(:disabled){background-color:#219a52}.submit-btn[data-v-73a6e1d4]:disabled{background-color:#95a5a6;cursor:not-allowed}.reset-btn[data-v-73a6e1d4]{background-color:#95a5a6;color:#fff}.reset-btn[data-v-73a6e1d4]:hover{background-color:#7f8c8d}.submission-result[data-v-73a6e1d4]{margin-top:2rem;padding:1.5rem;background-color:#d4edda;border:1px solid #c3e6cb;border-radius:4px}.submission-result h3[data-v-73a6e1d4]{color:#155724;margin-bottom:1rem}.result-data h4[data-v-73a6e1d4]{color:#155724;margin-bottom:.5rem}.result-data pre[data-v-73a6e1d4]{background-color:#f8f9fa;padding:1rem;border-radius:4px;border:1px solid #dee2e6;overflow-x:auto;font-size:.9rem}@media (max-width:768px){.form-actions[data-v-73a6e1d4],.form-row[data-v-73a6e1d4]{flex-direction:column}.reset-btn[data-v-73a6e1d4],.submit-btn[data-v-73a6e1d4]{width:100%}}