.auth-container[data-v-765636b9]{color:#f3f4f6;background-color:#1e1e24;border:1px solid #2d2d34;border-radius:12px;max-width:400px;margin:50px auto;padding:30px;font-family:system-ui,-apple-system,sans-serif;box-shadow:0 4px 6px -1px #00000080}h2[data-v-765636b9]{text-align:center;color:#fff;margin-top:0;margin-bottom:24px;font-size:24px}.form-group[data-v-765636b9]{margin-bottom:20px}.form-group label[data-v-765636b9]{color:#9ca3af;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.form-group input[data-v-765636b9]{box-sizing:border-box;color:#fff;background-color:#0f0f12;border:1px solid #374151;border-radius:6px;width:100%;padding:12px;font-size:15px;transition:border-color .2s}.form-group input[data-v-765636b9]:focus{border-color:#42b883;outline:none}.form-group input[data-v-765636b9]::placeholder{color:#4b5563}button[data-v-765636b9]{color:#0f0f12;cursor:pointer;background-color:#42b883;border:none;border-radius:6px;width:100%;padding:12px;font-size:16px;font-weight:600;transition:background-color .2s}button[data-v-765636b9]:hover:not(:disabled){background-color:#33a06f}button[data-v-765636b9]:disabled{color:#6b7280;cursor:not-allowed;background-color:#2e5c46}.message-box[data-v-765636b9]{text-align:center;background-color:#2d2d34;border-left:4px solid #42b883;border-radius:4px;margin-top:20px;padding:12px;font-size:14px}.toggle-mode[data-v-765636b9]{text-align:center;margin-top:24px}.toggle-btn[data-v-765636b9]{color:#42b883;cursor:pointer;background:0 0;border:none;padding:6px 12px;font-size:14px;font-weight:500;text-decoration:underline;transition:color .2s}.toggle-btn[data-v-765636b9]:hover{color:#33a06f}body{background-color:#0f0f12;margin:0}.app-wrapper{min-height:100vh;padding-top:40px}.title{text-align:center;color:#42b883;font-family:system-ui,-apple-system,sans-serif}.center-text{text-align:center;color:#9ca3af;margin-top:50px;font-family:system-ui,-apple-system,sans-serif}.dashboard-card{color:#f3f4f6;text-align:center;background-color:#1e1e24;border:1px solid #2d2d34;border-radius:12px;max-width:400px;margin:50px auto;padding:30px;font-family:system-ui,-apple-system,sans-serif}.greeting-container{margin-bottom:12px}.greeting-row{justify-content:center;align-items:center;gap:8px;display:flex}.greeting-text{margin:0;font-size:1.05rem}.edit-name-btn{cursor:pointer;border-radius:4px;color:#9ca3af!important;background:0 0!important;border:none!important;margin:0!important;padding:2px 6px!important;font-size:.95rem!important}.edit-name-btn:hover{color:#42b883!important;background-color:#42b8831a!important}.edit-name-form{flex-direction:column;align-items:center;gap:6px;display:flex}.edit-name-label{color:#9ca3af;font-size:.8rem}.edit-name-input-row{align-items:center;gap:6px;display:flex}.name-input{color:#fff;background-color:#111116;border:1px solid #3b3b47;border-radius:6px;outline:none;width:140px;padding:6px 10px;font-size:.9rem}.name-input:focus{border-color:#42b883}.save-name-btn{color:#0f0f12!important;background-color:#42b883!important;margin:0!important;padding:6px 12px!important;font-size:.85rem!important;font-weight:600!important}.save-name-btn:hover{background-color:#3aa876!important}.cancel-name-btn{color:#d1d5db!important;background-color:#374151!important;margin:0!important;padding:6px 10px!important;font-size:.85rem!important}.cancel-name-btn:hover{background-color:#4b5563!important}.name-error{color:#ef4444;margin:4px 0 0;font-size:.8rem}.account-actions-row{justify-content:center;gap:10px;margin-top:20px;display:flex}.settings-btn{color:#e5e7eb;cursor:pointer;background-color:#374151;border:1px solid #4b5563;border-radius:6px;padding:10px 16px;font-size:.9rem;font-weight:600}.settings-btn:hover{color:#fff;background-color:#4b5563}.logout-btn{color:#fff;cursor:pointer;background-color:#ef4444;border:none;border-radius:6px;padding:10px 16px;font-size:.9rem;font-weight:700}.logout-btn:hover{background-color:#dc2626}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{text-align:left;background-color:#1a1a22;border:1px solid #2d2d38;border-radius:12px;width:90%;max-width:360px;padding:24px;position:relative;box-shadow:0 10px 30px #00000080}.modal-close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;font-size:1.1rem;position:absolute;top:12px;right:12px}.modal-close-btn:hover{color:#fff}.modal-card h3{color:#fff;margin:0 0 6px;font-size:1.2rem}.modal-subtitle{color:#9ca3af;margin:0 0 16px;font-size:.85rem}.password-form{flex-direction:column;gap:14px;display:flex}.modal-input-group{flex-direction:column;gap:6px;display:flex}.modal-input-group label{color:#d1d5db;font-size:.8rem}.modal-input{color:#fff;background-color:#111116;border:1px solid #3b3b47;border-radius:6px;outline:none;padding:8px 12px;font-size:.95rem}.modal-input:focus{border-color:#42b883}.modal-error{color:#ef4444;margin:0;font-size:.85rem}.modal-success{color:#42b883;margin:0;font-size:.85rem}.modal-btn-row{justify-content:flex-end;gap:10px;margin-top:6px;display:flex}.cancel-btn{color:#d1d5db;cursor:pointer;background-color:#2d2d38;border:none;border-radius:6px;padding:8px 14px;font-size:.85rem}.cancel-btn:hover{background-color:#3b3b47}.submit-password-btn{color:#0f0f12;cursor:pointer;background-color:#42b883;border:none;border-radius:6px;padding:8px 14px;font-size:.85rem;font-weight:700}.submit-password-btn:hover{background-color:#3aa876}