*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;margin:0;font-family:system-ui,Segoe UI,Roboto,sans-serif}.app{background:#f0f2f5;justify-content:center;align-items:center;min-height:100vh;display:flex}.card{background:#fff;border-radius:12px;width:100%;max-width:400px;padding:40px 36px;box-shadow:0 4px 24px #00000014}.brand{text-align:center;color:#6c47ff;margin:0 0 24px;font-size:22px;font-weight:700}.msg{text-align:center;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:14px}.msg.success{color:#1a7a4a;background:#e6f9f0}.msg.error{color:#c0392b;background:#fdecea}.form{flex-direction:column;gap:12px;display:flex}.form h2{color:#1a1a2e;text-align:center;margin:0 0 4px;font-size:20px}.form input,.form select{border:1px solid #ddd;border-radius:8px;outline:none;padding:10px 14px;font-size:15px;transition:border-color .2s}.form input:focus,.form select:focus{border-color:#6c47ff}.form button{color:#fff;cursor:pointer;background:#6c47ff;border:none;border-radius:8px;padding:11px;font-size:15px;font-weight:600;transition:background .2s}.form button:hover:not(:disabled){background:#5535e0}.form button:disabled{opacity:.6;cursor:not-allowed}.switch{text-align:center;color:#666;margin:0;font-size:14px}.switch span{color:#6c47ff;cursor:pointer;font-weight:600}.switch span:hover{text-decoration:underline}.profile{flex-direction:column;align-items:center;gap:20px;display:flex}.profile h2{color:#1a1a2e;margin:0;font-size:20px}.profile-info{box-sizing:border-box;background:#f7f5ff;border-radius:10px;align-items:center;gap:16px;width:100%;padding:16px 20px;display:flex}.avatar{color:#fff;background:#6c47ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:700;display:flex}.details{flex-direction:column;gap:6px;display:flex}.details p{color:#333;gap:8px;margin:0;font-size:14px;display:flex}.details p span{color:#6c47ff;min-width:68px;font-weight:600}.logout-btn{color:#fff;cursor:pointer;background:#ff4757;border:none;border-radius:8px;padding:10px 28px;font-size:15px;font-weight:600;transition:background .2s}.logout-btn:hover:not(:disabled){background:#e0001b}.logout-btn:disabled{opacity:.6;cursor:not-allowed}