#app{font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;color:#2c3e50;margin-top:60px}.home-page[data-v-1a5460bb]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;font-family:Arial,sans-serif}.header[data-v-1a5460bb]{text-align:center;padding:3rem 1rem 1rem;color:#fff}.logo h1[data-v-1a5460bb]{margin:0;font-size:2.8rem;font-weight:600;letter-spacing:1px}.subtitle[data-v-1a5460bb]{font-size:1.2rem;margin-top:.5rem;opacity:.9}.welcome-section[data-v-1a5460bb]{text-align:center;margin:2rem auto 3rem;max-width:600px;color:#fff}.welcome-section h2[data-v-1a5460bb]{font-size:2rem;margin-bottom:1rem;font-weight:400}.welcome-section p[data-v-1a5460bb]{font-size:1.2rem;opacity:.9}.main-content[data-v-1a5460bb]{flex:1;display:flex;flex-direction:column;align-items:center;padding:0 2rem;width:100%}.option-container[data-v-1a5460bb]{display:flex;gap:2.5rem;max-width:800px;width:100%;margin-bottom:3rem}.option-card[data-v-1a5460bb]{background:#fff;border-radius:15px;padding:2.5rem 1.5rem;text-align:center;cursor:pointer;transition:all .3s ease;flex:1;box-shadow:0 10px 30px #00000026}.option-card[data-v-1a5460bb]:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003}.option-icon[data-v-1a5460bb]{font-size:3.5rem;margin-bottom:1.2rem}.option-card h2[data-v-1a5460bb]{color:#333;margin:1rem 0 .5rem;font-size:1.6rem;font-weight:600}.option-card p[data-v-1a5460bb]{color:#666;margin:0;font-size:1rem}.action-section[data-v-1a5460bb]{background:#fff3;border-radius:10px;padding:1.5rem;text-align:center;color:#fff;max-width:500px;width:100%}.action-section p[data-v-1a5460bb]{margin:.8rem 0}.action-section a[data-v-1a5460bb]{color:gold;text-decoration:none;font-weight:700;margin-left:.3rem}.action-section a[data-v-1a5460bb]:hover{text-decoration:underline}.footer[data-v-1a5460bb]{text-align:center;padding:1.5rem;color:#ffffffb3;font-size:.9rem;margin-top:auto}@media (max-width: 768px){.option-container[data-v-1a5460bb]{flex-direction:column}.header[data-v-1a5460bb]{padding:2rem 1rem 1rem}.logo h1[data-v-1a5460bb]{font-size:2rem}.subtitle[data-v-1a5460bb]{font-size:1rem}.welcome-section h2[data-v-1a5460bb]{font-size:1.6rem}.option-card[data-v-1a5460bb]{padding:2rem 1rem}}.login-page[data-v-fbe2bdf3]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center;padding:1rem}.login-container[data-v-fbe2bdf3]{background:#fff;border-radius:10px;padding:2rem;width:100%;max-width:400px;box-shadow:0 10px 30px #0003}.login-header[data-v-fbe2bdf3]{text-align:center;margin-bottom:2rem}.login-header h2[data-v-fbe2bdf3]{color:#333;margin:0;font-weight:500}.login-form[data-v-fbe2bdf3]{display:flex;flex-direction:column}.form-group[data-v-fbe2bdf3]{margin-bottom:1.5rem}.form-group label[data-v-fbe2bdf3]{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.form-group input[data-v-fbe2bdf3]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s}.form-group input[data-v-fbe2bdf3]:focus{outline:none;border-color:#667eea}.login-button[data-v-fbe2bdf3]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem;border-radius:5px;font-size:1rem;cursor:pointer;transition:opacity .3s}.login-button[data-v-fbe2bdf3]:hover:not(:disabled){opacity:.9}.login-button[data-v-fbe2bdf3]:disabled{opacity:.6;cursor:not-allowed}.login-footer[data-v-fbe2bdf3]{margin-top:1.5rem;text-align:center}.login-footer p[data-v-fbe2bdf3]{color:#666;font-size:.9rem}.register-page[data-v-314e5029]{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;align-items:center;padding:1rem}.register-container[data-v-314e5029]{background:#fff;border-radius:10px;padding:2rem;width:100%;max-width:400px;box-shadow:0 10px 30px #0003}.register-header[data-v-314e5029]{text-align:center;margin-bottom:2rem}.register-header h2[data-v-314e5029]{color:#333;margin:0;font-weight:500}.register-form[data-v-314e5029]{display:flex;flex-direction:column}.form-group[data-v-314e5029]{margin-bottom:1.5rem}.form-group label[data-v-314e5029]{display:block;margin-bottom:.5rem;color:#555;font-weight:500}.form-group input[data-v-314e5029]{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s}.form-group input[data-v-314e5029]:focus{outline:none;border-color:#667eea}.input-with-button[data-v-314e5029]{display:flex}.input-with-button input[data-v-314e5029]{flex:1;border-top-right-radius:0;border-bottom-right-radius:0}.code-button[data-v-314e5029]{background:#667eea;color:#fff;border:1px solid #667eea;padding:.75rem .5rem;border-radius:0 5px 5px 0;cursor:pointer;font-size:.9rem;min-width:120px}.code-button[data-v-314e5029]:hover:not(:disabled){background:#5a6fd8}.code-button[data-v-314e5029]:disabled{background:#ccc;cursor:not-allowed}.role-selector[data-v-314e5029]{display:flex;gap:1rem;margin-top:.5rem}.role-option[data-v-314e5029]{display:flex;align-items:center;cursor:pointer}.role-option input[data-v-314e5029]{margin-right:.5rem;width:auto}.register-button[data-v-314e5029]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:.75rem;border-radius:5px;font-size:1rem;cursor:pointer;transition:opacity .3s}.register-button[data-v-314e5029]:hover:not(:disabled){opacity:.9}.register-button[data-v-314e5029]:disabled{opacity:.6;cursor:not-allowed}.register-footer[data-v-314e5029]{margin-top:1.5rem;text-align:center}.register-footer p[data-v-314e5029]{color:#666;font-size:.9rem}.register-footer a[data-v-314e5029]{color:#667eea;text-decoration:none}.register-footer a[data-v-314e5029]:hover{text-decoration:underline}.artist-home[data-v-28163eda]{min-height:100vh;background-color:#f5f5f5}.header[data-v-28163eda]{background:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.header h1[data-v-28163eda]{margin:0;color:#333}.logout-btn[data-v-28163eda]{background:#ff6b6b;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer}.logout-btn[data-v-28163eda]:hover{background:#ff5252}.main-content[data-v-28163eda]{padding:2rem}.welcome-section[data-v-28163eda]{text-align:center;margin-bottom:2rem}.welcome-section h2[data-v-28163eda]{color:#333;margin-bottom:.5rem}.welcome-section p[data-v-28163eda]{color:#666}.dashboard-grid[data-v-28163eda]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.dashboard-item[data-v-28163eda]{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 10px #0000001a;text-align:center}.dashboard-item h3[data-v-28163eda]{color:#333;margin-bottom:.5rem}.dashboard-item p[data-v-28163eda]{color:#666}.agent-home[data-v-1b3f3641]{min-height:100vh;background-color:#f5f5f5}.header[data-v-1b3f3641]{background:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a}.header h1[data-v-1b3f3641]{margin:0;color:#333}.logout-btn[data-v-1b3f3641]{background:#ff6b6b;color:#fff;border:none;padding:.5rem 1rem;border-radius:5px;cursor:pointer}.logout-btn[data-v-1b3f3641]:hover{background:#ff5252}.main-content[data-v-1b3f3641]{padding:2rem}.welcome-section[data-v-1b3f3641]{text-align:center;margin-bottom:2rem}.welcome-section h2[data-v-1b3f3641]{color:#333;margin-bottom:.5rem}.welcome-section p[data-v-1b3f3641]{color:#666}.dashboard-grid[data-v-1b3f3641]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.dashboard-item[data-v-1b3f3641]{background:#fff;padding:1.5rem;border-radius:10px;box-shadow:0 2px 10px #0000001a;text-align:center}.dashboard-item h3[data-v-1b3f3641]{color:#333;margin-bottom:.5rem}.dashboard-item p[data-v-1b3f3641]{color:#666}